html:has(#sg-site.sg-v5){scroll-padding-top:120px}
html:has(body.admin-bar #sg-site.sg-v5){scroll-padding-top:152px}
/* Home 5 · October refinement. All rules are isolated from Home 6. */
#sg-site.sg-v5 .header,#sg-site.sg-v5 .header.is-scrolled{position:fixed;border:0;top:var(--sg-bar,0px)}
#sg-site.sg-v5 .nav{display:flex;align-items:center;height:94px;padding-block:0}
#sg-site.sg-v5 .nav>*{margin-block:0;align-self:center}
#sg-site.sg-v5 .nav-links,#sg-site.sg-v5 .nav-tools{align-items:center}
#sg-site.sg-v5 .nav-links>a{display:flex;align-items:center;min-height:44px;line-height:1.2}
#sg-site.sg-v5 .language-label{display:flex;align-items:center;margin:0}
#sg-site.sg-v5 .nav-contact{line-height:1.2;padding:10px 0;border:0}
#sg-site.sg-v5 .cinema-slide img{will-change:transform}
#sg-site.sg-v5 .cinema-bottom{bottom:40px}
#sg-site.sg-v5 .manifesto-word{will-change:opacity}
#sg-site.sg-v5 .studio-gallery,#sg-site.sg-v5 .process-image{position:relative;isolation:isolate}
#sg-site.sg-v5 .studio-slide,#sg-site.sg-v5 .process-slide{position:absolute;inset:0;opacity:0;visibility:hidden}
#sg-site.sg-v5 .studio-slide.is-active,#sg-site.sg-v5 .process-slide.is-active{opacity:1;visibility:visible}
#sg-site.sg-v5 .studio-slide img{object-position:50% 50%}
#sg-site.sg-v5 .studio-editorial-copy .studio-expertise{margin-top:20px;font-size:16px;color:var(--muted)}
#sg-site.sg-v5 .studio-editorial-copy h2{max-width:500px}
#sg-site.sg-v5 .studio-portraits .studio-detail{aspect-ratio:.70;margin-bottom:24px}
#sg-site.sg-v5 .studio-editorial-copy .line-link{line-height:1.5}
#sg-site.sg-v5 .why-section{padding:80px 0}
#sg-site.sg-v5 .why-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:50px;align-items:center}
#sg-site.sg-v5 .why-intro{width:auto;min-width:0}
#sg-site.sg-v5 .why-intro>.eyebrow{margin-bottom:28px;max-width:none}
#sg-site.sg-v5 .why-heading h2{width:100%;font-size:clamp(47px,4.4vw,72px);line-height:1.07}
#sg-site.sg-v5 .why-visual{min-width:0;display:grid;place-items:center}
#sg-site.sg-v5 .principle-drawing{width:100%;max-width:590px;height:auto;display:block;color:#dac7ad;overflow:visible}
#sg-site.sg-v5 .why-grid article{position:relative;padding:23px 10px 0 0;transition:border-color .65s}
#sg-site.sg-v5 .why-grid h3{font-size:27px;margin:20px 0 15px}
#sg-site.sg-v5 .why-grid article::before{content:'';position:absolute;left:0;top:-2px;width:100%;height:2px;background:#e2c7a7;transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.65,.3,1)}
#sg-site.sg-v5 .why-grid article.is-current::before,#sg-site.sg-v5 .why-grid article.is-complete::before{transform:scaleX(1)}
#sg-site.sg-v5 .why-grid article>span{transition:opacity .5s,color .5s}
#sg-site.sg-v5 .why-grid article.is-current>span{opacity:1;color:#e8c798}
#sg-site.sg-v5 .process-section{grid-template-columns:1.05fr 1fr;gap:clamp(45px,6vw,110px);align-items:center;padding-block:110px}
#sg-site.sg-v5 .process-visual{position:sticky;top:calc(120px + var(--sg-bar,0px));align-self:start}
#sg-site.sg-v5 .process-image{display:block;width:100%;aspect-ratio:4/5;max-height:850px;margin:0;overflow:hidden;background:var(--sand)}
#sg-site.sg-v5 .process-slide img{object-position:50% 50%;will-change:transform}
#sg-site.sg-v5 .process-slide[data-process-slide="1"] img{object-position:50% 58%}
#sg-site.sg-v5 .process-content{min-width:0}
#sg-site.sg-v5 .process-heading{position:static;margin-bottom:42px}
#sg-site.sg-v5 .process-heading h2{font-size:clamp(54px,4.8vw,76px)}
#sg-site.sg-v5 .process-heading>p:not(.eyebrow){max-width:430px;margin-top:25px}
#sg-site.sg-v5 .process-step{display:block;min-height:0;padding:0;border-top:1px solid var(--line)}
#sg-site.sg-v5 .process-step:last-child{border-bottom:1px solid var(--line)}
#sg-site.sg-v5 .process-step.is-current{border-top-color:#8b6b4c}
#sg-site.sg-v5 .process-step h3{font-size:clamp(26px,2.15vw,35px);margin:0;line-height:1.2}
#sg-site.sg-v5 .process-trigger{display:flex;align-items:center;gap:22px;text-align:left;width:100%;padding:24px 0;font:inherit}
#sg-site.sg-v5 .step-index{font-size:12px;padding:0;min-width:23px}
#sg-site.sg-v5 .process-plus{position:relative;width:18px;height:18px;flex-shrink:0;margin-left:auto}
#sg-site.sg-v5 .process-plus::before,#sg-site.sg-v5 .process-plus::after{content:'';position:absolute;background:currentColor;top:8px;left:2px;width:14px;height:1px;transition:transform .5s}
#sg-site.sg-v5 .process-plus::after{transform:rotate(90deg)}
#sg-site.sg-v5 .process-trigger[aria-expanded="true"] .process-plus::after{transform:rotate(0)}
#sg-site.sg-v5 .process-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s cubic-bezier(.2,.7,.3,1),opacity .4s}
#sg-site.sg-v5 .process-panel>div{min-height:0;overflow:hidden}
#sg-site.sg-v5 .process-panel p{font-size:16px;line-height:1.65;max-width:none;padding:0 35px 27px 45px}
#sg-site.sg-v5 .process-step.is-current .process-panel{grid-template-rows:1fr;opacity:1}
#sg-site.sg-v5 .process-mobile-image{display:none}
#sg-site.sg-v5 .portfolio-motion .project:nth-child(n+4) .project-info .line-link{display:flex;width:fit-content;margin-top:18px}
#sg-site.sg-v5 .footer-brand{padding:20px 0 65px}
#sg-site.sg-v5 .footer-signature{position:relative;width:min(620px,75%);animation:sg-footer-breathe 9s ease-in-out infinite;animation-play-state:paused;transform-origin:left center}
#sg-site.sg-v5 .footer-brand img{width:100%;max-width:none;height:auto;opacity:.78;filter:brightness(0) invert(1)}
#sg-site.sg-v5 .footer-signature>span{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff8 49%,transparent 63%);background-size:300% 100%;mask:url('studio-goulart-footer.png') center/contain no-repeat;animation:sg-footer-sheen 12s linear infinite;animation-play-state:paused}
#sg-site.sg-v5 .footer-brand.is-visible .footer-signature,#sg-site.sg-v5 .footer-brand.is-visible .footer-signature>span{animation-play-state:running}
#sg-site.sg-v5 .footer-brand.page-hidden .footer-signature,#sg-site.sg-v5 .footer-brand.page-hidden .footer-signature>span{animation-play-state:paused}
@keyframes sg-footer-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}
@keyframes sg-footer-sheen{from{background-position:150% 0}to{background-position:-150% 0}}
#sg-site.sg-v5 .ig-heading{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:65px}
#sg-site.sg-v5 .ig-heading>div:first-child{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}
#sg-site.sg-v5 .ig-intro>p{display:block}
#sg-site.sg-v5 .ig-heading h2{font-size:clamp(44px,4.5vw,72px);max-width:700px}
#sg-site.sg-v5 .ig-intro{max-width:520px;display:flex;flex-direction:column;align-items:start}
#sg-site.sg-v5 .ig-profile{order:-1;display:flex;gap:15px;font-size:clamp(22px,2vw,32px);line-height:1.3;padding:18px 0;border-bottom:1px solid var(--ink);margin-bottom:22px;max-width:100%}
#sg-site.sg-v5 .ig-profile svg{width:27px;height:27px;flex-shrink:0}
#sg-site.sg-v5 .ig-profile>span:last-child{font-size:27px;margin-left:12px}
#sg-site.sg-v5 .ig-intro p{max-width:420px;margin:0}
#sg-site.sg-v5 .process-cycle{display:flex;align-items:center;gap:16px;margin-top:15px;font-size:11px;letter-spacing:.15em;color:var(--muted)}
#sg-site.sg-v5 .process-cycle-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:14px}
#sg-site.sg-v5 .process-cycle-toggle:hover{background:#4e362909}
#sg-site.sg-v5 .footer-credit{display:flex;justify-content:flex-end;padding:25px 0 8px;font-size:11px;letter-spacing:.03em;color:#d6c9bf}
#sg-site.sg-v5 .footer-credit a{padding-block:8px}
#sg-site.sg-v5 .footer-credit a span{border-bottom:1px solid #d6c9bf55;padding-bottom:3px}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 #sg-site.sg-v5.motion-enhanced .why-section{height:185svh;min-height:1100px;padding:0}
 #sg-site.sg-v5.motion-enhanced .why-stage{position:sticky;top:calc(94px + var(--sg-bar,0px));padding:45px 0 50px;min-height:calc(100svh - 94px - var(--sg-bar,0px));display:flex;flex-direction:column;justify-content:center}
}
@media(min-width:761px) and (max-height:820px){
 #sg-site.sg-v5.motion-enhanced .why-stage{padding:30px 0}
 #sg-site.sg-v5 .why-heading{margin-bottom:30px}
 #sg-site.sg-v5 .why-heading h2{font-size:clamp(44px,4vw,64px)}
 #sg-site.sg-v5 .principle-drawing{max-width:425px}
 #sg-site.sg-v5 .why-grid h3{font-size:25px;margin:15px 0 12px}
 #sg-site.sg-v5 .why-grid p{font-size:14px}
}
@media(max-width:1100px){#sg-site.sg-v5 .nav{gap:22px}#sg-site.sg-v5 .why-grid h3{font-size:25px}#sg-site.sg-v5 .why-heading{gap:40px}}
@media(max-width:760px){
 #sg-site.sg-v5 .nav{height:74px;gap:10px}
 #sg-site.sg-v5 .nav-links.is-open{align-self:auto}
 #sg-site.sg-v5 .cinema-bottom{bottom:28px}
 #sg-site.sg-v5 .cinema-copy{padding-bottom:126px}
 #sg-site.sg-v5 .studio-portraits .studio-detail{margin-bottom:14px}
 #sg-site.sg-v5 .studio-editorial-copy .studio-expertise{font-size:15px}
 #sg-site.sg-v5 .why-section{padding:65px 0}
 #sg-site.sg-v5 .why-heading{display:block;margin-bottom:35px}
 #sg-site.sg-v5 .why-intro>.eyebrow{font-size:10px;margin-bottom:23px}
 #sg-site.sg-v5 .why-heading h2{font-size:46px}
 #sg-site.sg-v5 .why-visual{margin:24px 0 0}
 #sg-site.sg-v5 .principle-drawing{width:100%;max-width:400px}
 #sg-site.sg-v5 .why-grid{grid-template-columns:1fr;gap:30px}
 #sg-site.sg-v5 .why-grid article{padding-top:20px}
 #sg-site.sg-v5 .why-grid h3{font-size:29px;margin:15px 0 12px}
 #sg-site.sg-v5 .why-grid p{max-width:100%;font-size:15px}
 #sg-site.sg-v5 .process-section{display:grid;grid-template-columns:1fr;gap:0;padding-block:70px}
 #sg-site.sg-v5 .process-heading{margin-bottom:34px}
 #sg-site.sg-v5 .process-heading h2{font-size:52px}
 #sg-site.sg-v5 .process-heading>p:not(.eyebrow){margin-top:23px}
 #sg-site.sg-v5 .process-content{display:contents}
 #sg-site.sg-v5 .process-heading{order:0}
 #sg-site.sg-v5 .process-visual{display:block;position:static;order:1;margin-bottom:30px}
 #sg-site.sg-v5 .process-steps{order:2}
 #sg-site.sg-v5 .process-image{aspect-ratio:4/5;max-height:none}
 #sg-site.sg-v5 .process-step h3{font-size:27px}
 #sg-site.sg-v5 .process-trigger{gap:12px;padding:23px 0}
 #sg-site.sg-v5 .step-index{min-width:21px;font-size:11px}
 #sg-site.sg-v5 .process-panel p{padding:0 0 24px;font-size:15px}
 #sg-site.sg-v5 .process-mobile-image{display:none}
 #sg-site.sg-v5 .process-mobile-image img{object-position:50% 55%}
 #sg-site.sg-v5 .footer-brand{padding:10px 0 35px}
 #sg-site.sg-v5 .footer-signature{width:100%;max-width:480px}
 #sg-site.sg-v5 .footer-brand img{width:100%}
 #sg-site.sg-v5 .ig-heading{display:grid;grid-template-columns:1fr;gap:25px}
 #sg-site.sg-v5 .ig-heading h2{font-size:43px}
 #sg-site.sg-v5 .ig-intro{max-width:100%;justify-self:start}
 #sg-site.sg-v5 .ig-profile{font-size:clamp(19px,5.7vw,27px);gap:10px;margin-bottom:18px;padding:14px 0}
 #sg-site.sg-v5 .ig-profile svg{width:22px;height:22px}
 #sg-site.sg-v5 .ig-profile>span:last-child{font-size:22px;margin-left:5px}
 #sg-site.sg-v5 .footer-credit{padding-top:27px}

}
@media(prefers-reduced-motion:reduce){
 #sg-site.sg-v5 .footer-signature,#sg-site.sg-v5 .footer-signature>span{animation:none!important;transform:none!important}
 #sg-site.sg-v5 .footer-signature>span,#sg-site.sg-v5 .process-cycle-toggle{display:none}
 #sg-site.sg-v5 .process-panel,#sg-site.sg-v5 .process-plus::after{transition:none}
 #sg-site.sg-v5 .manifesto-word{opacity:1!important;transform:none!important}
 #sg-site.sg-v5 .why-section{height:auto;min-height:0}
 #sg-site.sg-v5 .why-stage{position:static}
 #sg-site.sg-v5 .why-grid article::before{transition:none;transform:scaleX(1)}
 #sg-site.sg-v5 .cinema-slide img{transform:none!important;will-change:auto}
}

@media(max-width:760px){html:has(#sg-site.sg-v5),html:has(body.admin-bar #sg-site.sg-v5){scroll-padding-top:90px}}
@media(min-width:601px) and (max-width:760px){html:has(body.admin-bar #sg-site.sg-v5){scroll-padding-top:140px}}
