/* Direção editorial urbana. Conteúdo e rotas permanecem no app.js. */
:root{--ink:#171916;--paper:#eeeDE5;--gold:#d9ad56;--line:#b9bcb0;--mist:#c7cabd;--acid:#d6ff3f;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--gutter:clamp(24px,4.2vw,72px);--ease:cubic-bezier(.2,.75,.25,1)}
body{background:var(--paper);font-size:18px}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}::selection{background:var(--acid);color:var(--ink)}body>header,main,footer{max-width:1800px}main{animation:none}h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.92}h1{font-size:clamp(80px,12.5vw,200px)}h2{font-size:clamp(52px,6.7vw,108px)}h3{font-size:clamp(40px,4.8vw,76px)}.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.1em;font-weight:500}.header{position:sticky;top:0;z-index:10;padding:0 var(--gutter);background:var(--paper);border-bottom:1px solid var(--ink)}.nav{min-height:90px;border:0;padding:16px 0;gap:32px}.logo{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1;text-transform:uppercase;max-width:230px}.header .logo{max-width:160px}.header nav{gap:40px}nav a{position:relative;font-size:13px;text-transform:uppercase;font-weight:500;letter-spacing:.06em}nav a[aria-current=page]{text-decoration:none}nav a::after,.text-link::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover::after,nav a[aria-current=page]::after,.text-link:hover::after{transform:scaleX(1)}nav a[aria-current=page]::before{content:'';position:absolute;width:7px;height:7px;background:var(--ink);left:-13px;top:18px}.button{border:1px solid var(--ink);border-radius:0;background:var(--acid);color:var(--ink);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;box-shadow:4px 4px 0 var(--ink);padding:18px 24px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.menu{font-size:13px;text-transform:uppercase}.skip{z-index:30}.hero{position:relative;display:block;padding:54px var(--gutter) 100px;min-height:900px;isolation:isolate;overflow:clip}.hero::before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:30px;bottom:40px;background:linear-gradient(90deg,transparent calc(25% - 1px),#17191612 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#17191612 75%,transparent calc(75% + 1px));z-index:-2}.hero .intro{position:relative;z-index:2;gap:28px;display:block}.hero h1{font-size:clamp(100px,12vw,184px);max-width:95%;margin:30px 0 44px}.hero h1 .headline-line{display:block;width:fit-content;padding-right:.12em;background:var(--paper)}.hero h1 .headline-line:nth-child(2){-webkit-text-stroke:2px var(--ink);color:var(--paper);margin-left:7%}.hero h1 .headline-line:last-child{transform:rotate(-2deg);background:var(--acid);padding:0 .08em .055em;box-shadow:7px 7px 0 var(--ink)}.hero .intro>p:not(.eyebrow){font-size:18px;max-width:440px;margin-bottom:28px}.hero .intro>.eyebrow:first-child{display:inline-block;border-left:8px solid var(--ink);padding-left:12px}.hero picture{position:absolute;width:32%;right:var(--gutter);top:180px;transform:rotate(5deg);z-index:1;border:8px solid var(--ink);background:#12334a;box-shadow:12px 12px 0 var(--acid)}.hero picture .art{border-radius:0;aspect-ratio:572/650;object-fit:cover}.hero .tagline{display:block!important;margin-top:64px;padding-top:18px;border-top:1px solid var(--ink);max-width:440px;font-size:11px;letter-spacing:.12em}.work{padding:80px var(--gutter) 110px;background:var(--ink);color:var(--paper);position:relative}.section-head{border-top:1px solid #eeede56b;align-items:flex-end;padding-top:32px;margin-bottom:64px}.section-head h2{max-width:750px}.section-head .text-link{color:var(--acid)}.text-link{position:relative;width:fit-content;padding:10px 0;font-weight:500;text-transform:uppercase;font-size:13px;letter-spacing:.025em}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start;counter-reset:project}.project{grid-column:1/9;gap:16px;position:relative;color:inherit;counter-increment:project;width:100%}.project:nth-child(even){grid-column:6/13;margin-top:44px}.project::before{content:'0' counter(project);font-family:var(--display);font-size:68px;font-weight:700;line-height:1;color:var(--acid);border-bottom:1px solid #eeede555;width:100%;padding-bottom:12px}.cover{border:1px solid #eeede555;aspect-ratio:640/409.6;background:#12334a}.cover.gym{color:#12334a}.cover-title{font-family:var(--display);font-weight:800;font-size:clamp(52px,6vw,100px);line-height:.85;letter-spacing:-.03em}.cover small{letter-spacing:.08em;font-size:11px}.cover-art{transition:transform .8s var(--ease)}.project-title h3{font-size:clamp(44px,4.8vw,76px)}.project-title>span{display:grid;place-items:center;font:32px var(--sans);width:60px;height:60px;border:1px solid #eeede56b;transition:background .25s,color .25s,transform .25s}.project:hover .project-title>span,.project:focus-visible .project-title>span{background:var(--acid);color:var(--ink);transform:rotate(45deg)}.project:hover .cover-art{transform:scale(1.04)}.project>p{font-size:12px;letter-spacing:.045em}.summary{padding:110px var(--gutter);gap:48px;grid-template-columns:1fr 4fr;background:var(--acid);border-bottom:2px solid var(--ink)}.summary>p{font-size:12px}.summary h2{font-size:clamp(52px,6.8vw,108px)}.summary>div>p{max-width:580px;margin-top:16px}.site-footer{background:var(--paper);color:var(--ink);padding:40px var(--gutter);border-top:1px solid var(--ink)}.site-footer .logo{max-width:none;font-size:clamp(28px,3.8vw,60px)}.site-footer p{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.page-intro{padding:70px var(--gutter) 90px;gap:32px;position:relative;background-image:linear-gradient(90deg,transparent 74.9%,#17191614 75%,transparent 75.1%)}.page-intro h1{font-size:clamp(90px,12.5vw,200px)}.filters{gap:12px;margin-top:20px}.filters button{padding:14px 20px;border:1px solid var(--ink);text-transform:uppercase;font-size:12px;transition:background .2s,transform .2s}.filters button[aria-pressed=true]{border-radius:0;background:var(--acid);color:var(--ink);padding:14px 20px;box-shadow:3px 3px 0 var(--ink)}.filters button:hover{transform:translateY(-2px)}.grid:has(.project[hidden]) .project:not([hidden]){grid-column:1/10;margin-top:0}.about-page{max-width:none;padding:60px var(--gutter) 100px;gap:32px;position:relative}.about-page h1{font-size:clamp(80px,13vw,208px);border-bottom:2px solid var(--ink);padding-bottom:24px;overflow-wrap:anywhere}.portrait{width:65%;max-width:800px;aspect-ratio:5/4;border-radius:0;transform:rotate(-2deg);border:2px solid var(--ink);background:var(--mist);margin:24px 0 48px 3%;box-shadow:16px 16px 0 var(--acid)}.portrait-placeholder{background-image:linear-gradient(#17191617 1px,transparent 1px),linear-gradient(90deg,#17191617 1px,transparent 1px);background-size:48px 48px}.portrait-placeholder svg{width:90px;height:90px}.portrait-placeholder span{background:var(--paper);padding:12px 20px;border:1px solid var(--ink);font-size:13px}.biography,.working{max-width:920px;margin-left:25%;gap:24px}.biography h2,.working h2{font-size:clamp(56px,6.5vw,100px)}.biography>p:not(.eyebrow),.working>p:last-child{max-width:640px}.working{margin-top:48px;border-top:2px solid var(--ink)}.contact-page{padding:80px var(--gutter) 100px;gap:32px;background:var(--acid);min-height:80vh}.contact-page h1{font-size:clamp(90px,13vw,208px);max-width:1100px}.contact-socials{gap:20px}.network{border-radius:0;border:2px solid var(--ink);width:96px;height:96px;box-shadow:5px 5px 0 var(--ink);background:var(--paper)}.network:disabled{opacity:.6}.network svg{width:36px;height:36px}.email-block{width:100%;max-width:900px;border-top:2px solid var(--ink)}.email-line>span{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(36px,5vw,72px)}.copy-email{border:1px solid var(--ink);background:var(--paper)}dialog{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--acid);padding:36px}dialog::backdrop{background:#171916bc}dialog h2{font-size:60px}.close{border-bottom:1px solid var(--ink);padding-bottom:5px;text-transform:uppercase}
/* Keep project numbering stable when filters hide a sibling. */
.project[data-project="vertice"]::before{content:'01'}.project[data-project="gym"]::before{content:'02'}
#selecionados{scroll-margin-top:90px}
/* Motion is progressive: no JavaScript means fully visible content. */
.motion-ready .reveal{opacity:0;transform:translateY(42px);transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .portrait.reveal{transform:translateY(42px) rotate(-2deg)}.motion-ready .portrait.reveal.is-visible{transform:rotate(-2deg)}.scroll-ribbon{overflow:hidden;border-block:2px solid var(--ink);padding:15px 0;background:var(--acid);color:var(--ink);margin-top:0}.ribbon-track{display:flex;gap:56px;width:max-content;transform:translateX(var(--ribbon-offset,0px));font-family:var(--display);font-size:48px;font-weight:700;text-transform:uppercase;line-height:1;will-change:transform}.ribbon-track span{white-space:nowrap}.ribbon-track span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--ink)}
@media(min-width:1500px){.hero{min-height:1000px}.hero h1{margin-bottom:56px}}
@media(max-width:1100px){.hero{min-height:780px}.hero h1{font-size:12.5vw}.hero picture{top:185px;width:34%}.hero .intro>p:not(.eyebrow){max-width:45%}.project{grid-column:1/11}.project:nth-child(even){grid-column:4/13}.summary{grid-template-columns:1fr 5fr}.section-head{align-items:flex-start;flex-direction:column}.biography,.working{margin-left:12%}}
@media(max-width:900px){.nav{min-height:76px}.header .logo{max-width:170px}.menu{border:1px solid var(--ink);padding:10px 14px}.header nav{gap:24px;padding:16px 0 4px}.hero h1{font-size:13vw}.hero picture{top:150px}.hero .intro>p:not(.eyebrow){font-size:16px}.hero{min-height:740px}.hero .tagline{max-width:45%;font-size:11px}.about-page h1{font-size:14vw}.contact-page h1{font-size:15vw}}
@media(max-width:700px){.header{padding:0 24px}.header .logo{font-size:24px;max-width:150px}.header nav{gap:12px}.header nav a{font-size:12px}.hero{padding:32px 24px 56px;min-height:auto;display:flex;gap:36px}.hero .intro{display:flex;gap:24px}.hero .intro>.eyebrow:first-child{font-size:10px;letter-spacing:.05em}.hero .intro>h1{font-size:clamp(57px,15.5vw,108px);max-width:100%;margin:4px 0 12px}.hero h1 .headline-line:nth-child(2){margin-left:3%;-webkit-text-stroke:1px var(--ink)}.hero .intro>p:not(.eyebrow){max-width:100%;font-size:16px;margin:0}.hero .tagline{display:block!important;max-width:100%;margin-top:12px;font-size:10px}.hero picture{position:relative;top:auto;right:auto;align-self:flex-end;width:76%;margin:0 6px 12px 0;transform:rotate(3deg);box-shadow:8px 8px 0 var(--acid);border-width:5px}.hero picture .art{aspect-ratio:342/400}.work{padding:48px 24px 64px}.section-head{margin-bottom:40px;gap:24px;padding-top:24px}.section-head h2{font-size:clamp(48px,12vw,78px)}.grid{display:flex;flex-direction:column;gap:48px}.project:nth-child(even){margin:0;width:94%;align-self:flex-end}.project::before{font-size:48px}.cover-title{font-size:clamp(44px,12vw,76px);top:56px;left:16px}.cover small{font-size:9px;left:16px;top:16px;letter-spacing:.02em}.project-title h3{font-size:42px}.project-title>span{width:44px;height:44px;font-size:26px}.project>p{font-size:11px}.summary{padding:56px 24px;gap:24px}.summary h2{font-size:clamp(44px,11vw,72px)}.summary>p{border-top:0;padding-top:0}.summary h2 br{display:block}.summary>div>p{font-size:16px}.site-footer{padding:32px 24px}.site-footer .logo{font-size:30px}.page-intro{padding:40px 24px 56px}.page-intro h1{font-size:clamp(70px,17vw,120px)}.page-intro>p:not(.eyebrow){font-size:16px}.filters{gap:10px}.filters button,.filters button[aria-pressed=true]{font-size:11px;padding:12px}.about-page{padding:40px 24px 64px;gap:24px}.about-page h1{font-size:clamp(64px,17vw,110px)}.portrait{width:90%;margin:8px 0 24px 2%;aspect-ratio:4/5;box-shadow:10px 10px 0 var(--acid)}.portrait-placeholder{padding:16px}.portrait-placeholder span{font-size:12px}.biography,.working{margin-left:0}.biography h2,.working h2{font-size:52px}.biography>p:not(.eyebrow),.working>p:last-child{font-size:16px}.working{margin-top:24px}.contact-page{padding:40px 24px 64px;min-height:70vh}.contact-page h1{font-size:clamp(72px,19vw,120px)}.network{width:76px;height:76px}.email-line{gap:12px}.email-line>span{font-size:36px}.ribbon-track{font-size:30px;gap:32px}.motion-ready .reveal{transform:translateY(20px);transition-duration:.45s}.motion-ready .portrait.reveal{transform:translateY(20px) rotate(-2deg)}dialog{padding:24px}dialog h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.motion-ready .portrait.reveal{transform:rotate(-2deg)}.ribbon-track{transform:none;will-change:auto}html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Mantém o retrato completo em todos os tamanhos de tela. */
.about-page .portrait:has(img){aspect-ratio:1150/1368;max-width:580px}
.portrait img{display:block;object-position:center}

/* Navegação imersiva: painel e links entram e saem em sequência. */
.header{z-index:40}
.header .nav{flex-wrap:nowrap;padding-bottom:16px}
.header .menu{display:block;position:relative;z-index:2;margin-left:auto;cursor:pointer;border:1px solid var(--ink);padding:12px 18px;background:var(--paper);color:var(--ink)}
.header #navigation{position:fixed;inset:0;z-index:1;display:flex;width:100%;height:100dvh;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(10px,2vh,28px);padding:100px max(32px,10vw) 40px;background:var(--acid);overflow-y:auto;clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;transition:clip-path .7s cubic-bezier(.76,0,.24,1) .18s,visibility 0s .88s}
.header #navigation.open{clip-path:inset(0);visibility:visible;pointer-events:auto;transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility 0s}
.header #navigation a{font-family:var(--display);font-size:clamp(52px,min(10vw,12vh),150px);font-weight:800;letter-spacing:-.035em;line-height:1;padding:4px 0;opacity:0;transform:translateY(35px);transition:opacity .23s ease,transform .35s cubic-bezier(.22,1,.36,1);transition-delay:calc((3 - var(--nav-index))*35ms)}
.header #navigation a:nth-child(1){--nav-index:0}
.header #navigation a:nth-child(2){--nav-index:1}
.header #navigation a:nth-child(3){--nav-index:2}
.header #navigation a:nth-child(4){--nav-index:3}
.header #navigation.open a{opacity:1;transform:translateY(0);transition-duration:.5s,.65s;transition-delay:calc(.25s + var(--nav-index)*85ms)}
.header #navigation a::before{display:none}
.header #navigation a::after{bottom:0;height:3px}
body.menu-open{overflow:hidden}
.header .menu:focus-visible,.header #navigation a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
@media(max-height:500px){.header #navigation{padding-top:80px;gap:6px}.header #navigation a{font-size:clamp(28px,9vh,48px)}}
@media(prefers-reduced-motion:reduce){.header #navigation,.header #navigation a,.header #navigation.open,.header #navigation.open a{transition:none}}

/* Contatos com realce suave de cor. */
.network{transition:color .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease}
.network:hover,.network:focus-visible{color:var(--paper);background-color:var(--ink);box-shadow:7px 7px 0 var(--ink);transform:translateY(-4px)}
.network:focus-visible,.copy-email:focus-visible{outline:3px solid var(--ink);outline-offset:7px}
.email-line>span{text-transform:none;overflow-wrap:anywhere;min-width:0}
.copy-email{cursor:pointer;transition:color .25s,background-color .25s}
.copy-email:hover{background:var(--ink);color:var(--paper)}
@media(prefers-reduced-motion:reduce){.network,.copy-email{transition:none}.network:hover,.network:focus-visible{transform:none}}

.cover.vertice-cover{aspect-ratio:1672/941}
.cover.vertice-cover .cover-art{object-fit:contain}

/* Vértice: long-form editorial case study. */
.case-page{background:var(--paper)}
.case-intro{padding:48px var(--gutter) 64px;display:flex;flex-direction:column;gap:28px}
.case-intro h1{font-size:clamp(92px,15vw,240px);line-height:.85}
.case-subtitle{max-width:740px;font-size:clamp(22px,3vw,38px);line-height:1.25}
.case-cover{margin:0;background:var(--ink)}
.case-cover img{display:block;width:100%;height:auto}
.case-overview{padding:80px var(--gutter);display:grid;grid-template-columns:1.35fr 1fr;gap:80px;background:var(--acid);border-bottom:2px solid var(--ink)}
.case-copy{max-width:720px;display:flex;flex-direction:column;gap:24px;line-height:1.65}
.case-copy p{margin:0}
.case-meta{margin:0;display:flex;flex-direction:column;gap:24px}
.case-meta>div{border-top:1px solid var(--ink);padding-top:16px}
.case-meta dt{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.case-meta dd{margin:0;font-size:16px;line-height:1.5}
.case-section{padding:80px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
.case-section-head{display:flex;flex-direction:column;gap:24px}
.case-section h2{font-size:clamp(48px,5.6vw,90px)}
.case-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin-top:24px}
.case-copy h3:first-child{margin-top:0}
.case-pages{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:16px}
.case-image{margin:0 var(--gutter) 32px}
.case-image img{display:block;width:100%;height:auto;background:var(--ink)}
.case-image figcaption{padding:16px 0;border-bottom:1px solid var(--ink);font-size:11px;letter-spacing:.08em}
.case-driver-pair{padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-driver-pair .case-image{margin:0}
.case-driver-pair img{aspect-ratio:1;object-fit:cover}
.case-return{padding:80px var(--gutter);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:40px}
.case-return h2{font-size:clamp(52px,7vw,110px)}
.case-return>div{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.case-return .text-link{color:var(--paper)}
@media(max-width:700px){
.case-intro{padding:32px 24px 40px;gap:24px}
.case-intro h1{font-size:clamp(80px,24vw,160px)}
.case-overview{padding:40px 24px;grid-template-columns:1fr;gap:40px}
.case-section{padding:48px 24px;grid-template-columns:1fr;gap:32px}
.case-section h2{font-size:48px}
.case-copy{font-size:16px;gap:20px}
.case-image{margin:0 24px 16px}
.case-driver-pair{padding:0 24px;grid-template-columns:1fr;gap:24px}
.case-driver-pair img{aspect-ratio:3/2;object-fit:contain}
.case-continuation{gap:0}
.case-return{padding:48px 24px}
}

/* Readable complete hero phrase on small screens. */
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media(max-width:700px){
html{scroll-padding-top:76px}
.hero .intro>h1{font-size:clamp(44px,13.5vw,94px);width:100%}
.hero h1 .headline-line{max-width:100%}
.scroll-ribbon{padding:22px 24px}
.ribbon-track{width:100%;transform:none;will-change:auto;display:block;font-size:clamp(26px,7.5vw,40px);line-height:1.15}
.ribbon-track span{white-space:normal;display:block;overflow-wrap:normal}
.ribbon-track span:not(:first-child){display:none}
.hero .tagline{max-width:100%;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.language-picker{position:relative;margin-left:auto;z-index:3;flex-shrink:0}
.header .menu{margin-left:0;flex-shrink:0}
.language-toggle{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--ink);padding:11px 12px;cursor:pointer;min-height:45px}
.language-toggle svg{width:23px;height:23px}
.language-code{font-size:11px;font-weight:500}
.language-options{position:absolute;right:0;top:calc(100% + 12px);min-width:160px;padding:8px;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;gap:4px}
.language-options button{padding:12px;text-align:left;border:0;background:transparent;font-size:15px;cursor:pointer;transition:background .2s}
.language-options button:hover,.language-options button[aria-pressed=true]{background:var(--acid)}
.language-toggle:focus-visible,.language-options button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:700px){.header .nav{gap:10px}.header .logo{font-size:21px;max-width:135px}.language-toggle{padding:10px 8px}.header .menu{padding:12px 10px;font-size:11px}.language-code{font-size:10px}.hero .intro>h1{font-size:clamp(40px,12vw,84px)}.page-intro h1,.contact-page h1{overflow-wrap:anywhere}.case-return .button{white-space:normal}.text-link{white-space:normal}}

/* Preview: original photograph composed inside the supplied Polaroid frame. */
.hero picture.polaroid{aspect-ratio:564/684;border:0;background:none;overflow:hidden;box-shadow:8px 12px 20px #17191625;transform:rotate(5deg)}
.polaroid-frame{position:absolute;max-width:none;width:130.32%;height:109.94%;left:-15.78%;top:-4.39%;display:block}
.polaroid-photo{position:absolute;left:6.55%;top:6.14%;width:86.7%;height:73.25%;object-fit:cover;object-position:center bottom;display:block}
@media(max-width:700px){.hero picture.polaroid{width:80%;transform:rotate(3deg)}}

.workflow-steps{list-style:none;padding:0;margin:8px 0;display:grid;gap:0}.workflow-steps li{display:grid;grid-template-columns:48px 1fr;gap:20px;border-top:1px solid var(--line);padding:28px 0}.workflow-number{font-family:var(--sans);font-size:14px;padding-top:8px}.working .workflow-steps h3,.working .workflow-principle h3{font-size:clamp(28px,4vw,38px);line-height:1.1;margin:0 0 14px}.workflow-steps p,.workflow-principle p{font-size:18px;line-height:1.65}.workflow-principle{background:var(--acid);padding:28px}.working>p:not(.eyebrow){line-height:1.65}@media(max-width:700px){.workflow-steps li{grid-template-columns:28px 1fr;gap:12px;padding:24px 0}.workflow-steps p,.workflow-principle p{font-size:16px}.workflow-principle{padding:22px}}

main.language-refresh .reveal{transform:none!important;opacity:1!important;transition:none!important}

/* Explicit language anchoring owns scroll position; avoid browser double compensation. */
html{overflow-anchor:none}

.vora-case .case-image img{aspect-ratio:auto;object-fit:contain}.cover.gym:has(img[src*="vora-home"]){background:#f5f0e6}.cover.gym img[src*="vora-home"]{object-fit:contain;object-position:center}

.vora-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 var(--gutter);margin:32px 0}.vora-photo-grid .case-image{margin:0;padding:0;width:100%}.vora-case .case-image img{display:block;width:100%;height:auto;object-fit:contain}.vora-case .vora-brand-board{max-width:920px;margin:48px auto;padding:0 var(--gutter)}.cover.gym img[src*="vora-strength"]{object-fit:cover;object-position:center}@media(max-width:700px){.vora-photo-grid{grid-template-columns:1fr;gap:24px;padding:0 24px}.vora-case .vora-brand-board{padding:0 24px;margin:32px auto}}

.gustavo-cover{background:white}.gustavo-cover .cover-art{object-fit:contain;padding:24px}.gustavo-hero{margin:0;background:#fff;text-align:center;padding:32px}.gustavo-hero img{display:block;width:min(100%,680px);height:auto;margin:auto}.gustavo-case .gustavo-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.gustavo-process{max-width:960px;margin:48px auto!important}.gustavo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 var(--gutter);margin:40px 0}.gustavo-pair .case-image{margin:0;padding:0;width:100%}.gustavo-video video{display:block;width:100%;max-height:800px;background:#111}.gustavo-video .text-link{display:inline-block;margin-top:20px}@media(max-width:700px){.gustavo-pair{grid-template-columns:1fr;padding:0 24px}.gustavo-hero{padding:24px}.gustavo-process{margin:24px!important}}

.cover.gym img[src*="vora-cover"]{object-fit:cover;object-position:center}

/* Match the VORA collage dimensions so no background strip remains. */
.cover.gym{aspect-ratio:1672/941;background:transparent}.cover.gym .cover-art{height:100%;object-fit:cover}

.project > .project-service-note{font-size:15px;line-height:1.5;letter-spacing:normal;text-transform:none;max-width:52ch;margin-top:0}