/* The featured installation shares the stage with ACT's complete service offering. */
.replacement-sticky{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.65fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"rail rail" "copy visual" "tools tools" "note note";gap:18px 28px;padding:104px 4vw 16px;min-height:680px;height:100svh;background:#edf0f2}
.capability-rail{grid-area:rail;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c7d2dc;border:1px solid #c7d2dc;z-index:4}
.capability-rail a{display:flex;align-items:center;gap:12px;background:#f5f7f9;padding:15px 18px;font-size:13px;font-weight:600;min-height:50px}.capability-rail a:hover{background:#e1edf7}.capability-rail span{color:#1476ca;font-size:10px}.capability-rail b{margin-left:auto;color:#1476ca}
.replacement-visual{grid-area:visual;position:relative;inset:auto;min-height:0;width:100%;height:100%;align-self:center;transform:none!important;border-radius:4px;overflow:hidden;background:#d7dcdf}.replacement-visual:after{display:none}
.film-canvas,.film-fallback{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;transform:none;object-fit:contain}
.story-copy{grid-area:copy;position:relative;inset:auto;width:100%;max-width:420px;align-self:center;z-index:2}.story-copy h1{font-size:clamp(30px,3.2vw,52px);line-height:1.06;max-width:17ch}.story-copy>p:not(.eyebrow){font-size:14px;max-width:40ch}.story-copy>.eyebrow{font-size:9px;margin-bottom:18px}.story-copy .text-link{font-size:12px}
.story-copy[data-text-outgoing]{grid-area:copy}
.story-toolbar{grid-area:tools;position:relative;inset:auto;display:flex;gap:20px;min-width:0;width:100%;align-items:center}.chapter-nav{display:flex;overflow-x:auto;scrollbar-width:thin;gap:10px;min-width:0}.chapter-nav button{flex:0 0 auto;min-width:68px;font-size:10px;padding:12px 4px;white-space:nowrap}.story-skip{display:inline-flex;white-space:nowrap;flex-shrink:0}
.concept-caption{grid-area:note;position:relative;inset:auto;display:block;font-size:10px;text-align:right;line-height:1.4}.replacement-story.scroll-enabled{height:1400svh}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.service-card summary{grid-template-columns:30px 1fr 24px}.service-card h3{font-size:30px}.service-expanded{display:block;padding:0 0 30px 50px}.service-expanded h4{font-size:22px;max-width:none;margin-bottom:18px}.service-expanded p{font-size:15px}.service-expanded li{font-size:14px}
@media(max-width:1000px){.header-inner{gap:12px}.header-inner nav{gap:14px}.capability-rail a{padding:12px;font-size:11px}.replacement-sticky{column-gap:20px}.story-copy h1{font-size:32px}.story-copy>p:not(.eyebrow){font-size:12px}}
@media(max-width:760px){.replacement-sticky{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"rail" "copy" "visual" "tools" "note";padding:84px 16px 12px;gap:10px;min-height:680px;height:100svh}.capability-rail{grid-template-columns:1fr 1fr}.capability-rail a{min-height:35px;padding:8px;font-size:10px;gap:6px}.story-copy{max-width:none}.story-copy>.eyebrow{font-size:8px;margin:0 0 5px}.chapter-label{margin-bottom:7px}.story-copy h1{font-size:27px;margin-bottom:7px;max-width:none}.story-copy h1 br{display:none}.story-copy>p:not(.eyebrow){font-size:12px!important;line-height:1.45;max-width:none;margin-bottom:5px}.story-copy .story-component{font-size:9px!important;margin:0}.story-copy>.text-link{display:none}.replacement-visual{min-height:175px}.story-toolbar{gap:0}.chapter-nav button{font-size:10px;min-height:40px;padding:8px 3px}.story-skip{display:none}.concept-caption{font-size:8px;text-align:left}.service-list{grid-template-columns:1fr}.service-card h3{font-size:27px}.service-expanded{padding-left:0}.header-call{display:none}.header-inner .menu-toggle{margin-left:auto}}
@media(max-height:700px) and (min-width:761px){.replacement-sticky{min-height:600px;padding-top:96px;gap:10px}.story-copy h1{font-size:30px}.story-copy>p:not(.eyebrow){font-size:12px}.capability-rail a{min-height:40px;padding-block:9px}}
@media(prefers-reduced-motion:reduce){.replacement-story.scroll-enabled{height:auto}}

/* Keep text crossfades from adjusting the scroll-controlled timeline. */
html:has(.replacement-story){scroll-behavior:auto}.replacement-story{overflow-anchor:none}