@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f4f3ee;--ink:#26363b;--muted:#536269;--cobalt:#164bff;--line:#b4bbb9;--gutter:clamp(24px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 Inter,Arial,sans-serif}h1,h2,p,figure{margin:0}h1,h2{font-weight:480;line-height:1.03;letter-spacing:-.055em}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cobalt);outline-offset:6px}.skip{position:fixed;z-index:100;top:-100px;left:24px;background:var(--paper);padding:12px}.skip:focus{top:16px}.header{display:flex;justify-content:space-between;align-items:center;padding:30px var(--gutter);position:absolute;top:0;left:0;right:0;z-index:8}.wordmark{font-size:28px;font-weight:650;letter-spacing:-1.5px}.wordmark span{font-weight:400;margin-left:6px}.wordmark i{font-style:normal;margin-left:13px;color:var(--cobalt)}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{border-bottom:1px solid currentColor;padding:5px 0}.eyebrow{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}.chapter-copy{max-width:670px;padding:110px var(--gutter) 0;box-sizing:content-box}.chapter h2{font-size:clamp(38px,4vw,62px);margin-top:20px}.intro{font-size:17px;max-width:460px;margin-top:21px;line-height:1.55}.hero h1{font-size:clamp(44px,4.5vw,68px);margin-top:22px;max-width:850px}.hero .chapter-copy{max-width:850px;padding-top:145px}.hero .intro{max-width:440px}.primary{display:inline-flex;gap:28px;background:var(--cobalt);color:white;padding:15px 19px;font-size:14px;margin-top:26px}.primary:hover{background:#123cc7}.hero{min-height:850px;height:100svh;position:relative;isolation:isolate}.static-photo{position:absolute;inset:0;z-index:-2}.static-photo img{width:100%;height:100%;object-fit:cover}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#e8f4ffb0,transparent 65%)}.static-figure{padding:30px 0 50px}.static-art{position:relative;aspect-ratio:1672/941;overflow:hidden}.static-art>img{display:block;width:100%;height:100%;object-fit:cover}.static-art .annotations{position:absolute;inset:0;width:100%;height:100%}.static-figure figcaption{padding:0 var(--gutter);max-width:780px;font-size:15px;margin-top:25px}.semantic-notes{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.shared-canvas,.hero-wash{display:none}.annotations{font-family:Inter,Arial,sans-serif;overflow:visible}.leader{fill:none;stroke:var(--ink);stroke-width:1.5}.anchor{fill:var(--paper);stroke:var(--cobalt);stroke-width:2}.small-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;letter-spacing:1px;fill:var(--ink)}.micro-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;letter-spacing:.4px;fill:var(--muted)}.amount{font-size:46px;font-weight:450;letter-spacing:-1.5px;fill:var(--ink)}.result-amount{fill:var(--cobalt);font-size:56px}.ground-cut{fill:var(--paper);stroke:var(--muted);stroke-width:1;stroke-dasharray:6 7}.tank-line{fill:var(--paper);stroke:var(--muted);stroke-width:1.5}.economic-track{fill:none;stroke:var(--cobalt);stroke-width:3.5;stroke-linecap:round}.stage-bottom{display:flex;gap:30px;justify-content:space-between;padding:30px var(--gutter);align-items:end;border-top:1px solid var(--line)}.disclosure{font-size:13px;line-height:1.4;color:var(--muted)}.chapter-nav{display:flex;gap:30px;font-size:13px}.chapter-nav a{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.chapter-nav span{font-family:ui-monospace,monospace;color:var(--muted)}.chapter-nav a[aria-current=step]{border-color:var(--cobalt);color:var(--cobalt)}.scroll-hint{font-size:13px}.contact{padding:85px var(--gutter) 95px;border-top:1px solid var(--line)}.contact-label{display:flex;align-items:center;gap:25px}.cross{color:var(--cobalt);font:24px ui-monospace,monospace}.contact h2{font-size:clamp(40px,4.3vw,68px);margin-top:42px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.contact-bottom p{max-width:490px}.contact-bottom a{font-size:23px;display:flex;justify-content:space-between;border-bottom:1px solid var(--cobalt);align-self:start;padding-bottom:13px;color:var(--cobalt)}footer{display:flex;gap:30px;justify-content:space-between;padding:25px var(--gutter);font-size:13px;border-top:1px solid var(--line)}
/* Desktop: one image plane, one drawing, three reversible reading states. */
.enhanced .story{height:1000svh}.enhanced .stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden}.enhanced .shared-canvas{display:block;position:absolute;inset:0;z-index:-3;background:var(--paper)}.enhanced .scene-plane{position:absolute;inset:0}.enhanced .scene-plane>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.enhanced .photo{opacity:var(--photo,1)}.enhanced .drawing{opacity:var(--drawing,0)}.enhanced .annotation-mount{position:absolute;inset:0}.enhanced .annotations{position:absolute;width:100%;height:100%;inset:0;opacity:0}.enhanced .hero-wash{display:block;position:absolute;inset:0;z-index:-2;background:linear-gradient(105deg,#e8f4ffb0,transparent 65%);opacity:var(--photo,1)}.enhanced .chapter{position:absolute;inset:0;min-height:0;height:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease}.enhanced .chapter.is-active{opacity:1;visibility:visible;pointer-events:auto}.enhanced .hero{background:none}.enhanced .hero:before{display:none}.enhanced .static-photo,.enhanced .static-figure{display:none}.enhanced .chapter-copy{padding-top:116px;max-width:680px}.enhanced .hero .chapter-copy{padding-top:133px;max-width:940px}.enhanced .hero h1{font-size:clamp(44px,4.2vw,68px)}.enhanced .chapter h2{font-size:clamp(38px,3.65vw,58px)}.enhanced .intro{max-width:470px}.enhanced .stage-bottom{position:absolute;bottom:0;left:0;right:0;padding-top:12px;padding-bottom:22px;border:0}.enhanced .chapter-nav{gap:28px}.enhanced .chapter-nav a{min-width:120px}.enhanced .header nav{color:var(--ink)}.enhanced[data-state="0"] .header nav{color:white;text-shadow:0 1px 4px #142845}.enhanced[data-state="0"] .disclosure,.enhanced[data-state="0"] .scroll-hint,.enhanced[data-state="0"] .chapter-nav,.enhanced[data-state="0"] .chapter-nav span{color:white;text-shadow:0 1px 4px #142845}.enhanced[data-state="0"] .chapter-nav a[aria-current=step]{color:white;border-color:white}.enhanced[data-state="0"] .chapter-nav a{border-color:#ffffff77}.enhanced[data-state="2"] .margin-annotations{opacity:1}.enhanced[data-state="1"] .reading-annotations{opacity:1}.enhanced .economic-track{stroke-dasharray:var(--path-length,1000);stroke-dashoffset:var(--path-offset,0)}.enhanced .a-result{opacity:var(--result,1)}.enhanced .a-operation{opacity:var(--operation,1)}
@media(min-width:901px) and (max-height:760px){.enhanced .chapter-copy{padding-top:99px}.enhanced .hero .chapter-copy{padding-top:112px}.enhanced .chapter h2{font-size:43px;margin-top:14px}.enhanced .hero h1{font-size:52px;margin-top:16px}.enhanced .intro{font-size:16px;margin-top:16px;max-width:430px}.enhanced .primary{margin-top:20px}.enhanced .stage-bottom{padding-bottom:17px}.enhanced .header{padding-top:22px}.enhanced .chapter-nav a{min-width:100px}.enhanced .stage-bottom{gap:20px}.enhanced .scroll-hint{display:none}}
@media(max-width:900px){.header{padding-top:23px}.header nav{font-size:13px;gap:20px}.header nav a:first-child{display:none}.chapter-copy{padding:65px var(--gutter) 0;max-width:640px}.hero .chapter-copy{padding-top:110px}.hero h1{font-size:clamp(36px,6vw,52px)}.hero .intro{max-width:340px}.hero{height:850px}.chapter h2{font-size:clamp(36px,5vw,48px)}.stage-bottom{display:block}.chapter-nav{margin-top:25px;justify-content:space-between;gap:20px}.scroll-hint{display:none}.contact-bottom{display:block}.contact-bottom a{margin-top:35px;max-width:500px}footer{flex-wrap:wrap}.static-figure{padding-top:32px}}
@media(max-width:600px){.wordmark{font-size:24px}.header nav{color:var(--ink)}.hero{height:850px}.hero:before{background:linear-gradient(90deg,#e8f4ff99,transparent 92%)}.hero h1{font-size:38px;max-width:340px}.hero .intro{font-size:15px;max-width:275px}.hero .eyebrow{max-width:260px}.primary{font-size:13px;gap:15px}.hero .static-photo img{object-position:center bottom}.chapter-copy{padding-top:60px}.chapter h2{font-size:37px}.intro{font-size:16px;max-width:360px}.static-art{height:350px;aspect-ratio:auto;margin-top:5px}.static-art>img{width:622px;height:350px;max-width:none;position:absolute;left:50%;transform:translateX(-50%);object-fit:contain}.static-art .annotations{width:622px;left:50%;transform:translateX(-50%);max-width:none}.static-art .small-label{font-size:34px}.static-art .micro-label{font-size:35px}.static-art .amount{font-size:66px}.static-art .result-amount{font-size:68px}.static-figure figcaption{font-size:14px;line-height:1.6}.reading .static-art{height:510px}.reading .static-art>img,.reading .static-art .annotations{width:906px;height:510px;left:0;transform:translateX(-160px)}.reading .a-review{display:none}.reading .small-label{font-size:26px}.margin .static-art{height:650px}.margin .static-art>img{width:1155px;height:650px;left:0;transform:translateX(-230px);opacity:.5}.margin .static-art .annotations{width:1155px;height:650px;left:0;transform:translateX(-230px)}.margin .small-label{font-size:25px}.margin .micro-label{font-size:22px}.margin .amount{font-size:50px}.margin .a-purchase{transform:translate(250px,-40px)}.margin .a-operation{transform:translate(-260px,0)}.margin .a-result{transform:translate(-730px,460px)}.margin .economic-caption{display:none}.margin .tank-cutaway{opacity:.65}.stage-bottom{padding-top:25px}.chapter-nav{font-size:13px;gap:15px}.chapter-nav a{display:block}.chapter-nav span{display:block;margin-bottom:5px}.contact{padding-top:60px;padding-bottom:60px}.contact h2{font-size:39px}.contact-label{gap:15px}.contact-label .eyebrow{font-size:13px}footer span:nth-child(2){order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hero{height:850px}.static-figure{display:block}}
/* A quieter drawing gives the cost record and its consequence priority. */
.enhanced .focus-drawing{opacity:0}.enhanced[data-state="2"] .drawing{opacity:0!important}.enhanced[data-state="2"] .focus-drawing{opacity:1}.enhanced .a-result,.enhanced .a-operation{opacity:1}
.annotations text{paint-order:stroke fill;stroke:var(--paper);stroke-width:7px;stroke-linejoin:round}.annotations .small-label{font-size:21px}.annotations .micro-label{font-size:18px}.document-marker path{stroke:var(--cobalt);stroke-width:2;fill:var(--paper)}.economic-track{stroke-width:2;stroke-dasharray:5 7}.enhanced .economic-track{stroke-dasharray:5 7;stroke-dashoffset:0;clip-path:inset(0 calc((1 - var(--economic,1))*100%) 0 0)}.enhanced .stage-bottom{background:linear-gradient(transparent,var(--paper));padding-top:24px}.enhanced[data-state="0"] .stage-bottom{background:linear-gradient(transparent,#102d4c45)}.annotations .a-result .small-label{font-size:22px}
.mobile-scenes{display:none}.mobile-label{font:30px Inter,Arial,sans-serif;fill:var(--ink)}.mobile-amount{font:52px Inter,Arial,sans-serif;letter-spacing:-2px;fill:var(--ink)}.mobile-amount.result-amount{fill:var(--cobalt);font-size:58px}
@media(max-width:600px){.static-art{display:none}.mobile-scenes{display:block;padding:0 var(--gutter)}.mobile-detail{margin-top:20px;border-top:1px solid var(--line)}.mobile-detail svg{display:block;width:100%;height:auto}.mobile-detail .leader{stroke-width:2}.margin .mobile-detail .a-purchase,.margin .mobile-detail .a-result,.margin .mobile-detail .a-operation{transform:none}.static-figure figcaption{margin-top:24px}.chapter h2{font-size:36px}.hero .intro{font-size:16px}}

.enhanced .economic-track{clip-path:none;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-offset);stroke-width:2.5}
/* Source and consequence are the dominant pair; sales remain a reference. */
.margin-annotations .a-purchase .amount,.margin-annotations .a-result .amount{font-size:88px;letter-spacing:-4px}.margin-annotations .a-purchase .small-label{font-size:20px}.margin-annotations .a-operation .small-label{font-size:20px;fill:var(--muted)}.margin-annotations .a-operation .leader{stroke:var(--muted);stroke-width:1}.margin-annotations .a-purchase .micro-label{font-size:18px}.margin-annotations .a-result .micro-label{font-size:18px}
@media(max-width:600px){.hero h1{font-size:32px;max-width:300px}.hero .intro{max-width:270px}.header nav{color:white;text-shadow:0 1px 4px #142845}.hero:before{background:linear-gradient(180deg,#e8f4ff55,transparent 58%),linear-gradient(90deg,#e8f4ff77,transparent 90%)}}

.margin-annotations .a-purchase .amount,.margin-annotations .a-result .amount{font-size:var(--amount-size,68px)}.margin-annotations .micro-label,.margin-annotations .a-result .micro-label,.margin-annotations .a-purchase .micro-label{font-size:20px}.static-art{max-width:1672px;margin-inline:auto}.inline-disclosure{font-size:13px;color:var(--muted);margin-top:18px}.enhanced .inline-disclosure{display:none}

@media(max-width:600px){.hero .eyebrow{max-width:none;letter-spacing:0}.hero .intro{max-width:290px}}