/* Shared opening typography and rails. Artwork retains its own composition. */
:root{--hero-gutter:6vw;--hero-top:136px;--hero-type:clamp(64px,5.2vw,88px);--hero-body:18px;--hero-gap:28px}
.prototype-hero h1,.is-live .deployment-intro h1,.page-intro h1,.ct-editorial .ct-intro h1,.company-purpose h1,.scene-careers .careers-lead h1,.contact-direct h1{font-size:var(--hero-type);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0}
.deployment-intro p,.page-intro p,.ct-editorial .ct-intro p,.company-purpose p,.scene-careers .careers-lead p,.contact-direct>p{font-size:var(--hero-body);line-height:1.6;max-width:36ch;margin:var(--hero-gap) 0 0}
.prototype-hero>div{left:var(--hero-gutter);width:38%}
.company-purpose-copy{padding:var(--hero-top) var(--hero-gutter) 0}
.company-purpose h1{max-width:15ch}
.is-live .deployment-intro{top:var(--hero-top);right:var(--hero-gutter);left:auto;width:44vw;max-width:740px}
.page-intro,.ct-editorial .ct-intro,.contact-direct{padding-top:var(--hero-top);padding-left:var(--hero-gutter);padding-right:var(--hero-gutter);max-width:none;margin-left:0;margin-right:0}
.ct-editorial .ct-intro{align-items:start;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6vw}
.ct-editorial .ct-intro>div{align-self:start;padding-top:8px}
.ct-editorial .ct-intro p{margin-top:0}
.scene-careers .careers-lead{padding-left:var(--hero-gutter)}
.scene-careers .careers-lead h1{max-width:15ch}
.scene-careers .careers-lead>div{padding-left:0;padding-right:0}
@media(max-width:1000px),(orientation:portrait){
 :root{--hero-top:108px;--hero-type:clamp(44px,6.4vw,64px);--hero-gap:24px;--hero-body:17px}
 .prototype-hero{max-height:none}
 .prototype-hero>div{left:auto;width:100%;padding:40px var(--hero-gutter) 32px}
 .company-purpose-copy{padding:var(--hero-top) var(--hero-gutter) 32px}
 .scene-careers .careers-lead{display:block;padding:var(--hero-top) 0 40px;min-height:0}
 .scene-careers .careers-lead>div{padding:0 var(--hero-gutter)}
 .scene-careers .careers-lead figure{margin-top:32px}
 .scene-careers .careers-lead h1{max-width:none}
 .is-live .deployment-intro{top:var(--hero-top);left:var(--hero-gutter);right:auto;width:88%;max-width:none}
 .is-live .deployment-intro h1{max-width:18ch}
 .ct-editorial .ct-intro{display:block;padding-bottom:48px}
 .ct-editorial .ct-intro>div{padding-top:0;margin-top:var(--hero-gap)}
 .ct-editorial .cr-site{display:block}
 .ct-editorial .cr-site-record{padding:28px;max-width:none;margin:0}
 .ct-editorial .cr-site-image{display:block;width:100%}
 .ct-editorial .cr-site-image img{width:100%;height:auto}
}
@media(max-width:600px){:root{--hero-gutter:24px;--hero-top:104px;--hero-type:44px;--hero-body:17px}.prototype-hero>div{padding-top:40px}.is-live .deployment-intro{width:calc(100% - 48px)}.is-live .deployment-intro h1{font-size:var(--hero-type)}.ct-editorial .ct-intro h1{font-size:var(--hero-type)}}
@media(max-height:550px) and (orientation:landscape){:root{--hero-type:40px;--hero-top:92px;--hero-body:16px}.company-purpose p,.deployment-intro p{margin-top:20px}}