/* 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%}}

/* Seis fotos em duas linhas, vídeo fixo à direita. */
#media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.15fr);grid-template-rows:repeat(2,120px);grid-auto-flow:row;gap:12px;overflow:hidden}
#media-grid .media-slot{width:100%;min-width:0;height:100%;grid-column:auto;transform:none}
#media-grid .video-slot{grid-column:4;grid-row:1 / span 2}
#media-grid .media-slot.has-media{background:radial-gradient(ellipse at center,#173548,#061723);padding:5px}
#media-grid .media-slot.has-media::before{display:none}
#media-grid .media-slot img,#media-grid .media-slot video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:5px}
.portfolio-heading{gap:10px;flex-wrap:nowrap}.portfolio-heading h3{min-width:0}
.portfolio-controls{display:none!important}
@media(min-width:1100px) and (max-height:800px){#media-grid{grid-template-rows:repeat(2,96px)}}
@media(max-width:1099px){#media-grid{grid-template-rows:repeat(2,115px);gap:9px}}
@media(max-width:700px){#media-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.1fr);grid-template-rows:repeat(3,78px);gap:8px}#media-grid .video-slot{grid-column:3;grid-row:1 / span 3}.portfolio-heading #media-count{display:none}}

/* Miniaturas preenchidas; foto completa permanece na ampliação. */
#media-grid .media-slot.has-media:not(.video-slot){padding:0}
#media-grid .media-slot img{object-fit:cover;border-radius:0}

/* Galeria ampliada: seleção à esquerda, foto completa em destaque à direita. */
html.gallery-open{overflow:hidden}
#lightbox{width:min(1500px,calc(100vw - 64px));max-width:none;height:min(840px,calc(100dvh - 64px));max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #70c6e54d;border-radius:24px;background:linear-gradient(125deg,#102c3d,#071a29 55%,#061521);color:#f5f8fa;box-shadow:0 35px 120px #0009,0 0 60px #46cbe80a}
#lightbox::backdrop{background:#020e19df;backdrop-filter:blur(14px)}
#lightbox .gallery-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:28px;gap:24px}
#lightbox .gallery-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #7ab5d024}
#lightbox .gallery-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;font-weight:600;color:#77c8e6}
#lightbox .gallery-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#3fe0ad;box-shadow:0 0 12px #3fe0ad66}
#lightbox h2{font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(21px,2.3vw,32px);letter-spacing:-.8px;line-height:1.2;margin:8px 0 0;font-weight:600}
#lightbox .gallery-close{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #83c5e044;border-radius:50%;background:#143347;color:#daeff6;transition:background .2s,border-color .2s}
#lightbox .gallery-close:hover{background:#1a4b61;border-color:#61d2e9}
#lightbox .gallery-layout{display:grid;grid-template-columns:minmax(230px,.43fr) minmax(0,1fr);gap:28px;min-height:0}
#lightbox .gallery-sidebar{min-height:0;display:flex;flex-direction:column;gap:14px;padding:4px 0}
#lightbox .gallery-sidebar-heading{display:flex;justify-content:space-between;gap:8px;color:#9db9c9;font-size:9px;letter-spacing:1.3px;line-height:1.4}
#lightbox .gallery-sidebar-heading span:last-child{color:#53d6b4;white-space:nowrap}
#lightbox .gallery-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0}
#lightbox .gallery-thumbnail{position:relative;display:block;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #83c1db42;border-radius:12px;background:#041521;isolation:isolate;transition:border-color .2s,box-shadow .2s}
#lightbox .gallery-thumbnail:last-child:nth-child(odd){grid-column:1 / -1}
#lightbox .gallery-thumbnail::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#02101ba6);pointer-events:none}
#lightbox .gallery-thumbnail img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .35s}
#lightbox .gallery-thumbnail:hover{border-color:#46dfbf;box-shadow:0 0 18px #39e1bc20}
#lightbox .gallery-thumbnail:hover img{transform:scale(1.035)}
#lightbox .gallery-thumb-number{position:absolute;left:12px;bottom:10px;font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1px;color:white;z-index:1}
#lightbox .gallery-thumb-arrow{position:absolute;right:10px;bottom:8px;font-size:17px;color:#8aeed7;z-index:1}
#lightbox .gallery-hint{font-size:11px;line-height:1.5;margin:0;color:#93b1c4}
#lightbox .gallery-feature{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;margin:0;min-width:0;min-height:0}
#lightbox .gallery-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;border:1px solid #6eb2d22b;border-radius:16px;background:#061723;box-shadow:inset 0 0 80px #020b1455}
#lightbox .gallery-backdrop{position:absolute;z-index:0;inset:-8%;display:block;width:116%;height:116%;max-width:none;max-height:none;object-fit:cover;object-position:center;opacity:.56;filter:blur(9px) saturate(1.02);pointer-events:none;user-select:none}
#lightbox .gallery-stage::after{content:'';position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#03121c44);pointer-events:none}
#lightbox #lightbox-image{position:relative;z-index:2;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
#lightbox figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px;font-size:11px;line-height:1.4;color:#bdd0dc;min-width:0}
#lightbox #gallery-owner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#lightbox #gallery-position{font-size:9px;letter-spacing:1.5px;color:#6eddbc;flex-shrink:0}
#lightbox.gallery-single .gallery-layout{grid-template-columns:minmax(0,1fr)}
#lightbox.gallery-single .gallery-sidebar{display:none}
@media(max-width:900px){#lightbox{width:calc(100vw - 32px);height:calc(100dvh - 32px);border-radius:18px}#lightbox .gallery-shell{padding:20px;gap:18px}#lightbox .gallery-layout{grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:18px}#lightbox .gallery-thumbnails{gap:8px}#lightbox .gallery-hint{font-size:10px}#lightbox .gallery-sidebar-heading{font-size:8px;letter-spacing:.7px}}
@media(max-width:600px){#lightbox{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:16px}#lightbox .gallery-shell{padding:16px;gap:14px}#lightbox .gallery-header{padding-bottom:14px;gap:12px}#lightbox .gallery-eyebrow{font-size:8px;letter-spacing:1.1px}#lightbox h2{font-size:22px}#lightbox .gallery-close{width:36px;height:36px}#lightbox .gallery-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px}#lightbox .gallery-feature{grid-row:1;gap:10px}#lightbox .gallery-sidebar{grid-row:2;padding:0;gap:9px}#lightbox .gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:76px;gap:7px;flex:none}#lightbox .gallery-thumbnail:last-child:nth-child(odd){grid-column:auto}#lightbox .gallery-thumbnail{border-radius:8px}#lightbox .gallery-thumb-number{left:6px;bottom:5px;font-size:10px}#lightbox .gallery-thumb-arrow{display:none}#lightbox .gallery-hint{display:none}#lightbox .gallery-stage{border-radius:12px}#lightbox figcaption{font-size:10px}#lightbox #gallery-position{font-size:8px;letter-spacing:1px}#lightbox.gallery-single .gallery-layout{grid-template-rows:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#lightbox .gallery-thumbnail img{transition:none}#lightbox .gallery-thumbnail:hover img{transform:none}}

/* Lista independente: apenas os cards dos cooperados rolam. */
.cooperators{grid-template-columns:clamp(235px,18.5vw,285px) minmax(0,1fr)}
.pilot-sidebar{display:flex;flex-direction:column;min-width:0;height:calc(var(--profile-panel-height,540px) + 20px);gap:0}
.pilot-sidebar .sidebar-caption{flex-shrink:0;gap:8px;white-space:nowrap}
#pilot-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#42cdb796 #0a2331;padding:3px 10px 3px 3px;gap:9px}
#pilot-list::-webkit-scrollbar{width:7px}
#pilot-list::-webkit-scrollbar-track{background:#0a2331;border-radius:12px}
#pilot-list::-webkit-scrollbar-thumb{background:#42cdb796;border:1px solid #0a2331;border-radius:12px}
#pilot-list::-webkit-scrollbar-thumb:hover{background:#58dfc7}
#pilot-list .pilot-card{flex-shrink:0;min-width:0}
#pilot-list .pilot-card-copy{min-width:0;flex:1}
#pilot-list .pilot-card strong,#pilot-list .pilot-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.add-cooperator{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;width:calc(100% - 10px);min-height:46px;margin:12px 7px 0 3px;padding:9px 12px;border:1px solid #3ed8b87a;border-radius:12px;background:linear-gradient(120deg,#0d3d3adf,#082431ef);color:#c8f4ec;font-size:11px;font-weight:600;box-shadow:inset 0 1px 0 #8fe5ff0a;transition:border-color .2s,background .2s}
.add-cooperator:hover{border-color:#50e5c1;background:#12463f}
.add-cooperator:disabled{opacity:.5;cursor:wait}
.add-cooperator-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #65dfbf70;border-radius:50%;font-size:20px;font-weight:400;line-height:1;color:#71e6ca}
.pilot-sidebar .sidebar-footer{flex-shrink:0;margin:12px 3px 0;font-size:9px}
@media(min-width:1100px) and (max-height:800px){#pilot-list{gap:8px}.add-cooperator{min-height:40px;margin-top:10px}}
@media(max-width:1099px){.cooperators{grid-template-columns:195px minmax(0,1fr)}#pilot-list .pilot-card{gap:8px;padding-left:10px;padding-right:10px}#pilot-list .pilot-card strong{font-size:11px}#pilot-list .pilot-card small{font-size:9px}.add-cooperator{font-size:10px;gap:7px}.sidebar-caption{font-size:7px}}
@media(max-width:700px){.cooperators{display:block}.pilot-sidebar{height:280px}#pilot-list .pilot-card{min-height:62px;padding:8px 12px;gap:12px}#pilot-list .pilot-card strong{font-size:12px}#pilot-list .pilot-card small{font-size:10px}.add-cooperator{min-height:42px;font-size:11px}.pilot-sidebar .sidebar-footer{display:none}}

/* Cadastro no cabeçalho; área de seleção limitada aos botões da lista. */
.pilot-sidebar .sidebar-caption{align-items:center;min-height:34px;padding:0 10px 10px 3px;gap:8px}
.pilot-sidebar .sidebar-caption>span:first-child{margin-right:auto}
.pilot-sidebar .sidebar-caption .add-cooperator{position:relative;display:grid;place-items:center;width:28px;height:28px;min-height:28px;margin:0;padding:0;border-radius:9px;gap:0}
.pilot-sidebar .sidebar-caption .add-cooperator-icon{width:auto;height:auto;border:0;font-size:22px}
.pilot-sidebar .sidebar-caption .add-cooperator>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#pilot-list{max-height:358px;overflow-y:scroll}
#pilot-list .pilot-card{min-height:70px}
@media(min-width:1000px) and (min-height:600px){
 html,body{height:100%;min-height:0}
 html body main#inicio{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:94px;padding-bottom:14px;gap:0}
 main#inicio .intro{flex-shrink:0}
 main#inicio .intro h1{font-size:clamp(36px,5.8dvh,50px);margin-top:9px;margin-bottom:8px}
 main#inicio .intro p{font-size:clamp(13px,1.8dvh,16px)}
 main#inicio .cooperators{flex:1;min-height:0;margin-top:16px;align-items:stretch}
 main#inicio .pilot-sidebar{height:100%;min-height:0;overflow:hidden}
 main#inicio #pilot-list{min-height:0;max-height:358px}
 main#inicio .profile{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;height:100%;margin:0;padding:clamp(12px,1.9dvh,20px);gap:0}
 main#inicio .profile-top{min-height:0;grid-template-columns:clamp(165px,16vw,255px) minmax(0,1fr);gap:clamp(18px,2vw,28px)}
 main#inicio .portrait{min-height:0;max-height:none;height:100%}
 main#inicio .profile-copy{min-width:0;min-height:0;padding:6px 0 0}
 main#inicio .profile h2{font-size:clamp(26px,3.8dvh,34px);margin:10px 0 8px;letter-spacing:-1px}
 main#inicio .location{font-size:clamp(12px,1.7dvh,15px);margin:0}
 main#inicio .specialties{margin:12px 0 10px;gap:7px}
 main#inicio .specialty{font-size:10px;padding:6px 11px}
 main#inicio .bio{font-size:clamp(11px,1.5dvh,13px);line-height:1.5;max-width:65ch;margin:0 0 12px}
 main#inicio .primary-button{min-height:34px;padding:8px 14px;font-size:11px}
 main#inicio .portfolio{margin-top:12px;padding-top:12px;min-height:0}
 main#inicio .portfolio-heading{margin-bottom:10px}
 main#inicio .portfolio h3{font-size:clamp(20px,2.8dvh,24px);line-height:1.15;margin:0}
 main#inicio #media-grid{grid-template-rows:repeat(2,clamp(58px,10.2dvh,100px));gap:10px}
 main#inicio .profile-footer{margin-top:8px;min-height:18px;font-size:9px;flex-wrap:nowrap}
 main#inicio .profile-footer button{padding:3px 0 3px 6px;min-height:0;font-size:9px}
 main#inicio .sidebar-footer{margin-top:10px}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){
 main#inicio .intro h1{font-size:34px;letter-spacing:-1.3px;margin-top:7px;margin-bottom:6px}
 main#inicio .intro p{font-size:13px}
 main#inicio .cooperators{margin-top:12px}
 main#inicio .profile-copy{padding-top:0}
 main#inicio .profile h2{font-size:25px;margin:7px 0 6px}
 main#inicio .profile-copy .eyebrow{font-size:7px;letter-spacing:1.1px}
 main#inicio .specialties{margin:8px 0 7px}
 main#inicio .specialty{padding:5px 9px;font-size:9px}
 main#inicio .bio{font-size:11px;line-height:1.45;margin-bottom:8px}
 main#inicio .primary-button{min-height:30px;padding:6px 12px;font-size:10px}
 main#inicio .portfolio{margin-top:10px;padding-top:9px}
 main#inicio .portfolio-heading{margin-bottom:8px}
 main#inicio #media-grid{grid-template-rows:repeat(2,clamp(50px,9dvh,66px));gap:8px}
 main#inicio .portrait-corner{font-size:6px;bottom:9px}
}
@media(max-width:999px){#pilot-list{max-height:300px}}
@media(max-width:700px){.pilot-sidebar{height:245px}.pilot-sidebar .sidebar-caption{padding-bottom:9px}#pilot-list{max-height:none}#pilot-list .pilot-card{min-height:62px}}
@media(min-width:1000px) and (min-height:600px){html,body{overflow:hidden}}
@media(min-width:1000px) and (min-height:600px) and (max-height:660px){
 main#inicio .intro h1{font-size:32px;line-height:1.08}
 main#inicio .intro h1 br{display:none}
 main#inicio .intro h1 em{margin-left:.22em}
 main#inicio .profile{padding:10px}
 main#inicio .bio{font-size:10.5px;line-height:1.4}
}

/* Controle de rolagem sempre visível, exclusivo da lista. */
.pilot-list-frame{position:relative;flex:1;min-height:0;max-height:358px}
.pilot-list-frame #pilot-list{height:100%;max-height:none;scrollbar-width:none;padding-right:14px}
.pilot-list-frame #pilot-list::-webkit-scrollbar{display:none;width:0}
.pilot-scroll-track{position:absolute;right:1px;top:3px;bottom:3px;width:7px;border-radius:8px;background:#071e2f99;box-shadow:inset 0 0 0 1px #81c5db26;touch-action:none;cursor:pointer}
.pilot-scroll-track[hidden]{display:none}
.pilot-scroll-thumb{position:absolute;left:1px;right:1px;top:0;min-height:30px;border-radius:8px;background:linear-gradient(#4edec3,#35a5ad);box-shadow:0 0 7px #37d4bd25;pointer-events:auto}
.pilot-scroll-track:hover .pilot-scroll-thumb,.pilot-scroll-track.is-dragging .pilot-scroll-thumb{background:#6ae7d0}
.pilot-scroll-track:focus-visible{outline:2px solid #8cefd9;outline-offset:3px}
@media(max-width:999px){.pilot-list-frame{max-height:300px}}
@media(max-width:700px){.pilot-list-frame{max-height:none}}

/* O espaço do antigo título passa a fazer parte das fotos e do vídeo. */
#media-grid{grid-template-rows:repeat(2,137px)}
@media(min-width:1100px) and (max-height:800px){#media-grid{grid-template-rows:repeat(2,113px)}}
@media(max-width:1099px){#media-grid{grid-template-rows:repeat(2,132px)}}
@media(max-width:700px){#media-grid{grid-template-rows:repeat(3,90px)}}
@media(min-width:1000px) and (min-height:600px){
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(58px,10.2dvh,100px) + 17px))}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(50px,9dvh,66px) + 16px))}
}

/* O texto usa toda a coluna e se ajusta sem aumentar o card. */
main#inicio .profile-copy{align-items:stretch;overflow:hidden}
main#inicio .profile-copy> :not(.bio){flex-shrink:0}
main#inicio .profile-copy>.primary-button{align-self:flex-start}
main#inicio .bio{--bio-font-max:15px;width:100%;max-width:none;min-width:0;min-height:0;flex:1 1 0;font-size:var(--bio-font-max);line-height:1.5;overflow:hidden}
@media(min-width:1000px) and (min-height:600px){
 main#inicio .profile-top{grid-template-rows:minmax(0,1fr)}
 main#inicio .profile-copy{height:100%}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){main#inicio .bio{--bio-font-max:13px}}
@media(max-width:999px),(max-height:599px){
 main#inicio .profile-copy{height:340px;min-height:0}
}

/* Justificação automática das apresentações de todos os cooperados. */
main#inicio .bio{text-align:justify;text-justify:inter-word;hyphens:auto}

/* Recuo à direita intermediário entre os dois últimos ajustes. */
@media(min-width:1000px) and (min-height:600px){
 main#inicio .bio{width:calc(100% - clamp(95px,15.2dvh,160px))}
}

/* Fonte maior para a apresentação ocupar melhor as três linhas. */
main#inicio .bio{--bio-font-max:17px}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){main#inicio .bio{--bio-font-max:15px}}

/* Centralizar o botão entre o texto e a divisória do portfólio. */
main#inicio .profile-copy{padding-bottom:0}
main#inicio .bio{flex:0 1 auto;margin-bottom:0}
main#inicio .profile-copy>.primary-button{margin-top:auto;margin-bottom:auto;position:relative;top:10px}
@media(min-width:1000px) and (min-height:600px){main#inicio .profile-copy>.primary-button{top:6px}}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){main#inicio .profile-copy>.primary-button{top:5px}}
/* Informações no alto do card; fotos e vídeo aproveitam a faixa inferior. */
main#inicio .profile{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
main#inicio .profile-footer{grid-row:1;grid-column:1;margin:0 0 8px;justify-content:space-between;min-width:0}
main#inicio .profile-footer>span{margin-right:auto}
main#inicio .profile-footer #edit-profile{margin-left:auto;flex-shrink:0}
main#inicio .profile-top{grid-row:2;grid-column:1}
main#inicio .portfolio{grid-row:3;grid-column:1}
#media-grid{grid-template-rows:repeat(2,149px)}
@media(min-width:1100px) and (max-height:800px){#media-grid{grid-template-rows:repeat(2,125px)}}
@media(max-width:1099px){#media-grid{grid-template-rows:repeat(2,144px)}}
@media(max-width:700px){#media-grid{grid-template-rows:repeat(3,100px)}}
@media(min-width:1000px) and (min-height:600px){
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(58px,10.2dvh,100px) + 29px))}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(50px,9dvh,66px) + 28px))}
}
/* A frase acompanha a identificação existente, sem uma faixa adicional. */
main#inicio .profile{grid-template-rows:minmax(0,1fr) auto}
main#inicio .profile-top{grid-row:1}
main#inicio .portfolio{grid-row:2}
main#inicio .profile-footer{position:absolute;inset:12px 18px auto auto;margin:0;min-height:0;z-index:2}
main#inicio .profile-copy .eyebrow{gap:10px;flex-wrap:wrap;padding-right:65px}
main#inicio .profile-copy .eyebrow>.profile-inline-hint{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;background:none;color:#acc3d0;font-size:9px;font-weight:400;letter-spacing:0;white-space:nowrap}
main#inicio .profile-inline-hint .icon{width:14px;height:14px}
@media(min-width:1000px) and (min-height:600px){main#inicio .profile-footer{top:calc(clamp(12px,1.9dvh,20px) + 4px);right:clamp(12px,1.9dvh,20px)}}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){main#inicio .profile-footer{top:clamp(12px,1.9dvh,20px)}}
/* Elevar o card até o subtítulo e destinar o ganho somente ao portfólio. */
@media(min-width:1000px) and (min-height:600px){
 main#inicio .profile{margin-top:calc(-1 * var(--profile-rise,0px));height:calc(100% + var(--profile-rise,0px))}
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(58px,10.2dvh,100px) + 29px + var(--profile-rise,0px) / 2))}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:740px){
 main#inicio #media-grid{grid-template-rows:repeat(2,calc(clamp(50px,9dvh,66px) + 28px + var(--profile-rise,0px) / 2))}
}
/* Fixar a edição no topo real do card, independente das linhas da grade. */
main#inicio .profile-footer{grid-row:auto;grid-column:auto}
/* Busca por serviços: campo alinhado e controles com espaço próprio. */
.pilot-sidebar .sidebar-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:column;grid-auto-columns:34px;align-items:center;gap:8px;min-height:54px;padding:0 8px 12px 3px}
.pilot-sidebar .sidebar-caption .cooperator-search{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;height:42px;min-height:42px;margin:0;padding:0 10px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,#10354b,#092232) padding-box,linear-gradient(115deg,#60e4d2b8,#319fc078) border-box;box-shadow:0 5px 18px #00111c40,inset 0 1px 0 #b5eef916;color:#e7f4fa;letter-spacing:0;cursor:text;transition:box-shadow .2s,border-color .2s,background .2s}
.pilot-sidebar .sidebar-caption .cooperator-search:hover{background:linear-gradient(135deg,#123e53,#0b2b3d) padding-box,linear-gradient(115deg,#78f0dd,#43b5da) border-box;box-shadow:0 5px 20px #00111c50,0 0 16px #45dbcb12}
.pilot-sidebar .sidebar-caption .cooperator-search:focus-within{background:linear-gradient(135deg,#123e53,#092638) padding-box,linear-gradient(115deg,#6ef1d3,#61cfff) border-box;box-shadow:0 0 0 3px #46d9c414,0 5px 22px #00111c55,inset 0 1px 0 #c1ffff19}
.pilot-sidebar .sidebar-caption .cooperator-search svg{display:block;position:static;align-self:center;flex:0 0 15px;width:15px;height:15px;margin:0;fill:none;stroke:#80e6d7;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 4px #53d9c531)}
.pilot-sidebar .sidebar-caption .cooperator-search input{display:block;position:static;flex:1 1 0;align-self:stretch;width:0;min-width:0;max-width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;color:#eef8fc;font:500 12px/normal Inter,Arial,sans-serif;letter-spacing:0;text-align:left;appearance:none;-webkit-appearance:none}
.pilot-sidebar .sidebar-caption .cooperator-search input::placeholder{color:#c0d7e2;opacity:1;font-weight:400}
.pilot-sidebar .sidebar-caption .cooperator-search input::-webkit-search-decoration{display:none}


.pilot-sidebar .sidebar-caption .add-cooperator{display:grid;place-items:center;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #53d9b9aa;border-radius:10px;background:linear-gradient(140deg,#15544c,#0b323d);box-shadow:inset 0 1px 0 #bcffeb17,0 3px 12px #00111c40;transition:border-color .2s,box-shadow .2s,background .2s}
.pilot-sidebar .sidebar-caption .add-cooperator:hover{border-color:#8bf5d7;background:linear-gradient(140deg,#1a6a59,#104551);box-shadow:0 0 14px #3ee0b826}
.pilot-sidebar .sidebar-caption .add-cooperator-icon{display:grid;place-items:center;width:22px;height:22px;line-height:1;font-size:24px;font-weight:300;border:0;color:#9af2d9}
#pilot-list .pilot-card[hidden]{display:none}
.cooperator-search-empty{position:absolute;inset:10px 16px auto 3px;margin:0;padding:22px 12px;border:1px dashed #73bdd33d;border-radius:12px;background:#092432a6;font-size:11px;line-height:1.6;letter-spacing:0;text-align:center;color:#b5cdd7;pointer-events:none}
.cooperator-search-empty[hidden]{display:none}
@media(min-width:1600px){.pilot-sidebar .sidebar-caption .cooperator-search input{font-size:12px}}
@media(max-width:1099px){.pilot-sidebar .sidebar-caption{gap:7px;grid-auto-columns:32px}.pilot-sidebar .sidebar-caption .add-cooperator{width:32px;height:32px;min-height:32px}.pilot-sidebar .sidebar-caption .cooperator-search{gap:6px;padding:0 8px}}
@media(max-width:700px){.pilot-sidebar .sidebar-caption .cooperator-search input{font-size:13px}.pilot-sidebar .sidebar-caption .cooperator-search{gap:9px;padding:0 12px}}

.pilot-sidebar .sidebar-caption .cooperator-search input:placeholder-shown::-webkit-search-cancel-button{display:none}

@media(max-width:1099px){.pilot-sidebar .sidebar-caption .cooperator-search input{font-size:11px}.pilot-sidebar .sidebar-caption .cooperator-search{padding:0 7px;gap:5px}}
@media(max-width:700px){.pilot-sidebar .sidebar-caption .cooperator-search input{font-size:13px}}

/* A contagem acompanha a frase no rodapé da lista. */
.pilot-sidebar .sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:10px}
.sidebar-tagline{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.sidebar-profile-count{display:inline-block;flex-shrink:0;padding:4px 7px;border:1px solid #55cdb63d;border-radius:7px;background:#092d34b3;color:#a1dfd2;font-size:9px;font-weight:500;line-height:1.2;white-space:nowrap}
@media(max-width:1099px){.pilot-sidebar .sidebar-footer{font-size:8px;padding-right:6px}.sidebar-profile-count{padding:4px 5px;font-size:8px}}

/* Mais trajetos luminosos no topo e atrás do conteúdo, com ritmos diferentes. */
.routes .route-upper,.routes .route-diagonal{stroke:#55d6e7;stroke-width:.8}
.routes .route-contours-new{stroke:#59c9ed;stroke-width:.65;opacity:.55}
.route-pulses .route-upper{stroke:#68efcf;stroke-width:1.65;stroke-dasharray:90 1180;animation:additional-flight 30s linear infinite;animation-delay:-9s}
.route-pulses .route-diagonal{stroke:#73d8ff;stroke-width:1.5;stroke-dasharray:66 1204;animation:additional-flight 36s linear infinite;animation-delay:-22s}
.waypoints .waypoint-new{fill:#55dfd2;stroke:#91f5e8;stroke-width:1.5}
@keyframes additional-flight{from{stroke-dashoffset:0}to{stroke-dashoffset:-1270}}
@media(prefers-reduced-motion:reduce){.route-pulses .route-upper,.route-pulses .route-diagonal{animation:none}}
.motion-paused .route-pulses .route-upper,.motion-paused .route-pulses .route-diagonal{animation-play-state:paused}

/* O bloco acompanha o centro do espaço entre o menu e o card. */
main#inicio .intro{position:relative}
main#inicio .intro .intro-caption{position:absolute;right:0;top:var(--intro-caption-top,10px)}

/* Perfil no celular: retrato e identificação juntos, apresentação logo abaixo. */
@media(max-width:700px){
 main#inicio{width:auto;margin-inline:14px}
 main#inicio .profile{height:auto;min-height:0;grid-template-rows:auto auto;padding:15px}
 main#inicio .profile-top{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);grid-template-rows:auto auto auto;column-gap:15px;row-gap:15px;align-items:center;min-width:0}
 main#inicio .portrait{grid-column:1;grid-row:1;height:clamp(148px,40vw,180px);min-height:0;max-height:none;border-radius:12px}
 main#inicio .portrait>img{object-position:center 32%}
 main#inicio .portrait-corner{font-size:5px;letter-spacing:1px;left:9px;bottom:10px}
 main#inicio .portrait-caption{font-size:10px;bottom:28px;gap:6px}
 main#inicio .portrait-caption .icon{width:22px;height:22px}
 main#inicio .profile-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;height:auto;min-height:0;min-width:0;padding:0;overflow:visible}
 main#inicio .profile-copy .eyebrow{font-size:7px;line-height:1.5;letter-spacing:1px;gap:6px;padding:0;min-width:0;max-width:100%}
 main#inicio .profile-copy .eyebrow>span:first-child{width:5px;height:5px;flex-shrink:0}
 main#inicio .profile-copy .eyebrow>.profile-inline-hint{width:100%;gap:5px;font-size:8px;line-height:1.4;letter-spacing:0;white-space:normal}
 main#inicio .profile-inline-hint .icon{width:12px;height:12px}
 main#inicio .profile h2{font-size:clamp(21px,5.5vw,25px);line-height:1.12;letter-spacing:-.7px;margin:0;width:100%}
 main#inicio .location{font-size:12px;line-height:1.4;gap:5px;margin:0}
 main#inicio .location .icon{width:15px;height:15px}
 main#inicio .specialties{gap:6px;margin:0;min-width:0;max-width:100%}
 main#inicio .specialty{font-size:9px;line-height:1.3;padding:6px 9px;overflow-wrap:anywhere}
  main#inicio .profile-top>.bio{--bio-font-max:16px;grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:auto;min-height:0;max-height:none;flex:none;margin:0;padding:0;font-size:16px;line-height:1.6;letter-spacing:-.1px;text-align:justify;hyphens:auto;overflow:visible}
 main#inicio .profile-top>.primary-button{grid-column:1/-1;grid-row:3;justify-self:start;align-self:start;position:static;top:auto;min-height:42px;margin:0;padding:11px 16px;font-size:12px;border-radius:10px;gap:24px}
 main#inicio .portfolio{margin-top:18px;padding-top:16px}
 main#inicio .profile-footer{display:none}
 main#inicio .profile-footer:has(button:not([hidden])){display:flex;position:static;inset:auto;grid-column:1;grid-row:3;justify-content:flex-end;margin:12px 0 0}
 main#inicio .profile-footer button{min-height:32px;padding:5px 0;font-size:10px}
}
@media(max-width:360px){
 main#inicio .profile{padding:15px}
 main#inicio .profile-top{column-gap:12px;row-gap:14px;grid-template-columns:minmax(0,.41fr) minmax(0,.59fr)}
 main#inicio .portrait{height:145px}
 main#inicio .profile-copy{gap:8px}
 main#inicio .profile h2{font-size:21px}
 main#inicio .profile-copy .eyebrow{font-size:6px;letter-spacing:.7px}
 main#inicio .profile-copy .eyebrow>.profile-inline-hint{font-size:7px}
 main#inicio .location{font-size:11px}
 main#inicio .specialty{font-size:8px;padding:5px 7px}
}

/* As quebras do formulário não obrigam cada parágrafo a caber em uma linha. */
main#inicio .bio{width:100%;white-space:normal;flex:none;text-align:justify;overflow-wrap:anywhere}
main#inicio .bio.bio-truncated{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--bio-visible-lines);max-height:calc(var(--bio-visible-lines) * 1lh);overflow:hidden}
.bio-read-more[hidden]{display:none!important}
main#inicio .bio-read-more{align-self:flex-start;flex:none;margin:4px 0 0;padding:0;border:0;background:none;color:#80e5d2;font:500 11px/1.5 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
main#inicio .bio-read-more:hover{color:#c7fff1}
#bio-dialog{position:fixed;inset:0;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:32px;border:1px solid #56b7c37a;border-radius:20px;color:#edf7fa;background:linear-gradient(145deg,#123747,#081d2d 65%);box-shadow:0 24px 100px #0009;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#54b5b8 #102a3c}
#bio-dialog::backdrop{background:#020f1bd9;backdrop-filter:blur(8px)}
#bio-dialog .bio-dialog-kicker{display:block;padding-right:35px;color:#84e2ca;font:600 9px/1.5 Inter,Arial,sans-serif;letter-spacing:1.5px}
#bio-dialog h2{font:600 28px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.7px;margin:12px 35px 20px 0;overflow-wrap:anywhere}
#bio-dialog p{font:400 16px/1.75 Inter,Arial,sans-serif;color:#d5e6ed;white-space:pre-line;text-align:justify;hyphens:auto;overflow-wrap:anywhere;margin:0}
#bio-dialog .bio-dialog-close{position:absolute;right:20px;top:20px;width:34px;height:34px;padding:0;border:1px solid #7db2c16b;border-radius:50%;background:#133747;color:#e2f4f8;font:300 26px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:700px){#bio-dialog{padding:24px}#bio-dialog h2{font-size:25px}}

/* Duas cópias difusas do PNG emitem luz por toda a silhueta; a frente fica nítida. */
#media-grid .video-placeholder{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:0;border-color:#5db8ca66;background:#061d2c;box-shadow:inset 0 1px 0 #b9e8f008}
#media-grid .video-placeholder::before{display:none}
#media-grid .video-placeholder::after{content:'';position:absolute;inset:12px;border:1px solid #6cc3d51a;border-radius:10px;pointer-events:none}
#media-grid .video-brand-glow{position:absolute;z-index:0;display:block;width:94%;max-width:300px;aspect-ratio:1;max-height:100%;transform:translateY(8%);pointer-events:none;opacity:.85;animation:coopdrone-logo-aura 5s ease-in-out infinite}
#media-grid .video-brand-glow::before,#media-grid .video-brand-glow::after{content:'';position:absolute;inset:0;background:url('assets/coopdrone-logo-portfolio.png') center/contain no-repeat}
#media-grid .video-brand-glow::before{filter:blur(13px) brightness(2.4) saturate(1.8);transform:scale(1.08);opacity:.9}
#media-grid .video-brand-glow::after{filter:blur(5px) brightness(2) saturate(1.6);transform:scale(1.025);opacity:.95}
#media-grid .video-placeholder .video-brand-logo{position:relative;z-index:1;display:block;width:94%;height:auto;max-width:300px;max-height:100%;object-fit:contain;object-position:center;border-radius:0;transform:translateY(8%);filter:none;animation:none}
@keyframes coopdrone-logo-aura{0%,100%{opacity:.7}50%{opacity:1}}
.motion-paused #media-grid .video-brand-glow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#media-grid .video-brand-glow{animation:none;opacity:.9}}
@media(max-width:700px){
 #media-grid.no-video .video-placeholder{display:none}
 main#inicio #media-grid.no-video{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:100px;grid-auto-flow:row}
}