/* Enhanced wide versions of the supplied photos; approved layout proportions. */
@property --coast-reveal{syntax:'<percentage>';inherits:false;initial-value:-40%}
.scenery{background:#061b29}
.landscape{background-position:center top;background-size:cover;inset:0}
.landscape-one{background-image:url('assets/costa-azul-hd.png');background-position:center top;filter:brightness(.9) contrast(1.03)}
.landscape-two{background-image:url('assets/itaipuacu-azul-hd.png');background-position:center top;--coast-reveal:-40%;mask-image:linear-gradient(105deg,#000 calc(var(--coast-reveal) - 30%),transparent calc(var(--coast-reveal) + 30%));animation:coast-crossfade 28s ease-in-out infinite;mix-blend-mode:normal;opacity:0;filter:brightness(.9) contrast(1.03)}
.scene-grade{background:linear-gradient(90deg,#031b3866,transparent 60%,#03284b13),linear-gradient(180deg,#061a3630,transparent 28%,#041e380d 60%,#03131f8c);backdrop-filter:none}
.pointer-light{background:radial-gradient(560px circle at var(--px,70%) var(--py,30%),#2ee5c81c,transparent 70%)}
.routes{stroke:#40c6f4;opacity:.66;stroke-width:.85}
.route-pulses{stroke:#66e9e4;opacity:.95;filter:drop-shadow(0 0 4px #4cbde0)}
.waypoints{filter:drop-shadow(0 0 8px #2affcc)}
.preview-bar{font-size:9px;padding-top:5px;padding-bottom:5px;background:#04121ee6}
.site-header{max-width:1600px;width:90%;padding:16px 0;gap:18px}
.brand{font-size:28px}
.brand-mark{width:43px}
.site-header nav{gap:30px}
main{max-width:1600px;width:90%;padding-top:10px;margin:0 auto}
.intro{margin-bottom:0}
.intro h1{font-size:clamp(38px,3.7vw,54px);line-height:1.04;letter-spacing:-2.2px;margin:10px 0 10px}
.intro h1 em{color:#18ddb0;text-shadow:0 0 38px #00e0b51a}
.intro p{font-size:16px}
.intro .eyebrow{font-size:8px;letter-spacing:1.6px}
.intro-caption{color:#b1d6df;opacity:.78}
.cooperators{grid-template-columns:clamp(260px,22vw,340px) minmax(0,1fr);gap:24px;margin-top:25px}
.sidebar-caption{font-size:8px;padding-bottom:11px}
.pilot-list{gap:9px}
.pilot-card{min-height:75px;padding:11px 17px;gap:13px;background:linear-gradient(125deg,#071d2ee8,#041521eb);border-color:#3eacd354;box-shadow:inset 0 1px 0 #b0e6ff05,0 9px 25px #0002}
.pilot-card[aria-pressed=true]{border-color:#20f5c6;background:linear-gradient(115deg,#094b3b9e,#052332e8);box-shadow:inset 0 0 24px #18f3bb1c,0 0 20px #00efbb24}
.pilot-card:hover{box-shadow:0 0 22px #2cbadf20;border-color:#54e1ed}
.avatar{height:48px;width:46px}
.pilot-card strong{font-size:12px}
.pilot-card small{font-size:10px}
.profile{padding:23px;margin-top:20px;border-color:#26bce2ad;background:linear-gradient(125deg,#082130ee,#031725f0 58%,#062533ed);box-shadow:0 25px 65px #0005,inset 0 1px 0 #8fe5ff12,0 0 30px #259ac30a;backdrop-filter:blur(15px)}
.profile-top{grid-template-columns:minmax(190px,31%) minmax(0,1fr);gap:26px}
.portrait{min-height:270px;background:linear-gradient(145deg,#9ba7ad,#6d7d88 45%,#324d60);border-color:#c7e5f13d}
.portrait-silhouette{color:#213747;inset:12px -10px 0;background:url('assets/pilot-placeholder.svg') center bottom/contain no-repeat}
.portrait-silhouette svg{display:none}
.profile-copy{padding:15px 0 5px}
.profile h2{font-size:32px;margin:13px 0 11px;letter-spacing:-1.1px}
.profile-copy .eyebrow{font-size:8px;letter-spacing:1.5px}
.specialties{margin:16px 0 14px}
.specialty{padding:7px 13px;font-size:10px;box-shadow:inset 0 0 15px #22b9ec0a}
.bio{font-size:13px;line-height:1.65;max-width:39ch;margin-bottom:17px}
.primary-button{background:linear-gradient(110deg,#25baf4,#70ccff);border-color:#78d8ffab;box-shadow:0 4px 29px #18aaff45,inset 0 1px 0 #b8edff55;min-height:42px}
.contour{inset:-80px -70px auto auto;width:340px;height:500px;transform:rotate(-20deg);border-radius:0;background-image:url('assets/contours.svg');background-repeat:no-repeat;background-size:100% 100%;mask-image:linear-gradient(90deg,transparent,#000 40%);opacity:.6}
.portfolio{margin-top:20px;padding-top:16px}
.portfolio-heading{margin-bottom:13px}
.portfolio h3{font-size:23px}
.media-slot{height:120px;border-color:#8bc7df50;background:#113046}
.media-slot:before{background-image:linear-gradient(#0b294677,#04192de0),url('assets/costa-azul-hd.png');background-size:cover;background-position:center 18%;opacity:.9}
.media-slot:nth-child(2):before{background-image:linear-gradient(#0b294677,#04192de0),url('assets/itaipuacu-azul-hd.png');background-position:80% center}
.play-circle{box-shadow:0 0 24px #2abfff4d,inset 0 0 12px #2abfff22;border-color:#45cfff}
.profile-footer{margin-top:13px;font-size:9px}
.profile-footer button{font-size:9px}
.sidebar-footer{margin-top:15px}
.page-footer{margin-top:20px;padding:13px 0;font-size:7px}
.local-note{font-size:8px}
@keyframes coast-crossfade{0%,12%{opacity:0;--coast-reveal:-40%}45%,62%{opacity:1;--coast-reveal:140%}95%,100%{opacity:0;--coast-reveal:-40%}}
/* Compact desktop: keep the six members and the portfolio together on short screens. */
@media(min-width:1100px) and (max-height:800px){
 .preview-bar{padding-top:3px;padding-bottom:3px;font-size:8px}
 .preview-bar button{font-size:9px;padding:2px 0}
 .site-header{padding-top:9px;padding-bottom:9px}
 .brand{font-size:25px}.brand-mark{height:30px}
 .site-header nav a{padding:8px 0}
 .intro h1{font-size:42px;letter-spacing:-1.7px;margin:9px 0 7px}
 .intro p{font-size:14px}
 .cooperators{grid-template-columns:clamp(260px,21vw,320px) minmax(0,1fr);margin-top:18px;gap:24px}
 .pilot-list{gap:8px}.pilot-card{min-height:62px;padding:8px 15px;gap:12px}
 .avatar{height:42px;width:40px}.avatar svg{height:37px;width:37px}
 .pilot-card strong{font-size:12px}.pilot-card small{font-size:10px;margin-top:5px}
 .profile{padding:18px;margin-top:19px}.profile-top{grid-template-columns:clamp(205px,16vw,245px) minmax(0,1fr);gap:28px}
 .portrait{min-height:222px}.portrait-caption{bottom:35px}.portrait-corner{font-size:6px}
 .profile-copy{padding:9px 0 0}.profile h2{font-size:32px;margin:11px 0 9px}
 .specialties{margin:12px 0 11px}.specialty{font-size:9px;padding:6px 12px}
 .bio{font-size:12px;line-height:1.6;margin-bottom:13px;max-width:48ch}
 .primary-button{min-height:36px;padding:9px 15px;font-size:11px}
 .portfolio{margin-top:15px;padding-top:12px}.portfolio-heading{margin-bottom:11px}.portfolio h3{font-size:21px}
 .media-slot{height:96px}.media-slot>.icon{width:24px;height:24px}.play-circle{width:36px;height:36px}
 .profile-footer{margin-top:9px;font-size:8px}.profile-footer button{font-size:8px;padding-top:4px;padding-bottom:4px}
 .sidebar-footer{margin-top:10px}.page-footer{margin-top:13px;padding:9px 0}.local-note{font-size:7px}
}
@media(max-width:1099px){
 main{width:calc(100% - 56px)}.site-header{width:calc(100% - 56px);padding-left:0;padding-right:0}
 .cooperators{grid-template-columns:210px minmax(0,1fr);gap:15px}
 .profile-top{grid-template-columns:minmax(145px,32%) minmax(0,1fr);gap:20px}
 .profile{padding:20px}.profile h2{font-size:29px}.portrait{min-height:270px}
 .pilot-card{padding:11px 12px;min-height:75px;gap:10px}.avatar{width:39px;height:44px}
 .pilot-card strong{font-size:11px}.pilot-card small{font-size:9px}
 .bio{font-size:12px}.specialties{gap:7px}.specialty{font-size:9px;padding:6px 10px}
 .media-slot{height:115px}.portfolio h3{font-size:21px}
}
@media(max-width:850px){
 .site-header nav{gap:18px}.profile-top{grid-template-columns:1fr}.portrait{min-height:240px;max-height:none}
 .profile-copy{padding:0}.profile h2{font-size:30px}.intro h1{font-size:44px}
 .intro-caption{display:none}
}
@media(max-width:700px){
 main{width:auto;margin:0 20px;padding-top:10px}.site-header{width:auto;padding:15px 20px}.brand{font-size:26px}
 .site-header nav{gap:14px}.preview-bar{padding:7px 18px}.preview-bar>span{font-size:8px}
 .intro h1{font-size:clamp(34px,8.5vw,46px);letter-spacing:-1.5px;line-height:1.06}
 .intro p{font-size:14px}.intro .eyebrow{font-size:7px;letter-spacing:1.4px}
 .cooperators{display:block;margin-top:24px}.pilot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .pilot-card{min-height:70px;padding:10px;gap:9px}.avatar{width:35px;height:40px}
 .pilot-card strong{font-size:10px}.pilot-card small{font-size:8px}
 .profile{padding:18px;margin-top:20px}.profile-top{gap:20px}.portrait{min-height:280px}
 .profile-copy .eyebrow{font-size:8px}.bio{font-size:13px;max-width:none}.profile h2{font-size:31px}
 .specialty{font-size:10px}.primary-button{min-height:44px}.media-slot{height:120px}.video-slot{height:140px}
 .profile-footer button{min-height:40px}.profile-footer{font-size:9px}.profile-footer button{font-size:9px}
 .landscape{background-position:58% top}.scenery{background:#061b29}
 .scene-grade{background:linear-gradient(#03182544,#03152166 60%,#031521bb)}
 .page-footer{font-size:7px}.local-note{font-size:8px}
}
@media(max-width:380px){.pilot-list{grid-template-columns:1fr}.pilot-card{min-height:62px}.pilot-card strong{font-size:12px}.pilot-card small{font-size:10px}.portfolio h3{font-size:20px}.intro h1{font-size:34px}.profile h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.landscape-two{animation:none;opacity:0;--coast-reveal:-40%}}