/* The original camera composition remains contained, never cropped. */
.replacement-sticky{background:radial-gradient(ellipse at 16% 35%,#304653 0,transparent 45%),#2d3336;color:#f5f9fc;column-gap:20px}
.replacement-visual{background:#2d3336;border-radius:18px;isolation:isolate}
.film-canvas,.film-fallback{object-fit:contain}
.capability-rail{border:1px solid #ffffff24;border-radius:12px;overflow:hidden;background:#ffffff12;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.capability-rail a{background:#ffffff06;color:#e6eff6;transition:background .15s}.capability-rail a:hover{background:#ffffff17}.capability-rail span,.capability-rail b{color:#95d3ff}
.story-copy{--light-x:40%;--light-y:25%;padding:26px;border:1px solid #ffffff36;border-radius:22px;background:radial-gradient(circle at var(--light-x) var(--light-y),#e8f7ff22,transparent 65%),linear-gradient(135deg,#ffffff19,#ffffff08);box-shadow:0 18px 50px #00000020,inset 0 1px #ffffff20;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 140ms ease-out;overflow:hidden}
.story-copy:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8acfff,#d4eefe);transform:scaleX(var(--story-progress,0));transform-origin:left;opacity:.7;pointer-events:none}
.story-copy h1{color:#fff!important;font-size:clamp(29px,3vw,46px);text-wrap:balance;letter-spacing:-.02em}
.story-copy>p:not(.eyebrow){color:#e0e9ef!important;font-size:14px;line-height:1.65}.story-copy>.eyebrow,.story-copy .chapter-label,.story-copy .story-component,.story-copy .text-link{color:#a8d9ff!important}.story-copy .story-component{border-color:#b3dfff60!important}
.story-copy[data-text-outgoing]{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.story-copy[data-text-outgoing]:after{display:none}
.chapter-nav{gap:6px;scroll-behavior:auto}.chapter-nav button{color:#d6e2eb;border:1px solid transparent;border-radius:9px;transition:background .14s,border-color .14s;padding:10px 8px}.chapter-nav button:hover{background:#ffffff12}.chapter-nav button[aria-current="step"]{background:#a4d9ff20;border-color:#a4d9ff66;color:#d9f0ff}.chapter-nav button:focus-visible,.film-quality select:focus-visible{outline:2px solid #b7e3ff;outline-offset:3px}
.story-skip,.concept-caption{color:#c6d5df!important}.concept-caption{opacity:.8}
.film-quality{position:absolute;right:14px;top:14px;z-index:5;display:flex;gap:8px;align-items:center;font:10px/1.2 system-ui;color:#e8f3fa;background:#13232dc9;border:1px solid #ffffff30;padding:7px 9px;border-radius:9px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.film-quality select{font:inherit;color:inherit;background:transparent;border:0;min-height:26px;cursor:pointer}.film-quality option{background:#162731;color:white}.film-quality output{font-size:9px;color:#abd8f8;min-width:22px}
@supports not (backdrop-filter:blur(1px)){.story-copy{background:#334550}.capability-rail{background:#34434d}}
@media(max-width:760px){.replacement-sticky{padding-top:84px;gap:9px}.story-copy{padding:15px 17px;border-radius:16px;transform:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.story-copy h1{font-size:25px;margin-bottom:6px}.story-copy>p:not(.eyebrow){font-size:11px!important;line-height:1.5}.story-copy>.eyebrow{font-size:7px}.story-copy .story-component{font-size:8px!important}.capability-rail a{font-size:9px}.replacement-visual{border-radius:12px}.film-quality{right:8px;top:8px;padding:3px 7px;font-size:9px}.chapter-nav button{padding:8px 6px;min-height:40px}.concept-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.story-copy{transform:none;transition:none}.chapter-nav button{transition:none}}

.chapter-nav button{color:#d6e2eb!important;border-color:#ffffff20!important}.chapter-nav button[aria-current]{color:#d9f0ff!important;border-color:#a4d9ff88!important}.story-copy #chapter-number{color:#a8d9ff!important}.film-quality select{padding:0 4px;width:auto;margin:0}.film-quality>span{margin:0}