:root{
  --navy:#13273F; --deep:#0D1C2E; --card:#1F3A5C; --line:#2E4766; --sil:#405A7C;
  --text:#E6DFC9; --cream:#FFF3CC; --muted:#A9B6C6; --soft:#C9D1DA;
  --display:'Oswald',sans-serif; --body:'Instrument Sans',system-ui,sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--text);font-family:var(--body);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,iframe,video{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within{outline:2px solid var(--cream);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grain{pointer-events:none;position:fixed;inset:-50%;z-index:90;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s var(--ease),border-color .4s}
.nav.scrolled{background:rgba(13,28,46,.72);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(46,71,102,.6)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}
.logo{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-size:15px}
.nav ul a{text-decoration:none;color:var(--soft);transition:color .2s}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--cream)}
.lang{font-size:13px;color:var(--muted)!important;border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--body);transition:transform .3s var(--ease),background .3s}
.btn:hover{transform:scale(1.03)}
.btn-cream{background:var(--cream);color:var(--navy)}
.btn-ghost{border-color:rgba(230,223,201,.5);color:var(--text);background:transparent}
.btn-ghost:hover{background:rgba(230,223,201,.08)}
.nav .btn{min-height:38px;padding:0 16px;font-size:14px}
.nav ul a.btn-cream,.nav ul a.btn-cream:hover{color:var(--navy)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:999px;width:44px;height:44px;cursor:pointer}
@media (max-width:860px){
  .nav ul{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;padding:12px var(--gut) 24px;background:rgba(13,28,46,.97);backdrop-filter:blur(18px);transform:translateY(-120%);transition:transform .45s var(--ease)}
  .nav.open ul{transform:none}
  .nav ul li{width:100%;border-bottom:1px solid var(--line)}
  .nav ul a{display:block;padding:14px 0;font-size:20px}
  .nav ul li:last-child{border:0;padding-top:16px}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
}

/* hero */
.hero{position:relative;height:175vh}
.hero-stick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:flex-end}
.hero-media{position:absolute;inset:0;transform:scale(calc(1 - var(--p,0) * .14));border-radius:calc(var(--p,0) * 28px);overflow:hidden;background:var(--deep) center/cover no-repeat;will-change:transform}
.hero-media iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,28,46,.25) 0%,rgba(13,28,46,.2) 45%,rgba(13,28,46,.86) 100%)}
.hero-copy{position:relative;z-index:2;width:100%;padding-bottom:clamp(40px,8vh,96px);opacity:calc(1 - var(--p,0) * 1.6)}
.slogan{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(56px,min(11vw,17vh),168px);line-height:.9;letter-spacing:-.005em;margin:0 0 28px}
.slogan span{display:block;overflow:hidden}
.slogan span i{display:block;font-style:normal;transform:translateY(105%);animation:rise 1.1s var(--ease) forwards}
.slogan span:nth-child(2) i{animation-delay:.12s}
.slogan span:nth-child(3) i{animation-delay:.24s;color:var(--cream)}
@keyframes rise{to{transform:none}}
.hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-row p{margin:0;max-width:42ch;color:var(--soft);font-size:clamp(17px,1.6vw,20px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}

/* statement */
.statement{position:relative;height:260vh}
.statement-stick{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.statement-stick .wrap,.feat-copy.wrap{width:100%}
.statement p{font-family:var(--display);font-weight:500;font-size:clamp(34px,5.2vw,76px);line-height:1.08;margin:0;max-width:20ch;text-transform:uppercase}
.statement .w{opacity:.16;transition:opacity .25s linear}
.statement .w.on{opacity:1}

/* sections */
section{position:relative}
.sec{padding:clamp(80px,12vw,160px) 0}
.h2{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(40px,6vw,88px);line-height:.95;margin:0 0 24px;max-width:16ch}
.lead{color:var(--soft);font-size:clamp(18px,1.6vw,21px);max-width:52ch;margin:0}
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}
.textlink{font-weight:600;text-underline-offset:6px;text-decoration-thickness:1px;color:var(--cream)}

/* featured cases (credits) */
.feat{position:relative;height:170vh}
.feat-stick{position:sticky;top:0;height:100vh;overflow:hidden}
.feat-media{position:absolute;inset:0;background:var(--deep) center/cover no-repeat;transform:scale(calc(1.12 - var(--p,0) * .12))}
.feat-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,46,.92) 0%,rgba(13,28,46,.55) 50%,rgba(13,28,46,.15) 100%)}
.feat-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}
.credits{max-width:640px}
.credits .c-title{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(44px,7vw,104px);line-height:.92;margin:0 0 36px}
.credits dl{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;margin:0 0 36px;font-size:17px}
.credits dt{color:var(--muted)}
.credits dd{margin:0}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}
.play{display:inline-flex;align-items:center;gap:14px;background:none;border:0;color:var(--text);font:600 17px var(--body);cursor:pointer;padding:0}
.play b{display:inline-flex;width:56px;height:56px;border-radius:50%;background:var(--cream);color:var(--navy);align-items:center;justify-content:center;transition:transform .3s var(--ease)}
.play:hover b{transform:scale(1.08)}
.feat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px}

/* anywhere */
.anywhere{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--deep)}
.coords{list-style:none;margin:0;padding:0}
.coords li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.coords li:first-child{border-top:1px solid var(--line)}
.coords .city{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(30px,4.6vw,64px);line-height:1}
.coords .ll{font-variant-numeric:tabular-nums;color:var(--muted);font-size:clamp(14px,1.4vw,18px);text-align:right}
.coords .note{color:var(--cream)}
.coords li.more .city{color:var(--cream)}

/* awards */
.awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.award{padding:32px 28px 32px 0;border-right:1px solid var(--line)}
.award + .award{padding-left:28px}
.award:last-child{border-right:0}
.award .where{color:var(--muted);font-size:15px;margin:0 0 28px}
.award h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(28px,3vw,40px);line-height:1;margin:0 0 10px}
.award p{margin:0;color:var(--soft)}
@media (max-width:860px){.awards{grid-template-columns:1fr}.award,.award+.award{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}}

/* services */
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.service{background:var(--navy);padding:clamp(28px,4vw,48px);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:background .4s var(--ease)}
.service:hover{background:var(--card)}
.service h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(30px,3.4vw,48px);line-height:1;margin:0}
.service p{margin:0;color:var(--soft);max-width:40ch}
@media (max-width:760px){.services{grid-template-columns:1fr}}

/* cta */
.cta{text-align:center}
.cta .h2{margin:0 auto 28px;max-width:14ch;font-size:clamp(48px,8vw,128px)}
.cta .lead{margin:0 auto 40px}

/* footer */
.foot{border-top:1px solid var(--line);padding:56px 0 40px;color:var(--muted);font-size:15px}
.foot .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.foot strong{display:block;font-family:var(--display);font-size:28px;color:var(--text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{text-decoration:none}.foot a:hover{color:var(--cream)}
.foot .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:8px;font-size:13px}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr}}

/* page head (inner pages) */
.page-head{padding-top:clamp(140px,18vw,220px);padding-bottom:clamp(40px,6vw,72px)}
.page-head h1{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(52px,9vw,140px);line-height:.92;margin:0 0 24px;max-width:14ch}

/* cases grid */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.filters button{font:500 15px var(--body);color:var(--soft);background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;min-height:44px;transition:all .25s}
.filters button[aria-pressed="true"]{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.tile{text-decoration:none;display:block}
.tile .thumb{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--card)}
.tile img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease),filter .6s}
.tile:hover img{transform:scale(1.07)}
.tile h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(24px,2.4vw,34px);line-height:1.05;margin:20px 0 6px}
.tile p{margin:0;color:var(--muted);font-size:16px}
@media (max-width:760px){.grid{grid-template-columns:1fr}}

/* case page */
.player{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--deep) center/cover no-repeat}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player .play{position:absolute;inset:0;justify-content:center;background:linear-gradient(0deg,rgba(13,28,46,.55),rgba(13,28,46,.1))}
.case-meta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:56px 0}
.case-meta .desc{font-size:clamp(19px,1.8vw,24px);line-height:1.5;margin:0}
.case-meta dl{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;margin:0;align-content:start}
.case-meta dt{color:var(--muted)}.case-meta dd{margin:0}
.versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:40px}
.versions button{text-align:left;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}
.versions .thumb{aspect-ratio:16/9;border-radius:14px;background:var(--card) center/cover;margin-bottom:12px;border:2px solid transparent;transition:border-color .25s}
.versions button[aria-current="true"] .thumb{border-color:var(--cream)}
.versions span{color:var(--soft);font-size:16px}
.next{display:block;text-decoration:none;border-top:1px solid var(--line);padding:56px 0 24px}
.next small{color:var(--muted);font-size:15px}
.next strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,6vw,88px);line-height:.95;margin-top:10px;transition:color .3s}
.next:hover strong{color:var(--cream)}
@media (max-width:760px){.case-meta{grid-template-columns:1fr}.versions{grid-template-columns:1fr 1fr}}

/* about */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:40px}
.fact b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(56px,7vw,104px);line-height:1;color:var(--cream)}
.fact span{color:var(--soft)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.steps li{counter-increment:s;border-top:1px solid var(--line);padding-top:20px}
.steps li::before{content:counter(s);display:block;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:16px}
.steps h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:30px;margin:0 0 8px}
.steps p{margin:0;color:var(--soft)}
.prose{max-width:62ch}
.prose p{margin:0 0 20px;color:var(--soft);font-size:19px}
@media (max-width:860px){.facts,.steps{grid-template-columns:1fr}}

/* contact / briefing */
.brief{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px}
.brief form{display:grid;gap:36px}
fieldset{border:0;margin:0;padding:0}
legend{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:26px;margin-bottom:14px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips label{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;cursor:pointer;color:var(--soft);transition:all .25s;font-size:16px}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips label:has(input:checked){background:var(--cream);color:var(--navy);border-color:var(--cream)}
.field{display:grid;gap:8px}
.field label{color:var(--muted);font-size:15px}
.field input,.field textarea{font:inherit;color:var(--text);background:var(--deep);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:52px}
.field textarea{min-height:120px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.send{display:flex;flex-wrap:wrap;gap:12px}
.form-note{color:var(--muted);font-size:15px;margin:0}
.side h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:24px;margin:0 0 10px}
.side p{margin:0 0 28px;color:var(--soft)}
@media (max-width:860px){.brief{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,16,27,.92);display:none;align-items:center;justify-content:center;padding:var(--gut)}
.lb.open{display:flex;animation:fade .35s var(--ease)}
.lb .frame{width:min(1200px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.lb iframe{width:100%;height:100%;border:0}
.lb .x{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--deep);color:var(--text);font-size:22px;cursor:pointer}
@keyframes fade{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .slogan span i{transform:none}
  .hero,.statement,.feat{height:auto}
  .hero-stick,.statement-stick,.feat-stick{position:relative;height:auto;min-height:100vh}
  .statement .w{opacity:1}
  .reveal{opacity:1;transform:none}
  .grain{display:none}
}
/* briefing form (Wix Forms) */
#brief-root form{display:grid;gap:32px}
#brief-root legend span,#brief-root label span{color:var(--cream)}
.err{margin:8px 0 0;color:#FFB4A2;font-size:15px}
.err:empty{display:none}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#FFB4A2}
.field select{font:inherit;color:var(--text);background:var(--deep);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:52px}
.thanks{outline:none}
.thanks p{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(28px,3vw,44px);line-height:1.08;margin:0 0 12px;color:var(--cream);max-width:22ch}
/* home: keyword heading above the slogan */
.eyebrow{font-family:var(--body);font-weight:600;font-size:clamp(15px,1.3vw,18px);letter-spacing:.01em;color:var(--cream);margin:0 0 20px}
/* design pass 2: calmer type, one light chapter, shorter scenes */
.h2,.service h3,.award h3,legend,.side h3,.steps h3,.coords .city,.tile h3,.statement p,.page-head h1{text-transform:none}
.h2{letter-spacing:-.01em;line-height:1}
.statement p{max-width:22ch;line-height:1.1}
body[data-case] .page-head h1{text-transform:uppercase}
.light{background:var(--text);color:var(--navy)}
.light .awards{border-top-color:rgba(19,39,63,.22)}
.light .award{border-right-color:rgba(19,39,63,.22)}
.light .award .where{color:#54667A}
.light .award p{color:#2E4766}
@media (max-width:860px){.light .award,.light .award+.award{border-bottom-color:rgba(19,39,63,.22)}}
.hero{height:150vh}
.statement{height:200vh}
.feat{height:140vh}

/* draggable rail of more work */
.rail-wrap{padding:clamp(72px,10vw,128px) 0 clamp(40px,6vw,80px)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,30vw);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 var(--gut) 8px max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)));scroll-padding-left:max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)));scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail>div{scroll-snap-align:start;min-width:0}
.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.rail.dragging a{pointer-events:none}
.related{border-top:1px solid var(--line);padding:56px 0 24px}
.related .rail{padding-left:0;scroll-padding-left:0;grid-auto-columns:minmax(260px,26%)}
@media (max-width:760px){.rail{grid-auto-columns:78vw}.related .rail{grid-auto-columns:78vw}}

/* cross-page transitions: the case cover grows into the case page */
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}

/* play cursor (pointer devices only, set up by site.js) */
.cursor{position:fixed;left:0;top:0;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--cream);color:var(--navy);display:flex;align-items:center;justify-content:center;font:600 14px var(--body);pointer-events:none;z-index:95;transform:translate3d(-200px,-200px,0) scale(0);transition:transform .18s var(--ease);will-change:transform}

/* lighter choreography on phones */
@media (max-width:760px){
  .hero{height:120vh}
  .feat{height:auto}
  .feat-stick{position:relative;height:88svh}
  .feat-media{transform:none}
  .statement{height:160vh}
}
@media (prefers-reduced-motion:reduce){.cursor{display:none}.rail{scroll-snap-type:none}}
/* hero: sombreado para leitura do slogan sobre o reel */
.hero-media::after{background:
  radial-gradient(130% 85% at 12% 100%,rgba(13,28,46,.88) 0%,rgba(13,28,46,.55) 40%,rgba(13,28,46,0) 72%),
  linear-gradient(180deg,rgba(13,28,46,.38) 0%,rgba(13,28,46,.22) 35%,rgba(13,28,46,.55) 65%,rgba(13,28,46,.92) 100%)}
.hero-copy .slogan,.hero-copy .eyebrow,.hero-row p{text-shadow:0 2px 28px rgba(13,28,46,.6),0 1px 2px rgba(13,28,46,.35)}

/* rolagem com inércia (Lenis) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* títulos mais delicados: escala menor e peso mais leve */
.slogan{font-size:clamp(40px,min(7vw,11vh),104px);font-weight:600;line-height:.95;letter-spacing:.005em}
.statement p{font-size:clamp(26px,3.6vw,52px);line-height:1.15;max-width:24ch}
.h2{font-size:clamp(30px,3.8vw,56px);font-weight:500;line-height:1.02;letter-spacing:.005em;max-width:20ch}
.cta .h2{font-size:clamp(36px,5.2vw,80px);max-width:16ch}
.page-head h1{font-size:clamp(38px,5.6vw,84px);font-weight:600;line-height:.98;max-width:18ch}
.credits .c-title{font-size:clamp(32px,4.6vw,68px);font-weight:600;line-height:.98}
.coords .city{font-size:clamp(24px,3.2vw,44px);font-weight:500}
.award h3{font-size:clamp(22px,2.2vw,30px);font-weight:500}
.service h3{font-size:clamp(24px,2.5vw,34px);font-weight:500}
.tile h3{font-size:clamp(20px,1.8vw,26px);font-weight:500}
.next strong{font-size:clamp(28px,4vw,56px);font-weight:500}
.fact b{font-size:clamp(44px,5vw,72px);font-weight:600}
.steps h3{font-size:24px;font-weight:500}
legend{font-size:22px;font-weight:500}
.side h3{font-size:20px;font-weight:500}
.thanks p{font-size:clamp(24px,2.4vw,34px);font-weight:500}

/* ao dar play, a capa some e o vídeo fica sobre fundo preto */
.player.playing{background-image:none!important;background-color:#000}
.player.playing .play{display:none}

/* galeria de frames (vem do CMS) */
.frames{margin:56px 0 8px}
.frames .rail{grid-auto-columns:minmax(300px,56vw);padding-left:0}
.frames img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:var(--card);pointer-events:none}
@media (max-width:760px){.frames .rail{grid-auto-columns:86%}}

/* logo oficial (PNG) */
.logo img{display:block;height:22px;width:auto}
@media (max-width:640px){.logo img{height:18px}}

/* prêmios com louro */
.award::before{content:"";display:block;width:52px;height:52px;margin:0 0 18px;background:url(/assets/laurel.svg) center/contain no-repeat}

/* desafio, ideia e resultado (vêm do CMS) */
.b3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:64px 0 8px;padding-top:32px;border-top:1px solid var(--line)}
.b3 h3{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--muted);margin:0 0 12px}
.b3 p{margin:0;font-size:17px;line-height:1.6;color:var(--soft);max-width:38ch}
.b3-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin:56px 0 0}
.b3-num b{font-family:var(--display);font-weight:500;font-size:clamp(52px,7vw,104px);line-height:.9;color:var(--cream);letter-spacing:.01em}
.b3-num span{color:var(--muted);font-size:16px;max-width:30ch}
@media (max-width:760px){.b3{grid-template-columns:1fr;gap:24px}}

/* imagem sangrada entre seções */
.still-wrap{padding:0}
.still{position:relative;display:block;height:min(80vh,780px);background:var(--deep) center/cover no-repeat;color:var(--text);text-decoration:none;overflow:hidden}
.still::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,28,46,.1) 30%,rgba(13,28,46,.88));transition:opacity .6s}
.still:hover::after{opacity:.85}
.still .wrap{position:absolute;left:0;right:0;bottom:clamp(32px,8vh,80px);z-index:1;display:block}
.still small{display:block;color:var(--soft);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.still strong{display:block;font-family:var(--display);font-weight:500;text-transform:uppercase;font-size:clamp(32px,5vw,72px);line-height:1;color:var(--cream)}

/* vídeos verticais (coleção Social do CMS) */
.vrail{grid-auto-columns:minmax(180px,17vw)}
.vtile{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.vtile .thumb{aspect-ratio:9/16;border-radius:16px;background:var(--card) center/cover no-repeat;transition:transform .5s var(--ease)}
.vtile:hover .thumb{transform:scale(1.02)}
.vtile span{display:block;margin-top:10px;font-size:14px;color:var(--soft)}
@media (max-width:760px){.vrail{grid-auto-columns:46%}}

/* créditos: clientes subindo como no fim de um filme */
.credits-roll{background:var(--deep);text-align:center}
.credits-roll .h2{margin:0 auto}
.eyebrow-sm{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.roll{position:relative;height:360px;overflow:hidden;margin-top:48px;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.roll-track{display:flex;flex-direction:column;align-items:center;gap:16px;animation:at-roll var(--roll-dur,60s) linear infinite}
.roll-track span{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(17px,1.8vw,24px);color:var(--text)}
.roll:hover .roll-track{animation-play-state:paused}
@keyframes at-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.roll{height:auto;-webkit-mask-image:none;mask-image:none}.roll-track{animation:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 28px}.roll-track .dup{display:none}}

/* formulário e páginas de texto */
.consent{margin-top:16px}
.consent a,.legal a{color:inherit;text-underline-offset:3px}
.legal a{margin-left:12px}
.legal-text{max-width:68ch;padding-bottom:120px}
.legal-text h2{font-family:var(--display);font-weight:500;text-transform:uppercase;font-size:22px;letter-spacing:.03em;margin:48px 0 12px;color:var(--cream)}
.legal-text p,.legal-text li{color:var(--soft);font-size:17px;line-height:1.65}
.legal-text ul{padding-left:20px}
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-block:120px}
.nf .hero-cta{margin-top:32px}
.nf .en{margin-top:40px;color:var(--muted);font-size:15px}
/* frames-natural */
.frames .rail{grid-auto-columns:max-content;align-items:start}
.frames .rail>div{height:clamp(320px,40vw,600px)}
.frames img{height:100%;width:auto;min-width:180px;max-width:min(86vw,1100px);aspect-ratio:auto;object-fit:cover}
@media (max-width:760px){.frames .rail{grid-auto-columns:max-content}.frames .rail>div{height:62vh;max-height:520px}}
.page-photo{margin:0 auto clamp(64px,8vw,112px)}
.page-photo img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:18px;background:var(--card)}
@media (max-width:760px){.page-photo img{aspect-ratio:4/3;border-radius:14px}}

/* v3-servicos */
a.service{color:inherit;text-decoration:none}
.services{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.services{grid-template-columns:1fr}}
.service .more{display:inline-flex;gap:8px;align-items:center;font-size:15px;color:var(--cream);opacity:.75;transition:opacity .3s var(--ease),transform .3s var(--ease)}
a.service:hover .more,a.service:focus-visible .more{opacity:1;transform:translateX(4px)}
.tile .thumb{position:relative}
.tile .thumb img.selo{position:absolute;left:12px;bottom:10px;width:auto!important;height:44px!important;max-width:45%;object-fit:contain;opacity:.95;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));pointer-events:none;border-radius:0;background:none}
.selos{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:22px}
.selos img{height:clamp(64px,7vw,96px);width:auto;opacity:.95}
.case-meta dd a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sil)}
.page-head .lead a{color:inherit;text-decoration:none}
.svc-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:8px 0 clamp(64px,8vw,112px)}
@media (max-width:860px){.svc-cols{grid-template-columns:1fr}}
.svc-deliver h2{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.svc-deliver ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.svc-deliver li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--soft)}
.svc-cases{padding-bottom:clamp(64px,8vw,112px)}
.svc-cases .grid{margin-top:32px}
.svc-all{margin:40px 0 0;text-align:center}
.svc-other{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:120px}
.svc-other p{width:100%;margin:0 0 8px;color:var(--muted);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.svc-other a{border:1px solid var(--line);border-radius:999px;padding:10px 18px;color:var(--soft);text-decoration:none;transition:border-color .3s,color .3s}
.svc-other a:hover{border-color:var(--cream);color:var(--cream)}
.clients{background:#E6DFC9;color:var(--navy)}
.clients .h2,.clients .eyebrow-sm{color:var(--navy)}
.logos{list-style:none;margin:56px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(26px,3.6vw,48px) clamp(30px,4.6vw,64px);max-width:1100px}
.logos li{width:calc(var(--w) * 2.1px);display:flex;justify-content:center}
.logos img{display:block;width:100%;height:auto;max-height:90px;object-fit:contain}
@media (max-width:760px){.logos li{width:calc(var(--w) * 1.3px)}}
.about-intro{padding-bottom:clamp(56px,7vw,96px)}
.about-intro .motto{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);color:var(--cream);margin-top:28px}
.bts{padding:0 0 clamp(72px,9vw,128px)}
.bts-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bts-row img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;background:var(--card)}
@media (max-width:760px){.bts-row{grid-template-columns:repeat(5,62vw);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bts-row img{scroll-snap-align:start}}
.fronts-wrap{padding-bottom:clamp(72px,9vw,128px)}
.fronts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:48px}
.fronts>div{background:var(--navy);padding:clamp(28px,4vw,48px)}
.fronts h3{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.2vw,30px);margin:0 0 14px}
.fronts p{margin:0;color:var(--soft);max-width:46ch}
@media (max-width:760px){.fronts{grid-template-columns:1fr}}
.quote{padding:clamp(72px,10vw,140px) 0;text-align:center;border-top:1px solid var(--line)}
.quote p{font-family:var(--display);font-size:clamp(28px,4vw,52px);line-height:1.1;max-width:22ch;margin:0 auto;color:var(--cream)}

/* v4-mapa */
.wm{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px);overflow:hidden}
.wm-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:center}
.wm-copy .h2{margin:10px 0 18px;line-height:1.04;font-size:clamp(30px,3.3vw,46px)}
.wm-copy .lead{margin:0;max-width:34ch;color:var(--soft)}
.wm-now{margin:26px 0 0;display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
.wm-live{width:8px;height:8px;border-radius:50%;background:#C9A962;box-shadow:0 0 0 0 rgba(201,169,98,.6);animation:wm-live 2.4s ease-out infinite}
@keyframes wm-live{0%{box-shadow:0 0 0 0 rgba(201,169,98,.55)}70%{box-shadow:0 0 0 10px rgba(201,169,98,0)}100%{box-shadow:0 0 0 0 rgba(201,169,98,0)}}
.wm-map{position:relative;margin-right:calc(-1 * var(--gut))}
.wm-svg{display:block;width:100%;height:auto;overflow:visible}
.wm-arc,.wm-glint{fill:none;stroke-linecap:round}
.wm-arc{stroke:#C9A962;stroke-width:2;opacity:.8;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s cubic-bezier(.65,0,.35,1) calc(.25s + var(--i) * .2s)}
.wm-glint{stroke:#FFF3CC;stroke-width:2.6;stroke-dasharray:.05 .95;stroke-dashoffset:1;opacity:0}
.wm-pin circle{fill:#E6DFC9;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(1.55s + var(--i) * .2s)}
.wm-lbl{font:500 21px var(--body);letter-spacing:.04em;fill:var(--soft);paint-order:stroke;stroke:#13273F;stroke-width:7px;stroke-linejoin:round;opacity:0;transition:opacity .6s ease calc(1.7s + var(--i) * .2s)}
.wm-lbl-sp{fill:#C9A962;opacity:1;font-weight:600}
.wm-core{fill:#C9A962}
.wm-ring{fill:none;stroke:#C9A962;stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}
.wm.on .wm-arc{stroke-dashoffset:0}
.wm.on .wm-pin circle{transform:scale(1)}
.wm.on .wm-lbl{opacity:1}
.wm.on .wm-ring{animation:wm-ring 2.8s cubic-bezier(.2,.6,.3,1) infinite}
.wm.on .wm-ring2{animation-delay:1.4s}
.wm.on .wm-glint{animation:wm-glint 3.6s linear infinite;animation-delay:calc(2.4s + var(--i) * .45s)}
@keyframes wm-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(4.2);opacity:0}}
@keyframes wm-glint{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media (max-width:860px){.wm-grid{grid-template-columns:1fr}.wm-map{margin:8px calc(-1 * var(--gut)) 0}.wm-lbl{font-size:30px}.wm-arc{stroke-width:2.6}}
@media (prefers-reduced-motion:reduce){.wm-arc{transition:none;stroke-dashoffset:0}.wm-pin circle{transition:none;transform:scale(1)}.wm-lbl{transition:none;opacity:1}.wm.on .wm-ring,.wm.on .wm-glint,.wm-live{animation:none}}

/* v5-louro */
.lr-stem{fill:none;stroke:#EFE8D6;stroke-linecap:round}
.lr-leaf{fill:#EFE8D6}
.premio{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:center;margin-top:clamp(48px,6vw,88px);padding:clamp(48px,6vw,96px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.premio-copy .h2{margin:10px 0 18px}
.premio-copy p{color:var(--soft);max-width:56ch;margin:0 0 14px}
.premio-copy .eyebrow-sm{color:#C9A962}
.lr{position:relative;width:100%;max-width:460px;margin:0 auto;container-type:inline-size}
.lr::before{content:'';position:absolute;inset:14% 18%;border-radius:50%;background:radial-gradient(closest-side,rgba(201,169,98,.20),rgba(201,169,98,0));pointer-events:none}
.lr-svg{position:relative;display:block;width:100%;height:auto;overflow:visible}
.lr-txt{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:58%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.2cqw}
.lr-res{font:600 3.2cqw/1 var(--body);letter-spacing:.32em;padding-left:.32em;text-transform:uppercase;color:#C9A962}
.lr-cat{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:7.6cqw;line-height:1.02;letter-spacing:.01em;color:#EFE8D6;background:linear-gradient(105deg,rgba(255,251,234,0) 40%,#FFFDF3 50%,rgba(255,251,234,0) 60%) 160% 0/260% 100% no-repeat,linear-gradient(#EFE8D6,#EFE8D6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lr-fest{font:500 3cqw/1.2 var(--body);letter-spacing:.2em;padding-left:.2em;text-transform:uppercase;color:var(--soft)}
.lr-fest::before{content:'';display:block;width:12cqw;height:1px;margin:0 auto 2.4cqw;background:rgba(239,232,214,.5)}
.lr-js .lr-stem{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .1s}
.lr-js .lr-leaf{transform-box:view-box;opacity:0;transform:scale(0) rotate(-40deg)}
.lr-js::before{opacity:0;transform:scale(.6);transition:opacity 1.6s ease .9s,transform 1.6s cubic-bezier(.2,.7,.2,1) .9s}
.lr-js .lr-txt>*{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.lr-js.on .lr-stem{stroke-dashoffset:0}
.lr-js.on .lr-leaf{animation:lr-leaf .75s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.3s + var(--k) * .08s)}
.lr-js.on::before{opacity:1;transform:none}
.lr-js.on .lr-txt>*{opacity:1;transform:none}
.lr-js.on .lr-txt>:nth-child(1){transition-delay:1.05s}.lr-js.on .lr-txt>:nth-child(2){transition-delay:1.2s}.lr-js.on .lr-txt>:nth-child(3){transition-delay:1.35s}
.lr-js.on .lr-cat{animation:lr-sheen 1.8s cubic-bezier(.45,0,.2,1) 2.1s 1 both}
@keyframes lr-leaf{0%{opacity:0;transform:scale(0) rotate(-40deg)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes lr-sheen{0%{background-position:160% 0,0 0}100%{background-position:-60% 0,0 0}}
.lr-chip{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;padding:7px 16px 7px 10px;border:1px solid rgba(201,169,98,.45);border-radius:999px;color:#EFE8D6;font:500 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .3s,border-color .3s}
.lr-chip:hover{background:rgba(201,169,98,.12);border-color:#C9A962}
.lr-mini{flex:none;width:30px;height:auto;overflow:visible}
.lr-chip .lr-mini .lr-leaf,.lr-badge .lr-mini .lr-leaf{fill:#C9A962}.lr-chip .lr-mini .lr-stem,.lr-badge .lr-mini .lr-stem{stroke:#C9A962}
.tile .thumb{position:relative}
.tile .thumb .lr-badge{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 7px;border-radius:999px;background:rgba(13,28,46,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#EFE8D6;font:500 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.lr-badge .lr-mini{width:22px}
.premio-list{list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:14px}
.premio-list li{display:flex;align-items:center;gap:14px;color:var(--soft);font-size:16px;line-height:1.35}
.premio-list .lr-mini{width:26px}.premio-list .lr-mini .lr-leaf{fill:#C9A962}.premio-list .lr-mini .lr-stem{stroke:#C9A962}
.premio-list b{color:#EFE8D6;font-weight:600}.premio-list i{display:block;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}
@media (max-width:860px){.premio{grid-template-columns:1fr}.lr{max-width:360px}}
@media (prefers-reduced-motion:reduce){.lr-js .lr-stem{transition:none;stroke-dashoffset:0}.lr-js .lr-leaf{opacity:1;transform:none;animation:none!important}.lr-js .lr-txt>*{opacity:1;transform:none;transition:none}.lr-js.on .lr-cat{animation:none}}
/* /v5-louro */

/* v6-mosaico */
.mz{margin:clamp(56px,7vw,104px) 0 8px}
.mz-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mz-head .eyebrow-sm{margin:0}.mz-n{font:500 12px/1 var(--body);letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums}
.mz-row{display:flex;gap:clamp(6px,.9vw,14px);margin-bottom:clamp(6px,.9vw,14px)}
.mz-f{position:relative;margin:0;flex:var(--ar) 1 0;aspect-ratio:var(--ar);min-width:0;overflow:hidden;border-radius:clamp(8px,1vw,14px);background:var(--deep)}
.mz-hero .mz-f{max-height:78vh}
.mz-f video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.92) contrast(1.06) brightness(.9);transition:filter 1.1s cubic-bezier(.2,.7,.2,1)}
.mz-f:hover video{filter:none}
.mz-f button{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}
.mz-f img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.92) contrast(1.06) brightness(.9);transform:scale(1.001);transition:filter 1.1s cubic-bezier(.2,.7,.2,1),transform 1.6s cubic-bezier(.2,.7,.2,1)}
.mz-f::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(19,39,63,0) 55%,rgba(13,28,46,.55)),#1F4E86;mix-blend-mode:color;opacity:.42;transition:opacity 1.1s ease}
.mz-f::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 90px rgba(5,12,22,.55);border-radius:inherit}
.mz-f figcaption{position:absolute;left:14px;bottom:12px;z-index:2;font:500 11px/1 var(--body);letter-spacing:.2em;color:#EFE8D6;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none}
.mz-f:hover img,.mz-f:focus-within img{filter:none;transform:scale(1.035)}
.mz-f:hover::after,.mz-f:focus-within::after{opacity:0}
.mz-f:hover figcaption,.mz-f:focus-within figcaption{opacity:.9;transform:none}
.mz-js .mz-f{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1) calc((var(--d) - 1) * .09s)}
.mz-js .mz-f img{transform:scale(1.12)}
.mz-js.on .mz-f{clip-path:inset(0 0 0 0)}
.mz-js.on .mz-f img{transform:scale(1.001)}
.mz-js.on .mz-f:hover img{transform:scale(1.035)}
.mzb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(7,15,26,.94);opacity:0;pointer-events:none;transition:opacity .4s ease}
.mzb.open{opacity:1;pointer-events:auto}
.mzb img{max-width:92vw;max-height:84vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.97);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mzb.open img{transform:none}
.mzb button{position:absolute;background:none;border:0;color:#EFE8D6;font:400 34px/1 var(--body);padding:18px;cursor:pointer;opacity:.75}.mzb button:hover{opacity:1}
.mzb .x{top:10px;right:14px;font-size:30px}.mzb .p{left:8px;top:50%;transform:translateY(-50%)}.mzb .n{right:8px;top:50%;transform:translateY(-50%)}
.mzb small{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:500 12px/1 var(--body);letter-spacing:.2em;color:var(--muted)}
@media (max-width:700px){.mz-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.mz-row .mz-f{aspect-ratio:4/5}.mz-hero .mz-f,.mz-row .mz-f:only-child,.mz-row .mz-f:nth-child(3){grid-column:1/-1;aspect-ratio:16/10;max-height:none}}
@media (hover:none){.mz-f img,.mz-f video{filter:none}.mz-f::after{opacity:0}}
@media (prefers-reduced-motion:reduce){.mz-js .mz-f{clip-path:none;transition:none}.mz-js .mz-f img,.mz-f img{transition:none;transform:none}}
/* /v6-mosaico */

/* v7-feat-award */
.feat-copy .feat-award{margin:0 0 18px;background:rgba(13,28,46,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* v8-grade */
.tile .thumb>img:first-child{filter:saturate(.8) contrast(1.07) brightness(.96);transition:filter .9s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tile .thumb::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:#16304F;mix-blend-mode:lighten;opacity:.55;transition:opacity .9s ease}
.tile .thumb::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(120% 90% at 50% 45%,rgba(13,28,46,0) 55%,rgba(9,19,33,.5));background-size:160px 160px,100% 100%;mix-blend-mode:normal;opacity:.55;transition:opacity .9s ease}
.tile .thumb .lr-badge,.tile .thumb img.selo{z-index:2}
.tile:hover .thumb>img:first-child,.tile:focus-visible .thumb>img:first-child,.tile.is-live .thumb>img:first-child{filter:none}
.tile:hover .thumb::before,.tile:focus-visible .thumb::before,.tile.is-live .thumb::before{opacity:0}
.tile:hover .thumb::after,.tile:focus-visible .thumb::after,.tile.is-live .thumb::after{opacity:.2}
@media (prefers-reduced-motion:reduce){.tile .thumb>img:first-child,.tile .thumb::before,.tile .thumb::after{transition:none}}
/* /v8-grade */

/* v9-motion */
/* imagem parada: sem zoom ligado à rolagem; só o texto entra uma vez */
.hero{height:100vh;height:100svh}
.hero-stick{position:relative;height:100%}
.hero-media{transform:none;border-radius:0;will-change:auto}
.hero-copy{opacity:1}
.feat{height:auto}
.feat-stick{position:relative;height:100vh;height:100svh;min-height:560px}
.feat-media{transform:none}
.tile img,.tile:hover img{transform:none}
/* /v9-motion */

/* v10-statement */
.s2{padding:clamp(56px,8vw,120px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s2-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,104px);align-items:end}
.s2-line{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(26px,3.3vw,48px);line-height:1.12;letter-spacing:-.01em;max-width:24ch;text-wrap:balance;color:var(--soft)}
.s2-line span:first-child{color:var(--text)}
.s2-line em{font-style:normal;color:var(--cream)}
.s2-js .s2-line .w{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 32ms)}
.s2-js.in .s2-line .w{opacity:1;transform:none}
.s2-clocks{min-width:220px}
.s2-now{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:500 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.s2-now i{width:7px;height:7px;border-radius:50%;background:#C9A962;box-shadow:0 0 0 0 rgba(201,169,98,.5);animation:s2-pulse 2.4s ease-out infinite}
@keyframes s2-pulse{0%{box-shadow:0 0 0 0 rgba(201,169,98,.45)}70%{box-shadow:0 0 0 8px rgba(201,169,98,0)}100%{box-shadow:0 0 0 0 rgba(201,169,98,0)}}
.s2-clocks ul{list-style:none;margin:0;padding:0;display:grid}
.s2-clocks li{display:flex;justify-content:space-between;align-items:baseline;gap:32px;padding:11px 0;border-top:1px solid var(--line);font:500 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.s2-clocks time{font:500 15px/1 var(--body);letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums}
@media (max-width:760px){.s2-grid{grid-template-columns:1fr;gap:28px}.s2-clocks{min-width:0}.s2-clocks ul{grid-template-columns:repeat(3,1fr);gap:12px}.s2-clocks li{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}}
@media (prefers-reduced-motion:reduce){.s2-js .s2-line .w{opacity:1;transform:none;transition:none}.s2-now i{animation:none}}
/* /v10-statement */

/* v11-sobre */
.socios{padding:clamp(64px,9vw,140px) 0}
.socios-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:start;margin-bottom:clamp(40px,5vw,72px)}
.socios-head .eyebrow-sm{display:flex;align-items:center;gap:10px}
.tri{width:18px;height:16px;fill:none;stroke:#C9A962;stroke-width:1.2}.tri circle{fill:#C9A962;stroke:none}
.socios-txt p{color:var(--soft);font-size:clamp(17px,1.3vw,19px);line-height:1.7;margin:0 0 18px;max-width:62ch}
.socios-txt p:first-child{color:var(--text)}
.socios-txt p:first-child::first-letter{float:left;font-family:var(--display);font-weight:700;font-size:4.1em;line-height:.82;padding:.06em .12em 0 0;color:#C9A962}
.socios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.socio{margin:0}
.socio img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:clamp(10px,1.1vw,16px)}
.socio figcaption{display:flex;flex-direction:column;gap:6px;padding:16px 2px 0}
.socio strong{font-family:var(--display);font-weight:600;font-size:clamp(20px,1.8vw,26px);line-height:1.1}
.socio span{font:500 12px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){.socios-head{grid-template-columns:1fr}.socios-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--gut,20px));padding:0 var(--gut,20px);scrollbar-width:none}.socios-grid::-webkit-scrollbar{display:none}.socio{flex:0 0 76%;scroll-snap-align:start}}
.bridge{padding:clamp(72px,10vw,160px) 0;border-top:1px solid var(--line)}
.bridge-row{display:flex;align-items:center;gap:clamp(16px,2.5vw,40px);margin:22px 0 30px}
.bridge-row span{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(44px,9vw,148px);line-height:.9;letter-spacing:-.01em}
.bridge-row span:last-child{color:var(--cream)}
.bridge-row i{position:relative;flex:1;min-width:60px;height:2px;background:linear-gradient(90deg,var(--text),#C9A962);transform-origin:left center}
.bridge-row i::after{content:attr(data-l);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 18px;border:1px solid rgba(201,169,98,.55);border-radius:999px;background:var(--navy,#13273F);font:500 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--cream);white-space:nowrap}
.bridge-txt{color:var(--soft);font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:46ch;margin:0}
.bridge-js .bridge-row span{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.bridge-js .bridge-row span:first-child{transform:translateX(-24px)}.bridge-js .bridge-row span:last-child{transform:translateX(24px);transition-delay:1.1s}
.bridge-js .bridge-row i{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.65,0,.35,1) .35s}
.bridge-js .bridge-row i::after{opacity:0;transition:opacity .6s ease 1.1s}
.bridge-js.in .bridge-row span{opacity:1;transform:none}.bridge-js.in .bridge-row i{transform:none}.bridge-js.in .bridge-row i::after{opacity:1}
@media (max-width:600px){.bridge-row{flex-direction:column;align-items:flex-start;gap:0}.bridge-row span{font-size:16vw}.bridge-row i{flex:none;width:2px;height:84px;min-width:0;margin:14px 0 14px 22px;background:linear-gradient(180deg,var(--text),#C9A962);transform-origin:top center}.bridge-row i::after{left:22px;transform:translateY(-50%)}.bridge-js .bridge-row i{transform:scaleY(0)}}
@media (prefers-reduced-motion:reduce){.bridge-js .bridge-row span,.bridge-js .bridge-row i,.bridge-js .bridge-row i::after{opacity:1;transform:none;transition:none}}
/* /v11-sobre */

/* v12 */
/* texto justificado e dentro da margem */
.prose p,.lead,.desc,.socios-txt p,.premio-copy p,.fronts p,.steps p,.svc-cols p,.bridge-txt,.hero-row p,.b3 p,.award p,.service p,.so-sub{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}
main p,main li,main dd{overflow-wrap:break-word}
@media (max-width:600px){:root{--gut:20px}}
.page-head .motto{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);color:var(--cream);margin:22px 0 0}
/* sócios: sem capitular */
.socios-txt p:first-child::first-letter{float:none;font:inherit;color:inherit;padding:0}
/* hero: vídeo cobre a tela inteira e só aparece quando começa a tocar */
.hero-media{background:var(--deep);container-type:size}
.hero-media iframe{width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);min-width:0;min-height:0;opacity:0;transition:opacity .9s ease}
.hero-media.playing iframe{opacity:1}
/* lightbox vertical */
.lb.vert .frame{width:auto;height:min(86vh,170vw);max-width:92vw;aspect-ratio:9/16}
/* social */
.so{padding:clamp(72px,10vw,150px) 0 clamp(56px,7vw,110px);overflow:hidden}
.so-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26ch);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.so-title{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(48px,9.5vw,156px);line-height:.88;letter-spacing:-.01em;margin:8px 0 0;overflow-wrap:anywhere}
.so-oo{all:unset;cursor:pointer;color:var(--cream);display:inline}
.so-oo:focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:6px}
.so-title.pop .so-oo{animation:so-pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes so-pop{50%{color:#C9A962}}
.so-heart{position:absolute;pointer-events:none;font-size:26px;color:#C9A962;animation:so-up 1s ease-out forwards}
@keyframes so-up{to{transform:translateY(-70px) scale(1.4);opacity:0}}
.so-sub{margin:0;color:var(--soft);font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.so-wall{position:relative}
.so-track{display:flex;gap:clamp(14px,1.6vw,22px);padding:18px var(--gut) 28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.so-track::-webkit-scrollbar{display:none}
.so-track>div{flex:0 0 clamp(170px,17vw,240px);scroll-snap-align:start}
.so-run .so-track{overflow:visible;width:max-content;padding-left:0;animation:so-marq var(--dur,60s) linear infinite}
.so-run:hover .so-track,.so-run:focus-within .so-track{animation-play-state:paused}
@keyframes so-marq{to{transform:translateX(-50%)}}
.so .vtile,.so-grid .vtile{position:relative}
.so .vtile .thumb,.so-grid .vtile .thumb{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.so-track>div:nth-child(odd) .thumb{transform:rotate(-2.2deg)}
.so-track>div:nth-child(even) .thumb{transform:rotate(1.8deg) translateY(14px)}
.so .vtile:hover .thumb,.so .vtile:focus-visible .thumb{transform:rotate(0) scale(1.05);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.vtile .thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.vtile .thumb::after{content:'';position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:rgba(13,28,46,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF3CC' d='M8 5l11 7-11 7z'/%3E%3C/svg%3E") center/14px no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s}
.vtile:hover .thumb::after{opacity:0}
.so .vtile span,.so-grid .vtile span{margin-top:16px;font-size:14px;color:var(--soft)}
.so-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}
.so-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);padding-bottom:clamp(64px,8vw,120px)}
.so-page .page-head{padding-bottom:clamp(28px,4vw,48px)}
@media (max-width:860px){.so-head{grid-template-columns:1fr}.so-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.so-run .so-track{animation:none}.so-title.pop .so-oo{animation:none}}
.page-head h1.so-title{font-size:clamp(56px,11vw,180px);text-transform:uppercase;max-width:none;line-height:.88}
/* /v12 */
/* v13 */
.hero-media iframe,.hero-media.playing iframe{opacity:1;transition:none}
.so-title{font-size:clamp(72px,19vw,340px);line-height:.84;letter-spacing:-.015em;overflow-wrap:normal}
.so-title .so-w{display:inline-block;white-space:nowrap}
@media (max-width:900px){.bts-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bts-row img{scroll-snap-align:start}}
/* /v13 */
/* v14 */
.so-page .so-hero{padding-top:clamp(120px,13vw,180px)}
.so-jump{display:flex;gap:10px;justify-content:center;margin-top:clamp(28px,4vw,44px);flex-wrap:wrap}
.so-jump a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--line);border-radius:999px;color:var(--cream);text-decoration:none;font:500 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;transition:background .3s,border-color .3s}
.so-jump a:hover{background:rgba(239,232,214,.08);border-color:var(--cream)}
.so-sec{padding-top:clamp(64px,8vw,120px)}
.so-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40ch);gap:clamp(16px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,52px);padding-bottom:18px;border-bottom:1px solid var(--line)}
.so-sec-head .h2{margin:8px 0 0}
.so-sec-head .lead{margin:0;color:var(--soft)}
.st-grid{columns:4 220px;column-gap:clamp(12px,1.6vw,22px);padding-bottom:clamp(64px,8vw,120px)}
.st-f{break-inside:avoid;margin:0 0 clamp(12px,1.6vw,22px);position:relative}
.st-f button{all:unset;display:block;width:100%;cursor:zoom-in;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:translateZ(0)}
.st-f img{display:block;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s}
.st-f button:hover img,.st-f button:focus-visible img{transform:scale(1.045)}
.st-f button:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.st-f figcaption{margin-top:10px;font:500 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.st-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.st-tags li{padding:7px 14px;border-radius:999px;background:rgba(239,232,214,.07);color:var(--soft);font:500 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.st-js .st-f{opacity:0;transform:translateY(40px) rotate(-1.2deg);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.st-js .st-f.on{opacity:1;transform:none}
.stb{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:rgba(7,15,26,.95);opacity:0;pointer-events:none;transition:opacity .35s}
.stb.open{opacity:1;pointer-events:auto}
.stb img{max-width:92vw;max-height:86vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.stb button{position:absolute;background:none;border:0;color:#EFE8D6;font:400 34px/1 var(--body);padding:18px;cursor:pointer;opacity:.75}
.stb button:hover{opacity:1}
.stb .x{top:10px;right:14px;font-size:30px}.stb .p{left:8px;top:50%;transform:translateY(-50%)}.stb .n{right:8px;top:50%;transform:translateY(-50%)}
.stb small{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:500 12px/1 var(--body);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
@media (max-width:860px){.so-sec-head{grid-template-columns:1fr}.st-grid{columns:2}}
@media (prefers-reduced-motion:reduce){.st-js .st-f{opacity:1;transform:none;transition:none}.st-f img{transition:none}}
/* /v14 */
/* v16 */
.svc-faq{margin:clamp(48px,6vw,88px) 0 0;padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--line)}
.svc-faq .h2{margin:0 0 20px}
.svc-faq details{border-bottom:1px solid var(--line)}
.svc-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font:500 clamp(17px,1.5vw,20px)/1.4 var(--body);color:var(--cream)}
.svc-faq summary::-webkit-details-marker{display:none}
.svc-faq summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted);transition:transform .3s}
.svc-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.svc-faq details p{margin:0 0 22px;color:var(--soft);max-width:70ch;text-align:justify;hyphens:auto}
.svc-faq summary:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.at-pause{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(239,232,214,.35);background:rgba(13,28,46,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#EFE8D6;cursor:pointer;padding:0}
.at-pause:hover{border-color:#EFE8D6}.at-pause:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.at-pause svg{width:14px;height:14px}
.hero .at-pause{right:var(--gut);bottom:clamp(20px,4vh,40px)}
.so-wall .at-pause{right:var(--gut);top:-6px}
.so-wall.paused .so-track{animation-play-state:paused}
.at-wa{position:fixed;z-index:150;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:none;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25D366;color:#0D1C2E;font:600 14px/1 var(--body);text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .3s,opacity .3s}
.at-wa svg{width:20px;height:20px}
.at-wa.hide{opacity:0;transform:translateY(20px);pointer-events:none}
@media (max-width:760px){.at-wa{display:inline-flex}}
.brief-proof{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.brief-proof li{padding:7px 14px;border-radius:999px;border:1px solid rgba(201,169,98,.45);color:#EFE8D6;font:500 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase}
.at-consent{position:fixed;z-index:220;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;padding:18px 20px;border-radius:16px;background:#0D1C2E;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5);color:var(--soft);font:400 14px/1.5 var(--body)}
.at-consent p{margin:0 0 12px}.at-consent a{color:var(--cream)}
.at-consent div{display:flex;gap:10px;flex-wrap:wrap}
.at-consent button{cursor:pointer;border-radius:999px;padding:10px 18px;font:600 13px/1 var(--body);border:1px solid var(--cream)}
.at-consent .ok{background:var(--cream);color:#0D1C2E}.at-consent .no{background:none;color:var(--cream)}
@media (min-width:861px){.bts-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.bts-row img{scroll-snap-align:start}}
/* /v16 */

/* Feedback review — 19 October 2026 */
.evolution{background:var(--deep);border-bottom:1px solid var(--line)}
.evolution-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:clamp(24px,5vw,80px);align-items:start}
.evolution .eyebrow-sm{padding-top:12px}
.evolution .h2{max-width:none;font-size:clamp(38px,5.5vw,78px);line-height:1.08;letter-spacing:-.02em;margin:0 0 36px}
.evolution .h2 em{font-style:normal;color:var(--cream)}
.evolution-note{max-width:50ch;margin-left:auto}
.evolution-note p{margin:0 0 24px;color:var(--soft);text-align:justify;hyphens:auto}
.hero-stick{height:100svh}
.hero-media{background:var(--deep)!important}
.hero-media iframe{max-width:none!important;opacity:0!important;transition:opacity .35s ease!important}
.hero-media.playing iframe{opacity:1!important}
.contact-page .page-head{padding-bottom:clamp(28px,4vw,48px)}
.contact-page .page-head h1{font-size:clamp(48px,6.5vw,88px);margin-bottom:20px}
.contact-page .page-head .lead{max-width:60ch;font-size:18px}
.contact-page .brief{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:clamp(28px,5vw,72px);align-items:start;padding-bottom:48px!important}
.contact-page .side{border-left:1px solid var(--line);padding-left:28px}
.contact-page .side h3{font-size:21px}
.contact-recognition-wrap{padding-bottom:clamp(48px,7vw,88px)}
.contact-recognition{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:12px;line-height:1.6}
.contact-recognition li{margin:0;padding:0}
.contact-page .cl-seal{display:none!important}
.socios-txt p:first-child::first-letter{float:none!important;font:inherit!important;color:inherit!important;padding:0!important}
main p:not(.slogan):not(.eyebrow):not(.eyebrow-sm):not(.motto):not(.wm-now):not(.so-title):not(.form-note){text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
@media(max-width:860px){
 .nav ul{align-items:stretch;max-height:calc(100svh - 64px);overflow-y:auto;visibility:hidden;pointer-events:none}
 .nav.open ul{visibility:visible;pointer-events:auto}
 .nav ul li{width:100%;margin:0;padding:0;min-width:0}
 .nav ul li a{display:flex;align-items:center;width:100%;min-height:56px;margin:0;padding:14px 8px;text-align:left;border-radius:0;line-height:1.25}
 .nav ul a.lang{border:0;color:var(--muted);font-size:16px}
 .nav ul li:last-child{padding-top:16px;border:0}
 .nav ul li:last-child a.btn{justify-content:center;min-height:48px;border-radius:999px;font-size:16px}
 .contact-page .brief{grid-template-columns:1fr}
 .contact-page .side{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
 .evolution-grid{grid-template-columns:1fr}
 .evolution-note{margin-left:0;max-width:100%}
}
@media(max-width:600px){
 :root{--gut:22px}
 .evolution .h2{font-size:clamp(34px,8.5vw,50px);margin-bottom:28px}
 main .wrap{max-width:100%}
 .socios-grid{gap:24px}
 .contact-page .brief{gap:24px}
}

/* v17 */
.svx{padding:clamp(48px,7vw,104px) 0;border-top:1px solid var(--line)}
.svx:first-child{border-top:0;padding-top:clamp(16px,3vw,32px)}
.svx-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.svx-n{margin:0 0 10px;font:500 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.svx h2{margin:0 0 16px}
.svx h2 a{color:inherit;text-decoration:none;transition:opacity .3s}
.svx h2 a:hover{opacity:.75}
.svx-head p{color:var(--soft);max-width:60ch;text-align:justify;hyphens:auto}
.svx-head .lead{color:var(--cream)}
.svx-go{margin-top:24px}
.svx-deliver h3{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.svx-deliver ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.svx-deliver li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--soft)}
.svx-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(32px,4vw,48px)}
@media (max-width:860px){.svx-head{grid-template-columns:1fr}.svx-cases{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.svx-cases>*{scroll-snap-align:start}}
/* /v17 */
/* v18 real time */
.rt-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:end}
.rt-hero-copy .eyebrow-sm a{color:inherit;text-decoration:none}.rt-hero-copy .eyebrow-sm a:hover{color:var(--cream)}
.rt-title{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(52px,8.4vw,140px);line-height:.88;letter-spacing:-.01em;margin:6px 0 28px;color:var(--cream)}
.rt-hero .so-sub{max-width:46ch}
.rt-hero-img{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.rt-hero-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.rt-hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,28,46,0) 55%,rgba(13,28,46,.75));pointer-events:none}
.rt-rec{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:10px;font:500 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}
.rt-rec time{font-variant-numeric:tabular-nums;color:var(--soft)}
.rt-dot{width:9px;height:9px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 0 rgba(229,72,77,.6);animation:rt-pulse 1.6s infinite}
@keyframes rt-pulse{70%{box-shadow:0 0 0 10px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.rt-story{display:grid;grid-template-columns:minmax(0,34ch) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start;margin-bottom:clamp(36px,5vw,64px)}
.rt-challenge p:last-child{margin:0;color:var(--soft);font-size:clamp(16px,1.25vw,18px);line-height:1.6}
.rt-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(18px,2.4vw,32px)}
.rt-num{border-top:1px solid var(--line);padding-top:16px}
.rt-num b{font-family:var(--display);font-weight:700;font-size:clamp(56px,6.4vw,104px);line-height:.9;color:var(--cream);font-variant-numeric:tabular-nums}
.rt-num b.rt-word{font-size:clamp(40px,4.6vw,72px)}
.rt-num i{font-style:normal;font-family:var(--display);font-weight:700;font-size:clamp(36px,4vw,64px);color:#C9A962;margin-left:2px}
.rt-num span{display:block;margin-top:10px;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.rt-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px}
.rt-cover{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;cursor:pointer;overflow:hidden;border-radius:18px;background:var(--deep);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.rt-cover:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.rt-cover img,.rt-cover video,.rt-cover iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rt-cover:hover img{transform:scale(1.04)}
.rt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(13,28,46,.7);backdrop-filter:blur(6px);color:var(--cream);font:500 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;transition:background .3s}
.rt-play svg{width:16px;height:16px}
.rt-cover:hover .rt-play{background:rgba(13,28,46,.9)}
.rt-cover.on .rt-play{display:none}
.rt-reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-bottom:clamp(40px,5vw,72px)}
.rt-reel{margin:0}.rt-reel .rt-cover{aspect-ratio:9/16;border-radius:22px}
.rt-reel .rt-play{padding:14px}
.rt-reels .rt-reel:nth-child(odd) .rt-cover{transform:rotate(-1.6deg)}.rt-reels .rt-reel:nth-child(even) .rt-cover{transform:rotate(1.4deg) translateY(12px)}
.rt-reels .rt-cover:hover,.rt-reels .rt-cover.on{transform:none}
.rt-reel figcaption{margin-top:22px;display:flex;flex-direction:column;gap:4px}
.rt-reel strong{font:600 15px/1.3 var(--body);color:var(--text)}.rt-reel figcaption span{font-size:13px;color:var(--muted)}
.rt-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin-bottom:clamp(40px,5vw,72px)}
.rt-film{margin:0}.rt-film .rt-cover{aspect-ratio:16/9}
.rt-film.rt-wide{grid-column:1/-1}
.rt-film figcaption{margin-top:16px}.rt-film h3{font:600 17px/1.3 var(--body);margin:0 0 4px;color:var(--text)}.rt-film figcaption p{margin:0;font-size:14px;color:var(--muted)}
.rt-doc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:clamp(40px,5vw,72px)}
.rt-doc .h2{font-size:clamp(32px,3.6vw,56px)}.rt-doc-copy p:last-child{color:var(--soft);line-height:1.6}
.rt-ph-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:clamp(16px,2vw,24px)}
.rt-ph-head .eyebrow-sm{margin:0}
.rt-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.rt-ph{all:unset;box-sizing:border-box;position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-radius:12px;cursor:zoom-in;background:var(--deep)}
.rt-ph[hidden]{display:none}
.rt-ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) contrast(1.05);transition:filter .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.rt-ph::after{content:'';position:absolute;inset:0;background:rgba(19,39,63,.28);mix-blend-mode:multiply;transition:opacity .5s;pointer-events:none}
.rt-ph:hover img,.rt-ph:focus-visible img{filter:none;transform:scale(1.04)}.rt-ph:hover::after,.rt-ph:focus-visible::after{opacity:0}
.rt-ph:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.rt-all{display:flex;justify-content:center;margin:clamp(20px,3vw,32px) 0 0}
.rt-credit{margin:18px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right!important}
.rt-proj{padding-bottom:clamp(24px,3vw,40px)}
@media (max-width:960px){.rt-hero-grid{grid-template-columns:1fr}.rt-hero-img{aspect-ratio:16/10}.rt-story,.rt-doc{grid-template-columns:1fr}.rt-reels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 18px}.rt-reel{scroll-snap-align:start}.rt-films{grid-template-columns:1fr}.rt-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.rt-ph:nth-child(9):has(~ .rt-ph[hidden]){display:none}}
@media (prefers-reduced-motion:reduce){.rt-dot{animation:none}.rt-reels .rt-cover{transform:none!important}}
/* /v18 */
/* v19 real time: vídeos em loop, rótulos e carimbo */
.rt-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.rt-hero-vid.on{opacity:1}
.rt-label{margin-top:clamp(8px,1vw,16px)}
.rt-label .eyebrow-sm{display:flex;align-items:center;gap:10px}
.rt-label .rt-dot{width:7px;height:7px}
.rt-cover video.rt-loop{opacity:0;transition:opacity .5s}.rt-cover video.rt-loop.on{opacity:1}
.rt-auto.playing .rt-play{opacity:0}
.rt-snd{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(13,28,46,.7);backdrop-filter:blur(6px);color:var(--cream);font:500 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}
.rt-auto.playing .rt-snd{opacity:1}.rt-auto.on .rt-snd{display:none}
.rt-stamp{position:absolute;left:12px;top:12px;z-index:1;padding:6px 10px;border-radius:999px;background:rgba(13,28,46,.75);color:var(--cream);font:500 11px/1 var(--body);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.rt-title{font-size:clamp(52px,7.6vw,128px)}
/* /v19 */
/* v20 */
.rt-cover iframe.rt-loop{opacity:0;transition:opacity .6s;pointer-events:none;transform:scale(1.02)}.rt-cover iframe.rt-loop.on{opacity:1}
.rt-film .rt-auto.playing .rt-play{opacity:0}
/* /v20 */
/* v21 galeria vertical */
.rt-photos-tall{grid-template-columns:repeat(4,minmax(0,1fr))}
.rt-photos-tall .rt-ph{aspect-ratio:4/5}
@media (max-width:960px){.rt-photos-tall{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /v21 */
/* v22 media day: elenco em recortes e vídeo do Vimeo no topo */
.rt-hero-vimeo{overflow:hidden}
.rt-hero-vimeo iframe{position:absolute;left:0;top:50%;width:100%;aspect-ratio:9/16;height:auto;transform:translateY(-50%);border:0;pointer-events:none}
@media (max-width:960px){.rt-hero-vimeo iframe{width:100%}}
.md-cast{position:relative;overflow:hidden;margin:0 0 clamp(40px,5vw,72px);border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,#24476f 0%,var(--navy) 45%,var(--deep) 100%);height:clamp(340px,40vw,560px);isolation:isolate}
.md-cast::after{content:'';position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,rgba(13,28,46,0),rgba(13,28,46,.85));pointer-events:none;z-index:2}
.md-cast-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(90px,17vw,280px);line-height:.8;letter-spacing:-.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,243,204,.22);z-index:0;text-align:center!important}
.md-cast-track{position:absolute;inset:0;z-index:1}
.md-cast-row{display:flex;align-items:flex-end;height:100%;width:max-content;margin:0;padding:0 0 0 2vw;list-style:none;animation:md-run 70s linear infinite}
.md-cast:hover .md-cast-row,.md-cast:focus-within .md-cast-row{animation-play-state:paused}
@keyframes md-run{to{transform:translateX(-50%)}}
.md-cast-row li{height:92%;margin-right:clamp(-34px,-2.4vw,-14px)}
.md-player{position:relative;height:100%;margin:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s}
.md-player img{height:100%;width:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.md-cast:hover .md-player{filter:brightness(.55) saturate(.6)}
.md-cast .md-player:hover{filter:none;transform:translateY(-10px) scale(1.04);z-index:3}
.md-player figcaption{position:absolute;left:50%;bottom:6%;transform:translate(-50%,8px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;border-radius:999px;background:rgba(13,28,46,.82);backdrop-filter:blur(6px);white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.md-player:hover figcaption{opacity:1;transform:translate(-50%,0)}
.md-player figcaption strong{font:600 13px/1 var(--body);color:var(--cream)}.md-player figcaption span{font:500 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:960px){.md-cast{height:clamp(300px,92vw,420px);border-radius:16px}.md-cast-row{animation-duration:50s}}
@media (prefers-reduced-motion:reduce){.md-cast-row{animation:none}.md-cast-track{overflow-x:auto}.md-cast-row li[aria-hidden]{display:none}}
/* /v22 */
/* v23 ao tocar com som, a capa sai */
.rt-cover.on img{opacity:0;transition:opacity .3s}
.rt-cover.on video.rt-loop{opacity:1;pointer-events:auto;z-index:2}
.rt-cover.on .rt-snd,.rt-cover.on .rt-stamp{display:none}
/* /v23 */
/* v24 vimeo com som no mesmo player */
.rt-cover.snd iframe.rt-loop{opacity:1}
.rt-cover.snd::after{content:'';position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;z-index:3;background:rgba(13,28,46,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF3CC' d='M7 5h3v14H7zM14 5h3v14h-3z'/%3E%3C/svg%3E") center/16px no-repeat}
.rt-cover.snd.paused::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF3CC' d='M8 5l11 7-11 7z'/%3E%3C/svg%3E")}
/* /v24 */
/* v25 · página de serviços com movimento */
.sx-hero{padding-bottom:clamp(24px,4vw,48px)}
.page-head h1.sx-title{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(64px,12.5vw,210px);line-height:.86;letter-spacing:-.01em;margin:6px 0 28px;color:var(--cream);max-width:none}
.sx-line{display:block;overflow:hidden;padding-bottom:.04em}
.sx-line>span{display:block;transform:translateY(105%);animation:sxUp 1.1s var(--ease) forwards;animation-delay:calc(var(--k) * .12s + .1s)}
@keyframes sxUp{to{transform:none}}
.sx-hero .lead{max-width:56ch;text-align:justify;hyphens:auto}
/* índice */
.sx-index ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:none}
.sx-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto 28px;align-items:center;gap:18px;padding:clamp(14px,1.6vw,22px) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden}
.sx-row::before{content:"";position:absolute;inset:0;background:var(--cream);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease);z-index:0}
.sx-row>*{position:relative;z-index:1;transition:color .4s,transform .55s var(--ease)}
.sx-i{font:500 12px/1 var(--body);letter-spacing:.2em;color:var(--muted)}
.sx-name{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(30px,4.6vw,72px);line-height:1;letter-spacing:-.005em}
.sx-c{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.sx-arr{font-size:20px;color:var(--muted)}
.sx-mini{display:none}
@media (hover:hover) and (pointer:fine){
  .sx-row:hover::before{transform:scaleY(1)}
  .sx-row:hover>*{color:var(--navy)}
  .sx-row:hover .sx-name{transform:translateX(18px)}
  .sx-row:hover .sx-arr{transform:translateY(4px)}
  .sx-index ol:hover .sx-row:not(:hover) .sx-name{opacity:.45}
}
.sx-float{position:fixed;left:0;top:0;width:min(30vw,420px);aspect-ratio:16/10;pointer-events:none;z-index:40;opacity:0;transform:translate3d(-50%,-50%,0) scale(.7) rotate(-4deg);transition:opacity .35s var(--ease),transform .5s var(--ease);will-change:transform}
.sx-float.on{opacity:1}
.sx-float-in{position:absolute;inset:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);background:var(--card)}
.sx-float-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.15);transition:opacity .45s,transform 1.2s var(--ease)}
.sx-float-in img.on{opacity:1;transform:none}
@media (max-width:760px){
  .sx-row{grid-template-columns:28px minmax(0,1fr) 84px;gap:12px}
  .sx-name{font-size:clamp(24px,7.4vw,34px)}
  .sx-c,.sx-arr{display:none}
  .sx-mini{display:block;width:84px;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
}
/* fita de capas */
.sx-reel{margin:clamp(40px,6vw,80px) 0 0;display:grid;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sx-track{display:flex;gap:14px;width:max-content}
.sx-cell{flex:0 0 auto;width:clamp(200px,22vw,320px);aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--card);display:block}
.sx-cell img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.sx-cell:hover img{transform:scale(1.08)}
.sx-reel.run .sx-a{animation:sxMarq var(--dur,90s) linear infinite}
.sx-reel.run .sx-b{animation:sxMarq var(--dur,90s) linear infinite reverse}
.sx-reel.run:hover .sx-track{animation-play-state:paused}
@keyframes sxMarq{to{transform:translateX(-50%)}}
/* barra fixa dos serviços */
.sx-spy{position:sticky;top:64px;z-index:30;background:rgba(19,39,63,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);margin-top:clamp(40px,6vw,80px);opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .4s var(--ease);pointer-events:none}
.sx-spy.on{opacity:1;transform:none;pointer-events:auto}
.sx-spy .wrap{position:relative}
.sx-spy-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.sx-spy-in::-webkit-scrollbar{display:none}
.sx-spy-in a{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:13px;letter-spacing:.06em;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.sx-spy-in a:hover{color:var(--cream)}
.sx-spy-in a.on{background:var(--cream);color:var(--navy)}
.sx-spy-bar{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--cream);transform-origin:left;transform:scaleX(var(--p,0))}
/* faixa de cada serviço */
.sx-sec{scroll-margin-top:130px}
.sx-sec:first-child{padding-top:clamp(40px,6vw,80px)}
.sx-band{position:relative;display:block;aspect-ratio:21/9;border-radius:24px;overflow:hidden;margin:0 0 clamp(32px,4vw,56px);color:var(--cream);text-decoration:none;background:var(--deep);clip-path:inset(var(--in,0px) var(--in,0px) round 24px);will-change:clip-path}
.sx-media{position:absolute;inset:-8% 0;transform:translate3d(0,var(--py,0px),0) scale(var(--sc,1));will-change:transform}
.sx-media img,.sx-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.sx-media iframe{opacity:0;transition:opacity 1.2s;width:100%;height:auto;aspect-ratio:16/9;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.sx-media iframe.on{opacity:1}
.sx-media video{opacity:0;transition:opacity 1s}.sx-media video.on{opacity:1}
.sx-media img{transition:opacity .8s}.sx-media:has(>iframe.on) img,.sx-media:has(>video.on) img,.sx-media.vid-on img{opacity:0}
.sx-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,28,46,0) 30%,rgba(13,28,46,.85) 100%),linear-gradient(90deg,rgba(13,28,46,.55),rgba(13,28,46,0) 60%)}
.sx-band-txt{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:clamp(14px,2vw,28px);padding:clamp(20px,3vw,44px)}
.sx-big{font-family:var(--display);font-weight:700;font-size:clamp(72px,11vw,180px);line-height:.78;color:transparent;-webkit-text-stroke:1.5px rgba(255,243,204,.85)}
.sx-band .svx-n{color:var(--soft);margin:0 0 8px}
.sx-band .svx-n b{font-weight:600;color:var(--cream)}
.sx-h{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(34px,5.4vw,88px);line-height:.92;margin:0;color:var(--cream)}
.sx-go{margin-left:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--cream);color:var(--navy);font-weight:600;font-size:15px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s var(--ease)}
.sx-band:hover .sx-go,.sx-band:focus-visible .sx-go{opacity:1;transform:none}
.sx-js .sx-tags li{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--k) * 70ms)}
.sx-sec.in .sx-tags li{opacity:1;transform:none}
.sx-js .sx-cases .tile{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.sx-js .sx-cases .tile:nth-child(2){transition-delay:.12s}.sx-js .sx-cases .tile:nth-child(3){transition-delay:.24s}
.sx-sec.in .sx-cases .tile{opacity:1;transform:none}
.sx-page .svx-deliver .st-tags{border:0;margin-top:12px;gap:10px}
.svx-deliver .st-tags li{padding:11px 18px;border-bottom:0;line-height:1.25;background:rgba(239,232,214,.08);box-shadow:inset 0 0 0 1px rgba(239,232,214,.12)}
@media (max-width:760px){
  .sx-band{aspect-ratio:4/5;border-radius:18px}
  .sx-band-txt{flex-wrap:wrap}
  .sx-big{font-size:64px}
  .sx-go{opacity:1;transform:none;margin-left:0}
  .sx-media iframe{width:260%}
}
@media (prefers-reduced-motion:reduce){
  .sx-line>span{animation:none;transform:none}
  .sx-tags li,.sx-cases .tile{opacity:1;transform:none;transition:none}
  .sx-band{clip-path:none}
}
/* /v25 */
/* v26 · quando o vídeo começa, a capa sai de trás dele */
.rt-cover>img,.rt-hero-img>img{transition:opacity .6s}
.rt-auto.playing>img,.rt-auto.on>img,.rt-hero-img:has(.rt-hero-vid.on)>img{opacity:0}
.rt-case-link{margin:clamp(20px,3vw,32px) 0 0}
.rt-more .grid{margin-top:clamp(24px,3vw,40px)}
.rt-page .svc-faq{padding-top:clamp(40px,6vw,80px)}
.rt-title{line-height:1.12}
/* /v26 */
/* v27 · soluções mensais: o feed */
.fd-title{max-width:none}
.fd-hero .so-sub{max-width:62ch;text-align:justify;hyphens:auto}
.fd-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);padding-bottom:clamp(40px,6vw,80px)}
.fd-step{min-height:88vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .6s var(--ease)}
.fd-step.on{opacity:1}
.fd-step .h2{font-size:clamp(40px,5.2vw,84px);text-transform:uppercase;line-height:.92;margin:6px 0 18px;color:var(--cream)}
.fd-step p{color:var(--soft);font-size:clamp(17px,1.4vw,20px);max-width:42ch;text-align:justify;hyphens:auto;margin:0}
.fd-step .fd-n{font:500 13px/1 var(--body);letter-spacing:.24em;color:var(--muted)}
.fd-stick{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.fd-phone{width:min(clamp(250px,23vw,330px),calc((100vh - 170px) * .46));aspect-ratio:9/19.5;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}
.fd-bezel{position:relative;width:100%;height:100%;border-radius:15% / 7%;background:#0A1421;padding:3.4%;box-shadow:inset 0 0 0 1.5px #2E4766,0 0 0 1px #05090f}
.fd-island{position:absolute;top:2.6%;left:50%;width:30%;height:3.2%;transform:translateX(-50%);background:#000;border-radius:99px;z-index:5}
.fd-screen{position:relative;width:100%;height:100%;border-radius:12% / 5.6%;overflow:hidden;background:#0F2236;container-type:inline-size}
.fd-scr{position:absolute;inset:0;padding:22cqw 7cqw 7cqw;opacity:0;transform:scale(.96);transition:opacity .5s var(--ease),transform .7s var(--ease);font-family:var(--body);color:var(--text)}
.fd-scr.on{opacity:1;transform:none}
.fd-app{font:600 6cqw/1.1 var(--body);margin:0 0 5cqw;color:var(--cream)}
/* 1 · pauta */
.fd-wk,.fd-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1.6cqw}
.fd-wk span{font-size:3.4cqw;color:var(--muted);text-align:center}
.fd-cal{margin-top:2cqw}
.fd-cal i{position:relative;aspect-ratio:1/1.25;border-radius:2.4cqw;background:rgba(255,255,255,.05);font-style:normal}
.fd-cal i.off{background:none}
.fd-cal em{position:absolute;top:1.2cqw;left:1.6cqw;font-size:3cqw;font-style:normal;color:var(--muted)}
.fd-cal b,.fd-leg b{display:block;border-radius:99px}
.fd-cal b{position:absolute;left:1.4cqw;right:1.4cqw;bottom:1.6cqw;height:2.4cqw;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);transition-delay:calc(var(--k) * 70ms + .2s)}
.fd-plan.on .fd-cal b{transform:none}
.t0{background:#FFF3CC}.t1{background:#E8833A}.t2{background:#5FB3A8}.t3{background:#E86A8E}
.fd-leg{list-style:none;margin:6cqw 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw 4cqw;font-size:3.6cqw;color:var(--soft)}
.fd-leg li{display:flex;align-items:center;gap:2cqw}.fd-leg b{width:5cqw;height:2.4cqw}
/* 2 · kv e vídeo */
.fd-make{padding:0}
.fd-kv,.fd-vid,.fd-vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fd-vid{opacity:0;transition:opacity .8s}
.fd-make.on .fd-vid{animation:fdShow 0s 2.2s forwards}
@keyframes fdShow{to{opacity:1}}
.fd-vid iframe{position:absolute;top:0;left:50%;height:100%;width:auto;aspect-ratio:9/16;transform:translateX(-50%);border:0;pointer-events:none;opacity:0;transition:opacity .8s}
.fd-vid iframe.on{opacity:1}
.fd-pill{position:absolute;left:6cqw;top:18cqw;padding:2cqw 4cqw;border-radius:99px;background:rgba(10,20,33,.72);backdrop-filter:blur(6px);font:600 3.6cqw/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);transition:opacity .4s}
.fd-p2{opacity:0}
.fd-make.on .fd-p1{animation:fdHide 0s 2.2s forwards}.fd-make.on .fd-p2{animation:fdShow 0s 2.2s forwards}
@keyframes fdHide{to{opacity:0}}
/* 3 · postagem */
.fd-prof{display:flex;align-items:center;gap:4cqw;margin-bottom:5cqw}
.fd-av{flex:0 0 auto;width:15cqw;height:15cqw;border-radius:50%;background:conic-gradient(#E8833A,#E86A8E,#FFF3CC,#E8833A);box-shadow:inset 0 0 0 1.4cqw #0F2236}
.fd-prof b{display:block;font-size:4.2cqw;color:var(--cream);margin-bottom:2cqw}
.fd-btns{display:flex;gap:2cqw}.fd-btns em{font-style:normal;font-size:3.2cqw;padding:1.4cqw 3.4cqw;border-radius:2cqw;background:rgba(255,255,255,.08)}
.fd-btns em:first-child{background:#3B82F6;color:#fff}
.fd-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw;margin:0 -7cqw}
.fd-feed span{aspect-ratio:4/5;overflow:hidden;background:#1F3A5C}
.fd-feed img{width:100%;height:100%;object-fit:cover}
.fd-feed .new{opacity:0;transform:translateY(-14cqw) scale(.9)}
.fd-post.on .fd-feed .new{animation:fdDrop .7s var(--ease) forwards;animation-delay:calc(var(--k) * .35s + .4s)}
@keyframes fdDrop{to{opacity:1;transform:none}}
.fd-toast{position:absolute;left:50%;bottom:8cqw;transform:translate(-50%,20cqw);margin:0;padding:2.6cqw 5cqw;border-radius:99px;background:var(--cream);color:var(--navy);font:600 3.8cqw/1 var(--body);white-space:nowrap;transition:transform .6s var(--ease)}
.fd-post.on .fd-toast{transform:translate(-50%,0);transition-delay:1.6s}
/* 4 · gestão e mídia */
.fd-postimg{position:relative;margin:0 -7cqw;aspect-ratio:1/1;overflow:hidden}
.fd-postimg img{width:100%;height:100%;object-fit:cover}
.fd-boost{position:absolute;left:4cqw;bottom:4cqw;padding:1.8cqw 3.6cqw;border-radius:99px;background:#3B82F6;color:#fff;font:600 3.2cqw/1 var(--body);transform:scale(0);transition:transform .5s var(--ease) 1.8s}
.fd-talk.on .fd-boost{transform:none}
.fd-icons{font-size:5cqw;margin:3cqw 0;letter-spacing:2cqw;color:var(--cream)}
.fd-cm{list-style:none;margin:0;padding:0;display:grid;gap:2.4cqw;font-size:3.6cqw;line-height:1.35}
.fd-cm li{opacity:0;transform:translateY(4cqw);transition:opacity .5s,transform .5s var(--ease);transition-delay:calc(var(--k) * .55s + .3s)}
.fd-cm li.me{padding-left:5cqw;color:var(--cream)}
.fd-cm b{color:var(--cream)}
.fd-talk.on .fd-cm li{opacity:1;transform:none}
.fd-aud{display:flex;flex-wrap:wrap;gap:1.6cqw;margin-top:4cqw}
.fd-aud span{font-size:3cqw;padding:1.4cqw 3cqw;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:var(--soft)}
.fd-budget{margin-top:4cqw;font-size:3.2cqw;color:var(--muted)}
.fd-budget i,.fd-kpis i{display:block;height:2cqw;border-radius:99px;background:rgba(255,255,255,.08);margin-top:1.6cqw;overflow:hidden}
.fd-budget u,.fd-kpis u{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#E8833A,#FFF3CC);transition:width 1.6s var(--ease) .6s}
.fd-talk.on .fd-budget u{width:72%}
/* 5 · análise */
.fd-line{width:100%;height:28cqw;display:block;margin:2cqw 0 6cqw;overflow:visible}
.fd-line path{fill:none;stroke:#FFF3CC;stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 2s var(--ease) .3s}
.fd-data.on .fd-line path{stroke-dashoffset:0}
.fd-kpis{display:grid;gap:4cqw}
.fd-kpis div{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:3.6cqw;color:var(--soft)}
.fd-kpis i{grid-column:1/-1}
.fd-kpis b{color:#5FB3A8;font-size:4.4cqw}
.fd-kpis u{transition-delay:calc(var(--k) * .25s + .8s)}
.fd-data.on .fd-kpis u{width:var(--w)}
.fd-next{list-style:none;margin:6cqw 0 0;padding:0;display:grid;gap:2.4cqw;font-size:3.5cqw;color:var(--soft)}
.fd-next li{opacity:0;transition:opacity .5s;transition-delay:calc(var(--k) * .4s + 1.8s)}
.fd-next li::before{content:"✓ ";color:#5FB3A8}
.fd-data.on .fd-next li{opacity:1}
/* pontos das etapas */
.fd-dots{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.fd-dots li{font:500 11px/1 var(--body);letter-spacing:.14em;color:var(--muted);padding:7px 10px;border-radius:99px;transition:background .3s,color .3s}
.fd-dots li.on{background:var(--cream);color:var(--navy)}
/* marcas */
.fd-brands{padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.fd-marq{overflow:hidden;margin-top:18px}
.fd-marq-in{display:flex;width:max-content;animation:sxMarq 60s linear infinite}
.fd-marq-in span{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(44px,7vw,110px);line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(255,243,204,.7);padding-right:.6em;white-space:nowrap}
.fd-marq-in span:nth-child(3n+1){color:var(--cream);-webkit-text-stroke:0}
@media (max-width:900px){
  .fd-stage{grid-template-columns:1fr;gap:0}
  .fd-stick{order:-1;top:56px;height:auto;padding:12px 0 14px;background:linear-gradient(var(--navy) 88%,rgba(19,39,63,0));z-index:3}
  .fd-phone{width:min(40vw,calc(42vh * .46))}
  .fd-dots li{padding:5px 8px;font-size:10px}
  .fd-step{min-height:62vh;justify-content:flex-start;padding-top:8vh}
}
@media (prefers-reduced-motion:reduce){
  .fd-scr,.fd-scr *{transition:none!important;animation:none!important}
  .fd-marq-in{animation:none;flex-wrap:wrap;width:auto}
}
/* /v27 */
/* v28 · sobre no mesmo tom das outras páginas */
.ab-page .rt-title{font-size:clamp(52px,7.6vw,128px)}
.ab-motto{margin:22px 0 0}
.ab-motto span{display:inline-block;padding:10px 18px;border:1px solid #C9A962;border-radius:999px;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(15px,1.3vw,18px);color:#C9A962;transform:rotate(-2deg)}
.ab-nums{margin-top:clamp(48px,6vw,88px)}
.ab-h{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(40px,5.6vw,92px);line-height:.92;color:var(--cream);margin:6px 0 0}
.ab-socios .socios-head{align-items:end}
.ab-ph{position:relative;overflow:hidden;border-radius:clamp(10px,1.1vw,16px)}
.ab-ph img{transition:transform 1.2s var(--ease),filter .6s var(--ease)}
.ab-big{position:absolute;left:14px;bottom:6px;font-family:var(--display);font-weight:700;font-size:clamp(56px,6vw,96px);line-height:1;color:transparent;-webkit-text-stroke:1.4px rgba(255,243,204,.9);pointer-events:none}
@media (hover:hover) and (pointer:fine){
  .ab-socios .socios-grid:hover .socio:not(:hover) img{filter:brightness(.4) saturate(.5)}
  .ab-socios .socio:hover img{transform:scale(1.05)}
}
.ab-bts-head{padding-top:clamp(24px,4vw,56px)}
.ab-fronts{padding:clamp(64px,9vw,128px) 0 clamp(32px,4vw,56px)}
.ab-rows{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;border-top:1px solid var(--line)}
.ab-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(18px,2.2vw,30px) 0;border-bottom:1px solid var(--line);overflow:hidden}
.ab-row::before{content:"";position:absolute;inset:0;background:var(--cream);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.ab-row>*{position:relative;transition:color .4s,transform .55s var(--ease)}
.ab-i{font:500 12px/1 var(--body);letter-spacing:.2em;color:var(--muted)}
.ab-row h3{margin:0;font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(30px,4.2vw,64px);line-height:1}
.ab-row p{margin:0;color:var(--soft);max-width:46ch;text-align:justify;hyphens:auto}
@media (hover:hover) and (pointer:fine){
  .ab-row:hover::before{transform:scaleY(1)}
  .ab-row:hover>*{color:var(--navy)}
  .ab-row:hover h3{transform:translateX(16px)}
}
.ab-proc{padding:clamp(64px,9vw,128px) 0}
.ab-steps{position:relative;list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ab-line{position:absolute;left:0;right:0;top:24px;height:2px;background:var(--line);overflow:hidden}
.ab-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#C9A962,var(--cream));transform-origin:left;transform:scaleX(var(--p,1))}
.ab-steps li{position:relative;padding-top:56px}
.ab-steps b{position:absolute;top:0;left:0;font-family:var(--display);font-weight:700;font-size:48px;line-height:1;color:var(--navy);-webkit-text-stroke:1.4px var(--cream);background:var(--navy);padding-right:10px}
.ab-steps h3{margin:0 0 8px;font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(22px,1.9vw,28px);color:var(--cream)}
.ab-steps p{margin:0;color:var(--soft);font-size:15px}
.ab-js .ab-steps li{opacity:.25;transition:opacity .6s var(--ease)}
.ab-js .ab-steps li.on{opacity:1}
.ab-prem{padding:clamp(64px,9vw,128px) 0}
.ab-prem .awards{margin-top:clamp(32px,4vw,56px)}
@media (max-width:900px){
  .ab-row{grid-template-columns:32px minmax(0,1fr);gap:8px 14px}
  .ab-row p{grid-column:2}
  .ab-steps{grid-template-columns:1fr;gap:28px;padding-left:72px}
  .ab-line{left:26px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .ab-line::after{transform-origin:top;transform:scaleY(var(--p,1))}
  .ab-steps li{padding-top:0}
  .ab-steps b{left:-72px;top:-4px;font-size:34px;padding:2px 6px 4px 4px}
}
/* /v28 */
/* v29 · line-up com fotos inteiras (produtos), em vez de recortes */
.md-cast-photos .md-cast-row{align-items:center}
.md-cast-photos .md-cast-row li{height:80%;margin-right:clamp(12px,1.4vw,20px)}
.md-cast-photos .md-player img{border-radius:clamp(12px,1.2vw,18px);filter:none;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.md-cast-photos .md-cast-word{opacity:.55}
/* /v29 */
/* v30 · card de vídeo no índice de serviços */
.sx-vtile .thumb{position:relative}
.sx-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(13,28,46,.6);backdrop-filter:blur(6px);color:var(--cream);font-size:20px;padding-left:4px;transition:transform .4s var(--ease),background .4s}
.sx-vtile:hover .sx-play{transform:translate(-50%,-50%) scale(1.1);background:var(--cream);color:var(--navy)}
/* /v30 */

/* v31: vídeo principal da página de social */
.so-main{margin:0 auto clamp(32px,4vw,56px)}
.so-main-in{position:relative;height:min(80vh,780px);border-radius:24px;overflow:hidden;background:#0A1421;isolation:isolate}
.so-main-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(38px) saturate(1.2) brightness(.55);transform:scale(1.05);z-index:-1}
.so-main-v{display:block;height:100%;width:auto;max-width:100%;margin:0 auto;object-fit:contain}
@media (max-width:700px){.so-main-in{height:auto;aspect-ratio:9/16;max-height:82vh;border-radius:18px}.so-main-v{width:100%;height:100%;object-fit:cover}}
@media (prefers-reduced-motion:reduce){.so-main-bg{display:none}}

/* v31: bastidores em faixa automática (sobre) */
.bts-auto{padding:0 0 clamp(72px,9vw,128px)}
.bts-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.bts-track{display:flex;gap:12px;width:max-content;animation:bts-mq calc(var(--n) * 5.5s) linear infinite}
.bts-mq:hover .bts-track,.bts-auto.paused .bts-track{animation-play-state:paused}
.bts-it{flex:0 0 clamp(190px,21vw,300px)}
.bts-it video,.bts-it img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:14px;background:var(--card)}
@keyframes bts-mq{to{transform:translateX(calc(-50% - 6px))}}
@media (max-width:700px){.bts-it{flex-basis:56vw}}
@media (prefers-reduced-motion:reduce){.bts-track{animation:none}.bts-mq{overflow-x:auto}}
.bts-auto:has(.bts-pause[aria-pressed="true"]) .bts-track{animation-play-state:paused}

/* v32: episódios lado a lado no case */
.eps-h{margin:clamp(40px,6vw,72px) 0 20px}
.versions.eps-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.versions.eps-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.versions.eps-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.versions.eps span{color:var(--cream);font-size:17px}
@media (max-width:700px){.versions.eps{grid-template-columns:1fr}}

/* v33: prêmios no título do projeto */
.rt-prizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* v33: aba de cases por categoria, 4 por linha */
#cases-grid.cx{display:block}
.cx-sec{padding:clamp(28px,4vw,48px) 0 clamp(8px,2vw,16px);border-top:1px solid var(--line)}
.cx-sec:first-child{border-top:0;padding-top:clamp(8px,2vw,16px)}
.cx-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(16px,2vw,24px)}
.cx-t{margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(26px,3.2vw,44px);line-height:1;letter-spacing:.005em}
.cx-n{font:500 13px/1 var(--body);letter-spacing:.14em;color:var(--muted);vertical-align:super;margin-left:6px}
.cx-go{font-size:15px;color:var(--soft);white-space:nowrap;text-decoration:none}
.cx-go:hover{color:var(--cream)}
.cx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
.cx-grid .tile h3{font-size:clamp(17px,1.25vw,20px);margin:12px 0 4px}
.cx-grid .tile p{font-size:14px}
.cx-grid .lr-badge{transform:scale(.82);transform-origin:top left}
.cx-vert{grid-template-columns:repeat(6,minmax(0,1fr))}
.cx-more{margin:24px 0 0}
@media (max-width:1000px){.cx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-vert{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cx-vert{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-head{flex-wrap:wrap}.cx-grid .tile h3{font-size:16px}}
.cx-grid .tile p{text-align:left;hyphens:none}

/* v34: selo do case de capa por cima do vídeo do serviço */
.rt-hero-selo{position:absolute;left:18px;bottom:52px;z-index:3;width:auto!important;height:clamp(70px,9vw,110px)!important;max-width:60%;object-fit:contain!important;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))!important;opacity:1!important;pointer-events:none}
.cx-vt .thumb{position:relative;overflow:hidden}
.cx-vt .thumb::after{display:none}
.cx-vt,.cx-vt span{text-decoration:none}

/* título com palavra longa (ex.: ARQUIBANCADA) não invade o vídeo ao lado */
.rt-hero-copy{min-width:0}
.rt-title.rt-title-long{font-size:clamp(44px,5.6vw,96px);overflow-wrap:break-word}