/* Viewport-wide stages; text stays within an intentional reading measure. */
:root{--stage-gutter:max(32px,calc((100vw - 1256px)/2))}.stage-home main>.wrap{max-width:none;width:100%;padding:0;margin:0}.stage-home .scroll-stage{width:100%;margin:0;padding-left:var(--stage-gutter)!important;padding-right:var(--stage-gutter)!important;border-radius:0}.stage-home .refined-hero{min-height:calc(100svh - 86px);overflow:clip;isolation:isolate}.stage-home .hero-copy{max-width:1000px;width:78%}.stage-home .spatial-canvas{inset:-86px 0 0;width:100%;height:auto;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#afdcd729,transparent 65%)}.stage-home .app-visual{right:var(--stage-gutter);bottom:75px}.stage-home .scroll-next{left:var(--stage-gutter)}.stage-home .scroll-stage:not(.refined-hero){border-top:0;border-bottom:0}.stage-home .case-section{padding-left:var(--stage-gutter)!important;padding-right:var(--stage-gutter)!important}.stage-home .depth-bridge{left:0;right:0;width:100%;border-radius:0;overflow:visible}.stage-home .depth-object{right:calc(var(--stage-gutter) + 2%)}.stage-home .depth-object-0{right:65%}.stage-home .offer-section{background:radial-gradient(ellipse at 8% 30%,#d9eee8a0,transparent 65%)}.stage-home .collaboration{background:radial-gradient(ellipse at 85% 50%,#f5dfc670,transparent 65%)}.stage-home .personal-close{background:radial-gradient(ellipse at 15% 50%,#d5e9ed70,transparent 65%)}.stage-home .case-section{background:radial-gradient(ellipse at 75% 50%,#cee8d96b,transparent 65%)}.detail-page>.wrap{max-width:none;padding-left:var(--stage-gutter);padding-right:var(--stage-gutter)}.detail-page .detail-head{background:none;position:relative;isolation:isolate}.detail-page{background:radial-gradient(ellipse at 100% 0%,#c0e3de60,transparent 65%)}
@media(min-width:1800px){.stage-home .hero-copy{width:70%}.stage-home .app-visual{width:430px}.stage-home .refined-hero h1{font-size:clamp(100px,6.1vw,140px)}}
@media(max-width:900px){.stage-home .hero-copy{width:100%}.stage-home .app-visual{bottom:60px}}
@media(max-width:700px){:root{--stage-gutter:24px}.stage-home .refined-hero{min-height:calc(100svh - 72px)}.stage-home .spatial-canvas{inset:-72px 0 0}.stage-home .hero-copy{max-width:100%;width:100%}.stage-home .scroll-next{left:24px}.stage-home .depth-bridge{left:0;right:0}}