.hero-signature{position:relative;isolation:isolate}
.hero-signature .hero-backdrop{position:absolute;inset:0 0 0 auto;width:min(72%,1050px);z-index:-1;opacity:.58;background:linear-gradient(90deg,#0b1724 0%,rgba(11,23,36,.56) 36%,rgba(11,23,36,.16) 100%),linear-gradient(0deg,#0b1724 0%,transparent 38%),url('/assets/retrato-marca.png') center right/cover no-repeat;filter:saturate(.68)}
.hero-signature .hero-stage{display:flex;align-items:center;min-height:675px}
.hero-signature .hero-copy{width:min(870px,100%);padding:72px 0 78px}
.hero-signature .eyebrow{margin-bottom:22px}
.hero-signature .hero-brand{width:min(870px,100%);max-width:none;margin:0 0 16px;white-space:normal}
.hero-signature .hero-brand img{display:block;width:100%;height:auto}
.hero-signature .hero-manifesto{font:800 clamp(27px,3.2vw,45px)/1.18 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 21px;max-width:750px}
.hero-signature .hero-manifesto em{color:var(--teal)}
.hero-signature .hero-lede{font-size:17px;max-width:650px;margin-bottom:27px}
.hero-signature .hero-footer{position:relative;z-index:1}
.about-hero{padding:88px 0}
.about-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:95px}
.about-hero .about-photo{width:320px;height:320px;max-width:320px;margin:0;border-radius:50%;overflow:hidden;border:2px solid var(--teal);box-shadow:0 0 0 12px rgba(77,225,223,.1);background:radial-gradient(circle at 48% 38%,#27495b 0%,#122a3b 65%,#0b1724 100%)}
.about-hero .about-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero h1{font-size:clamp(60px,6vw,92px)}
.archive-context{font-size:13px;line-height:1.5;color:var(--muted);max-width:800px;margin:0 0 24px}

.work-card .work-preview{appearance:none;display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--teal2);padding:15px 0 0;text-align:left;font-size:12px;font-weight:800;cursor:pointer}
.work-card .work-preview:hover{color:var(--navy)}
.work-card .work-preview span{font-size:18px;line-height:1}

.preview-dialog{border:0;padding:0;width:min(1120px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);background:var(--ice);color:var(--navy);box-shadow:0 28px 90px rgba(0,0,0,.34)}
.preview-dialog::backdrop{background:rgba(4,15,25,.78);backdrop-filter:blur(5px)}
.preview-shell{overflow:auto;max-height:calc(100dvh - 36px)}
.preview-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);font:800 11px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.14em;color:var(--teal2)}
.preview-close{border:0;background:none;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:0;cursor:pointer;display:flex;align-items:center;gap:11px}
.preview-close span{font:400 27px/1 Arial,sans-serif}
.preview-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:490px}
.preview-media{background:var(--navy);min-height:490px;position:relative}
.preview-play{display:block;position:relative;width:100%;height:100%;min-height:490px;border:0;padding:0;background:linear-gradient(145deg,#173145,#0b1724);cursor:pointer;overflow:hidden}
.preview-play img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.72) saturate(.8)}
.preview-play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--navy);font-size:25px;padding-left:4px;box-shadow:0 10px 36px rgba(0,0,0,.25)}
.preview-play:hover .preview-play-symbol{background:white}
.preview-media iframe{display:block;width:100%;height:100%;min-height:490px;border:0}
.preview-art{height:100%;min-height:490px;padding:38px;background:linear-gradient(145deg,#18354b 0%,#0b1724 85%);color:var(--ice);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.preview-art span{font:800 11px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.14em;color:var(--teal)}
.preview-art strong{font:800 clamp(35px,3.6vw,58px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-.06em;max-width:550px}
.preview-info{padding:50px 44px 42px;display:flex;flex-direction:column}
.preview-meta{font:800 11px/1.4 'Manrope',Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--teal2);margin:0 0 17px}
.preview-info h2{font-size:clamp(32px,3.2vw,48px);margin:0 0 20px;line-height:1.08}
.preview-info>p:not(.preview-meta){font-size:16px;color:var(--muted);line-height:1.58;margin-bottom:32px}
.preview-source{margin-top:auto;padding:17px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;font-size:12px}
.preview-source span{color:var(--muted)}
.preview-source strong{text-align:right}
.preview-info .button{margin-top:15px}

.coverage-section{background:#e8f3f4;border-top:1px solid rgba(11,23,36,.1)}
.coverage-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:72px;margin-bottom:35px}
.coverage-heading h2{margin:0;font-size:clamp(35px,4.2vw,58px);line-height:1.05;letter-spacing:-.06em}
.coverage-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.coverage-archive{border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}
.coverage-archive summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;font:800 16px/1.3 'Manrope',Arial,sans-serif;color:var(--navy)}
.coverage-archive summary::-webkit-details-marker{display:none}
.coverage-archive summary span:last-child{font-size:30px;font-weight:400;line-height:1;color:var(--teal2);transition:transform .2s ease}
.coverage-archive[open] summary span:last-child{transform:rotate(45deg)}
.coverage-archive summary:hover{color:var(--teal2)}
.coverage-archive summary:focus-visible{outline:2px solid var(--teal2);outline-offset:4px}
.coverage-groups{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:36px;padding:18px 0 32px}
.coverage-group h3{margin:0 0 15px;font:800 13px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--teal2)}
.coverage-group ul{list-style:none;margin:0;padding:0}
.coverage-group li{border-top:1px solid rgba(11,23,36,.14)}
.coverage-group a{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 0;color:var(--navy);text-decoration:none}
.coverage-group a:hover strong,.coverage-group a:focus-visible strong{text-decoration:underline;text-underline-offset:3px}
.coverage-group a strong{grid-column:1;font-size:14px;line-height:1.35}
.coverage-group a span{grid-column:1;font-size:14px;line-height:1.4;color:var(--muted)}
.coverage-group a b{grid-column:2;grid-row:1 / span 2;font-size:18px;font-weight:400;color:var(--teal2)}
.coverage-note{margin:18px 0 0;max-width:890px;font-size:13px;line-height:1.55;color:var(--muted)}
.coverage-note a{color:var(--navy);font-weight:700}
.contact-main .socials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px}
.contact-main .socials a{border-top:1px solid rgba(11,23,36,.5);padding-top:13px;font-size:14px;line-height:1.4}
.contact-main .socials a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-main .socials span{display:block;font-size:12px;font-weight:600;opacity:.7;margin-top:3px}
.footer-bottom div{flex-wrap:wrap;justify-content:flex-end}

@media(max-width:760px){
  .hero-signature .hero-backdrop{width:100%;opacity:.33;background-position:center,center,60% center}
  .hero-signature .hero-stage{min-height:590px}
  .hero-signature .hero-copy{padding:52px 0 58px}
  .hero-signature .hero-brand{margin-bottom:22px}
  .hero-signature .hero-manifesto{font-size:clamp(26px,7vw,36px)}
  .hero-signature .hero-lede{font-size:16px}
  .about-hero{padding:68px 0}
  .about-hero .page-hero-grid{grid-template-columns:1fr;gap:28px}
  .about-hero .about-photo{width:240px;height:240px;max-width:240px;margin:0 auto}
  .about-hero h1{font-size:clamp(49px,11vw,68px)}
  .preview-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .preview-shell{max-height:calc(100dvh - 20px)}
  .preview-layout{grid-template-columns:1fr}
  .preview-media,.preview-play,.preview-art,.preview-media iframe{min-height:245px;height:245px}
  .preview-info{padding:30px 25px 32px}
  .preview-info h2{font-size:34px}
  .preview-bar{padding:13px 20px}
  .coverage-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}
  .coverage-groups{grid-template-columns:1fr;gap:24px}
  .contact-main .socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .footer-bottom div{justify-content:flex-start}
}
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.13em;overflow:visible}
.icon-play{width:.9em;height:.9em;vertical-align:0}
.video-play .icon-play{width:18px;height:18px}
.menu-button .icon-menu{width:20px;height:20px}
.preview-close .icon-close{width:16px;height:16px}