/* Bound the reading composition independently of full-bleed artwork. */
:root{--reading-rail:max(6vw,calc((100vw - 1600px)/2));--reading-gap:clamp(40px,5vw,80px)}
.page-intro,.ct-editorial .ct-intro{padding-inline:var(--reading-rail)}
.page-intro h1{max-width:18ch}
.ct-editorial .ct-intro{grid-template-columns:minmax(0,640px) minmax(0,440px);gap:var(--reading-gap);justify-content:start}
.deployment-intro p,.page-intro p,.ct-editorial .ct-intro p,.company-purpose p,.scene-careers .careers-lead p,.contact-heading>p{max-width:44ch;text-wrap:pretty}
.page-intro h1,.ct-intro h1,.company-purpose h1,.careers-lead h1{ text-wrap:balance }
@media(min-width:1001px) and (orientation:landscape){
 .prototype-hero>div{left:min(var(--reading-rail),12vw);width:min(38%,660px)}
 .company-purpose-copy{padding-inline:min(var(--reading-rail),12vw);width:100%}
 .is-live .deployment-intro{right:var(--reading-rail);width:min(44vw,740px)}
 .scene-careers .careers-lead{padding-inline:var(--reading-rail);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--reading-gap)}
 .scene-careers .careers-lead>div{max-width:740px}
}
.contact-hub{max-width:none;padding-inline:var(--reading-rail)}
.contact-heading,.contact-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--reading-gap)}
@media(max-width:1000px),(orientation:portrait){
 .ct-editorial .ct-intro{display:block}
 .deployment-intro p,.page-intro p,.ct-editorial .ct-intro p,.company-purpose p,.scene-careers .careers-lead p{max-width:42ch}
}
@media(max-width:800px){.contact-heading,.contact-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){:root{--reading-rail:24px}}
/* Brief interaction feedback; no decorative arrow movement. */
header.nav{transition:transform 180ms ease,background-color 200ms ease}
a,button{transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,text-decoration-color 160ms ease}
@media(prefers-reduced-motion:reduce){header.nav,a,button{transition:none}}