@font-face{font-family:RiotDisplay;src:url('fonts/display.otf')}@font-face{font-family:RiotSans;src:url('fonts/body.otf')}@font-face{font-family:RiotSans;src:url('fonts/body-bold.otf');font-weight:700}
:root{--paper:#f3f1ec;--ink:#151515;--red:#fb0707;--line:#bbb9b4;--display:RiotDisplay,'Arial Narrow',sans-serif;--body:RiotSans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.5 var(--body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:auto}figure,p{margin:0}p+p{margin-top:1rem}h1,h2,h3{overflow-wrap:break-word;line-height:1.02;margin:0;font-weight:700}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em}h1{font-size:clamp(3.8rem,8.2vw,8.3rem)}h2{font-size:clamp(2.8rem,5.2vw,5.2rem)}h3{font-size:1.5rem}em{color:var(--red);font-style:normal}section{padding:3.5rem 0;border-bottom:1px solid var(--line)}main,.header,footer{width:min(1440px,calc(100% - 80px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--ink)}.wordmark{font-family:var(--display);font-size:2.3rem;line-height:1;white-space:nowrap}.wordmark span{color:var(--red)}nav{display:flex;gap:1.7rem;align-items:center}nav>a:not(.button){padding:.5rem 0;font-size:.95rem}nav>a[aria-current]{border-bottom:2px solid var(--red)}.button{display:inline-flex;background:var(--red);color:#fff;padding:1rem 1.5rem;border:1px solid var(--red);align-items:center;justify-content:center;font-weight:700;transition:background .2s,color .2s}.button:hover{background:var(--ink);border-color:var(--ink)}.button.small{font-size:.9rem;padding:.7rem 1.2rem}.button.outline{border-color:currentColor;background:transparent}.button.outline:hover{background:var(--paper);color:var(--ink)}.menu-toggle{display:none}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.lead{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.35;max-width:48rem;margin-top:1.4rem}.actions{display:flex;gap:2rem;align-items:center;margin-top:2rem}.text-link{display:inline-block;border-bottom:1px solid;padding:.25rem 0}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.home-hero h1{font-size:clamp(3.4rem,6.6vw,7rem)}.hero-art{position:relative;align-self:stretch;min-height:520px;background:var(--red);overflow:hidden}.hero-art img{height:100%;object-fit:cover}.hero-art figcaption{position:absolute;bottom:1rem;left:1rem;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem}.project-cover{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;aspect-ratio:1.4;overflow:hidden;transition:transform .3s;background:var(--ink);color:var(--paper)}.project-cover strong{font:700 clamp(2.7rem,5vw,5rem)/1 var(--display);letter-spacing:-.02em;max-width:100%}.cover-0{background:var(--ink);color:var(--paper)}.cover-1{background:var(--red);color:var(--ink)}.cover-2{background:#dcd9d2;color:var(--ink)}.cover-caption{font-size:.9rem}.card-label{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.8rem}.card-label h3{font-size:1.25rem}.card-label span{font-size:.9rem}.project-card a:hover .project-cover{transform:translateY(-5px)}.service-overview{display:grid;grid-template-columns:repeat(4,1fr)}.service-overview>a{padding:1rem 1.5rem;border-left:1px solid var(--line)}.service-overview>a:first-child{padding-left:0;border:0}.service-overview h3{font:2.3rem/1 var(--display);text-transform:uppercase;margin-bottom:1rem}.dark{background:var(--ink);color:var(--paper);padding:3rem}.dark .eyebrow,.number{color:var(--red)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feature p{margin:1.5rem 0;max-width:36rem}.type-poster{border:1px solid #666;padding:2rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:350px;font:clamp(2.5rem,4vw,4.5rem)/1 var(--display);color:var(--red)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.article-art{aspect-ratio:1.6;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:var(--ink);color:var(--paper);margin-bottom:1.5rem;overflow:hidden}.article-art strong{font:2.7rem/1 var(--display);overflow-wrap:anywhere}.art-1{background:var(--red);color:var(--ink)}.art-2{background:#dcd9d2;color:var(--ink)}.article-card h3{font:2.1rem/1.1 var(--display);margin:.8rem 0}.article-card p{margin-bottom:1rem}.cta{background:var(--red);color:white;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem}.cta h2{font-size:clamp(2.8rem,4.5vw,4.5rem);max-width:70%}footer{padding:2.5rem 0;display:flex;justify-content:space-between;gap:2rem;align-items:center}footer p,footer>a:not(.wordmark){font-size:.9rem}.intro{padding:4rem 0 3rem}.intro h1{max-width:1150px}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}.filter{border:0;background:none;color:inherit;padding:.75rem 0;border-bottom:2px solid transparent}.filter.active{color:var(--red);border-bottom-color:var(--red)}[hidden]{display:none!important}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.steps.three{grid-template-columns:repeat(3,1fr)}.steps h3{margin:1rem 0}.steps>div>span{font:3rem/1 var(--display);color:var(--red)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.two-col p{margin-top:1rem}.two-col h3:not(:first-child){margin-top:2rem}.wide-art{padding:0;max-height:600px;overflow:hidden}.wide-art img{max-height:600px;object-fit:cover}.service-row{display:grid;grid-template-columns:100px 1.5fr 1fr;gap:2rem;align-items:center}.number{font:6rem/1 var(--display)}.service-row h2{font-size:4rem}.service-row .lead{font-size:1.15rem}.journal-grid{grid-template-columns:repeat(2,1fr)}.journal-grid .article-art{aspect-ratio:1.8}.article-body{max-width:760px;margin:auto;padding:3rem 0}.article-body h2{font-size:2.4rem;margin:2.5rem 0 1rem}.article-body p{font-size:1.15rem;line-height:1.65}.article-body blockquote{font:3.8rem/1.08 var(--display);color:var(--red);margin:3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:1.5rem 0}.case-main .project-cover{aspect-ratio:2.2}.case-main .project-cover strong{font-size:clamp(4rem,11vw,10rem)}.next-project a:hover{color:var(--red)}.theme-dark{background:var(--ink);color:var(--paper)}.theme-dark .header{border-color:#666}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.art-grid button{border:0;padding:0;width:100%;text-align:left}.art-grid h3{font-size:1.1rem;margin:1rem 0 .4rem}.art-grid p{font-size:.9rem}.poster{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:.8;padding:1.5rem;color:var(--ink);background:var(--red);overflow:hidden}.poster strong{font:clamp(3rem,4.7vw,5rem)/.98 var(--display);text-transform:uppercase;overflow-wrap:anywhere}.poster.light{background:var(--paper)}.poster.black{background:#222;color:var(--paper);border:1px solid #555}.poster .eyebrow{font-size:.75rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.contact-grid h2{font-size:4rem}.contact-grid .text-link{margin-top:2rem}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.4rem}input,select,textarea{padding:.9rem;background:transparent;color:var(--ink);border:1px solid #888;border-radius:0;width:100%;min-width:0}textarea{resize:vertical}.form-note{font-size:.9rem;color:#555}.faq details{padding:1.3rem 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:1.15rem}.faq details p{margin-top:1rem;max-width:45rem}.future-hero{background:var(--red);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.future-hero .eyebrow{grid-column:1/-1}.future-hero h1{font-size:clamp(4rem,9vw,9rem)}.future-hero img{height:480px;object-fit:cover}.future-hero .button{justify-self:start}.black-button{background:var(--ink);border-color:var(--ink)}dialog{padding:3rem 1rem 1rem;background:var(--ink);color:var(--paper);border:0;width:min(600px,90vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#000c}dialog .poster{max-height:75vh;aspect-ratio:.8}dialog .poster strong{font-size:4.5rem}.dialog-close{position:absolute;top:.5rem;right:1rem;background:transparent;color:white;border:0;padding:.5rem}.skip{position:absolute;left:1rem;top:-100px;background:var(--ink);color:white;padding:1rem;z-index:9}.skip:focus{top:0}.empty{padding:2rem 0}
@media(min-width:1700px){h1{font-size:8.3rem}}@media(max-width:1050px){main,.header,footer{width:calc(100% - 48px)}nav{gap:.9rem}.wordmark{font-size:1.8rem}.home-hero{gap:2rem}.hero-art{min-height:420px}.service-overview{grid-template-columns:repeat(2,1fr);gap:2rem}.service-overview>a:nth-child(3){border:0;padding-left:0}.service-row{grid-template-columns:70px 1fr}.service-row>p{grid-column:2}.number{font-size:4rem}.art-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}
@media(max-width:760px){main,.header,footer{width:calc(100% - 32px)}.header{flex-wrap:wrap;gap:1rem}.menu-toggle{display:block;background:transparent;border:1px solid currentColor;color:inherit;padding:.5rem 1rem}nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:1rem 0}nav.open{display:flex}nav>a:not(.button){font-size:1.1rem}.home-hero,.feature,.two-col,.contact-grid{grid-template-columns:1fr}.home-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.hero-art{min-height:320px;height:360px}.home-hero{padding-top:2rem}.intro{padding:2.5rem 0}.intro h1{font-size:clamp(3.3rem,12vw,5.3rem)}section{padding:2.5rem 0}.project-grid,.article-grid,.journal-grid{grid-template-columns:1fr}.project-cover strong{font-size:3.8rem}.project-cover{padding:1.5rem}.section-heading{align-items:start;flex-direction:column;gap:1rem}.service-overview>a{padding:0 1rem}.dark,.cta{padding:2rem 1.3rem}.cta{align-items:start;flex-direction:column}.cta h2{max-width:100%}.steps,.steps.three{grid-template-columns:1fr 1fr}.two-col,.contact-grid{gap:2rem}.service-row{grid-template-columns:50px 1fr;gap:1rem}.service-row h2{font-size:3.3rem}.number{font-size:3.3rem}.case-meta{grid-template-columns:1fr;gap:1.2rem}.case-main .project-cover{aspect-ratio:1.3}.case-main .project-cover strong{font-size:3.5rem}.art-grid{gap:1rem}.poster{padding:1rem}.poster strong{font-size:clamp(2rem,7.5vw,3.5rem)}.poster .eyebrow{font-size:.65rem;letter-spacing:.02em}.art-grid h3{font-size:.95rem}.future-hero{grid-template-columns:1fr;padding:2rem 1.2rem}.future-hero h1{font-size:4.8rem}.future-hero img{height:300px}.future-hero .eyebrow{grid-column:auto}.article-body blockquote{font-size:3rem}.contact-grid h2{font-size:3rem}footer{align-items:start;flex-direction:column;gap:1rem}.actions{flex-wrap:wrap}.type-poster{min-height:240px}.article-art strong{font-size:3rem}}
@media(max-width:380px){.art-grid,.service-overview,.steps,.steps.three{grid-template-columns:1fr}.service-overview>a{padding:0;border:0}.art-grid .poster strong{font-size:3.8rem}.service-row{grid-template-columns:1fr}.service-row>p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Direção visual da página inicial */
:root{--paper:#f7f6f3;--ink:#0c0d0f;--line:#d7d5d0;--red:#fb0707}
body{line-height:1.6}
.header{
  position:sticky;
  top:0;
  z-index:20;
  width:100%;
  max-width:none;
  min-height:84px;
  padding:1rem max(40px,calc((100vw - 1440px)/2));
  background:var(--paper);
  border-color:var(--line);
}
.theme-dark .header{background:var(--paper);color:var(--ink);border-color:var(--line)}
.header nav>a:not(.button){font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.header .wordmark{font-size:2rem}
.button{border-radius:999px}
.button.small{padding:.7rem 1.3rem}
.home-page{overflow-x:clip}
.home-page main>section:not(.home-hero):not(.feature):not(.cta){min-height:calc(100svh - 84px);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(5rem,8vw,8rem)}
.home-page main>.home-hero,
.home-page main>.feature,
.home-page main>.cta{
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding-inline:max(40px,calc((100vw - 1440px)/2));
}
.home-page .home-hero{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0;
  align-items:stretch;
  padding-block:0;
  position:relative;
  isolation:isolate;
  min-height:clamp(600px,calc(100svh - 84px),900px);
  background:var(--ink);
  color:var(--paper);
  border:0;
}
.home-hero>div{position:relative;z-index:2;grid-column:1;align-self:center;padding:5rem clamp(2rem,4.5vw,5rem) 5rem 0}
.home-hero .eyebrow{color:var(--red);font-weight:700;letter-spacing:.16em}
.home-hero h1{font-size:clamp(4.4rem,6.1vw,6.8rem);line-height:.94;letter-spacing:-.035em}
.home-hero .lead{max-width:31rem;color:#c4c2bf;font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.5;margin-top:2rem}
.home-hero .actions{gap:1.5rem;margin-top:2.6rem}
.home-hero .button::after{content:"↗";margin-left:2rem;font-size:1.15em;line-height:1}
.home-hero .button:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.home-hero .text-link{color:var(--paper);font-weight:700}
.home-hero .text-link::after{content:" ↗";color:var(--red)}
.home-hero .hero-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;margin:0;border:0}
.home-hero .hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.9)}
.home-hero .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),#0c0d0fdd 24%,#0c0d0f66 48%,transparent 75%,#0002);pointer-events:none}
.home-hero .hero-art figcaption{z-index:1;right:max(40px,calc((100vw - 1440px)/2));bottom:2rem;left:auto;padding:.6rem .8rem;background:#0c0d0fcc;font-size:.7rem;letter-spacing:.14em}
.section-kicker{color:var(--red);font-weight:700;letter-spacing:.16em}
.home-page .section-heading{margin-bottom:2.6rem}
.home-page .section-heading h2{font-size:clamp(4rem,6.5vw,7rem)}
.home-page .section-heading>a{font-weight:700}
.home-page .project-grid{gap:1.5rem}
.home-page .project-cover{aspect-ratio:1.5;padding:2.25rem}
.home-page .cover-0{background:radial-gradient(circle at 85% 75%,#353536,var(--ink) 58%)}
.home-page .cover-1{background:radial-gradient(circle at 80% 20%,var(--red),var(--red) 60%)}
.home-page .project-cover strong{font-size:clamp(3.5rem,6vw,7rem)}
.home-page .card-label{padding-top:.6rem;border-top:1px solid var(--ink)}
.services-title{max-width:12ch;margin:1rem 0 3rem;font-size:clamp(4rem,6.5vw,7rem)}
.services-section .service-overview{display:block;border-top:1px solid var(--ink)}
.services-section .service-overview>a{
  display:grid;
  grid-template-columns:72px minmax(200px,.85fr) minmax(260px,1fr) 32px;
  align-items:start;
  gap:1.5rem;
  padding:2rem 0;
  border:0;
  border-bottom:1px solid var(--line);
}
.services-section .service-overview>a:first-child{padding-left:0;border-bottom:1px solid var(--line)}
.services-section .service-overview .eyebrow{grid-column:1;color:var(--red);font-weight:700;margin:0}
.services-section .service-overview h3{grid-column:2;margin:0;font-size:clamp(2.4rem,3.4vw,4rem)}
.services-section .service-overview p{grid-column:3;margin:0;max-width:32rem;color:#515154;font-size:1.05rem}
.services-section .service-overview>a::after{content:"↗";grid-column:4;font-size:1.6rem;line-height:1}
.services-section .service-overview>a:hover h3,
.services-section .service-overview>a:hover::after{color:var(--red)}
.home-page .feature{gap:5rem;min-height:640px;padding-block:7rem;border:0}
.home-page .feature h2{font-size:clamp(4rem,6vw,7rem)}
.home-page .feature p:not(.eyebrow){font-size:1.2rem;line-height:1.55;color:#c4c2bf}
.home-page .feature .button:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.home-page .type-poster{min-height:440px;padding:3rem;background:radial-gradient(circle at 75% 20%,#fb070755,transparent 55%);border-color:#555;color:var(--red);font-size:clamp(3.5rem,5.2vw,6.5rem)}
.home-page .article-art{aspect-ratio:1.75}
.home-page .article-card h3{font-size:clamp(2rem,2.4vw,3rem)}
.home-page .cta{min-height:400px;gap:4rem;padding-block:5rem;border:0}
.home-page .cta h2{max-width:12ch;font-size:clamp(4rem,6vw,7rem)}
.home-page .cta .button{white-space:nowrap}
footer{width:100%;max-width:none;padding:4rem max(40px,calc((100vw - 1440px)/2));background:var(--ink);color:var(--paper)}
footer>a:not(.wordmark){border-bottom:1px solid #6c6c6c;padding-bottom:.2rem}


@media(max-width:1050px){
  .header,footer{padding-inline:24px}
  .home-page main>.home-hero,.home-page main>.feature,.home-page main>.cta{padding-inline:24px}
  .home-hero .hero-art{margin:0;min-height:0}
  .home-page .home-hero{min-height:clamp(600px,calc(100svh - 84px),800px)}
  .home-hero h1{font-size:clamp(3.5rem,6.6vw,5rem)}
  .services-section .service-overview>a{grid-template-columns:52px minmax(150px,.8fr) minmax(200px,1fr) 26px;gap:1rem}
}
@media(max-width:760px){
  .header{min-height:72px;padding:1rem 16px}
  .header .wordmark{font-size:1.8rem}
  .header nav{padding:1rem 0 .5rem}
  .home-page main>section:not(.home-hero):not(.feature):not(.cta){min-height:0;display:block;padding-block:4.5rem}
  .home-page main>.home-hero,.home-page main>.feature,.home-page main>.cta{padding-inline:16px}
  .home-page .home-hero{display:grid;grid-template-columns:1fr;min-height:0}
  .home-hero>div{padding:4rem 0 3rem}
  .home-hero h1{font-size:clamp(3.25rem,11vw,5.3rem)}
  .home-hero .lead{margin-top:1.5rem}
  .home-hero .actions{gap:1.2rem;margin-top:2rem}
  .home-hero .hero-art{position:relative;inset:auto;grid-column:1;width:auto;height:360px;min-height:0;margin:0 -16px}
  .home-hero .hero-art img{position:static;height:100%;object-position:62% center}
  .home-hero .hero-art::after{background:linear-gradient(180deg,#0c0d0f33,transparent 25%)}
  .home-hero .hero-art figcaption{right:1rem;bottom:1rem}
  .home-page .section-heading h2,.services-title{font-size:clamp(3.5rem,11vw,5.5rem)}
  .home-page .project-cover{padding:1.5rem}
  .services-title{margin-bottom:2rem}
  .services-section .service-overview>a{grid-template-columns:48px minmax(0,1fr) 28px;column-gap:.7rem;row-gap:.65rem;padding:1.7rem 0}
  .services-section .service-overview .eyebrow{grid-column:1;grid-row:1;padding-top:.35rem}
  .services-section .service-overview h3{grid-column:2;grid-row:1;font-size:clamp(2.3rem,9vw,3.5rem)}
  .services-section .service-overview p{grid-column:2/4;grid-row:2;font-size:1rem}
  .services-section .service-overview>a::after{grid-column:3;grid-row:1}
  .home-page .feature{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding-block:4.5rem}
  .home-page .feature h2,.home-page .cta h2{font-size:clamp(3.5rem,11vw,5.5rem)}
  .home-page .type-poster{min-height:300px;padding:2rem;font-size:clamp(3rem,10vw,5rem)}
  .home-page .cta{min-height:0;padding-block:4.5rem}
  footer{padding:3rem 16px}
}

/* Aplicação do brandbook BRAND / RIOT */
@font-face{font-family:BrandDisplay;src:url('fonts/InterDisplay-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:BrandSans;src:url('fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BrandSans;src:url('fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:BrandSans;src:url('fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
  --paper:#faf8f4;
  --ink:#111111;
  --red:#fb0707;
  --stone:#e8e5e0;
  --line:#d4d0ca;
  --display:BrandDisplay,Arial,sans-serif;
  --body:BrandSans,Arial,sans-serif;
}
h1,h2{font-weight:900;letter-spacing:-.045em}
h3{font-weight:700}
.eyebrow{font-family:'Liberation Mono',Consolas,monospace;font-size:.72rem;letter-spacing:.12em}
.button{border-radius:0}
.brand-lockup{display:inline-flex;align-items:center;gap:.7rem;flex:none;line-height:1;color:inherit}
.brand-symbol{position:relative;display:block;flex:none;width:48px;height:54px;overflow:hidden;background:#fff}
.brand-symbol img{position:absolute;left:-10px;top:-7px;width:68px;height:68px;max-width:none}
.brand-name{display:block;color:inherit}
.brand-name strong{display:block;font:900 1.4rem/.95 var(--display);letter-spacing:-.045em;white-space:nowrap}
.brand-name em{color:var(--red);font-style:normal}
.brand-name small{display:block;margin-top:.4rem;font:500 .46rem/1 var(--body);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.header{background:var(--paper)}
.home-hero h1{font-size:clamp(3.5rem,5.7vw,6.3rem)}
.home-page .section-heading h2,.services-title{font-size:clamp(3.5rem,5.6vw,6.2rem)}
.home-page .feature h2,.home-page .cta h2{font-size:clamp(3.5rem,5.4vw,6.2rem)}
.home-page .cover-1{background:linear-gradient(135deg,var(--stone) 0 73%,var(--red) 73% 83%,var(--ink) 83%);color:var(--ink)}
.art-1{background:linear-gradient(135deg,var(--stone) 0 78%,var(--red) 78% 85%,var(--ink) 85%);color:var(--ink)}
.home-page .cta{background:var(--stone);color:var(--ink);border-left:8px solid var(--red)}
.home-page .cta .button.outline{background:var(--red);border-color:var(--red);color:#fff}
.home-page .cta .button.outline:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:760px){
  .home-hero h1{font-size:clamp(2.8rem,9.3vw,4.6rem)}
  .home-page .section-heading h2,.services-title,.home-page .feature h2,.home-page .cta h2{font-size:clamp(2.8rem,9.3vw,4.8rem)}
  .intro h1{font-size:clamp(2.75rem,10vw,4.8rem)}
}
@media(max-width:430px){
  .brand-symbol{width:38px;height:43px}
  .brand-symbol img{left:-8px;top:-6px;width:54px;height:54px}
  .brand-name strong{font-size:1.1rem}
  .brand-name small{display:none}
}

/* Linguagem e aplicações reais da agência */
.agency-page{overflow-x:clip}
.agency-page main>.agency-hero{position:relative;isolation:isolate;width:100vw;height:calc(100svh - 87px);min-height:520px;max-height:1100px;margin-left:calc(50% - 50vw);padding:clamp(2rem,5vw,5rem) max(40px,calc((100vw - 1440px)/2));display:flex;align-items:center;overflow:hidden;border:0;background:var(--paper)}
.agency-hero-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:25% center}
.agency-hero::after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(243,241,236,.97) 0%,rgba(243,241,236,.93) 31%,rgba(243,241,236,.55) 48%,rgba(243,241,236,.08) 70%,transparent 86%),linear-gradient(0deg,rgba(243,241,236,.28),transparent 24%)}
.agency-hero-copy{position:relative;z-index:2;width:min(58%,720px)}
.agency-hero-copy>.eyebrow{font:700 .72rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.12em}
.agency-hero h1{max-width:12ch;font-size:clamp(4rem,7.7vw,8rem);line-height:.88;letter-spacing:-.045em}
.agency-hero .lead{max-width:38rem;margin-top:1.3rem;font-size:clamp(1.1rem,1.65vw,1.5rem)}
.agency-hero-signature{position:absolute;z-index:2;left:max(40px,calc((100vw - 1440px)/2));bottom:1.4rem;color:#4b4a48;font:700 .65rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.1em}
.agency-page main>.brandbook-showcase,
.agency-page main>.feature,
.agency-page main>.cta{width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(40px,calc((100vw - 1440px)/2))}
.agency-page main>.brandbook-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:3rem 5vw;align-items:center;padding-block:clamp(4.5rem,8vw,8rem);background:var(--ink);color:var(--paper);border:0}
.brandbook-intro .eyebrow{color:var(--red);font-weight:700}
.brandbook-intro h2{max-width:11ch;font-size:clamp(3.4rem,5.4vw,6.4rem);line-height:.94}
.brandbook-intro h2 em{color:var(--red);font-style:normal}
.brandbook-intro>p:not(.eyebrow){max-width:34rem;margin-top:1.5rem;color:#c9c8c6;font-size:1.08rem;line-height:1.6}
.brandbook-link{display:inline-flex;gap:2rem;align-items:center;margin-top:1.8rem;padding-bottom:.35rem;border-bottom:1px solid #777;font-size:.9rem;font-weight:700}
.brandbook-link span,.brandbook-capabilities a>b{color:var(--red);font-size:1.3rem}
.brandbook-art{display:grid;min-width:0;min-height:350px;aspect-ratio:1.12;place-items:center;overflow:hidden;background:#191919}
.brandbook-art img{width:100%;height:100%;object-fit:contain}
.brandbook-capabilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff45}
.brandbook-capabilities a{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:1.25rem 1rem 0 1.25rem;border-right:1px solid #ffffff35;transition:background .2s}
.brandbook-capabilities a:first-child{padding-left:0}
.brandbook-capabilities a:last-child{border-right:0}
.brandbook-capabilities a:hover{background:#ffffff08}
.brandbook-capabilities a>span{color:#b9b8b6;font:700 .65rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.brandbook-capabilities a>strong{margin:.65rem 0 .35rem;font:900 clamp(1.55rem,2.2vw,2.4rem)/1 var(--display);text-transform:uppercase}
.brandbook-capabilities a>small{max-width:17rem;color:#c9c8c6;font-size:.82rem;line-height:1.45}
.brandbook-capabilities a>b{position:absolute;top:1.05rem;right:1rem;font-weight:400}
.agency-page main>.feature{min-height:410px;padding-block:clamp(3.5rem,7vw,6rem)}
.agency-page main>.cta{padding-block:clamp(2.5rem,5vw,4rem)}
.agency-page .cta h2{max-width:14ch}
@media(max-width:1050px){
  .agency-page main>.brandbook-showcase,.agency-page main>.feature,.agency-page main>.cta{padding-inline:24px}
  .agency-page main>.brandbook-showcase{gap:2rem 3vw}
  .brandbook-art{min-height:280px}
  .brandbook-capabilities a{padding-right:.75rem;padding-left:.85rem}
}
@media(max-width:760px){
  .agency-page main>.agency-hero{height:calc(100svh - 77px);min-height:570px;padding:2.5rem 16px 5rem;align-items:end}
  .agency-hero-image{object-position:73% center}
  .agency-hero::after{background:linear-gradient(0deg,rgba(243,241,236,.99) 0%,rgba(243,241,236,.97) 30%,rgba(243,241,236,.74) 45%,rgba(243,241,236,.08) 70%,transparent 88%)}
  .agency-hero-copy{width:100%;max-width:620px}
  .agency-hero h1{max-width:12ch;font-size:clamp(3.3rem,10vw,5rem)}
  .agency-hero .lead{max-width:34rem;font-size:1.1rem}
  .agency-hero-signature{left:16px;bottom:1rem;font-size:.58rem}
  .agency-page main>.brandbook-showcase,.agency-page main>.feature,.agency-page main>.cta{padding-inline:16px}
  .agency-page main>.brandbook-showcase{grid-template-columns:1fr;gap:2rem;padding-block:4rem}
  .brandbook-intro h2{font-size:clamp(3rem,11vw,5rem)}
  .brandbook-art{min-height:250px;aspect-ratio:1}
  .brandbook-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brandbook-capabilities a{min-height:140px;padding:1rem .8rem;border-bottom:1px solid #ffffff35}
  .brandbook-capabilities a:nth-child(odd){padding-left:0;border-right:1px solid #ffffff35}
  .brandbook-capabilities a:nth-child(even){border-right:0}
  .brandbook-capabilities a:nth-last-child(-n+2){border-bottom:0}
  .brandbook-capabilities a>b{top:.8rem;right:.65rem}
  .agency-page main>.feature{min-height:0;padding-block:3.5rem}
  .agency-page main>.cta{padding-block:2.5rem}
}
@media(max-width:420px){.agency-page main>.agency-hero{min-height:600px}.agency-hero h1{font-size:clamp(3rem,10.5vw,4.1rem)}.agency-hero .lead{font-size:1.02rem}.agency-hero-signature{max-width:calc(100% - 32px);letter-spacing:.06em}}

/* Case Vis Vitri: linguagem observada no site da marca */
@font-face{font-family:VVBodoni;src:url('fonts/BodoniModa-Latin.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:VVManrope;src:url('fonts/Manrope-Latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
.vv-case{--vv-petroleum:#123f43;--vv-deep:#0d3033;--vv-cream:#f6f2ea;--vv-paper:#ebe4d7;--vv-gold:#d8be91;--vv-ink:#1d292a;background:var(--vv-cream);color:var(--vv-ink);font-family:VVManrope,Arial,sans-serif}
.vv-case section{border:0}
.vv-case h1,.vv-case h2,.vv-case h3{font-family:VVBodoni,Georgia,serif;text-transform:none;font-weight:400;letter-spacing:-.055em;line-height:.99}
.vv-case h2{font-size:clamp(3.2rem,5.4vw,6.4rem)}
.vv-case p{line-height:1.65}
.vv-case p+p{margin-top:1rem}
.vv-section-label,.vv-kicker,.vv-post-copy>span{font:700 .7rem/1.4 VVManrope,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.vv-hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:690px;background:var(--vv-petroleum);color:var(--vv-cream);overflow:hidden}
.vv-hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(2rem,5vw,5.5rem);position:relative;z-index:1}
.vv-kicker{display:flex;gap:1.3rem;width:100%;justify-content:space-between;color:var(--vv-gold)}
.vv-client-logo{width:86px;height:86px;object-fit:contain;margin:auto 0 1.7rem}
.vv-hero h1{font-size:clamp(3.4rem,5.3vw,6.7rem);max-width:11ch}
.vv-hero h1 em,.vv-statement h2 em{color:var(--vv-gold);font-style:normal}
.vv-hero-copy>p:not(.vv-kicker){max-width:36rem;margin-top:2rem;font-size:1.06rem;color:#e8e6df}
.vv-jump{display:inline-flex;gap:3rem;justify-content:space-between;min-width:215px;padding:.9rem 0;border-bottom:1px solid var(--vv-gold);margin-top:3rem;font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.vv-jump span{font-size:1.2rem}
.vv-hero-image{position:relative;min-height:100%;overflow:hidden}
.vv-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#123f4344,transparent 35%),linear-gradient(0deg,#0d303388,transparent 30%);pointer-events:none}
.vv-hero-image img{width:100%;height:100%;object-fit:cover;object-position:78% center;transform:scale(1.18)}
.vv-hero-image figcaption{position:absolute;z-index:1;right:2rem;bottom:1.6rem;color:var(--vv-cream);font-size:.65rem;font-weight:700;letter-spacing:.17em}
.vv-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:1.7rem 0 2.1rem;border-bottom:1px solid #c6beb0!important}
.vv-facts>div{display:grid;gap:.5rem;border-left:1px solid #c6beb0;padding-left:1.5rem}
.vv-facts>div:first-child{border:0;padding-left:0}
.vv-facts span,.vv-swatches span{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#536461}
.vv-facts strong{font-size:1.02rem;font-weight:700}
.vv-story{display:grid;grid-template-columns:minmax(180px,.38fr) 1fr;gap:4rem;padding:7rem 0}
.vv-story .vv-section-label,.vv-section-heading .vv-section-label{color:#6c756e}
.vv-story h2{max-width:12ch;margin-bottom:2rem}
.vv-story p:not(.vv-section-label){font-size:1.12rem;max-width:44rem;color:#485756}
.vv-statement{position:relative;padding:7rem clamp(2rem,7vw,8rem);background:var(--vv-deep);color:var(--vv-cream);overflow:hidden}
.vv-statement .vv-section-label{color:var(--vv-gold)}
.vv-statement h2{position:relative;z-index:1;max-width:17ch;margin:2.6rem 0;font-size:clamp(3.4rem,6vw,7rem)}
.vv-statement>p:not(.vv-section-label){position:relative;z-index:1;max-width:42rem;color:#cbd9d4}
.vv-statement-mark{position:absolute;right:2rem;bottom:-5rem;font:400 clamp(15rem,33vw,30rem)/1 VVBodoni,Georgia,serif;color:#ffffff0b;letter-spacing:-.1em}
.vv-experience,.vv-social{padding:7rem 0}
.vv-section-heading{display:grid;grid-template-columns:minmax(180px,.38fr) 1fr;gap:4rem;align-items:start;margin-bottom:3.5rem}
.vv-section-heading h2{max-width:12ch}
.vv-section-heading p:not(.vv-section-label){max-width:43rem;margin-top:1.2rem;color:#596663}
.vv-device-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:3rem;padding:clamp(2rem,5vw,5rem);background:var(--vv-paper)}
.vv-desktop-device{min-width:0;background:#121b1c;border:10px solid #172426;box-shadow:0 22px 45px #132c2b2c}
.vv-device-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;background:#e7e5df;color:#475657}
.vv-device-top span{display:flex;gap:5px}.vv-device-top i{display:block;width:7px;height:7px;border:1px solid #87918d;border-radius:50%}
.vv-device-top small{font-size:.65rem;letter-spacing:.05em}
.vv-desktop-device>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.vv-desktop-device figcaption,.vv-phone-device figcaption{padding:.6rem .3rem;color:var(--vv-gold);font-size:.65rem;font-weight:700;letter-spacing:.16em}
.vv-phone-device{position:relative;width:100%;max-width:250px;padding:9px 9px 0;border:3px solid #25383a;border-radius:29px;background:#121b1c;box-shadow:0 22px 45px #132c2b33}
.vv-phone-device img{width:100%;border-radius:18px 18px 3px 3px}
.vv-phone-top{position:absolute;z-index:1;top:14px;left:50%;width:60px;height:13px;border-radius:20px;background:#172426;transform:translateX(-50%)}
.vv-phone-device figcaption{text-align:center}
.vv-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.vv-screen-grid figure{min-width:0;background:var(--vv-paper)}
.vv-screen-grid img{width:100%;aspect-ratio:1.6;object-fit:cover}
.vv-screen-grid figcaption{padding:1.3rem 1.5rem 1.6rem}
.vv-screen-grid figcaption span{color:var(--vv-petroleum);font-size:.65rem;font-weight:700;letter-spacing:.16em}
.vv-screen-grid figcaption p{margin-top:.5rem;color:#52615e;font-size:.88rem}
.vv-editorial{padding:7rem 0 6rem;background:var(--vv-petroleum);color:var(--vv-cream)}
.vv-editorial-intro{max-width:850px;margin:0 auto 4rem;text-align:center;padding:0 1.5rem}
.vv-editorial-intro .vv-section-label,.vv-pillars span,.vv-voice span{color:var(--vv-gold)}
.vv-editorial h2{margin:1.5rem 0}
.vv-editorial-intro>p:last-child{max-width:42rem;margin:0 auto;color:#d4e0d9}
.vv-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.vv-pillars article{min-height:310px;padding:2rem;border:1px solid #d8be9161;display:flex;flex-direction:column}
.vv-pillars span,.vv-voice span{font-size:.67rem;font-weight:700;letter-spacing:.15em}
.vv-pillars h3{font-size:clamp(2rem,2.7vw,3.2rem);margin:2.7rem 0 1rem}
.vv-pillars p{color:#d4e0d9;font-size:.92rem}
.vv-pillars small{margin-top:auto;padding-top:2rem;color:var(--vv-gold);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}
.vv-voice{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid #d8be9161}
.vv-voice strong{font:400 2rem/1.15 VVBodoni,Georgia,serif}.vv-voice p{max-width:26rem;margin-left:auto;color:#d4e0d9;font-size:.86rem}
.vv-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.vv-social-grid article{min-width:0}
.vv-post{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;overflow:hidden;padding:1.35rem}
.vv-post-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.vv-post-head img{width:48px;height:48px;object-fit:contain}
.vv-post-head span,.vv-post small,.vv-post>div:last-child>span{font-size:.55rem;font-weight:700;letter-spacing:.14em}
.vv-post>strong,.vv-post>div:last-child>strong{position:relative;z-index:1;display:block;font:400 clamp(2.3rem,3vw,3.7rem)/.98 VVBodoni,Georgia,serif;letter-spacing:-.055em}
.vv-post-origin{background:var(--vv-paper);color:var(--vv-deep)}
.vv-post-origin>strong{position:absolute;top:24%;left:1.35rem;right:1rem;max-width:11ch;font-size:clamp(2.2rem,2.7vw,3.1rem)}
.vv-post-origin .vv-post-photo{position:absolute;bottom:0;left:0;width:100%;height:40%;object-fit:cover}
.vv-post-origin small{position:relative;z-index:1;align-self:flex-start;padding:.45rem .55rem;background:var(--vv-deep);color:var(--vv-cream)}
.vv-post-quality{background:var(--vv-deep);color:var(--vv-cream)}
.vv-post-quality .vv-post-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.vv-post-quality::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--vv-deep),transparent 70%)}
.vv-post-quality>div:last-child{position:relative;z-index:2}.vv-post-quality>div:last-child>span{display:block;color:var(--vv-gold);margin-bottom:1rem}
.vv-post-route{background:var(--vv-petroleum);color:var(--vv-cream)}
.vv-post-route>strong{max-width:11ch;color:var(--vv-cream)}
.vv-route-line{position:absolute;inset:25% -12% 18% 15%;border:1px solid #d8be9177;border-radius:50%;transform:rotate(-28deg)}
.vv-route-line::before,.vv-route-line::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--vv-gold)}
.vv-route-line::before{left:4%;bottom:22%}.vv-route-line::after{right:4%;top:22%}
.vv-post-route small{position:relative;z-index:1;color:var(--vv-gold)}
.vv-post-copy{padding:1.3rem .2rem 0;border-top:1px solid var(--vv-petroleum);margin-top:1.4rem}
.vv-post-copy>span{color:#697671;font-size:.62rem}
.vv-post-copy h3{font-size:2rem;margin:.7rem 0}
.vv-post-copy p{color:#596663;font-size:.85rem}
.vv-system{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;padding:6rem 0;border-top:1px solid #c6beb0!important}
.vv-system h2{font-size:clamp(3rem,4.2vw,5rem);max-width:13ch;margin:1.6rem 0}
.vv-system p:not(.vv-section-label){max-width:37rem;color:#596663}
.vv-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.vv-swatches span{display:flex;flex-direction:column;justify-content:end;min-height:180px;padding:1rem;background:var(--swatch);color:var(--vv-ink);font-size:.62rem}
.vv-swatches span:first-child{color:var(--vv-cream)}
.vv-swatches b{display:block;margin-bottom:.4rem;font-size:.72rem}
.vv-captures{display:grid;grid-template-columns:minmax(180px,.38fr) 1fr;gap:4rem;padding:5rem 0;border-top:1px solid #c6beb0!important}
.vv-captures h2{font-size:clamp(3rem,4.2vw,5rem)}
.vv-captures>div>p{margin:1rem 0 1.8rem;color:#596663}
.vv-capture-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
.vv-capture-links a{padding:1rem 0;border-top:1px solid var(--vv-petroleum);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.vv-capture-links a:hover,.vv-source a:hover{color:var(--red)}
.vv-captures .vv-source{font-size:.8rem;margin-top:2rem}
.vv-case .next-project{border-top:1px solid #c6beb0;padding:3rem 0 5rem}
.vv-case .next-project h2{font-family:var(--display);font-weight:900;text-transform:uppercase}
.project-cover.cover-vv{position:relative;isolation:isolate;background:var(--vv-petroleum,#123f43);color:#f6f2ea}
.cover-vv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d3033 6%,#0d3033bb 42%,transparent 85%);z-index:-1}
.cover-vv img.vv-cover-photo{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.cover-vv img.vv-cover-crest{position:absolute;top:1.5rem;right:1.5rem;z-index:1;width:50px;height:50px;object-fit:contain}
.project-cover.cover-vv strong{font:400 clamp(3.5rem,5.7vw,7rem)/.94 VVBodoni,Georgia,serif;letter-spacing:-.06em}
.cover-vv .cover-caption{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:1050px){
  .vv-hero{grid-template-columns:1fr 1fr;min-height:600px}
  .vv-hero-copy{padding:2.5rem}
  .vv-device-stage{grid-template-columns:minmax(0,1fr) 190px;gap:1.5rem}
  .vv-pillars{gap:.7rem}.vv-pillars article{padding:1.4rem}
}
@media(max-width:760px){
  .vv-hero{grid-template-columns:1fr;min-height:0}
  .vv-hero-copy{padding:2rem 1.4rem 3rem;min-height:520px}
  .vv-hero h1{font-size:clamp(3.4rem,11vw,5.8rem)}
  .vv-client-logo{margin:4rem 0 1.2rem;width:68px;height:68px}
  .vv-hero-image{height:300px}
  .vv-hero-image img{transform:none;object-position:right center}
  .vv-facts{grid-template-columns:1fr;gap:1rem;padding:2rem 0}
  .vv-facts>div,.vv-facts>div:first-child{border-left:1px solid #c6beb0;padding-left:1rem}
  .vv-story,.vv-section-heading,.vv-captures{grid-template-columns:1fr;gap:1.5rem}
  .vv-story,.vv-experience,.vv-social,.vv-editorial,.vv-system{padding:4.5rem 0}
  .vv-story h2,.vv-section-heading h2,.vv-editorial h2{font-size:clamp(3rem,10vw,5rem)}
  .vv-statement{padding:4.5rem 1.4rem}
  .vv-statement h2{font-size:clamp(3.1rem,10vw,5rem)}
  .vv-device-stage{grid-template-columns:1fr;justify-items:center;padding:1.3rem 1.3rem 2rem}
  .vv-phone-device{max-width:220px}
  .vv-screen-grid,.vv-pillars,.vv-social-grid,.vv-system{grid-template-columns:1fr}
  .vv-pillars article{min-height:260px}
  .vv-voice{display:block}.vv-voice strong{display:block;margin:1rem 0}.vv-voice p{margin:0}
  .vv-social-grid{gap:3rem}.vv-post{max-width:480px;margin:auto}.vv-post-copy{max-width:480px;margin-inline:auto}
  .vv-swatches span{min-height:130px;padding:.6rem;font-size:.48rem}.vv-swatches b{font-size:.55rem}
  .vv-captures{padding:4rem 0}.vv-capture-links{grid-template-columns:1fr}
}

/* Dobra de resultados e escopo 360° da home */
.home-page main>.proof-fold{
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:calc(100svh - 84px);
  padding:clamp(1.5rem,3vh,2.5rem) max(40px,calc((100vw - 1440px)/2));
  border:0;
  background:var(--paper);
  color:var(--ink);
}
.proof-content{
  width:100%;
  max-width:1440px;
  min-height:calc(100svh - 84px - clamp(3rem,6vh,5rem));
  margin-inline:auto;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:clamp(.8rem,1.8vh,1.25rem);
}
.proof-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.8rem}
.proof-head .eyebrow{margin:0;color:var(--red);font-weight:700}
.proof-head>p:last-child{font-size:.88rem;color:#555}
.proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--paper)}
.proof-stats article{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-width:0;min-height:clamp(104px,15vh,140px);padding:1rem clamp(1rem,2vw,1.8rem);overflow:hidden;background:var(--ink);color:var(--paper)}
.proof-stats article::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--red)}
.proof-stats strong{font:900 clamp(2.8rem,5.3vw,5rem)/.95 var(--display);letter-spacing:-.055em}
.proof-stats span{font-size:clamp(.8rem,1.1vw,1rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.proof-stats .proof-stat-highlight{background:var(--red);color:#fff}
.proof-stats .proof-stat-highlight::before{background:var(--ink)}
.proof-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:0;background:var(--ink);color:var(--paper)}
.proof-art{position:relative;min-height:300px;overflow:hidden;background:#222}
.proof-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proof-art::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#000a,transparent);pointer-events:none}
.proof-art figcaption{position:absolute;z-index:1;left:1.25rem;bottom:1rem;color:#fff;font:700 .68rem/1.3 'Liberation Mono',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.proof-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.8rem,2vh,1.25rem);padding:clamp(1.25rem,2.4vw,2.5rem)}
.proof-copy .eyebrow{margin:0;color:var(--red);font-weight:700}
.proof-copy h2{max-width:11ch;font-size:clamp(2.8rem,4vw,4.8rem);line-height:.94}
.proof-copy>p:not(.eyebrow){max-width:35rem;color:#c4c2bf;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.5}
.proof-copy .button{gap:.9rem;margin-top:.25rem}
.proof-copy .button:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
@media(max-width:1050px){
  .home-page main>.proof-fold{padding-inline:24px}
  .proof-copy{padding:1.5rem}
  .proof-copy h2{font-size:clamp(2.8rem,5.2vw,4.5rem)}
}
@media(max-width:760px){
  .home-page main>.proof-fold{min-height:0;padding:2.5rem 16px}
  .proof-content{min-height:0;grid-template-rows:auto auto auto;gap:1.25rem}
  .proof-head{align-items:flex-start;flex-direction:column;gap:.25rem}
  .proof-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .proof-stats article{min-height:126px;padding:1rem}
  .proof-stats strong{font-size:clamp(2.7rem,12vw,4rem)}
  .proof-stats span{font-size:.72rem}
  .proof-story{grid-template-columns:1fr}
  .proof-art{min-height:260px}
  .proof-copy{gap:1rem;padding:2rem 1.25rem 2.25rem}
  .proof-copy h2{max-width:10ch;font-size:clamp(3.3rem,11vw,4.8rem)}
  .proof-copy>p:not(.eyebrow){font-size:1rem}
}
/* Mantém a dobra de resultados no espaço útil após o cabeçalho fixo */
.home-page main>section:not(.home-hero):not(.feature):not(.cta).proof-fold{
  display:block;
  justify-content:initial;
  padding-block:clamp(1.5rem,3vh,2.5rem);
}
@media(max-width:760px){
  .home-page main>section:not(.home-hero):not(.feature):not(.cta).proof-fold{
    min-height:0;
    padding-block:2.5rem;
  }
}
/* A dobra de resultados ocupa todo o espaço abaixo do hero */
.home-page main>.proof-fold{
  padding:0;
  background:var(--ink);
}
.home-page main>section:not(.home-hero):not(.feature):not(.cta).proof-fold{
  min-height:calc(100svh - 84px);
  padding:0;
}
.proof-content{
  max-width:none;
  min-height:calc(100svh - 84px);
  grid-template-rows:auto minmax(0,1fr);
  gap:0;
}
.proof-stats{gap:1px;background:var(--ink)}
@media(max-width:1050px){
  .home-page main>.proof-fold{padding-inline:0}
}
@media(max-width:760px){
  .home-page main>.proof-fold{min-height:0;padding:0}
  .home-page main>section:not(.home-hero):not(.feature):not(.cta).proof-fold{min-height:0;padding:0}
  .proof-content{min-height:0;grid-template-rows:auto auto;gap:0}
}
/* Dobra de processo e serviços em cinza e vermelho */
.home-page main>.approach-fold{
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:calc(100svh - 84px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:0;
  border:0;
  overflow:hidden;
}
.approach-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(2.5rem,5.5vw,5.5rem) clamp(2rem,7vw,7rem)}
.approach-panel-method{background:var(--stone);color:var(--ink)}
.approach-panel-services{background:var(--red);color:#fff}
.approach-panel .eyebrow{margin-bottom:1.2rem;color:var(--red);font-weight:700}
.approach-panel-services .eyebrow{color:var(--ink)}
.approach-panel h2{max-width:10ch;margin-bottom:1.2rem;font-size:clamp(3rem,5vw,5.8rem);line-height:.93}
.approach-panel h2 em{color:var(--red)}
.approach-panel>p:not(.eyebrow){max-width:34rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.55}
.approach-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:1.5rem 0 1.7rem;border-top:1px solid #1114}
.approach-steps>div{display:flex;align-items:center;gap:.85rem;padding:.65rem .3rem;border-bottom:1px solid #1114}
.approach-steps strong{font:700 1.05rem/1.2 var(--body)}
.approach-panel-method .button{gap:.8rem}
.approach-panel-method .button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.approach-services-list{width:100%;margin:1.5rem 0 0;padding:0;list-style:none;border-top:1px solid #ffffff80}
.approach-services-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:.9rem;padding:.85rem 0;border-bottom:1px solid #ffffff80}
.approach-services-list strong{font:900 1.25rem/1.1 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.approach-services-list small{display:block;margin-top:.25rem;color:#fff;font-size:.84rem;line-height:1.4}
@media(max-width:1050px){
  .approach-panel{padding:3rem 2.5rem}
  .approach-panel h2{font-size:clamp(2.8rem,5vw,4.5rem)}
}
@media(max-width:760px){
  .home-page main>.approach-fold{min-height:0;grid-template-columns:1fr}
  .approach-panel{padding:3.5rem 1.5rem}
  .approach-panel h2{font-size:clamp(3.2rem,11vw,4.8rem)}
  .approach-services-list{margin-top:1.2rem}
  .approach-services-list>li{padding:.8rem 0}
}
/* Garante a grade de dois painéis diante das regras gerais de seção da home */
.home-page main>section:not(.home-hero):not(.feature):not(.cta).approach-fold{
  min-height:calc(100svh - 84px);
  display:grid;
  flex-direction:initial;
  justify-content:initial;
  padding:0;
}
@media(max-width:760px){
  .home-page main>section:not(.home-hero):not(.feature):not(.cta).approach-fold{
    min-height:0;
    grid-template-columns:1fr;
    padding:0;
  }
}
/* Carrossel dos projetos selecionados */
.home-page .work-section .section-heading{margin-bottom:1.5rem}
.project-carousel{width:100%;min-width:0}
.project-carousel-window{width:100%;overflow:hidden}
.project-carousel-track{display:flex;width:100%;min-width:0;gap:0;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.project-carousel-track>.project-card{flex:0 0 100%;min-width:0}
.home-page .project-carousel .project-cover{aspect-ratio:2.25}
.home-page .project-carousel .project-cover strong{font-size:clamp(4rem,8vw,8rem)}
.project-carousel-controls{display:flex;align-items:center;gap:.65rem;margin-top:1rem}
.project-carousel-status{margin-right:auto;color:#575757;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.project-carousel-dots{display:flex;align-items:center;gap:.35rem}
.project-carousel-dots button{width:22px;height:3px;padding:0;border:0;background:#aaa7a1;transition:width .2s,background .2s}
.project-carousel-dots button[aria-current="true"]{width:36px;background:var(--red)}
.carousel-arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:1.15rem;line-height:1;transition:background .2s,color .2s}
.carousel-arrow:hover{background:var(--ink);color:var(--paper)}
.approach-steps>div{gap:0}
.approach-services-list>li{grid-template-columns:minmax(0,1fr);gap:0}
@media(max-width:760px){
  .home-page .project-carousel .project-cover{aspect-ratio:1.3}
  .home-page .project-carousel .project-cover strong{font-size:clamp(3.3rem,12vw,5rem)}
  .project-carousel-controls{gap:.45rem}
  .project-carousel-status{font-size:.65rem;letter-spacing:.06em}
  .carousel-arrow{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.project-carousel-track,.project-carousel-dots button,.carousel-arrow{transition:none}}
.home-page .project-carousel .project-grid{gap:0}

.home-page .feature-founders{position:relative;align-self:stretch;min-height:440px;overflow:hidden;border:1px solid #555;background:var(--ink)}
.home-page .feature-founders img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.home-page .feature-founders::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#000b,transparent);pointer-events:none}
.home-page .feature-founders figcaption{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.25rem;color:#fff;font:700 .68rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:760px){.home-page .feature-founders{min-height:300px}}

.home-page main>.work-section{width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(40px,calc((100vw - 1440px)/2));background:var(--ink);color:var(--paper);border-bottom:0}
.home-page .work-section .section-heading h2{color:var(--paper)}
.home-page .work-section .section-heading h2 em{color:var(--red)}
.home-page .work-section .section-heading>a{color:var(--red);border-color:var(--red)}
.home-page .work-section .card-label{border-color:#555}
.home-page .work-section .card-label h3{color:var(--paper)}
.home-page .work-section .card-label>span,.home-page .project-carousel-status{color:var(--red)}
.home-page .work-section .project-carousel-dots button{background:#555}
.home-page .work-section .project-carousel-dots button[aria-current="true"]{background:var(--red)}
.home-page .work-section .carousel-arrow{border-color:#777;color:var(--paper)}
.home-page .work-section .carousel-arrow:hover{background:var(--red);border-color:var(--red);color:#fff}
@media(max-width:1050px){.home-page main>.work-section{padding-inline:24px}}
@media(max-width:760px){.home-page main>.work-section{padding-inline:16px}}

.proof-art img{opacity:0;transform:scale(1.025);transition:opacity .85s ease,transform 1.15s cubic-bezier(.2,.7,.2,1)}
.proof-art img.is-active{opacity:1;transform:scale(1)}
.proof-art-controls{position:absolute;z-index:2;right:1rem;bottom:.7rem;display:flex;align-items:center;gap:.65rem;color:#fff;font:700 .65rem/1 'Liberation Mono',Consolas,monospace;letter-spacing:.08em}
.proof-art-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffffb0;background:#1119;color:#fff;font-size:.85rem;line-height:1;transition:background .2s,border-color .2s}
.proof-art-controls button:hover{background:var(--red);border-color:var(--red)}
@media(prefers-reduced-motion:reduce){.proof-art img{transition:none;transform:none}}

.services-page main>.services-process,.services-page main>.services-cta{width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(40px,calc((100vw - 1440px)/2))}
@media(max-width:1050px){.services-page main>.services-process,.services-page main>.services-cta{padding-inline:24px}}
@media(max-width:760px){.services-page main>.services-process,.services-page main>.services-cta{padding-inline:16px}}

/* Chamadas finais em largura total, em todas as páginas */
body{overflow-x:clip}
.cta{width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(40px,calc((100vw - 1440px)/2))}
@media(max-width:1050px){.cta{padding-inline:24px}}
@media(max-width:760px){.cta{padding-inline:16px}}

.contact-page main>.dark{width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(40px,calc((100vw - 1440px)/2))}
@media(max-width:1050px){.contact-page main>.dark{padding-inline:24px}}
@media(max-width:760px){.contact-page main>.dark{padding-inline:16px}}

.home-page .hero-art .hero-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.9);opacity:0;transition:opacity .85s ease}
.home-page .hero-art.hero-video-playing .hero-intro-video{opacity:1}
.home-page .hero-art.hero-video-ended .hero-intro-video{opacity:0;pointer-events:none}
.home-page .hero-art .hero-video-replay{position:absolute;z-index:2;left:max(40px,calc((100vw - 1440px)/2));bottom:2rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid #ffffff5c;background:#0c0d0fcc;color:#fff;opacity:.78;font:700 .65rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,border-color .2s}
.home-page .hero-art .hero-video-replay:hover{opacity:1;border-color:#fff}
.home-page .hero-art .hero-video-replay span{color:var(--red);font-size:1rem}
.home-page .hero-art .hero-video-replay[hidden]{display:none}
@media(max-width:1050px){.home-page .hero-art .hero-video-replay{left:24px}}
@media(max-width:760px){.home-page .hero-art .hero-video-replay{left:16px;bottom:1rem}}

.article-art{position:relative;isolation:isolate;color:var(--paper)}
.article-art>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:brightness(.94) contrast(1.04);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.article-art::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#111b 0%,#1112 34%,#1113 48%,#111d 100%);pointer-events:none}
.article-art>span,.article-art>strong{position:relative;z-index:2}
.article-card a:hover .article-art>img{transform:scale(1.035)}

.article-cover{width:100vw;height:clamp(260px,42vw,580px);margin:0 0 1.5rem calc(50% - 50vw);overflow:hidden;background:var(--ink)}
.article-cover img{width:100%;height:100%;object-fit:cover}
/* Playground / caderno de outubro 2026 */
.october-hero{position:relative;isolation:isolate;overflow:hidden;min-height:500px;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(2rem,6vw,5.5rem) clamp(1.25rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background:#101114;color:var(--paper);border-bottom:1px solid #555}
.october-hero:before{content:"";position:absolute;z-index:-1;right:-2%;top:-18%;height:140%;width:39%;background:var(--red);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.october-hero:after{content:"R/";position:absolute;z-index:-1;right:1%;bottom:-.25em;color:#f3f1ec1a;font:900 clamp(12rem,30vw,31rem)/.8 var(--display);letter-spacing:-.09em}
.october-hero-top,.october-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}
.october-hero-top .eyebrow{margin:0;color:var(--red)}
.october-hero h1{font-size:clamp(3.3rem,9.3vw,9rem);line-height:.84;max-width:12ch;position:relative;z-index:1}
.october-hero h1 em{color:var(--red)}
.october-hero .lead{max-width:42rem;margin:0;position:relative;z-index:1}
.october-hero-foot{border-top:1px solid #ffffff55;padding-top:1rem;position:relative;z-index:1}
.october-manifesto,.october-guardrails{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:start}
.october-manifesto h2,.october-guardrails h2{font-size:clamp(2.4rem,5.2vw,5rem)}
.october-manifesto-copy{max-width:42rem}.october-manifesto-copy p,.october-section-head>p,.october-entry-copy p,.october-radar-note,.october-guardrail-list p,.october-archive-heading>p:last-child{font-size:1.05rem;line-height:1.65}
.october-manifesto-copy strong,.october-guardrail-list strong{color:var(--red)}
.october-manifesto-stamp{margin-top:2rem;padding-top:1rem;border-top:1px solid #555;font-size:.75rem!important;letter-spacing:.12em;text-transform:uppercase}
.october-section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}
.october-section-head h2{font-size:clamp(2.8rem,6vw,5.6rem)}.october-section-head>p{max-width:33rem}
.october-radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #666;border-bottom:1px solid #666}
.october-radar-grid article{padding:1.5rem 1.5rem 1.75rem 0}.october-radar-grid article+article{border-left:1px solid #555;padding-left:1.5rem}
.october-index{display:block;color:var(--red);font:3.4rem/1 var(--display);margin-bottom:2rem}
.october-radar-grid h3,.october-entry h3,.october-election h3{font:700 clamp(1.4rem,2.2vw,2rem)/1 var(--display);text-transform:uppercase;margin:0 0 1rem}
.october-radar-grid p{font-size:.98rem;line-height:1.6}
.october-radar-note{color:#c8c6c1;margin-top:1rem;font-size:.9rem}
.october-calendar-list{border-top:1px solid #666}
.october-entry{display:grid;grid-template-columns:130px 1fr;gap:clamp(1.5rem,4vw,4rem);padding:1.5rem 0;border-bottom:1px solid #555}
.october-date{align-self:start;background:var(--red);color:var(--ink);padding:1rem;min-height:130px;display:flex;align-items:flex-start}
.october-date time{display:flex;flex-direction:column;line-height:1}
.october-date span,.october-date small{font-size:.72rem;letter-spacing:.12em;font-weight:700}
.october-date strong{font:900 4rem/.9 var(--display);margin:.5rem 0}
.october-entry-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 1rem;color:var(--red);font-size:.73rem;letter-spacing:.11em;font-weight:700}
.october-entry-copy{max-width:850px}.october-entry-copy p+p{margin-top:.75rem}
.october-hook{border-left:2px solid var(--red);padding-left:1rem;color:var(--paper);font-weight:700}
.october-election{margin:1.5rem 0;padding:1.5rem 2rem;border:1px solid var(--red);background:#fb070714}
.october-election .eyebrow{color:var(--red)}.october-election p:last-child{max-width:72ch}
.october-guardrail-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}
.october-guardrail-list p{padding-top:1rem;border-top:1px solid #555}
.october-guardrail-list strong{display:block;font-size:.75rem;letter-spacing:.12em;margin-bottom:.6rem}
.october-sources{padding-bottom:2.5rem}.october-source-links{display:flex;flex-wrap:wrap;gap:.6rem}
.october-source-links a{border:1px solid #555;padding:.65rem .85rem;font-size:.85rem;transition:background .2s,color .2s}
.october-source-links a:hover{background:var(--paper);color:var(--ink)}
.october-archive-heading{padding-bottom:1.5rem}.october-archive-heading h2{font-size:clamp(2.3rem,5vw,4.5rem);margin-bottom:1rem}
@media(max-width:760px){.october-hero{min-height:460px;padding:2rem 1.25rem}.october-hero:before{width:50%;right:-17%;opacity:.85}.october-hero h1{font-size:clamp(3.15rem,12vw,5.5rem);max-width:11ch}.october-hero-foot{align-items:flex-start;flex-direction:column}.october-manifesto,.october-guardrails{grid-template-columns:1fr;gap:1.5rem}.october-section-head{align-items:start;flex-direction:column;gap:1rem}.october-radar-grid{grid-template-columns:1fr}.october-radar-grid article{padding:1.25rem 0}.october-radar-grid article+article{border-left:0;border-top:1px solid #555;padding-left:0}.october-index{margin-bottom:1rem}.october-entry{grid-template-columns:70px 1fr;gap:1rem;padding:1.25rem 0}.october-date{min-height:92px;padding:.65rem}.october-date strong{font-size:3rem}.october-entry-meta{flex-direction:column;gap:.35rem}.october-guardrail-list{grid-template-columns:1fr}.october-election{padding:1.2rem}}/* Playground / laboratório criativo */
.playground-hero{position:relative;isolation:isolate;overflow:hidden;width:100vw;min-height:clamp(500px,66vw,760px);margin-left:calc(50% - 50vw);padding:clamp(1.5rem,5vw,4.5rem) clamp(1.25rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background:#0d0e11;color:var(--paper)}
.playground-hero-image{position:absolute;z-index:-2;inset:0;margin:0;overflow:hidden}
.playground-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.playground-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d0e11f5 0%,#0d0e11e8 31%,#0d0e11a6 55%,#0d0e1133 100%),linear-gradient(0deg,#0d0e11d9 0%,transparent 38%)}
.playground-hero-kicker,.playground-hero-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}
.playground-hero-kicker .eyebrow{margin:0;color:var(--red)}
.playground-hero-copy{position:relative;z-index:1;max-width:900px;padding:1rem 0}
.playground-hero h1{font-size:clamp(3.5rem,9.2vw,8.6rem);line-height:.85;max-width:11ch;letter-spacing:-.035em;text-wrap:balance}
.playground-hero h1 em{color:var(--red)}
.playground-hero .lead{max-width:44rem;margin:1.5rem 0 0;font-size:clamp(1.1rem,1.8vw,1.45rem)}
.playground-hero-foot{border-top:1px solid #ffffff66;padding-top:1rem}
.playground-intro,.playground-section-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:end}
.playground-intro h2,.playground-section-head h2{font-size:clamp(2.8rem,5.6vw,5.3rem)}
.playground-intro-copy{max-width:42rem}.playground-intro-copy p,.playground-section-head>p{font-size:1.1rem;line-height:1.65}
.playground-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #666;border-bottom:1px solid #666}
.playground-track-grid article{padding:1.25rem 1.25rem 1.5rem 0}.playground-track-grid article+article{border-left:1px solid #555;padding-left:1.25rem}
.playground-track-grid span{display:block;color:var(--red);font-size:.72rem;letter-spacing:.1em;margin-bottom:1.5rem}
.playground-track-grid h3{font:700 clamp(1.45rem,2vw,2rem)/1 var(--display);margin:0 0 .8rem;text-transform:uppercase}
.playground-track-grid p{font-size:.95rem;line-height:1.55}
.playground-archive>.playground-section-head{margin-bottom:2rem}
.playground-archive .filters{margin-bottom:2rem}
.playground-archive .art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}
.playground-archive .art-grid .poster{aspect-ratio:.88;padding:1.25rem}
.playground-archive .art-grid .poster strong{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:.96;max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance;text-shadow:0 2px 12px #0009}
.poster.has-cover{position:relative;isolation:isolate;background:#121212;color:#fff}
.poster-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.poster.has-cover::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#09090978 0%,#09090900 23%,#09090905 43%,#090909d9 100%),linear-gradient(90deg,#09090955,transparent 58%);pointer-events:none}
.poster.has-cover>*:not(.poster-image){position:relative;z-index:1;text-shadow:0 1px 10px #0008}
.art-open:hover .poster-image,.playground-card-link:hover .poster-image{transform:scale(1.04)}
.playground-archive .art-grid button,.playground-card-link{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;background:transparent}
.playground-card-copy{padding:.9rem 0 0}.playground-card-copy>.eyebrow{color:var(--red);font-size:.7rem;margin:0 0 .55rem}
.playground-card-copy h3{font:700 clamp(1.3rem,2vw,1.8rem)/1.05 var(--display);margin:0 0 .55rem;text-transform:uppercase}
.playground-card-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.5;color:#dedbd5}
.playground-card-copy .text-link{margin-top:.8rem;font-size:.9rem}
.playground-archive .reference-visual{color:var(--paper)}
.playground-callout{width:100vw;margin-left:calc(50% - 50vw);display:flex;justify-content:space-between;align-items:end;gap:2rem;background:var(--red);color:var(--paper);padding:clamp(1.5rem,5vw,4rem);margin-bottom:3rem}
.playground-callout h2{font-size:clamp(2.6rem,5vw,5rem);max-width:13ch}.playground-callout .eyebrow{margin-bottom:.8rem}
.playground-callout .button{flex-shrink:0}
@media(max-width:900px){.playground-archive .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-track-grid article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #555}.playground-track-grid article:nth-child(4){border-top:1px solid #555}}
@media(max-width:760px){.playground-hero{min-height:570px;padding:1.5rem 1.25rem}.playground-hero-image img{object-position:64% center}.playground-hero:after{background:linear-gradient(90deg,#0d0e11ed 0%,#0d0e11c9 55%,#0d0e1166 100%),linear-gradient(0deg,#0d0e11e6 0%,transparent 44%)}.playground-hero h1{font-size:clamp(3.2rem,11.5vw,5.8rem);max-width:10ch}.playground-hero-foot{align-items:flex-start;flex-direction:column}.playground-intro,.playground-section-head{grid-template-columns:1fr;gap:1rem;align-items:start}.playground-track-grid{grid-template-columns:1fr 1fr}.playground-track-grid article{padding:1rem .8rem 1.2rem 0}.playground-track-grid article+article{padding-left:.8rem}.playground-track-grid article:nth-child(3){padding-left:0}.playground-track-grid article:nth-child(2){border-top:0}.playground-track-grid h3{font-size:1.45rem}.playground-archive .art-grid{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.playground-archive .art-grid .poster{aspect-ratio:.88;padding:.85rem}.playground-archive .art-grid .poster strong{font-size:clamp(1.8rem,6vw,2.7rem)}.playground-card-copy h3{font-size:1.35rem}.playground-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.playground-archive .art-grid{grid-template-columns:1fr}.playground-archive .art-grid .poster{aspect-ratio:1.2}.playground-archive .art-grid .poster strong{font-size:clamp(1.8rem,9vw,2.4rem)}}

.playground-archive .art-grid .poster.poster-tall{aspect-ratio:.8}