
/* TOP PRODUÇÕES V8.1 — Editorial Production House refinement
   Direction: clearer hierarchy, stronger proof, flatter premium surfaces,
   simpler rhythm and faster scanning across desktop and mobile. */
:root{
  --v81-black:#070708;
  --v81-black-2:#0e0f11;
  --v81-paper:#f2f1ec;
  --v81-paper-2:#e9e7df;
  --v81-red:#ef1b20;
  --v81-ink:#111214;
  --v81-muted:#6f7379;
  --v81-line-dark:rgba(255,255,255,.13);
  --v81-line-light:#d4d2ca;
  --v81-radius:8px;
}
body.site-v81{background:var(--v81-black);color:#f7f7f4}
body.site-v81 .site-header.nav-v75{background:linear-gradient(180deg,rgba(6,6,7,.88),rgba(6,6,7,.48) 72%,transparent)!important}
body.site-v81 .site-header.nav-v75.scrolled{background:rgba(7,7,8,.965)!important}
body.site-v81 .site-header .brand img{width:clamp(145px,9.6vw,190px)!important}
body.site-v81 .main-nav{gap:clamp(13px,1.25vw,23px)!important}
body.site-v81 .nav-home,body.site-v81 .nav-parent{font-size:11px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important}
body.site-v81 .nav-submenu{border-radius:10px!important;background:rgba(8,9,10,.99)!important}
body.site-v81 .nav-subitem{border-radius:6px!important}
body.site-v81 .nav-quote{border-radius:4px!important;min-height:38px!important}
body.site-v81 .lang-link{border-radius:4px!important}

/* Hero: editorial rather than oversized */
body.site-v81 .showreel-hero{min-height:620px;background:#040405}
body.site-v81 .hero-content h1{font-size:clamp(46px,min(7vw,10.2vh),118px)!important;line-height:.84!important;max-width:11ch!important;letter-spacing:-.055em!important}
body.site-v81 .kicker{font-size:9px!important;letter-spacing:.2em!important}
body.site-v81 .hero-bottom p{max-width:58ch!important;font-size:clamp(14px,1.12vw,18px)!important}
body.site-v81 .hero-actions .btn{border-radius:4px!important}
body.site-v81 .event-slide-info{border-radius:0!important}

/* slim utility band */
body.site-v81 .capability-nav{background:#0b0b0c;border-block:1px solid var(--v81-line-dark)}
body.site-v81 .capability-nav .wrap{min-height:50px}
body.site-v81 .capability-link{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase}
body.site-v81 .regional-bar{background:var(--v81-black)!important;border-bottom:1px solid var(--v81-line-dark)!important}
body.site-v81 .regional-bar .wrap{min-height:74px!important;padding-block:16px!important}

/* client proof strip */
.client-proof-strip{background:var(--v81-paper);color:var(--v81-ink);border-bottom:1px solid var(--v81-line-light)}
.client-proof-strip .wrap{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding-block:20px}
.client-proof-strip .proof-label{font-size:9px;line-height:1.3;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#6e7074;white-space:nowrap}
.client-proof-list{display:flex;align-items:center;gap:clamp(22px,3.4vw,54px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.client-proof-list b{white-space:nowrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#222;font-weight:900;opacity:.76}

/* introduction + metrics */
body.site-v81 .intro-section{background:var(--v81-paper)!important;color:var(--v81-ink)!important}
body.site-v81 .intro-grid{grid-template-columns:.33fr 1.18fr .72fr!important;column-gap:clamp(30px,5vw,88px)!important;align-items:start!important}
body.site-v81 .intro-copy p{color:#4f5359!important;max-width:48ch}
.editorial-metrics{grid-column:2/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,4vw,52px);border-top:1px solid var(--v81-line-light);border-bottom:1px solid var(--v81-line-light)}
.editorial-metric{padding:22px 24px 22px 0;border-right:1px solid var(--v81-line-light)}
.editorial-metric:last-child{border-right:0;padding-left:24px}.editorial-metric:nth-child(2){padding-left:24px}
.editorial-metric strong{display:block;font-size:clamp(30px,3vw,52px);line-height:1;font-weight:900;letter-spacing:-.045em;color:#111}.editorial-metric span{display:block;margin-top:8px;font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.12em;color:#777b80}

/* Why Top — numbered proof list */
.why-top-section{background:var(--v81-black);color:#f6f6f3;padding-block:clamp(72px,7vw,118px)}
.why-top-head{display:grid;grid-template-columns:.34fr 1.1fr .72fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.why-top-head h2{font-size:clamp(42px,5.4vw,88px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:10.5ch}.why-top-head p{margin:0;color:#aeb1b7;line-height:1.65;max-width:48ch}
.why-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--v81-line-dark);border-left:1px solid var(--v81-line-dark)}
.why-top-item{min-height:210px;padding:24px;border-right:1px solid var(--v81-line-dark);border-bottom:1px solid var(--v81-line-dark);position:relative}
.why-top-item span{font-size:10px;letter-spacing:.15em;color:#8c9096;font-weight:800}.why-top-item h3{font-size:clamp(22px,2vw,32px);line-height:1.02;letter-spacing:-.035em;margin:52px 0 10px;max-width:13ch}.why-top-item p{margin:0;color:#aeb1b7;font-size:14px;line-height:1.55;max-width:34ch}.why-top-item:after{content:'→';position:absolute;right:20px;top:20px;color:var(--v81-red);font-weight:900}

/* services: indexed discipline list instead of rounded cards */
body.site-v81 .service-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--v81-line-light);border-left:1px solid var(--v81-line-light);margin-top:clamp(50px,6vw,82px)!important}
body.site-v81 .service-panel{min-height:260px!important;border:0!important;border-right:1px solid var(--v81-line-light)!important;border-bottom:1px solid var(--v81-line-light)!important;border-radius:0!important;background:transparent!important;color:#111!important;padding:24px!important;box-shadow:none!important}
body.site-v81 .service-panel:hover{background:#111!important;color:#fff!important;transform:none!important}
body.site-v81 .service-panel .service-no{font-size:10px!important;letter-spacing:.15em;color:#777!important}
body.site-v81 .service-panel h3{font-size:clamp(25px,2.4vw,38px)!important;line-height:.98!important;margin-top:66px!important;max-width:10ch}
body.site-v81 .service-panel p{color:#5d6166!important;max-width:34ch!important}
body.site-v81 .service-panel:hover p{color:#b8bbc1!important}
body.site-v81 .service-panel .slash{color:var(--v81-red)!important}
body.site-v81 .service-all-link{grid-column:1/-1;padding:20px 0 0}

/* dark technical section */
body.site-v81 .dark-stage{background:#0a0b0d!important}
body.site-v81 .equipment-feature{border-radius:6px!important;min-height:clamp(360px,31vw,520px)!important}
body.site-v81 .eq-meta strong{font-size:clamp(27px,3vw,46px)!important;letter-spacing:-.045em}
body.site-v81 .tech-highlight{border-radius:6px!important}

/* selected work: flatter, more editorial */
body.site-v81 .work-section{background:var(--v81-paper)!important;color:var(--v81-ink)!important}
body.site-v81 .work-grid{gap:10px!important}
body.site-v81 .work-card{border-radius:6px!important;min-height:clamp(400px,36vw,570px)!important}
body.site-v81 .work-card.work-wide{min-height:clamp(480px,42vw,660px)!important}
body.site-v81 .work-info h3{font-size:clamp(28px,3.2vw,50px)!important;max-width:13ch!important}
body.site-v81 .work-section .section-head>p{color:#60646a!important}

/* strategy becomes indexed editorial list */
body.site-v81 .strategy-section{background:#0b0c0e!important}
body.site-v81 .strategy-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--v81-line-dark)!important;border-left:1px solid var(--v81-line-dark)!important}
body.site-v81 .strategy-card{min-height:150px!important;border:0!important;border-right:1px solid var(--v81-line-dark)!important;border-bottom:1px solid var(--v81-line-dark)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:20px 22px!important;display:grid!important;grid-template-columns:58px 1fr;column-gap:14px;align-content:center}
body.site-v81 .strategy-card>span{grid-row:1/3;color:var(--v81-red)!important;font-size:11px!important;letter-spacing:.12em}.strategy-card h3{margin:0 0 8px!important;font-size:21px!important}.strategy-card p{margin:0!important;color:#aeb1b7!important;max-width:48ch}

/* festivals/news/team: reduced chrome */
body.site-v81 .festival-card,body.site-v81 .news-card,body.site-v81 .team-card{border-radius:6px!important;box-shadow:none!important}
body.site-v81 .recognition-grid article{border-radius:0!important;background:transparent!important;border-top:1px solid var(--v81-line-dark)!important}
body.site-v81 .team-card{border:1px solid #d8d7d0!important;background:#f8f7f2!important}
body.site-v81 .team-card h3,body.site-v81 .team-card p{color:#111!important}

/* CTA and footer */
body.site-v81 .quote-teaser{background:var(--v81-red)!important;color:#fff!important}
body.site-v81 .quote-teaser .btn-red{background:#fff!important;color:#111!important}
body.site-v81 .site-footer{background:#050506!important}
body.site-v81 .footer-intro h2{font-size:clamp(38px,5vw,80px)!important;line-height:.9!important;max-width:10ch!important}

@media(max-width:1100px){
  .why-top-head{grid-template-columns:1fr}.why-top-grid{grid-template-columns:repeat(2,1fr)}
  body.site-v81 .intro-grid{grid-template-columns:1fr!important}.editorial-metrics{grid-column:auto}
  body.site-v81 .service-rail{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
  .client-proof-strip .wrap{grid-template-columns:1fr;gap:12px}.client-proof-list{overflow:auto;mask-image:none;-webkit-mask-image:none;padding-bottom:4px}
  .editorial-metrics{grid-template-columns:1fr}.editorial-metric,.editorial-metric:nth-child(2),.editorial-metric:last-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--v81-line-light)}.editorial-metric:last-child{border-bottom:0}
  .why-top-grid{grid-template-columns:1fr}.why-top-item{min-height:180px}.why-top-item h3{margin-top:38px}
  body.site-v81 .service-rail{grid-template-columns:1fr!important}.service-panel{min-height:220px!important}
  body.site-v81 .strategy-grid{grid-template-columns:1fr!important}
}
