.story{background:#000;color:#e8e4e1;font-weight:300;overflow-x:hidden}.story--reduced{padding:3rem 1.5rem}.reduced-list p{font-size:1.25rem;max-width:40ch;margin:0 0 1.25rem}.scene__track{height:320vh}.scene__track--short{height:100vh}.scene__sticky{height:100vh;box-sizing:border-box;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,3.5vw,3rem)}.scene__frame{height:100%;display:grid;grid-template-rows:minmax(88px,18vh) minmax(0,1fr) minmax(72px,16vh);gap:clamp(.35rem,1.2vh,.85rem)}.scene__frame--center{grid-template-rows:1fr;place-items:center;text-align:center}.scene__frame--center .scene__headline{max-width:20ch;align-self:center}.scene__headline{margin:0;align-self:end;font-size:clamp(1.65rem,4.8vw,3.75rem);line-height:.98;letter-spacing:-.04em;max-width:15ch;z-index:3}.opening__track{position:relative}.opening__sticky{height:100vh;box-sizing:border-box;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,3.5vw,3rem);overflow:hidden}.opening__frame{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.5rem,1.5vh,1rem)}.opening__headline{margin:0;align-self:start;font-size:clamp(48px,5vw,84px);font-weight:300;line-height:.98;letter-spacing:-.04em;max-width:min(750px,92vw);z-index:5}.opening__stage{position:relative;min-height:0;overflow:hidden}.opening__sites{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(34,minmax(0,1fr));gap:3px 4px;align-content:center;justify-items:center;padding:0 2%;box-sizing:border-box}.opening__site{width:100%;max-width:14px;height:clamp(10px,1.6vh,16px);background:#e8e4e138;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,0 100%)}.opening__lanes{position:absolute;top:8%;right:0;bottom:6%;left:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(.45rem,1.2vh,.85rem);padding:0 1%;box-sizing:border-box}.opening__lane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:center;gap:.65rem}.opening__lane-queue{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}.opening__queue-dot{width:5px;height:5px;border-radius:50%;background:#e8e4e159}.opening__lane-bar{height:clamp(10px,1.5vh,16px);background:#e8e4e11a}.opening__lane-fill{height:100%;width:100%;background:#e2603e;transform:scaleX(.08);transform-origin:left center}.opening__feeds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opening__feed-dot{position:absolute;left:calc(5% + (var(--i, 0) * 3.7%));bottom:18%;width:6px;height:6px;border-radius:50%;background:#e8e4e1}.opening__feed-dot:nth-child(odd){left:calc(12% + (var(--n, 0) * 2.9%))}.opening__resources{position:absolute;top:5%;right:0;bottom:5%;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}.opening__res{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e8e4e10a;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.opening__res--cpu{grid-column:1 / -1}.opening__res-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:#8a8582}.opening__res-value{font-size:clamp(1.75rem,5vw,3.25rem);line-height:1;margin-top:.35rem}.opening__res-value--hot{color:#e2603e}.opening__res-note{margin-top:.5rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#e8e4e166}.opening__workers{position:absolute;top:4%;right:2%;bottom:4%;left:2%;display:grid;gap:4px 5px;align-content:center;justify-items:center}.opening__worker{width:100%;max-width:12px;height:clamp(14px,2.4vh,22px);background:#e8e4e11f}.opening__worker.is-on{background:#d5e83f}.opening__worker.is-idle{background:#e8e4e114}.opening__idle{position:absolute;right:clamp(.5rem,2vw,1.5rem);bottom:6%;margin:0;z-index:4}.opening__footer{z-index:5;min-height:0}.opening__annotation{margin:.25rem 0 0;font-family:var(--mono);font-size:clamp(1rem,2.5vw,1.35rem);color:#d5e83f;letter-spacing:.06em}.scene__stage{min-height:0;overflow:hidden;position:relative}.scene__footer{min-height:0;z-index:3}.scene__stat{margin:0;font-family:var(--mono);font-size:clamp(2.25rem,8vw,5.5rem);line-height:.92}.scene__stat--coral{color:#e2603e}.scene__stat--lime{color:#d5e83f}.scene__sub{margin:.35rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e8e4e17a;max-width:42ch}.cache__sticky,.cron__sticky{height:100vh;box-sizing:border-box;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,3.5vw,3rem);overflow:hidden}.cache__frame,.cron__frame{height:100%;display:grid;grid-template-rows:minmax(72px,16vh) minmax(0,1fr) minmax(64px,14vh);gap:clamp(.35rem,1vh,.75rem)}.cache__headline,.cron__headline{margin:0;align-self:start;font-size:clamp(1.65rem,4.2vw,3.25rem);font-weight:300;line-height:.98;letter-spacing:-.04em;max-width:min(14ch,42vw);z-index:4}.cache__stage,.cron__stage{position:relative;min-height:0;overflow:hidden}.cache__diagram{position:absolute;inset:0 0 0 clamp(0px,16vw,240px);display:flex;align-items:center;justify-content:center;padding:clamp(.25rem,1vh,.75rem) clamp(.5rem,1.5vw,1rem);box-sizing:border-box}.cache__grid{position:relative;z-index:2;width:100%;max-width:min(1120px,100%);height:min(100%,500px);display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));grid-template-rows:repeat(2,minmax(110px,1fr));grid-template-areas:"browser nginx apache" "response wordpress php";gap:clamp(1rem,2.5vh,2rem) clamp(.75rem,3vw,2.5rem);align-items:center;justify-items:center}.cache__wires{position:absolute;top:8%;right:4%;bottom:6%;left:4%;width:auto;height:auto;pointer-events:none;z-index:1}.cache__wire{stroke:#e8e4e161;stroke-width:3.5;stroke-dasharray:1200;stroke-linecap:round;stroke-linejoin:round}.cache__wire--hit{stroke:#d5e83f;stroke-width:4;opacity:0}.cache__node{width:clamp(130px,13.5vw,180px);height:clamp(96px,11vw,140px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border:2px solid rgba(232,228,225,.28);background:linear-gradient(165deg,#e8e4e117,#e8e4e105);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 0 0 1px #0006}.cache__node.is-lit{border-color:#e2603e;background:linear-gradient(165deg,#e2603e24,#e2603e0a);box-shadow:0 0 0 1px #e2603e73,0 0 32px #e2603e38}.cache__node-icon{font-size:clamp(1.1rem,2vw,1.65rem);line-height:1;color:#e8e4e18c}.cache__node.is-lit .cache__node-icon{color:#e2603e}.cache__node-label{font-size:clamp(.85rem,1.35vw,1.05rem);font-weight:400;letter-spacing:.02em}.cache__node[data-node=browser]{grid-area:browser}.cache__node[data-node=nginx]{grid-area:nginx}.cache__node[data-node=apache]{grid-area:apache}.cache__node[data-node=php]{grid-area:php}.cache__node[data-node=wordpress]{grid-area:wordpress}.cache__node[data-node=response]{grid-area:response}.cache__node--backend{opacity:1}.cache__packet{position:absolute;width:clamp(22px,2.2vw,28px);height:clamp(22px,2.2vw,28px);border-radius:50%;background:#e2603e;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 20px #e2603ea6;z-index:6;margin:-14px 0 0 -14px}.cache__mode-tag{position:absolute;right:clamp(.5rem,2vw,1.25rem);top:clamp(.25rem,1vh,.75rem);padding:.45rem .85rem;font-family:var(--mono);font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:600;letter-spacing:.18em;border:2px solid #e2603e;color:#e2603e;background:#e2603e1a;z-index:5}.cache__mode-tag--hit{border-color:#d5e83f;color:#d5e83f;background:#d5e83f1a}.cache__mode-tag--miss{border-color:#e2603e;color:#e2603e}.cache__timer{position:absolute;left:0;bottom:8%;font-family:var(--mono);font-size:clamp(1.5rem,4vw,2.75rem);color:#e2603e;opacity:0}.cache__timer.is-visible{opacity:1}.cache__compare{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,3rem);padding:0 2%;opacity:0;pointer-events:none;z-index:8}.cache__compare.is-visible{opacity:1}.cache__compare-tag{margin:0 0 .5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em}.cache__compare-col--miss .cache__compare-tag{color:#e2603e}.cache__compare-col--hit .cache__compare-tag{color:#d5e83f}.cache__compare-time{margin:0;font-size:clamp(2rem,6vw,4.5rem);line-height:.95;letter-spacing:-.03em}.cache__compare-note{margin:.35rem 0 0;font-family:var(--mono);font-size:.68rem;color:#8a8582;letter-spacing:.08em;text-transform:uppercase}.cache__payoff{position:absolute;left:0;right:0;bottom:4%;margin:0;max-width:36ch;font-size:clamp(1rem,2.2vw,1.35rem);color:#e8e4e1;opacity:0;z-index:9}.cache__payoff.is-visible{opacity:1}.cache__footer,.cron__footer{z-index:5;min-height:0}.cache__stat,.cron__payoff{margin:0;font-family:var(--mono);font-size:clamp(2rem,7vw,4.5rem);line-height:.92;color:#d5e83f}.cache__sub,.cron__sub{margin:.35rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e8e4e17a;max-width:42ch}.cache__annotation,.cron__annotation{margin:.35rem 0 0;font-family:var(--mono);font-size:clamp(.85rem,1.8vw,1.05rem);color:#d5e83f;letter-spacing:.06em}.cron__continuity{position:absolute;left:clamp(1rem,4vw,2.5rem);top:38%;display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;border:2px solid rgba(226,96,62,.45);background:#e2603e14;z-index:6}.cron__bridge-dot{width:14px;height:14px;border-radius:50%;background:#e2603e;box-shadow:0 0 14px #e2603e80}.cron__bridge-label{font-family:var(--mono);font-size:clamp(.75rem,1.2vw,.95rem);color:#e2603e;letter-spacing:.08em}.cron__fleet{position:absolute;top:0;right:0;bottom:38%;left:0;display:grid;grid-template-columns:repeat(10,1fr);gap:6px 8px;padding:2% 4%;box-sizing:border-box;align-content:start}.cron__site{position:relative;height:clamp(18px,2.8vh,28px);background:#e8e4e12e;border:1px solid rgba(232,228,225,.12);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%)}.cron__visitor{position:absolute;left:50%;bottom:-6px;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:#e8e4e1}.cron__cron-particle{position:absolute;left:50%;top:100%;transform:translate(-50%);font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;color:#e2603e;white-space:nowrap}.cron__cpu{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(280px,42vw);padding:1rem 1.25rem;border:1px solid rgba(226,96,62,.35);background:#e2603e0f;z-index:3}.cron__cpu-label{margin:0 0 .65rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8582}.cron__cpu-burst{height:clamp(48px,8vh,72px);background:repeating-linear-gradient(90deg,#e2603e73 0,#e2603e73 8px,#e2603e14 8px,#e2603e14 14px);transform-origin:center}.cron__disable,.cron__sites-off{position:absolute;left:clamp(1rem,4vw,2rem);font-family:var(--mono);font-size:clamp(.75rem,1.4vw,.95rem);letter-spacing:.08em;opacity:0;z-index:7}.cron__disable{top:38%;color:#d5e83f}.cron__sites-off{top:44%;color:#8a8582;max-width:22ch}.cron__disable.is-visible,.cron__sites-off.is-visible{opacity:1}.cron__system{position:absolute;left:0;right:0;bottom:3%;display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(.75rem,2.5vw,2rem);padding:0 clamp(1rem,3vw,2rem);box-sizing:border-box;align-items:end;z-index:5}.cron__system-timer{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .85rem;border:2px solid rgba(213,232,63,.35);background:#d5e83f0f}.cron__timer-face{font-family:var(--mono);font-size:clamp(1.35rem,3vw,2rem);letter-spacing:.06em;color:#d5e83f;line-height:1}.cron__timer-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8582}.cron__queue-label,.cron__worker-name{margin:0 0 .5rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8a8582}.cron__queue-slots{display:flex;flex-wrap:wrap;gap:8px}.cron__queue-item{padding:.35rem .55rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#e8e4e1bf;background:#e8e4e11f;border:1px solid rgba(232,228,225,.22);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.cron__workers{display:flex;flex-direction:column;gap:.85rem}.cron__worker{display:flex;flex-direction:column;gap:.45rem}.cron__worker-chip{width:min(100%,220px);min-height:56px;padding:.5rem .65rem;border:2px solid rgba(213,232,63,.4);background:#d5e83f12;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:.25rem .65rem}.cron__worker-core{grid-row:1 / span 2;width:22px;height:22px;border:2px solid #d5e83f}.cron__worker-task{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#e8e4e1}.cron__worker-led{position:absolute;width:6px;height:6px;border-radius:50%;background:#d5e83f59}.cron__worker-led--active{background:#d5e83f;box-shadow:0 0 10px #d5e83f8c}.cron__worker-led:first-of-type{top:8px;right:8px}.cron__worker-led:last-of-type{bottom:8px;left:8px}.cron__ghost{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(226,96,62,.12) 0%,rgba(226,96,62,.12) 48%,transparent 52%,transparent 100%);pointer-events:none;z-index:2}.s6-stage{height:100%;position:relative}.s6-mass{position:absolute;top:0;right:0;bottom:0;left:0;width:47.3%;background:#e2603e61}.s6-wall{position:absolute;left:47.3%;top:0;bottom:0;width:3px;background:#d5e83f;transform:scaleY(0);transform-origin:top}.s6-tags{position:absolute;top:8%;left:6%;display:flex;flex-wrap:wrap;gap:.4rem;max-width:42%}.s6-tags span{font-family:var(--mono);font-size:.72rem;color:#e2603e}.s7-calm{height:100%;background:radial-gradient(circle at 50% 50%,rgba(213,232,63,.05),transparent 60%)}.cf-race{height:100%;display:flex;flex-direction:column;justify-content:center;gap:1.75rem}.cf-label{font-family:var(--mono);font-size:clamp(.72rem,1.2vw,.88rem);display:block;margin-bottom:.45rem}.cf-bar{height:clamp(14px,2vh,20px);background:#e8e4e11a}.cf-fill{height:100%;width:0}.cf-fill--origin{background:#d5e83f}.cf-fill--cf{background:#e2603e}.cf-meta{font-family:var(--mono);font-size:.68rem;color:#e8e4e173;margin-top:.35rem;display:block}.appendix{padding:4rem 1.5rem 5rem;max-width:680px;margin:0 auto}.appendix h2{font-weight:300;font-size:1.75rem}.appendix details{border-top:1px solid rgba(232,228,225,.1);padding:.85rem 0}.appendix summary{cursor:pointer;font-family:var(--mono);font-size:.75rem;color:#e8e4e180;list-style:none}.appendix summary::-webkit-details-marker{display:none}.playbook-step{margin:.5rem 0;color:#e8e4e199}.playbook-step strong{color:#d5e83f;font-family:var(--mono);margin-right:.4rem}@media (max-width: 768px){.scene__headline{max-width:100%;font-size:clamp(1.45rem,7vw,2.2rem)}.opening__headline{font-size:clamp(36px,8vw,48px);max-width:100%}.opening__sites{grid-template-columns:repeat(22,minmax(0,1fr));gap:2px 3px}.opening__lane{grid-template-columns:1fr;gap:.35rem}.opening__workers{top:2%;right:1%;bottom:2%;left:1%;gap:3px}.scene__stat{font-size:clamp(1.85rem,12vw,3rem)}.cache__headline,.cron__headline{max-width:100%;font-size:clamp(1.45rem,7vw,2.2rem)}.cache__diagram{position:relative;inset:auto;width:100%;height:min(58vh,520px);margin-top:.35rem;padding:0}.cache__grid{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(72px,auto));grid-template-areas:"browser" "nginx" "apache" "php" "wordpress" "response";gap:.65rem;height:100%;max-width:100%}.cache__node{width:min(100%,280px);height:clamp(72px,14vw,96px)}.cache__wires{display:none}.cache__compare{grid-template-columns:1fr;gap:1.25rem;top:42%}.cron__fleet{grid-template-columns:repeat(8,1fr);top:0;right:0;bottom:52%;left:0}.cron__system{grid-template-columns:1fr;bottom:2%;gap:1rem}.cron__cpu{width:min(240px,72vw);top:40%}}:root{--canvas: #000000;--text: #e8e4e1;--muted: rgba(232, 228, 225, .5);--dim: rgba(232, 228, 225, .32);--coral: #e2603e;--lime: #d5e83f;--font: "Instrument Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-weight:300;background:var(--canvas);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.case-study{overflow-x:clip}.eyebrow{font-family:var(--mono);font-size:clamp(.65rem,1.2vw,.75rem);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.display{font-weight:300;letter-spacing:-.04em;line-height:.92}.display--hero{font-size:clamp(3rem,11vw,8.5rem)}.display--section{font-size:clamp(2.25rem,6.5vw,5rem)}.display--stat{font-size:clamp(4rem,18vw,12rem);font-weight:300;line-height:.85;letter-spacing:-.05em}.lead{font-size:clamp(1.15rem,2.2vw,1.65rem);font-weight:300;color:var(--muted);max-width:28ch}.lead--wide{max-width:40ch}.text-coral{color:var(--coral)}.text-lime{color:var(--lime)}.chamfer{clip-path:var(--clip)}.pin-spacer{position:relative}.split{display:grid;gap:clamp(2rem,5vw,4rem)}@media (min-width: 960px){.split{grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr);align-items:start}.split--reverse{grid-template-columns:minmax(0,1.25fr) minmax(280px,.95fr)}}.panel{padding:clamp(1.25rem,3vw,2rem);background:#e8e4e10a;clip-path:var(--clip)}.panel--coral{background:#e2603e14}.panel--lime{background:#d5e83f14}details.evidence{margin-top:2rem;clip-path:var(--clip);background:#e8e4e108}details.evidence summary{cursor:pointer;padding:1.25rem 1.5rem;font-family:var(--mono);font-size:.8rem;color:var(--muted);list-style:none}details.evidence summary::-webkit-details-marker{display:none}details.evidence .evidence-body{padding:0 1.5rem 1.5rem}.code-block{background:#050505;clip-path:var(--clip);overflow:auto;font-size:.82rem;line-height:1.55}.code-block pre{margin:0;padding:1.25rem 1.5rem}.cta-scroll{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--mono);font-size:.85rem;color:var(--lime);background:none;border:none;cursor:pointer;padding:0;margin-top:2.5rem}.cta-scroll:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}