:root { color-scheme: light; --ink:#101316; --muted:#5b6469; --soft:#f7fafb; --warm:#f4f1ea; --sky:#c9e7f4; --line:rgba(16,19,22,.18); --blue:#8bd0ec; --accent:#334cff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; overscroll-behavior-y:none; background:var(--sky); }
body { margin:0; background:var(--sky); color:var(--ink); font:15px/1.5 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overscroll-behavior-y:none; }
body::before { content:""; position:fixed; z-index:20; inset:0; pointer-events:none; background-image:radial-gradient(rgba(16,19,22,.46) .9px, transparent 1.15px); background-size:7px 7px; mix-blend-mode:multiply; opacity:.25; }
a { color:inherit; }
.page-shell { position:relative; overflow:hidden; background:#fff; }
.sky { position:fixed; z-index:0; inset:-8%; pointer-events:none; background:linear-gradient(180deg,rgba(249,253,255,.18),rgba(255,255,255,.84)), url('/sky.png') center center / cover no-repeat; opacity:.9; transform:translate3d(var(--sky-x, 0px), var(--sky-y, 0px), 0) scale(var(--sky-scale, 1.05)); transform-origin:center center; will-change:transform; }
.sky::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(31,77,105,.22) 1px, transparent 1.25px); background-size:8px 8px; mix-blend-mode:multiply; opacity:.34; }
.sky::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at center, transparent 18%, rgba(255,255,255,.2) 60%, rgba(255,255,255,.78) 100%); }
.cloud-layer { position:fixed; right:-18%; left:-18%; height:38vh; pointer-events:none; mix-blend-mode:multiply; contain:paint; }
.cloud-layer img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.24); }
.cloud-layer--soft { z-index:1; top:4%; height:34vh; opacity:.11; filter:blur(7px); animation:clouds-drift-slow 34s ease-in-out infinite alternate; }
.cloud-layer--middle { z-index:2; top:19%; height:39vh; opacity:.18; filter:blur(3px); animation:clouds-drift 25s ease-in-out infinite alternate-reverse; }
.cloud-layer--middle img { transform:scale(1.38); }
.cloud-layer--front { z-index:3; top:31%; height:48vh; opacity:.09; filter:blur(1.5px); animation:clouds-drift 20s ease-in-out infinite alternate; }
.cloud-layer--front img { transform:scale(1.3); }
.cloud-layer--low { z-index:2; top:62%; height:38vh; opacity:.1; filter:blur(8px); animation:clouds-drift-slow 29s ease-in-out infinite alternate-reverse; }
.cloud-layer--low img { transform:scale(1.48); }
.cloud-chain { position:fixed; z-index:4; top:0; right:0; left:0; height:100vh; overflow:hidden; pointer-events:none; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%); }
.cloud-chain::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background-image:radial-gradient(rgba(38,57,70,.26) .9px, transparent 1.15px); background-size:7px 7px; mix-blend-mode:multiply; opacity:.32; }
.cloud-chain::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,transparent 11%,transparent 89%,rgba(255,255,255,.9) 100%); }
.cloud-chain-track { display:flex; flex-direction:column; width:100%; height:max-content; transform:translate3d(0, var(--chain-y, 0px), 0); animation:chain-drift 27s linear infinite; will-change:transform; }
.cloud-chain-track img { display:block; width:100vw; min-width:0; height:46vh; object-fit:contain; object-position:center; flex:0 0 auto; opacity:.8; filter:blur(.35px) saturate(.88); -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 92%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 92%,transparent 100%); }
.cloud-tile--large { margin-right:-18vw; margin-bottom:-12vh; transform:scale(1.58) translateY(4%); filter:contrast(1.03) saturate(.9); }.cloud-tile--high { margin-right:-13vw; margin-bottom:-9vh; transform:scale(1.3) translateY(-13%); opacity:.66 !important; filter:blur(.25px) saturate(.75); }.cloud-tile--low { margin-right:-16vw; margin-bottom:-11vh; transform:scale(1.46) translateY(16%); opacity:.74 !important; filter:contrast(1.08) saturate(1.05); }
@keyframes chain-drift { from { translate:0 0; } to { translate:0 -12vh; } }
@keyframes clouds-drift { from { transform:translateX(-4%); } to { transform:translateX(4%); } }
@keyframes clouds-drift-slow { from { transform:translateX(3%); } to { transform:translateX(-3%); } }
@keyframes text-rise { from { opacity:0; transform:translateY(22px) rotate(1deg); } to { opacity:1; transform:translateY(0) rotate(0); } }
@keyframes text-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
.skydiver { position:fixed; z-index:6; top:10vh; right:9vw; width:min(15vw,180px); opacity:var(--skydiver-opacity,0); pointer-events:none; transform:translate3d(0,var(--skydiver-drop,0vh),0) rotate(var(--skydiver-rotate,-12deg)) scale(var(--skydiver-scale,.72)); transform-origin:50% 0; filter:drop-shadow(0 16px 10px rgba(16,19,22,.12)); transition:opacity .3s ease; }
.plane { position:fixed; z-index:5; top:66vh; left:0; width:min(20vw,260px); opacity:var(--plane-opacity,0); pointer-events:none; transform:translate3d(var(--plane-x,-20vw),0,0) rotate(-5deg); filter:drop-shadow(0 14px 10px rgba(16,19,22,.12)); transition:opacity .3s ease; }
.scene { content-visibility:auto; contain-intrinsic-size:100vh; }
.collage { overflow:hidden; }.collage-intro { max-width:720px; margin:0 auto 8vh; text-align:center; }.collage-intro .display { margin:28px 0; }.collage-intro em { color:var(--accent); font-style:normal; }.blur-copy { max-width:440px; margin:auto; color:var(--muted); font-size:17px; filter:blur(2px); transition:filter .9s ease; }.reveal.is-visible .blur-copy { filter:blur(0); }.collage-grid { position:relative; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:5vw; max-width:960px; min-height:58vh; margin:auto; }.collage-card { margin:0; }.collage-card img { display:block; width:100%; max-height:52vh; object-fit:contain; filter:drop-shadow(0 22px 20px rgba(16,19,22,.12)); }.collage-card--phone { transform:translateY(8vh) rotate(5deg); }.collage-card figcaption { margin-top:10px; color:var(--muted); font-size:10px; letter-spacing:.12em; }.data-graphic { position:absolute; right:4%; bottom:5%; width:260px; padding:16px; border:1px solid var(--line); background:rgba(255,255,255,.92); }.data-graphic-head { display:flex; justify-content:space-between; font-size:10px; letter-spacing:.12em; }.data-graphic-head strong { color:var(--accent); font:22px Georgia,serif; }.data-lines { display:grid; gap:8px; margin:18px 0; }.data-lines i { display:block; width:var(--data); height:8px; background:var(--ink); transform-origin:left; animation:data-pulse 2.8s ease-in-out infinite alternate; }.data-lines i:nth-child(2n) { background:var(--accent); animation-delay:.4s; }.data-graphic-foot { color:var(--muted); font-size:9px; letter-spacing:.1em; } @keyframes data-pulse { from { transform:scaleX(.72); } to { transform:scaleX(1); } }

.data-lanes { display:grid; gap:10px; margin:18px 0; }
.data-lanes > div { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:8px; color:var(--muted); font-size:8px; letter-spacing:.08em; }
.data-lanes i { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
.data-lanes b { display:block; height:7px; background:#e5ebee; }
.data-lanes b.is-on { background:var(--accent); }
.data-graphic-foot { color:var(--muted); font-size:9px; letter-spacing:.1em; }
.compute-orbit { position:relative; width:min(680px,92vw); height:260px; margin:7vh auto 0; isolation:isolate; }
.compute-orbit__ring { position:absolute; inset:22px 11%; border:1px solid rgba(51,76,255,.28); border-radius:50%; transform:rotate(-12deg); box-shadow:0 0 0 1px rgba(16,19,22,.04); }
.compute-orbit__ring::after { content:""; position:absolute; inset:18px 8%; border:1px dashed rgba(16,19,22,.18); border-radius:50%; transform:rotate(23deg); }
.compute-orbit__track { position:absolute; inset:0; animation:compute-orbit-spin 18s linear infinite; }
.compute-orbit__core { position:absolute; top:50%; left:50%; display:grid; width:92px; height:92px; place-content:center; gap:4px; border:1px solid var(--ink); border-radius:50%; background:rgba(255,255,255,.96); box-shadow:0 14px 30px rgba(16,19,22,.12); transform:translate(-50%,-50%); }
.compute-orbit__core strong { font:600 18px/1 Georgia,serif; letter-spacing:-.06em; }.compute-orbit__core span { color:var(--muted); font-size:7px; letter-spacing:.12em; }
.compute-object { position:absolute; width:112px; height:92px; }.compute-object__body { width:100%; height:100%; display:grid; place-items:center; animation:compute-object-counter 18s linear infinite; }.compute-object img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 14px 12px rgba(16,19,22,.14)); }
.compute-object--computer { top:0; left:6%; }.compute-object--phone { right:5%; bottom:0; width:82px; height:116px; }.compute-object--chip { top:20px; right:22%; width:88px; height:88px; }
.compute-object--chip .compute-object__body { display:grid; place-content:center; gap:5px; border:1px solid var(--ink); border-radius:14px; background:linear-gradient(135deg,#222b31,#687780); box-shadow:inset 0 0 0 7px rgba(255,255,255,.12),0 14px 20px rgba(16,19,22,.18); }.chip-mark { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.75); color:#fff; font:600 23px/1 Georgia,serif; }.chip-label { color:#d8f2ff; font-size:7px; letter-spacing:.14em; }
@keyframes compute-orbit-spin { to { transform:rotate(360deg); } } @keyframes compute-object-counter { to { transform:rotate(-360deg); } }
.masthead { position:fixed; z-index:10; top:0; left:0; right:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:22px 28px; mix-blend-mode:multiply; font-size:10px; letter-spacing:.12em; }
.wordmark { display:inline-flex; align-items:center; gap:9px; font:600 24px/1 Georgia, serif; text-decoration:none; letter-spacing:-.08em; }
.wordmark-mark { display:block; width:27px; height:27px; flex:none; }
.wordmark span { color:var(--ink); }
.masthead-nav { display:flex; justify-self:center; align-items:center; gap:clamp(14px,2.4vw,32px); }
.masthead-nav a { color:var(--muted); text-decoration:none; font-size:10px; letter-spacing:.1em; transition:color .2s ease; }
.masthead-nav a:hover, .masthead-nav a:focus-visible { color:var(--accent); }
.masthead-link { justify-self:end; text-decoration:none; color:var(--muted); }
.masthead-link:hover, .final-link:hover { color:var(--accent); }
.login-button { justify-self:end; display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(16,19,22,.3); border-radius:999px; padding:9px 14px; background:rgba(255,255,255,.62); color:var(--ink); text-decoration:none; font-size:10px; letter-spacing:.1em; transition:background .2s ease, color .2s ease, border-color .2s ease; }
.login-button:hover, .login-button:focus-visible { border-color:var(--ink); background:var(--ink); color:white; }
.login-button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.elevation { position:fixed; z-index:10; top:50%; left:21px; display:grid; grid-template-columns:12px auto; column-gap:12px; transform:translateY(-50%); font-size:10px; letter-spacing:.12em; mix-blend-mode:multiply; }
.elevation-rule { grid-row:1 / span 2; width:1px; height:72px; background:var(--ink); opacity:.55; }
.elevation .eyebrow { color:var(--muted); }
.elevation strong { margin-top:3px; font-size:11px; letter-spacing:.12em; }
main { position:relative; z-index:1; }
.scene { min-height:100vh; position:relative; padding:100px 8vw; }
.hero { display:grid; min-height:100svh; place-items:center; padding-top:90px; }
.hero-center { position:relative; z-index:8; max-width:1200px; text-align:center; }
.eyebrow { color:var(--muted); font-size:10px; letter-spacing:.14em; }
.hero-kicker { margin-bottom:28px; }
h1, h2, p { margin-top:0; }
h1 { margin-bottom:28px; font:500 clamp(74px, 13vw, 210px)/.76 Georgia, "Times New Roman", serif; letter-spacing:-.085em; }
.hero-word { display:block; }
.hero-word--outline { color:transparent; -webkit-text-stroke:1px var(--ink); }
.hero-deck { max-width:520px; margin:0 auto; font-size:18px; line-height:1.45; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:22px; }
.hero-action { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(16,19,22,.35); border-radius:999px; padding:11px 16px; background:rgba(255,255,255,.62); color:var(--ink); text-decoration:none; font-size:10px; letter-spacing:.11em; transition:background .2s ease, color .2s ease, border-color .2s ease; }
.hero-action--primary, .hero-action:hover, .hero-action:focus-visible { border-color:var(--ink); background:var(--ink); color:#fff; }
.hero-action:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.hero-foot { position:absolute; right:8vw; bottom:28px; left:8vw; display:flex; justify-content:space-between; color:var(--muted); font-size:10px; letter-spacing:.11em; }
.scroll-cue { display:flex; align-items:center; gap:10px; }
.scroll-line { display:inline-block; width:38px; height:1px; background:var(--ink); }
.section-marker { display:flex; justify-content:space-between; margin-bottom:14vh; border-top:1px solid var(--line); padding-top:10px; color:var(--muted); font-size:10px; letter-spacing:.12em; }
.scene--white { background:#fff; }
.scene--warm { background:#f4f1ea; }
.essay { min-height:110vh; padding-top:14vh; padding-bottom:14vh; }
.narrow-copy { max-width:520px; margin:0 auto 12vh; text-align:center; font-size:21px; line-height:1.35; }
.narrow-copy p + p { margin-top:28px; color:var(--muted); font-size:16px; }
.display { margin:0; font:500 clamp(58px, 10vw, 148px)/.82 Georgia, serif; letter-spacing:-.08em; }
.display--center { text-align:center; }
.muted-word { color:#bdc3c5; }
.caption { color:var(--muted); font-size:11px; letter-spacing:.04em; }
.caption--center { margin:42px auto 0; text-align:center; }
.sky-band { min-height:135vh; display:grid; place-items:center; overflow:hidden; background:linear-gradient(180deg,#c9e7f4 0%,#e7f6fb 68%,#f7fbfc 100%); }
.sky-band-copy { position:relative; z-index:2; max-width:650px; text-align:center; }
.sky-band .display { margin:28px 0; }
.sky-band .display em, .finale .display em { color:var(--accent); font-style:normal; }
.sky-band-copy { position:relative; z-index:8; }
.sky-band-copy p { max-width:420px; margin:0 auto; font-size:17px; line-height:1.5; }
.story-computer { display:block; width:min(34vw,360px); margin:5vh auto 0; filter:drop-shadow(0 22px 18px rgba(16,19,22,.14)); transform:rotate(-3deg); }
.mechanics-diagram { position:relative; z-index:8; display:grid; grid-template-columns:1fr auto 1fr auto 1.2fr auto 1fr; align-items:center; gap:18px; width:min(1080px,88vw); margin:7vh auto 0; padding:18px; border:1px solid rgba(16,19,22,.18); background:#fff; box-shadow:0 18px 50px rgba(16,19,22,.08); }
.mechanics-stage { min-width:0; text-align:center; }.mechanics-label { display:block; margin-bottom:10px; color:var(--muted); font-size:9px; letter-spacing:.12em; }.mechanics-arrow { color:var(--accent); font-size:25px; }.job-card, .result-card { padding:17px 10px; border:1px solid var(--ink); background:#fff; font:600 17px/1 Georgia,serif; }.job-card { transform:rotate(-2deg); }.result-card { color:var(--accent); transform:rotate(2deg); }.job-card small, .result-card small { color:var(--muted); font:9px ui-sans-serif,system-ui,sans-serif; letter-spacing:.1em; }.chunk-stack { display:grid; grid-template-columns:repeat(2,1fr); gap:5px; max-width:86px; margin:auto; }.chunk-stack i { display:grid; aspect-ratio:1; place-items:center; background:var(--ink); color:#fff; font:italic 16px Georgia,serif; }.chunk-stack i:nth-child(2n) { background:var(--accent); transform:translateY(5px); }.worker-row { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.worker-row div { display:grid; min-height:45px; place-items:center; border:1px solid var(--line); background:rgba(255,255,255,.8); color:var(--ink); font-size:8px; letter-spacing:.08em; }.worker-row div:nth-child(2) { transform:translateY(-7px); background:var(--accent); color:#fff; }.worker-row div:nth-child(3) { transform:translateY(5px); }
.orbit { position:absolute; border:1px solid rgba(45,107,141,.22); border-radius:50%; transform:rotate(-25deg); }
.orbit--one { width:min(76vw,900px); height:min(35vw,420px); }
.orbit--two { width:min(55vw,660px); height:min(24vw,290px); transform:rotate(26deg); }
.orbit-node { position:absolute; display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:var(--ink); color:#fff; font-size:12px; box-shadow:0 10px 25px rgba(16,19,22,.14); }
.orbit-node--a { top:30%; left:30%; }.orbit-node--b { right:26%; bottom:30%; background:var(--accent); }.orbit-node--c { top:48%; right:16%; background:#fff; color:var(--ink); border:1px solid var(--ink); }
.scene--paper { background:#f6f0e5; }
.history { min-height:150vh; padding-top:16vh; padding-bottom:16vh; }
.history-intro { max-width:760px; margin:0 auto 12vh; text-align:center; }
.history-intro .display { margin:28px 0; }
.history-intro p { max-width:390px; margin:0 auto; color:var(--muted); font-size:16px; }
.history-image { max-width:1040px; margin:0 auto; }
.history-portraits { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.history-portraits > div { position:relative; overflow:hidden; background:#d8d1c4; }
.history-portraits img { display:block; width:100%; aspect-ratio:1 / 1.15; object-fit:cover; filter:grayscale(1) contrast(1.04); border:1px solid rgba(16,19,22,.22); box-shadow:0 24px 60px rgba(16,19,22,.12); }
.history-portraits span { position:absolute; right:12px; bottom:10px; left:12px; color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.8); font-size:10px; letter-spacing:.1em; }
.history-image figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:10px; color:var(--muted); font-size:10px; letter-spacing:.1em; }
.history-image figcaption a { text-decoration:underline; text-underline-offset:3px; }
.history-notes { display:grid; grid-template-columns:1fr 1fr; gap:12vw; max-width:820px; margin:12vh auto 0; }
.history-notes p { max-width:300px; margin-top:18px; font:500 clamp(22px,3vw,36px)/1 Georgia, serif; letter-spacing:-.05em; }
.probability { min-height:120vh; padding-top:13vh; padding-bottom:13vh; }
.probability-head { max-width:900px; margin:0 auto 10vh; text-align:center; }
.probability-head .display { margin-top:28px; }
.probability-head em { color:var(--accent); font-style:normal; }
.probability-layout { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:10vw; max-width:900px; margin:0 auto 10vh; }
.probability-copy { max-width:300px; font-size:17px; }
.probability-copy .muted-copy { font-size:13px; }
.probability-layout--single { display:block; max-width:720px; text-align:center; }
.probability-layout--single .probability-copy { max-width:none; margin:0 auto; }
.probability-bars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:900px; margin:0 auto; padding:0; border-block:1px solid var(--line); list-style:none; }
.probability-bars li { display:flex; align-items:center; gap:14px; min-width:0; padding:20px 16px; border-right:1px solid var(--line); }
.probability-bars li:last-child { border-right:0; }
.decision-index { display:grid; flex:none; width:42px; height:42px; place-items:center; border:1px solid rgba(55,80,255,.35); border-radius:50%; background:rgba(55,80,255,.08); color:var(--accent); font:600 14px Georgia,serif; }
.decision-copy { display:grid; gap:5px; }
.decision-copy strong { color:var(--ink); font-size:10px; letter-spacing:.1em; }
.decision-copy small { color:var(--muted); font-size:12px; line-height:1.3; }
.split-copy { display:grid; grid-template-columns:1fr 1fr; gap:11vw; max-width:930px; margin:0 auto 18vh; }
.large-copy { max-width:360px; font:500 clamp(29px,4vw,53px)/.93 Georgia, serif; letter-spacing:-.06em; }
.muted-copy { max-width:310px; margin-top:32px; color:var(--muted); font-size:15px; }
.capacity-visual { max-width:900px; margin:0 auto; padding:24px; border:1px solid var(--line); background:rgba(255,255,255,.92); box-shadow:0 14px 40px rgba(16,19,22,.05); }
.capacity-title { display:flex; justify-content:space-between; gap:16px; color:var(--ink); font-size:10px; font-weight:600; letter-spacing:.13em; }
.capacity-title span:last-child { color:var(--muted); font-weight:500; }
.capacity-chart { margin-top:22px; }
.capacity-chart-head, .capacity-row { display:grid; grid-template-columns:125px minmax(0,1fr); align-items:center; gap:16px; }
.capacity-chart-head { padding-bottom:10px; color:var(--muted); font-size:9px; letter-spacing:.1em; }
.capacity-row { min-height:43px; border-top:1px solid #e8edef; color:var(--ink); font-size:10px; font-weight:600; letter-spacing:.1em; }
.capacity-cells { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:5px; }
.capacity-cells i { display:block; height:18px; background:#e7edef; }
.capacity-cells .is-available, .capacity-cells .is-shared { background:var(--accent); }
.capacity-legend { display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:18px; color:var(--muted); font-size:9px; font-weight:600; letter-spacing:.09em; }
.capacity-legend span { display:inline-flex; align-items:center; gap:7px; }
.legend-mark { width:10px; height:10px; background:#e7edef; }
.legend-mark--available { background:var(--accent); }
.capacity-note { margin:18px 0 0; color:var(--muted); font-size:13px; }
.bars { display:grid; gap:15px; margin-top:35px; }
.bar { display:grid; grid-template-columns:120px 1fr; align-items:center; gap:22px; color:var(--muted); font-size:10px; letter-spacing:.1em; }
.bar i { display:block; height:34px; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--ink),#738089); transition:transform 1.1s cubic-bezier(.2,.8,.2,1); }
.bar--one i { width:90%; }.bar--two i { width:67%; }.bar--three i { width:42%; background:var(--accent); }.bar--four i { width:22%; background:#c4d4da; }
.reveal.is-visible .bar i { transform:scaleX(1); }
.statement { max-width:930px; margin:0 auto; text-align:center; }
.statement > p { margin-bottom:25px; color:var(--muted); font:500 clamp(26px,4vw,53px)/1 Georgia, serif; letter-spacing:-.05em; }
.statement .statement-shift { margin:16vh 0 24px; }
.display--accent { color:var(--accent); }
.word-stream { display:flex; justify-content:center; flex-wrap:wrap; gap:18px 42px; max-width:920px; margin:20vh auto 0; color:#bbc5c8; font:500 clamp(16px,2vw,28px)/1 Georgia, serif; }
.word-stream span:nth-child(2n) { color:var(--ink); transform:translateY(24px); }.word-stream span:nth-child(3n) { color:var(--accent); transform:translateY(-18px); }
.finale { min-height:100svh; display:grid; place-items:center; overflow:hidden; background:linear-gradient(180deg,rgba(225,243,250,.78),rgba(255,255,255,.95)); }
.finale-mountain { position:absolute; z-index:0; right:0; bottom:0; left:0; display:block; width:100%; height:64%; object-fit:cover; object-position:center bottom; }
.finale::before { content:""; position:absolute; z-index:1; inset:28% 0 0; background:linear-gradient(180deg,rgba(242,249,250,.82),rgba(242,249,250,.12) 46%,rgba(15,24,30,.08)); pointer-events:none; }
.finale-glow { position:absolute; z-index:1; width:70vw; height:70vw; border-radius:50%; background:radial-gradient(circle,rgba(255,243,190,.5),transparent 65%); filter:blur(20px); }
.finale-content { position:relative; z-index:2; text-align:center; }.finale .display { margin:28px 0; }.finale-content p { color:var(--muted); font-size:17px; }.final-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; margin-top:20px; padding:14px 24px; border-radius:999px; background:var(--accent); color:#fff; text-decoration:none; font-size:11px; font-weight:700; letter-spacing:.12em; transition:transform .2s ease, background .2s ease; }.final-link:hover { transform:translateY(-2px); background:#2639d8; }.final-link:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 6px var(--accent); }
.site-footer { position:absolute; z-index:2; right:8vw; bottom:28px; left:8vw; display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--muted); font-size:10px; letter-spacing:.1em; }
.login-button--footer { flex:none; }
.reveal { opacity:0; transform:translateY(36px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity:1; transform:none; }
.hero-word { animation:text-rise .9s cubic-bezier(.2,.8,.2,1) both; }.hero-word:nth-child(2) { animation-delay:.14s; }.hero-word:nth-child(3) { animation-delay:.28s; }
.reveal.words span { display:inline-block; opacity:0; }.reveal.words.is-visible span { animation:text-rise .8s cubic-bezier(.2,.8,.2,1) both; }.reveal.words.is-visible span:nth-child(2) { animation-delay:.12s; }.reveal.words.is-visible span:nth-child(3) { animation-delay:.24s; }
.display em { display:inline-block; animation:text-breathe 5s ease-in-out 1.2s infinite; }
@media (max-width: 700px) { body::before { background-size:8px 8px; opacity:.16; } .masthead { grid-template-columns:auto 1fr auto; gap:10px; padding:16px 12px; }.wordmark { gap:6px; font-size:20px; }.wordmark-mark { width:23px; height:23px; }.masthead-nav { gap:clamp(8px,2vw,14px); }.masthead-nav a { font-size:8px; letter-spacing:.04em; }.login-button { gap:4px; padding:8px 9px; font-size:8px; }.masthead-link { font-size:8px; }.elevation { left:10px; transform:translateY(-50%) scale(.9); transform-origin:left center; }.scene { padding-right:16px; padding-left:16px; }.hero { min-height:100svh; padding-top:96px; }.hero-center { position:relative; z-index:8; width:100%; }.hero-kicker { margin-bottom:22px; }.hero-deck { max-width:300px; font-size:14px; line-height:1.42; text-shadow:0 1px 12px rgba(255,255,255,.72); }.hero-foot { right:16px; bottom:16px; left:16px; font-size:7px; }.essay, .history, .probability { min-height:100svh; padding-top:10vh; padding-bottom:10vh; }.section-marker { margin-bottom:8vh; }.narrow-copy { margin-bottom:10vh; font-size:19px; }.split-copy, .history-notes, .probability-layout { grid-template-columns:1fr; gap:52px; }.display { font-size:clamp(48px,14vw,82px); line-height:.86; }.bar { grid-template-columns:76px 1fr; gap:10px; font-size:8px; }.history-portraits { grid-template-columns:1fr; }.history-image figcaption { display:grid; gap:8px; }.probability-bars li { gap:10px; padding:14px 8px; }.decision-index { width:36px; height:36px; }.decision-copy small { font-size:11px; }.capacity-visual { padding:16px 12px; }.capacity-title { align-items:flex-start; font-size:9px; }.capacity-title span:last-child { max-width:45%; text-align:right; }.capacity-chart-head, .capacity-row { grid-template-columns:82px minmax(0,1fr); gap:8px; }.capacity-chart-head { font-size:8px; }.capacity-cells { gap:3px; }.capacity-cells i { height:14px; }.capacity-row { min-height:36px; font-size:8px; }.capacity-legend { gap:8px 14px; font-size:8px; }.spectrum { padding:18px 14px; }.spectrum-labels { font-size:9px; }.spectrum-readout strong { font-size:17px; }.cloud-layer--soft { top:4%; height:19vh; opacity:.08; filter:blur(7px); }.cloud-layer--middle { top:20%; height:24vh; opacity:.14; filter:blur(4px); }.cloud-layer--middle img { transform:scale(1.28); }.cloud-layer--front { top:37%; height:28vh; opacity:.045; filter:blur(3px); }.cloud-layer--front img { transform:scale(1.25); }.cloud-layer--low { top:70%; height:20vh; opacity:.06; filter:blur(8px); }.cloud-layer--low img { transform:scale(1.35); }.cloud-chain { top:0; height:100vh; opacity:.66; }.cloud-chain-track img { width:100vw; min-width:0; height:36vh; opacity:.6; filter:blur(1px); }.cloud-tile--large { margin-right:-18vw; margin-bottom:-8vh; transform:scale(1.14) translateY(4%); }.cloud-tile--high { margin-right:-14vw; margin-bottom:-6vh; transform:scale(1) translateY(-9%); }.cloud-tile--low { margin-right:-17vw; margin-bottom:-8vh; transform:scale(1.06) translateY(12%); }.skydiver { top:var(--skydiver-y,10vh); right:0; width:20vw; opacity:.64; z-index:5; }.collage { padding-top:12vh; }.collage-intro { margin-bottom:7vh; }.collage-intro .display { font-size:clamp(44px,13vw,76px); }.blur-copy { max-width:300px; font-size:15px; }.compute-orbit { height:220px; width:min(100%,360px); margin-top:6vh; }.compute-orbit__ring { inset:18px 7%; }.compute-orbit__core { width:78px; height:78px; }.compute-object--computer { width:88px; height:72px; left:0; }.compute-object--phone { width:64px; height:92px; right:0; }.compute-object--chip { width:72px; height:72px; right:18%; top:8px; }.data-graphic { width:min(100%,280px); }.finale-mountain { height:54%; }.finale::before { inset:38% 0 0; }.site-footer { right:16px; bottom:16px; left:16px; font-size:7px; }.site-footer span:last-child { display:none; } }
@media (max-width: 700px) { .cloud-chain { top:0; height:100vh; }.cloud-chain-track img { width:100vw; min-width:0; height:39vh; }.collage-grid { grid-template-columns:1fr; gap:28px; min-height:0; }.collage-card--phone { transform:translateY(0) rotate(5deg); }.data-graphic { position:relative; right:auto; bottom:auto; width:min(100%,300px); margin:0 auto 8vh; }.skydiver { right:2vw; width:25vw; opacity:var(--skydiver-opacity,0); }.plane { top:66vh; width:34vw; } }
@media (max-width: 700px) { .sky-band-copy { z-index:8; padding:0 8px; }.sky-band-copy p { font-size:15px; line-height:1.4; }.story-computer { width:58vw; margin-top:3vh; } }
@media (max-width: 700px) { .cloud-layer--front { opacity:.045; filter:blur(1.5px); }.cloud-layer--low { opacity:.06; filter:blur(4px); }.cloud-chain::before { opacity:.2; }.cloud-chain-track { animation-duration:42s; }.capacity-note { font-size:12px; } }
@media (max-width: 700px) { .skydiver { top:10vh; } }
@media (max-width:700px) { .probability-bars { grid-template-columns:1fr; }.probability-bars li { border-right:0; border-bottom:1px solid var(--line); }.probability-bars li:last-child { border-bottom:0; }.capacity-cells { gap:2px; }.data-lanes > div { grid-template-columns:62px minmax(0,1fr); gap:6px; }.data-lanes i { gap:3px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.sky { transition:none; }.cloud-layer, .cloud-chain-track, .hero-word, .display em, .reveal.words.is-visible span, .compute-orbit__track, .compute-object__body { animation:none; }.reveal, .reveal.words span { transition:none; opacity:1; transform:none; }.bar i { transition:none; transform:scaleX(1); } }
@media (max-width: 700px) { .login-button { padding:8px 11px; font-size:9px; }.site-footer { gap:8px; }.site-footer .login-button { padding:6px 9px; font-size:8px; } }