:root{--bg-0: oklch(11% .015 250);--bg-1: oklch(15% .02 250);--bg-2: oklch(19% .025 250);--bg-3: oklch(24% .025 250);--line: oklch(35% .025 250 / .45);--line-soft: oklch(35% .025 250 / .18);--fg: oklch(96% .005 80);--fg-soft: oklch(82% .008 80);--fg-muted: oklch(62% .012 80);--fg-dim: oklch(45% .015 80);--oil: oklch(72% .18 65);--oil-deep: oklch(58% .18 50);--oil-glow: oklch(72% .18 65 / .35);--cool: oklch(72% .14 220);--crisis: oklch(62% .21 25);--frac-lpg: oklch(88% .16 100);--frac-naphtha: oklch(82% .17 80);--frac-gasoline: oklch(76% .18 60);--frac-jet: oklch(68% .18 45);--frac-diesel: oklch(60% .17 30);--frac-lubes: oklch(52% .14 35);--frac-petchem: oklch(64% .14 40);--frac-fueloil: oklch(44% .1 25);--frac-coke: oklch(34% .04 35);--frac-asphalt: oklch(25% .02 30);--frac-other: oklch(50% .04 50);--t-hero: clamp(3rem, 1rem + 9vw, 9rem);--t-display: clamp(2.5rem, 1rem + 5vw, 6rem);--t-h1: clamp(2rem, 1rem + 3vw, 4rem);--t-h2: clamp(1.4rem, 1rem + 1.6vw, 2.4rem);--t-h3: clamp(1.1rem, .95rem + .8vw, 1.5rem);--t-lead: clamp(1.05rem, .95rem + .4vw, 1.25rem);--t-body: clamp(.95rem, .9rem + .2vw, 1.05rem);--t-small: .82rem;--t-micro: .72rem;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-8: 3rem;--s-10: 4.5rem;--s-12: 6rem;--s-16: 9rem;--s-section: clamp(4rem, 3rem + 6vw, 10rem);--rail-w: clamp(168px, 13vw, 200px);--d-fast: .2s;--d-med: .52s;--d-slow: 1.1s;--d-xslow: 1.8s;--e-out: cubic-bezier(.22, 1, .36, 1);--e-in-out: cubic-bezier(.83, 0, .17, 1);--e-emph: cubic-bezier(.16, 1, .3, 1)}@media (prefers-reduced-motion: reduce){:root{--d-fast: 0ms;--d-med: 0ms;--d-slow: 0ms;--d-xslow: 0ms}}@font-face{font-family:Fraunces;src:url(../fonts/Fraunces.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(../fonts/FrauncesItalic.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:Inter;src:url(../fonts/Inter.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono.woff2) format("woff2");font-weight:100 800;font-display:swap}:root{--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-0);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 60vw 70vh at 50% -10%,oklch(20% .04 250 / .7),transparent 70%),var(--bg-0);min-height:100vh;overflow-x:hidden}img,svg,video{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--fg)}p{margin:0}a{color:var(--oil);text-decoration:none;border-bottom:1px solid currentColor;text-underline-offset:4px;transition:color var(--d-fast) var(--e-out)}a:hover{color:var(--oil-deep)}button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:0}::selection{background:var(--oil);color:var(--bg-0)}.hero{font-family:var(--serif);font-size:var(--t-hero);font-weight:600;line-height:.92;letter-spacing:-.045em;color:var(--fg)}.hero em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--oil)}.display{font-family:var(--serif);font-size:var(--t-display);font-weight:500;line-height:.96;letter-spacing:-.03em}.display em{font-style:italic;font-weight:400;color:var(--oil)}.h1{font-family:var(--serif);font-size:var(--t-h1);font-weight:500;line-height:1.02;letter-spacing:-.025em}.h1 em{font-style:italic;font-weight:400;color:var(--oil)}.h2{font-family:var(--serif);font-size:var(--t-h2);font-weight:500;line-height:1.1;letter-spacing:-.015em}.h2 em{font-style:italic;color:var(--oil)}.lead{font-family:var(--serif);font-size:var(--t-lead);font-style:italic;font-weight:400;line-height:1.5;color:var(--fg-soft)}.body{font-size:var(--t-body);line-height:1.65;color:var(--fg-soft);max-width:42ch}.body+.body{margin-top:var(--s-3)}.body strong{color:var(--fg);font-weight:600}.kicker{font-family:var(--mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted)}.mono,.num{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1}.byline{font-size:var(--t-small);color:var(--fg-muted);letter-spacing:.02em}:focus{outline:none}:focus-visible{outline:2px solid var(--oil);outline-offset:4px;border-radius:2px}svg [tabindex]:focus,svg [tabindex]:focus-visible{outline:none}main{display:block}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:.7rem clamp(1.25rem,3vw,2.5rem);background:#0205098c;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:background var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}.site-header.is-scrolled{background:#000204d1;border-bottom-color:var(--line)}.site-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--fg);font-family:var(--serif);font-weight:500;font-size:.98rem;letter-spacing:-.005em;border-bottom:0;text-decoration:none}.site-brand:hover{color:var(--oil)}.site-brand span em{color:var(--oil);font-style:italic}.site-nav{display:flex;align-items:center;gap:clamp(.4rem,1.4vw,1.4rem);flex-wrap:wrap;justify-content:center}.site-nav a{position:relative;display:inline-flex;align-items:baseline;gap:.35rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);border-bottom:0;padding:.25rem .15rem;transition:color var(--d-fast) var(--e-out);text-decoration:none}.site-nav a:hover{color:var(--fg-soft)}.site-nav a.is-active{color:var(--oil)}.site-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:1px;background:var(--oil)}.site-nav__num{color:var(--fg-dim);font-size:.62rem}.site-nav a.is-active .site-nav__num{color:var(--oil)}.site-progress{position:fixed;top:0;left:0;bottom:0;width:3px;background:var(--line);pointer-events:none;z-index:200}.site-progress:after{content:"";position:absolute;inset:0;background:var(--oil);transform-origin:50% 0;transform:scaleY(var(--p, 0));transition:transform var(--d-fast) linear}@media (max-width: 900px){.site-nav{gap:.4rem}.site-nav__num{display:none}}@media (max-width: 640px){.site-nav a .site-nav__label{font-size:.66rem}}.units-key{position:fixed;left:clamp(.9rem,2vw,1.5rem);bottom:clamp(.9rem,2vw,1.5rem);z-index:150;font-family:var(--mono)}.units-key__btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);background:#050c13d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;cursor:pointer;transition:color var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}.units-key__btn:hover,.units-key.is-open .units-key__btn{color:var(--oil);border-color:color-mix(in oklch,var(--oil) 50%,transparent)}.units-key__i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font-size:.6rem;font-style:italic;font-weight:700}.units-key__panel{position:absolute;left:0;bottom:calc(100% + .5rem);width:max-content;max-width:19rem;padding:.9rem 1rem;background:#03080ff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #00000080;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--d-fast) var(--e-out),transform var(--d-fast) var(--e-out)}.units-key:hover .units-key__panel,.units-key:focus-within .units-key__panel,.units-key.is-open .units-key__panel{opacity:1;transform:translateY(0);pointer-events:auto}.units-key__title{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 .6rem}.units-key dl{margin:0;display:grid;gap:.5rem}.units-key dl>div{display:grid;grid-template-columns:3.2rem 1fr;gap:.6rem;align-items:baseline}.units-key dt{color:var(--oil);font-weight:600;font-size:.8rem}.units-key dd{margin:0;color:var(--fg-soft);font-family:var(--sans);font-size:.82rem;line-height:1.35}.scene-hint{position:absolute;top:clamp(7.5rem,17vh,12rem);right:clamp(1rem,4vw,3rem);z-index:30;display:inline-flex;align-items:center;gap:.6rem;max-width:17rem;padding:.5rem .85rem;font-family:var(--mono);font-size:.72rem;line-height:1.35;letter-spacing:.02em;color:var(--oil);background:color-mix(in oklch,var(--oil) 13%,oklch(13% .02 250));border:1px solid color-mix(in oklch,var(--oil) 45%,transparent);border-radius:10px;box-shadow:0 6px 18px #00000059;animation:sceneHintIn .48s var(--e-out) both}@keyframes sceneHintIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.scene-hint__cursor{flex:0 0 auto;width:0;height:0;border-left:9px solid var(--oil);border-top:5px solid transparent;border-bottom:5px solid transparent}@media (max-width: 820px){.scene-hint{top:auto;bottom:1.1rem;right:.9rem;max-width:62vw;font-size:.66rem}}@media (prefers-reduced-motion: reduce){.scene-hint{animation:none}}.scene:first-of-type{padding-top:clamp(5rem,9vh,8rem)}.scene{position:relative;min-height:100vh;width:100%;padding:clamp(3rem,6vh,6rem) clamp(1.25rem,4vw,5rem) clamp(3rem,6vh,6rem);scroll-margin-top:4.5rem;display:grid;grid-template-rows:auto 1fr auto;row-gap:clamp(1.5rem,3vh,3rem);overflow:hidden}.scene__inner{width:100%;max-width:1480px;margin:0 auto;display:contents}.scene__head{display:grid;gap:var(--s-2);max-width:1480px;margin:0 auto;width:100%;align-self:start}.scene__head>.kicker{display:inline-flex;align-items:center;gap:.7rem;font-size:clamp(.8rem,.72rem + .45vw,1rem);letter-spacing:.16em;color:var(--oil);margin-bottom:var(--s-1)}.scene__head>.kicker:before{content:"";flex:0 0 auto;width:clamp(22px,3.5vw,44px);height:2px;border-radius:1px;background:var(--oil)}.scene__head .h1{font-size:clamp(2.4rem,1rem + 4.2vw,5rem);line-height:1.04;max-width:20ch}.scene__head .lead{max-width:64ch}.scene:has(.scene-hint) .scene__head .h1{max-width:min(20ch,calc(100% - 20rem))}.scene:has(.scene-hint) .scene__head .lead{max-width:min(64ch,calc(100% - 20rem))}@media (max-width: 820px){.scene:has(.scene-hint) .scene__head .h1{max-width:20ch}.scene:has(.scene-hint) .scene__head .lead{max-width:64ch}}.scene__chart{width:100%;max-width:1480px;margin:0 auto;align-self:stretch;display:grid;place-items:center;min-height:0}.scene__foot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--s-4);max-width:1480px;margin:0 auto;width:100%;align-self:end}.scene__foot p{max-width:64ch}.fade-up{opacity:0;transform:translateY(28px);transition:opacity var(--d-slow) var(--e-out),transform var(--d-slow) var(--e-out)}.scene.is-active .fade-up{opacity:1;transform:translateY(0)}.scene.is-active .fade-up.delay-1{transition-delay:80ms}.scene.is-active .fade-up.delay-2{transition-delay:.22s}.scene.is-active .fade-up.delay-3{transition-delay:.38s}.scene.is-active .fade-up.delay-4{transition-delay:.54s}.s-hero{min-height:88vh;display:grid;grid-template-rows:1fr;place-items:center}.s-hero__body{display:grid;place-items:center;text-align:center;gap:clamp(1rem,3vh,2.2rem);width:100%;max-width:900px;margin:0 auto}.s-hero__body .hero{max-width:18ch;font-size:clamp(2.2rem,1rem + 5vw,min(5rem,12vh))}.s-hero__stage{position:relative;display:grid;justify-items:center;gap:clamp(.9rem,2.4vh,1.8rem);width:min(clamp(160px,20vw,260px),30vh);margin:0 auto}.s-hero__cta{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bg-0);background:var(--oil);font-weight:700;padding:.6rem 1.3rem;border:0;border-radius:999px;cursor:pointer;animation:ctaPulseStatic 1.9s var(--e-out) infinite}.s-hero__cta:hover{filter:brightness(1.05)}@media (prefers-reduced-motion: reduce){.s-hero__cta{animation:none}}.s-hero__stage button.barrel{width:100%;display:block;position:relative;z-index:1;cursor:pointer}.s-hero__stage svg{width:100%;height:auto;overflow:visible;display:block}.barrel__pulse{position:absolute;left:50%;top:47%;width:56%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--oil);opacity:0;pointer-events:none;z-index:0;animation:barrelPulse 2.6s var(--e-out) infinite}@keyframes barrelPulse{0%{transform:translate(-50%,-50%) scale(.72);opacity:.55}70%{opacity:0}to{transform:translate(-50%,-50%) scale(1.28);opacity:0}}.s-hero__stage:hover .barrel__pulse{animation-play-state:paused;opacity:0}@media (prefers-reduced-motion: reduce){.barrel__pulse{display:none}}.barrel{user-select:none;will-change:transform;transition:transform .35s var(--e-out);position:relative;background:transparent;border:0;padding:0;transform-origin:50% 48%}.barrel:hover{transform:scale(1.03)}.barrel:active{transform:scale(.985)}.barrel__steps{position:absolute;left:50%;bottom:-2.1rem;transform:translate(-50%);display:flex;gap:10px;pointer-events:none}.barrel__steps span{display:block;width:26px;height:3px;border-radius:2px;background:#4d5660;animation:stepFill 2.4s ease-in-out infinite}.barrel__steps span:nth-child(1){animation-delay:0s}.barrel__steps span:nth-child(2){animation-delay:.45s}.barrel__steps span:nth-child(3){animation-delay:.9s}@keyframes stepFill{0%,55%,to{background:#4d5660;transform:scaleX(.55)}18%,38%{background:oklch(72% .18 65);transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.barrel__steps span{animation:none;background:oklch(72% .18 65 / .45);transform:none}}.s-hero.is-tipping .barrel{transform:scale(1.06) rotate(8deg);transition:transform .22s var(--e-emph)}.s-hero.is-pouring .barrel{transform:scale(1.05) rotate(180deg);transition:transform .64s var(--e-emph)}.s-hero.is-tipping .barrel__label-svg,.s-hero.is-pouring .barrel__label-svg{opacity:0;transition:opacity .2s var(--e-out)}.barrel__pour{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .56s cubic-bezier(.55,0,.35,1)}.s-hero.is-pouring .barrel__pour{transform:scaleY(1);transition-delay:.28s}.s-hero.is-tipping .barrel svg,.s-hero.is-pouring .barrel svg{animation:none}.s-hero.is-tipping .hero,.s-hero.is-tipping .s-hero__cta,.s-hero.is-pouring .hero,.s-hero.is-pouring .s-hero__cta{opacity:0;transition:opacity .38s var(--e-out)}.s-hero.is-tipping .s-hero__stage,.s-hero.is-pouring .s-hero__stage{z-index:5;position:relative}@media (prefers-reduced-motion: reduce){.s-hero.is-tipping .barrel,.s-hero.is-pouring .barrel{transform:none;transition:opacity .2s linear;opacity:.4}.barrel__pour{display:none}}.s-hero.is-tipping .barrel__pulse,.s-hero.is-pouring .barrel__pulse{display:none}.barrel__hint{position:absolute;bottom:-4.2rem;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;pointer-events:none}.barrel__hint--cta,.barrel__hint--restart{color:var(--bg-0);background:var(--oil);font-weight:700;font-size:.8rem;letter-spacing:.14em;padding:.55rem 1.2rem;border-radius:999px;animation:ctaPulse 1.9s var(--e-out) infinite}@keyframes ctaPulse{0%{box-shadow:0 0 oklch(72% .18 65 / .6);transform:translate(-50%) scale(1)}70%{box-shadow:0 0 0 18px oklch(72% .18 65 / 0);transform:translate(-50%) scale(1.05)}to{box-shadow:0 0 oklch(72% .18 65 / 0);transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.barrel__hint--cta,.barrel__hint--restart{animation:none}}body.scroll-locked{overflow:hidden}.s-extraction .extraction-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,320px);gap:var(--s-6);align-items:center;max-width:1480px;width:100%;margin:0 auto;align-self:center}.s-extraction .extraction-stage .scene__chart{margin:0}.s-extraction .extraction-chart{width:100%;aspect-ratio:1400 / 680;max-height:58vh;display:block}.s-extraction .pump-zone,.s-extraction .refinery-zone{pointer-events:all;cursor:pointer}.s-extraction .pump-zone:focus-visible,.s-extraction .refinery-zone:focus-visible{outline:2px solid var(--oil);outline-offset:-2px}.s-extraction .badge-pulse{transform-box:fill-box;transform-origin:center}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.s-extraction .pump-hint-pos .badge-pulse{animation:badgePulse 1.6s ease-in-out infinite}.s-extraction .refinery-hint{opacity:0;transition:opacity .4s var(--e-out)}.s-extraction .refinery-hint.is-on{opacity:1}.s-extraction .refinery-hint.is-on .badge-pulse{animation:badgePulse 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.s-extraction .badge-pulse{animation:none!important}}.s-extraction.is-pump-complete .pumpjack-label,.s-extraction.is-pump-complete .pumpjack,.s-extraction.is-pump-complete .bridle,.s-extraction.is-pump-complete .rod,.s-extraction.is-pump-complete .well,.s-extraction.is-pump-complete .reservoir-blob,.s-extraction.is-pump-complete .reservoir-hi,.s-extraction.is-pump-complete .depth,.s-extraction.is-pump-complete .oil-column,.s-extraction.is-pump-complete .pipe-base,.s-extraction.is-pump-complete .pipe-flow{transition:opacity .5s var(--e-out)}.s-extraction.is-pump-complete .pumpjack-label{opacity:0}.s-extraction.is-pump-complete .pumpjack,.s-extraction.is-pump-complete .bridle,.s-extraction.is-pump-complete .rod,.s-extraction.is-pump-complete .well,.s-extraction.is-pump-complete .reservoir-blob,.s-extraction.is-pump-complete .reservoir-hi,.s-extraction.is-pump-complete .depth,.s-extraction.is-pump-complete .oil-column,.s-extraction.is-pump-complete .pipe-base,.s-extraction.is-pump-complete .pipe-flow{opacity:.18}.s-extraction.is-pump-complete .refinery{filter:drop-shadow(0 0 22px oklch(72% .18 65 / .55));transition:filter .5s var(--e-out)}.s-extraction.is-pump-complete .extraction-readout{opacity:.38;transition:opacity .5s var(--e-out)}.extraction-readout{display:grid;grid-template-columns:1fr;gap:var(--s-4);margin:0;padding:var(--s-5);border:1px solid var(--line);border-radius:8px;background:#050c1366}.extraction-readout>div{display:grid;gap:.25rem;padding-bottom:var(--s-4);border-bottom:1px solid var(--line)}.extraction-readout>div:last-child{padding-bottom:0;border-bottom:none}.extraction-readout .num{font-family:var(--mono);font-size:clamp(1.2rem,.8rem + 1.4vw,1.8rem);font-weight:600;color:var(--oil);font-variant-numeric:tabular-nums}@media (max-width: 800px){.s-extraction .extraction-stage{grid-template-columns:1fr}.extraction-readout{grid-template-columns:repeat(2,1fr);gap:var(--s-4) var(--s-5)}.extraction-readout>div{border-bottom:none;padding-bottom:0}}.refinery-stage{display:grid;grid-template-columns:1.6fr minmax(280px,380px);gap:var(--s-6);align-items:start;width:100%;max-width:1480px;margin:0 auto}.s-refinery .refinery-chart{width:100%;max-height:min(64vh,100%);aspect-ratio:3 / 2}.refinery-info{background:#050c1380;border:1px solid var(--line);border-radius:12px;padding:var(--s-6);display:grid;gap:var(--s-3);align-content:start;align-self:start;position:sticky;top:5rem}.refinery-info .kicker{color:var(--oil)}.refinery-info .body{color:var(--fg-soft);max-width:none}.refinery-info .byline{color:var(--fg-muted)}.refinery-info__bar{--accent: var(--oil);margin-top:var(--s-2);display:flex;align-items:center;gap:.7rem}.refinery-info__bar-track{flex:1;height:8px;border-radius:999px;background:#1a222b;overflow:hidden}.refinery-info__bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .28s var(--e-out)}.refinery-info__bar-pct{font-family:var(--mono);font-size:.92rem;color:var(--fg);font-variant-numeric:tabular-nums;min-width:4.5ch;text-align:right}.s-refinery .slab,.s-refinery .slab__rect{transition:opacity .2s var(--e-out)}.s-refinery .slab__hit:focus-visible{outline:2px solid var(--oil);outline-offset:2px}@media (max-width: 900px){.refinery-stage{grid-template-columns:1fr}.refinery-info{position:static}}.s-tower .tower-chart{width:min(100%,1200px);aspect-ratio:16 / 8}.s-tower__pull{font-family:var(--serif);font-style:italic;font-size:var(--t-h3);color:var(--oil);line-height:1.35;border-left:2px solid var(--oil);padding-left:var(--s-4);max-width:56ch}.s-sankey .sankey-chart{width:min(100%,1480px);aspect-ratio:2 / 1}.s-climax__row{display:grid;grid-template-columns:1.4fr minmax(280px,28vw);gap:var(--s-8);align-items:stretch;width:100%;max-width:1480px;margin:0 auto}.s-climax__grid{display:grid;grid-template-columns:repeat(4,clamp(86px,8.6vw,130px));grid-template-rows:repeat(4,clamp(86px,8.6vw,130px));gap:var(--s-5);position:relative;justify-self:center;align-self:center}.s-climax__chart{width:100%;height:100%;max-height:78vh;overflow:visible}.obj{position:relative;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:var(--s-2);display:grid;grid-template-rows:1fr auto auto;gap:2px;min-height:0;overflow:hidden;text-align:center;cursor:pointer;transition:background var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out),opacity var(--d-med) var(--e-out),transform var(--d-fast) var(--e-out)}.obj:hover,.obj.is-hot{background:var(--bg-2);border-color:var(--oil);transform:translateY(-2px)}.obj.is-dim{opacity:.28}.obj__icon{width:100%;height:100%;min-height:28px;display:grid;place-items:center;color:var(--fg-soft)}.obj__icon svg{width:30px;height:30px}.obj.is-hot .obj__icon{color:var(--oil)}.obj__label{font-family:var(--serif);font-size:.8rem;line-height:1.1;color:var(--fg)}.obj__from{font-family:var(--mono);font-size:.5rem;letter-spacing:.02em;line-height:1.1;text-transform:uppercase;color:var(--fg-muted);overflow-wrap:anywhere}.obj.is-hot .obj__from{color:var(--oil)}@media (max-width: 900px){.s-climax__row{grid-template-columns:1fr}}.s-trend__chartwrap{display:grid;grid-template-columns:1fr minmax(160px,200px);gap:var(--s-5);align-items:stretch;width:100%;max-width:1480px;margin:0 auto}.s-trend .trend-chart{width:100%;aspect-ratio:16 / 7;min-width:0}.s-trend__context{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:8px;background:color-mix(in oklch,var(--oil) 6%,transparent);max-width:60ch}.s-trend .trend-spark{flex:0 0 auto;width:150px;height:35px}.s-trend__context-cap{margin:0;font-size:.85rem;line-height:1.45;color:var(--fg-soft)}.s-trend__context-cap strong{color:var(--oil);font-family:var(--mono)}.s-trend__legend{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-3);border-left:1px solid var(--line);align-self:start}.s-trend__legend .kicker{color:var(--fg-muted)}.s-trend__legend ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.s-trend__legend li{display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--fg-soft)}.s-trend__legend li .sw{width:14px;height:14px;border-radius:3px;flex:0 0 14px;box-shadow:inset 0 0 0 1px #00000040}.s-trend__legend li.is-focal{color:var(--oil);font-weight:600}.s-trend__legend li.is-focal .sw{width:16px;height:16px;flex:0 0 16px;outline:1px solid var(--oil);outline-offset:2px}.s-trend__legend-note{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.06em;color:var(--fg-dim);margin-top:var(--s-2);line-height:1.4}@media (max-width: 900px){.s-trend__chartwrap{grid-template-columns:1fr}.s-trend__legend{border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap;padding:var(--s-3) 0}.s-trend__legend ul{flex-direction:row;flex-wrap:wrap}}.s-trend__scrub{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-4);font-family:var(--mono);font-size:var(--t-small);color:var(--fg-soft);flex-wrap:wrap;max-width:1480px;width:100%;margin-left:auto;margin-right:auto}.s-trend__scrub input[type=range]{flex:1;min-width:200px;appearance:none;height:2px;background:var(--line);border-radius:999px}.s-trend__scrub input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--oil);border:2px solid var(--bg-0);cursor:grab}.s-trend__scrub input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--oil);border:2px solid var(--bg-0)}.s-trend__year{color:var(--oil);font-weight:600;min-width:4ch}.s-trend__controls{display:inline-flex;align-items:center;gap:.4rem;margin-right:var(--s-3)}.trend-btn{width:36px;height:36px;display:inline-grid;place-items:center;background:#0b121a;color:var(--fg);border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px;transition:background var(--d-fast) var(--e-out),color var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}.trend-btn:hover{background:var(--oil);color:var(--bg-0);border-color:var(--oil)}.s-trend__live{margin-left:auto;font-family:var(--mono);font-size:var(--t-small);color:var(--fg-soft);letter-spacing:.04em}.s-trend__live .num{color:var(--oil)}.s-sankey__foot{flex-direction:column;align-items:stretch}.sankey-scrub{display:grid;gap:var(--s-3);max-width:720px;width:100%;margin:var(--s-3) auto 0;padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:12px;background:#050c1373}.sankey-scrub__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.sankey-scrub__year{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,1.2rem + 2.4vw,3.2rem);font-weight:600;line-height:1;color:var(--oil);font-variant-numeric:tabular-nums}.sankey-scrub__live{font-size:var(--t-small);color:var(--fg-soft);letter-spacing:.04em}.sankey-scrub__live .num{color:var(--oil);font-weight:600}.sankey-scrub__track{display:flex;align-items:center;gap:var(--s-4)}.sankey-scrub__end{font-family:var(--mono);font-size:var(--t-small);color:var(--fg-muted);min-width:4ch;text-align:center}.sankey-scrub__track input[type=range]{flex:1;min-width:200px;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,var(--oil) 0 var(--fill, 100%),var(--line) var(--fill, 100%) 100%);cursor:pointer}.sankey-scrub__track input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--oil);border:3px solid var(--bg-0);box-shadow:0 0 0 1px var(--oil),0 0 16px oklch(72% .18 65 / .5);cursor:grab;transition:transform var(--d-fast) var(--e-out),box-shadow var(--d-fast) var(--e-out)}.sankey-scrub__track input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}.sankey-scrub__track input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--oil);border:3px solid var(--bg-0);box-shadow:0 0 0 1px var(--oil),0 0 16px oklch(72% .18 65 / .5);cursor:grab}.sankey-scrub__track input[type=range]:focus-visible{outline:2px solid var(--oil);outline-offset:4px}.s-counter__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-6);align-items:stretch;width:100%;max-width:1480px;margin:0 auto}.s-counter__big-box{background:#050c1380;border:1px solid var(--line);border-radius:12px;padding:var(--s-8) var(--s-6);display:grid;gap:var(--s-3);align-content:center}.s-counter__big-box .kicker{color:var(--oil)}.s-counter__big{font-family:var(--mono);font-size:clamp(2.3rem,.9rem + 6.6vw,6.2rem);font-weight:600;letter-spacing:-.02em;color:var(--oil);line-height:.95;font-variant-numeric:tabular-nums}.s-counter__elapsed{font-family:var(--mono);font-size:var(--t-small);color:var(--fg-muted);letter-spacing:.04em}.s-counter__elapsed .num{color:var(--fg)}.s-counter__equiv{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line)}.s-counter__equiv .equiv{display:grid;gap:.2rem}.s-counter__equiv .num{font-family:var(--mono);font-size:clamp(1.3rem,.8rem + 1.6vw,2.2rem);color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.s-counter__equiv .lbl{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.s-counter__bars-box{background:#050c1380;border:1px solid var(--line);border-radius:12px;padding:var(--s-5);display:grid;grid-template-rows:auto 1fr;gap:var(--s-3)}.s-counter__bars-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.s-counter__bars-head .kicker{color:var(--oil)}.s-counter__bars{width:100%;height:100%;max-height:54vh}.cn-dd{position:relative;display:inline-block;min-width:260px;max-width:60%}.cn-dd__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);font-family:var(--mono);font-size:var(--t-small);letter-spacing:.04em;background-color:var(--bg-1);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:var(--s-2) var(--s-3);cursor:pointer;outline:none;text-align:left;transition:border-color var(--d-fast) var(--e-out),background-color var(--d-fast) var(--e-out)}.cn-dd__btn:hover{border-color:var(--oil);background-color:var(--bg-2)}.cn-dd__btn:focus-visible{border-color:var(--oil);box-shadow:0 0 0 2px #ffffff0a}.cn-dd__btn[aria-expanded=true]{border-color:var(--oil);background-color:var(--bg-2)}.cn-dd__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-dd__caret{width:10px;height:10px;border-right:1.5px solid var(--fg-muted);border-bottom:1.5px solid var(--fg-muted);transform:translateY(-2px) rotate(45deg);transition:transform var(--d-fast) var(--e-out),border-color var(--d-fast) var(--e-out)}.cn-dd__btn[aria-expanded=true] .cn-dd__caret{transform:translateY(2px) rotate(-135deg);border-color:var(--oil)}.cn-dd__menu{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:50;max-height:280px;overflow-y:auto;margin:0;padding:var(--s-1);list-style:none;background-color:var(--bg-1);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 32px #00000073,0 2px 6px #00000059}.cn-dd__menu::-webkit-scrollbar{width:8px}.cn-dd__menu::-webkit-scrollbar-track{background:var(--bg-1)}.cn-dd__menu::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}.cn-dd__item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:var(--s-2) var(--s-3);font-family:var(--mono);font-size:var(--t-small);letter-spacing:.04em;color:var(--fg-soft);border-radius:4px;cursor:pointer;outline:none}.cn-dd__item:hover,.cn-dd__item:focus-visible{background-color:var(--bg-2);color:var(--fg)}.cn-dd__item[aria-selected=true],.cn-dd__item[aria-selected=true] .cn-dd__item-val{color:var(--oil)}.cn-dd__item-name{font-family:var(--sans);letter-spacing:0}.cn-dd__item-val{color:var(--fg-muted);font-size:calc(var(--t-small) * .95)}@media (max-width: 900px){.s-counter__grid{grid-template-columns:1fr}}.s-crisis .crisis-chart{width:min(100%,1480px);aspect-ratio:16 / 6.5}.s-crisis__agencies{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);width:100%;max-width:1480px;margin:var(--s-4) auto 0;font-family:var(--mono);font-size:var(--t-small)}.s-crisis__agencies>div{border-top:2px solid var(--line);padding-top:var(--s-3);display:grid;gap:var(--s-1);cursor:pointer;transition:border-color var(--d-fast) var(--e-out)}.s-crisis__agencies>div:hover{border-top-color:currentColor}.s-crisis__agencies .iea{color:var(--cool)}.s-crisis__agencies .eia{color:var(--fg)}.s-crisis__agencies .opec{color:var(--crisis)}.s-crisis__agencies .agcy{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.s-crisis__agencies .delta{font-size:clamp(1.4rem,1rem + 1.5vw,2.2rem);font-weight:600;color:var(--fg)}.s-crisis__agencies .iea .delta{color:var(--cool)}.s-crisis__agencies .eia .delta{color:var(--fg)}.s-crisis__agencies .opec .delta{color:var(--crisis)}.s-crisis__agencies .headline{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--fg);margin-top:.2rem;line-height:1.25}.s-crisis__agencies .iea .headline{color:var(--cool)}.s-crisis__agencies .opec .headline{color:var(--crisis)}.s-crisis__agencies .lbl{font-size:var(--t-small);color:var(--fg-muted);font-family:var(--mono);letter-spacing:.04em}.s-crisis__takeaway{width:100%;max-width:1480px;margin:var(--s-6) auto 0;font-family:var(--serif);font-size:clamp(1.05rem,.9rem + .4vw,1.25rem);line-height:1.55;color:var(--fg-soft);border-top:1px solid var(--line);padding-top:var(--s-4);text-align:left;max-width:70ch}.s-crisis__takeaway strong{color:var(--oil);font-weight:600}@media (max-width: 700px){.s-crisis__agencies{grid-template-columns:1fr}}.s-closing{background:radial-gradient(ellipse at 50% 35%,oklch(22% .04 50 / .55) 0%,var(--bg-0) 65%);min-height:100vh;display:grid;place-items:center;padding:clamp(2.5rem,5vh,5rem) var(--s-6)}.s-closing__inner{width:100%;max-width:880px;text-align:center;display:grid;gap:clamp(.6rem,1.6vh,1.4rem);justify-items:center}.s-closing__claim{font-family:var(--serif);font-size:clamp(1.8rem,1rem + 3vw,min(4rem,9vh));line-height:1.04;letter-spacing:-.01em;color:var(--fg);margin:0}.s-closing__claim em{font-style:italic;color:var(--oil)}.s-closing__lead{font-family:var(--sans);font-size:var(--t-lead);line-height:1.55;color:var(--fg-soft);max-width:56ch;margin:0}.s-closing__lead .num{color:var(--oil);font-family:var(--mono)}.s-closing__lead strong{color:var(--fg)}.s-closing__kicker{font-family:var(--serif);font-size:clamp(1.3rem,.9rem + 1.5vw,2rem);line-height:1.2;letter-spacing:-.01em;color:var(--fg);margin:0}.s-closing__kicker strong{color:var(--oil)}.s-closing__stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:var(--s-3) var(--s-6);padding:clamp(.7rem,2vh,1.5rem) var(--s-6);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.s-closing__stat{display:grid;gap:var(--s-1);justify-items:center}.s-closing__stat .num{font-family:var(--mono);font-size:clamp(1.5rem,1rem + 1.6vw,2.2rem);color:var(--oil);letter-spacing:.02em}.s-closing__stat .lbl{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.s-closing__sep{color:var(--fg-dim);font-size:1.5rem}.s-closing__stage{display:grid;justify-items:center;width:min(clamp(118px,12vw,165px),19vh);margin:var(--s-3) auto 0}.s-closing__hint{position:static;transform:none;margin-top:var(--s-3);animation-name:ctaPulseStatic;pointer-events:auto;border:0;cursor:pointer}@keyframes ctaPulseStatic{0%{box-shadow:0 0 oklch(72% .18 65 / .6);transform:scale(1)}70%{box-shadow:0 0 0 16px oklch(72% .18 65 / 0);transform:scale(1.04)}to{box-shadow:0 0 oklch(72% .18 65 / 0);transform:scale(1)}}.s-closing__stage button.barrel{width:100%;display:block;position:relative;z-index:1;cursor:pointer}.s-closing__stage svg{width:100%;height:auto;overflow:visible;display:block}.s-closing.is-flipping .barrel{transform:rotate(180deg) scale(1.04);transition:transform .56s var(--e-emph)}.s-closing.is-flipping .barrel__hint{opacity:0;transition:opacity .2s var(--e-out)}@media (prefers-reduced-motion: reduce){.s-closing.is-flipping .barrel{transform:none}}@media (max-width: 640px){.s-closing__stats{gap:var(--s-3);padding:var(--s-4) var(--s-3)}.s-closing__sep{display:none}}.chart-bg{fill:transparent}.axis text{font-family:var(--mono);font-size:11px;fill:var(--fg-muted);letter-spacing:.06em}.axis line,.axis path{stroke:var(--line);shape-rendering:crispEdges}.gridline{stroke:var(--line-soft);stroke-dasharray:2 4}.chart-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;fill:var(--fg-muted)}.chart-callout{font-family:var(--serif);font-style:italic;font-size:13px;fill:var(--fg)}@media (pointer: fine){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333c4580;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4d5660b3}}