@font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Karla";src:url("fonts/karla.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Karla";src:url("fonts/karla-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--cream:#fff8ef;--mist:#f8eee1;--dusk:#261b35;--deep:#181220;--lake:#1f625d;--lake-soft:#82b7ae;--coral:#e86d58;--sun:#f2bb70;--ink:#4f4854;--muted:#706873;--line:rgba(38,27,53,.14);--thermal:#e86d58;--thermal-glow:rgba(232,109,88,.18);--display:"Fraunces",Iowan Old Style,serif;--sans:"Karla",ui-sans-serif,system-ui,sans-serif;--shadow:0 24px 70px rgba(43,26,48,.12)}
*{box-sizing:border-box}
html{background:var(--mist);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 5% 38%,rgba(232,109,88,.08),transparent 26rem),radial-gradient(circle at 94% 72%,rgba(31,98,93,.09),transparent 32rem),var(--mist)}
a{color:inherit}button{font:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.masthead{position:relative;min-height:30rem;overflow:hidden;color:var(--cream);background:var(--dusk) url("lake-christopher-hero.jpg") center 49%/cover no-repeat}
.masthead::before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(20,15,31,.91),rgba(25,30,45,.26) 43%,rgba(24,18,32,.96)),linear-gradient(90deg,rgba(38,27,53,.72),transparent 72%)}
.nav,.hero-copy,.history-shell,.footer{width:min(76rem,calc(100% - 2rem));margin-inline:auto}
.nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem}
.brand{display:flex;align-items:center;gap:.72rem;color:var(--cream);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.brand-mark{width:3.1rem;fill:none;stroke:currentColor}.brand-sun{fill:var(--coral);stroke:none}
.back{padding:.65rem .85rem;border:1px solid rgba(255,248,239,.24);border-radius:999px;color:rgba(255,248,239,.86);font-size:.72rem;font-weight:700;text-decoration:none}.back:hover{border-color:var(--coral);background:rgba(232,109,88,.14)}
.hero-copy{position:relative;z-index:1;padding:6.8rem 0 4.2rem}.eyebrow,.section-kicker{margin:0;color:#f7ce94;font-size:.68rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);font-variation-settings:"opsz" 120,"SOFT" 0,"WONK" 0;font-weight:380}.hero-copy h1{max-width:10ch;margin:.5rem 0 .9rem;font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.06em;line-height:.84}.hero-copy>p:last-child{max-width:41rem;margin:0;color:rgba(255,248,239,.78);font-size:clamp(1rem,2vw,1.12rem);line-height:1.65}
main{padding-bottom:4.5rem}.history-shell{position:relative;z-index:2;margin-top:-1.65rem}
.layer-switch{display:grid;grid-template-columns:1fr 1fr;max-width:34rem;margin:0 auto 1rem;padding:.32rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,248,239,.9);box-shadow:0 10px 28px rgba(43,26,48,.08)}.layer-switch a{padding:.72rem 1rem;border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase}.layer-switch a[aria-current="page"]{color:var(--cream);background:var(--lake);box-shadow:0 8px 20px rgba(31,98,93,.18)}
.history-card{overflow:hidden;border:1px solid var(--line);border-radius:1.5rem .4rem 1.5rem .4rem;background:rgba(255,248,239,.97);box-shadow:var(--shadow)}
.history-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:clamp(1.4rem,4vw,2.4rem)}.history-intro h2{margin:.3rem 0 0;color:var(--dusk);font-size:clamp(2rem,5vw,3.7rem);letter-spacing:-.045em;line-height:.92}.history-intro>p{max-width:31rem;margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}
.range-rail{display:flex;gap:.45rem;padding:0 clamp(1.4rem,4vw,2.4rem) 1.4rem;overflow-x:auto;scrollbar-width:thin}.range-rail button{flex:0 0 auto;padding:.58rem .72rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:.66rem;font-weight:700}.range-rail button:hover{border-color:rgba(31,98,93,.45);color:var(--lake)}.range-rail button[aria-pressed="true"]{border-color:var(--dusk);color:var(--cream);background:var(--dusk)}
.record-stage{padding:clamp(1.15rem,3vw,2rem);color:var(--cream);background:var(--dusk)}
.record-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.record-head h3{margin:.25rem 0 0;color:var(--cream);font-size:clamp(1.6rem,4vw,2.6rem);line-height:1}.record-state{display:flex;align-items:center;gap:.45rem;padding:.48rem .62rem;border-radius:999px;color:#cbe6de;background:rgba(83,174,151,.12);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.record-state::before{width:.48rem;height:.48rem;border-radius:50%;background:#55c9a5;box-shadow:0 0 0 .24rem rgba(85,201,165,.12);content:""}.record-state.waiting{color:#f7ce94;background:rgba(242,187,112,.1)}.record-state.waiting::before{background:var(--sun)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:1.2rem 0;border-block:1px solid rgba(255,248,239,.13)}.stat{padding:.9rem 1rem;border-right:1px solid rgba(255,248,239,.13)}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat span{display:block;color:rgba(255,248,239,.48);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stat strong{display:block;margin-top:.2rem;color:var(--cream);font-family:var(--display);font-size:1.5rem;font-weight:430}.stat:first-child strong{color:var(--thermal)}
.coverage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:1rem;color:rgba(255,248,239,.55);font-size:.58rem}.coverage-track{height:.3rem;overflow:hidden;border-radius:99px;background:rgba(255,248,239,.1)}.coverage-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lake-soft),var(--thermal));transition:width .45s ease}.coverage strong{color:#cbe6de;font-size:.6rem}
.chart-wrap{position:relative;min-height:27rem;padding:.8rem .8rem .4rem;border:1px solid rgba(255,248,239,.12);border-radius:1rem .3rem 1rem .3rem;background:rgba(255,255,255,.035)}.chart-wrap svg{display:block;width:100%;height:25rem;overflow:visible;touch-action:pan-y}.grid line{stroke:rgba(255,248,239,.085);stroke-width:1;vector-effect:non-scaling-stroke}.axis text{fill:rgba(255,248,239,.5);font:500 11px var(--sans)}.axis-title{fill:#b8e4d8!important;font-size:10px!important;font-weight:700!important;letter-spacing:.09em}.history-band{fill:rgba(130,183,174,.13)}.history-area{fill:url(#history-area-gradient)}.history-line{fill:none;stroke:var(--thermal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px var(--thermal-glow));vector-effect:non-scaling-stroke}.history-point{fill:var(--thermal);stroke:var(--cream);stroke-width:1.5;vector-effect:non-scaling-stroke}.history-hit{fill:transparent;cursor:crosshair}
.chart-tooltip{position:absolute;z-index:4;min-width:9rem;padding:.62rem .7rem;transform:translate(-50%,calc(-100% - .7rem));border-radius:.7rem .2rem .7rem .2rem;color:var(--dusk);background:var(--cream);box-shadow:0 12px 34px rgba(10,8,16,.32);pointer-events:none}.chart-tooltip[hidden]{display:none}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{color:var(--thermal);font-family:var(--display);font-size:1.25rem}.chart-tooltip span{margin-top:.12rem;color:var(--muted);font-size:.58rem;white-space:nowrap}.chart-empty{position:absolute;inset:4.5rem 1.2rem 3rem;display:grid;place-content:center;text-align:center}.chart-empty[hidden]{display:none}.chart-empty i{display:block;width:3rem;height:3rem;margin:0 auto 1rem;border:1px solid rgba(255,248,239,.2);border-radius:50%;box-shadow:0 0 0 1rem rgba(255,248,239,.025),0 0 0 2rem rgba(255,248,239,.018)}.chart-empty strong{color:var(--cream);font-family:var(--display);font-size:1.8rem;font-weight:400}.chart-empty p{max-width:28rem;margin:.55rem auto 0;color:rgba(255,248,239,.57);font-size:.78rem;line-height:1.55}
.record-foot{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;color:rgba(255,248,239,.5);font-size:.58rem}.record-foot strong{color:#b8e4d8}.record-foot a{color:#f7ce94}
.range-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem;margin-top:1rem}.story-card{padding:clamp(1.3rem,4vw,2rem);border:1px solid var(--line);border-radius:.4rem 1.25rem .4rem 1.25rem;background:rgba(255,248,239,.88)}.story-card.dark{color:var(--cream);background:var(--lake)}.story-card h2{margin:.35rem 0 .65rem;color:var(--dusk);font-size:clamp(1.8rem,4vw,2.8rem);line-height:.95}.story-card.dark h2{color:var(--cream)}.story-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}.story-card.dark p{color:rgba(255,248,239,.7)}
.unlock-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none}.unlock-list li{padding:.8rem;border:1px solid var(--line);border-radius:.65rem .2rem .65rem .2rem}.unlock-list span,.unlock-list strong{display:block}.unlock-list span{color:var(--muted);font-size:.56rem;font-weight:700;text-transform:uppercase}.unlock-list strong{margin-top:.15rem;color:var(--dusk);font-size:.7rem}.unlock-list li.ready{border-color:rgba(31,98,93,.24);background:rgba(31,98,93,.06)}.unlock-list li.ready strong{color:var(--lake)}
.footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 0 2.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.footer p{margin:0}.footer-signoff{color:var(--dusk);font-family:var(--display);font-size:1.1rem}.footer-signoff em{color:var(--coral);font-style:normal}
@media(max-width:48rem){.history-intro{align-items:start;flex-direction:column;gap:.7rem}.range-story{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,248,239,.13)}.unlock-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:36rem){.masthead{min-height:27rem}.brand{font-size:.63rem}.brand-mark{width:2.65rem}.back{padding:.55rem .65rem;font-size:.63rem}.hero-copy{padding:6rem 0 3.5rem}.hero-copy h1{font-size:clamp(3.35rem,16vw,5rem)}.record-head{align-items:start;flex-direction:column}.record-state{align-self:flex-start}.chart-wrap{min-height:20rem;padding:.4rem .25rem}.chart-wrap svg{height:19rem}.axis text{font-size:14px}.axis-title{font-size:12px!important}.record-foot{align-items:flex-start;flex-direction:column}.coverage{grid-template-columns:1fr auto}.coverage>span:first-child{grid-column:1/-1}.stats .stat{padding:.75rem}.stat:first-child{padding-left:.75rem}.unlock-list{grid-template-columns:1fr}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.coverage-track i{transition:none}}