:root{--navy:oklch(21% .035 255);--navy-light:oklch(29% .045 255);--paper:oklch(97% .008 85);--white:oklch(99% .003 85);--ink:oklch(24% .028 255);--muted:oklch(47% .02 255);--red:oklch(48% .15 20);--line:oklch(24% .028 255 / .18);--font-body:'Satoshi',Arial,sans-serif;--font-display:'Boska',Georgia,serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:clamp(1rem,.96rem + .18vw,1.125rem);--text-xl:clamp(1.75rem,1.3rem + 1vw,2.5rem);--text-hero:clamp(2.9rem,1.7rem + 3.3vw,5.4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-6);border-bottom:1px solid var(--line)}.wordmark{font-size:var(--text-xl);font-weight:700;text-decoration:none;line-height:1;letter-spacing:-.04em;display:flex;align-items:center;gap:var(--space-5)}.wordmark span{max-width:110px;border-left:1px solid var(--line);padding-left:var(--space-5);font-size:var(--text-xs);letter-spacing:.1em;line-height:1.4;font-weight:500}.masthead nav{display:flex;gap:var(--space-8);font-size:var(--text-sm)}nav a{text-decoration:none;padding-block:var(--space-3)}nav a:hover{color:var(--red)}.hero{display:grid;grid-template-columns:1.3fr .8fr;gap:var(--space-12);align-items:center;padding-block:var(--space-16)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;line-height:1.5}.hero .eyebrow{color:var(--red);margin-bottom:var(--space-5)}h1{font:500 var(--text-hero)/.98 var(--font-display);letter-spacing:-.025em}h1 span{color:var(--red)}.intro{margin-top:var(--space-6);color:var(--muted);max-width:57ch}.hero-link{display:inline-flex;gap:var(--space-8);align-items:center;margin-top:var(--space-6);padding-block:var(--space-3);text-decoration:none;border-bottom:1px solid var(--red);font-weight:700;font-size:var(--text-sm)}.hero-link span{font-size:var(--text-xl)}.flag-scene{height:310px;background:var(--navy);position:relative;overflow:hidden}.flag-scene img{height:100%;width:100%;object-fit:cover;opacity:.45;transform:scale(1.35) rotate(-14deg);filter:saturate(.7)}.flag-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--navy) 0%,transparent 90%)}.flag-caption{position:absolute;bottom:var(--space-6);left:var(--space-6);z-index:1;color:var(--paper);font-size:var(--text-xs);letter-spacing:.2em;font-weight:700;line-height:1.8}.stories{padding-bottom:var(--space-16);scroll-margin-top:var(--space-8)}.section-bar{display:flex;justify-content:space-between;align-items:end;padding-bottom:var(--space-6)}h2{font:500 var(--text-xl)/1.15 var(--font-display)}.section-bar h2{margin-top:var(--space-2)}.text-button{background:none;color:inherit;border:0;padding:var(--space-3) var(--space-2);min-height:44px;font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;gap:var(--space-4)}.text-button:hover{color:var(--red)}.filter-bar{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-4)}.filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filters button{background:none;color:var(--muted);border:1px solid transparent;padding:var(--space-2) var(--space-4);min-height:44px;font-size:var(--text-sm)}.filters button[aria-pressed=true]{background:var(--navy);color:var(--white)}.range{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em}.story-card{display:grid;grid-template-columns:.65fr 1.35fr;min-height:480px;background:var(--white);border:1px solid var(--line)}.story-panel{background:var(--navy);color:var(--paper);padding:var(--space-8);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.story-panel::after{content:"";position:absolute;right:-70px;top:0;height:100%;width:230px;background:repeating-linear-gradient(0deg,transparent 0 38px,#ffffff05 38px 76px);transform:rotate(-28deg);pointer-events:none}.case-top{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}.case-top .eyebrow{max-width:140px;color:#c1cad4}.tiny-flag{width:38px;height:20px;background:url('./flag.svg') center/cover}.case-id{font:500 clamp(2.8rem,2rem + 2vw,4.3rem)/1 var(--font-display);letter-spacing:.02em}.panel-label{margin-top:var(--space-4);font-size:var(--text-xs);letter-spacing:.12em;color:#c1cad4}.panel-foot{font-size:var(--text-sm);line-height:1.8}.panel-foot p:last-child{color:#c1cad4}.story-content{padding:var(--space-8) var(--space-10);display:flex;flex-direction:column;align-items:start}.story-meta{display:flex;justify-content:space-between;gap:var(--space-4);width:100%;font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}#case-status{color:var(--red);font-weight:700}h3{font:500 var(--text-xl)/1.15 var(--font-display);margin-top:var(--space-5);max-width:26ch}.case-body{margin-top:var(--space-4);font-size:var(--text-base);color:var(--muted)}.case-body a{color:var(--ink);text-underline-offset:3px}.outcome{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);width:100%}.outcome .eyebrow{font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em}.outcome p{margin-top:var(--space-1);font-weight:500}.story-actions{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:var(--space-6)}.button{background:var(--red);color:var(--white);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-6);min-height:48px}.button:hover{background:var(--navy)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-4);border-bottom:1px solid var(--line)}.arrow-group{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.arrow-group button,#close-index{border:1px solid var(--line);width:46px;height:46px;background:transparent;color:var(--ink);font-size:var(--text-xl);line-height:1}.arrow-group button:hover,#close-index:hover{background:var(--navy);color:var(--white)}#count-label{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-3);font-variant-numeric:tabular-nums}#progress{height:2px;background:var(--line);flex:1;max-width:350px}#progress::before{content:"";display:block;height:2px;width:var(--progress,6.66%);background:var(--red);transition:width .3s ease}.source-note{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-4);max-width:90ch}.case-details{background:var(--white);border:1px solid var(--line);border-top:0;padding:var(--space-6) var(--space-8);font-size:var(--text-sm)}.case-details p{margin-bottom:var(--space-4);max-width:90ch}.case-details a{overflow-wrap:anywhere}.source-row{border-top:1px solid var(--line);padding-block:var(--space-4);display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}.source-row code{display:block;font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted);overflow-wrap:anywhere;margin-top:var(--space-2);user-select:all}.copy{font:inherit;background:var(--paper);border:1px solid var(--line);padding:var(--space-3);min-height:44px;color:var(--ink)}.commitment{background:var(--navy);color:var(--paper);padding-block:var(--space-16)}.commitment-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:var(--space-10)}.commitment-inner>.eyebrow{color:#c1cad4;max-width:180px;padding-top:var(--space-2)}.commitment h2{font-size:clamp(2rem,1.2rem + 2vw,3rem)}.commitment p:not(.eyebrow){max-width:55ch;margin-top:var(--space-5);color:#d2d9e1}.commitment .question{font-size:var(--text-xl);font-family:var(--font-display);color:var(--white)!important}.approach{margin-top:var(--space-8);border-top:1px solid #ffffff30}.approach summary{padding-block:var(--space-5);font-size:var(--text-sm);display:flex;justify-content:space-between}.approach .attribution,.approach .fine-print{font-size:var(--text-sm)}.record{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16);padding-block:var(--space-16)}.record h2{margin-top:var(--space-3)}.record>div>p:last-child{color:var(--muted);margin-top:var(--space-6)}.record-details details{border-top:1px solid var(--line)}.record-details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-5);font-weight:500}.record-details p{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-4)}details[open] summary span{transform:rotate(45deg)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:var(--space-6);font-size:var(--text-xs);letter-spacing:.05em}footer a{padding-block:var(--space-3)}dialog{background:var(--paper);color:var(--ink);border:0;width:min(820px,calc(100% - 32px));max-height:85vh;padding:var(--space-8);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#08121dd9;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.dialog-heading h2{margin-top:var(--space-2)}.index-intro{font-size:var(--text-sm);color:var(--muted);margin-block:var(--space-5)}#index-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.index-item{text-align:left;background:var(--white);border:1px solid var(--line);padding:var(--space-4);color:var(--ink);min-height:115px;display:flex;flex-direction:column;gap:var(--space-2)}.index-item:hover{border-color:var(--red)}.index-item span{font-size:var(--text-xs);color:var(--muted)}.index-item strong{font-size:var(--text-sm);font-weight:500}.change{animation:fade .32s ease-out}@keyframes fade{from{opacity:.35}to{opacity:1}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:var(--space-6)}.flag-scene{height:280px}.story-card{grid-template-columns:.55fr 1fr}.story-panel{padding:var(--space-6)}.story-content{padding:var(--space-6)}.story-actions{gap:var(--space-2)}.record{gap:var(--space-8)}.masthead nav{gap:var(--space-4)}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.masthead{padding-block:var(--space-4)}.wordmark{font-size:var(--text-xl);gap:var(--space-3)}.wordmark span{padding-left:var(--space-3);font-size:var(--text-xs)}.masthead nav a:not(:first-child){display:none}.masthead nav{font-size:var(--text-xs)}.hero{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-6)}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:.08em}h1{font-size:clamp(2.75rem,10.5vw,3.5rem)}.desktop{display:none}.flag-scene{height:112px}.flag-scene img{transform:scale(1.25) rotate(-10deg);object-position:50% 35%}.flag-caption{font-size:var(--text-xs);bottom:var(--space-4);left:var(--space-5)}.section-bar{gap:var(--space-3);align-items:center}.section-bar h2{font-size:var(--text-xl)}#open-index{max-width:112px;line-height:1.4}.range{display:none}.filters{gap:0;justify-content:space-between;width:100%}.filters button{padding-inline:var(--space-3)}.story-card{grid-template-columns:1fr}.story-panel{padding:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.case-top{grid-column:1 / -1}.case-top .eyebrow{max-width:none;font-size:var(--text-xs)}.case-id{font-size:var(--text-xl)}.panel-label{font-size:var(--text-xs);margin-top:var(--space-2);letter-spacing:.04em}.panel-foot{text-align:right;align-self:end;font-size:var(--text-sm)}.story-content{padding:var(--space-6)}.story-meta{font-size:var(--text-xs);letter-spacing:.04em}h3{font-size:var(--text-xl);margin-top:var(--space-4)}.story-actions{width:100%;justify-content:space-between;gap:var(--space-2)}.story-actions .text-button{padding-inline:0;font-size:var(--text-xs);gap:var(--space-2)}.button{padding-inline:var(--space-4)}.carousel-controls{gap:var(--space-2)}#progress{display:none}#count-label{margin-left:var(--space-2)}#play{font-size:var(--text-xs);gap:var(--space-2)}.source-note{line-height:1.65}.commitment{padding-block:var(--space-10)}.commitment-inner{grid-template-columns:1fr;gap:var(--space-5)}.commitment-inner>.eyebrow{max-width:none}.commitment h2{font-size:var(--text-xl)}.record{grid-template-columns:1fr;padding-block:var(--space-10);gap:var(--space-8)}footer{gap:var(--space-5);align-items:start}footer span{max-width:210px}footer a{white-space:nowrap}.case-details{padding:var(--space-5)}.source-row{grid-template-columns:1fr}.copy{justify-self:start}dialog{padding:var(--space-5)}#index-list{grid-template-columns:1fr}.index-item{min-height:auto}.stories{padding-bottom:var(--space-10)}}