@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:dark;--cream:#fff8ef;--mist:#d9d0c8;--dusk:#261b35;--deep:#181220;--lake:#1f625d;--lake-soft:#82b7ae;--coral:#e86d58;--sun:#f2bb70;--ink:#eee4db;--muted:#b9adb8;--line:rgba(255,248,239,.13);--display:"Fraunces",Iowan Old Style,serif;--sans:"Karla",ui-sans-serif,system-ui,sans-serif;--shadow:0 24px 70px rgba(5,3,8,.28)}
*{box-sizing:border-box}html{background:var(--deep);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 4% 42%,rgba(232,109,88,.075),transparent 27rem),radial-gradient(circle at 96% 73%,rgba(31,98,93,.16),transparent 34rem),linear-gradient(180deg,#181220,#201628 45%,#151b20)}a{color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
.masthead{position:relative;min-height:39rem;overflow:hidden;color:var(--cream);background:var(--dusk) url("lake-christopher-hero.jpg") center 52%/cover no-repeat}.masthead::before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(20,15,31,.92),rgba(22,30,42,.28) 43%,rgba(24,18,32,.96)),linear-gradient(90deg,rgba(38,27,53,.78),transparent 75%)}
.nav,.hero-copy,main,.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:8.2rem 0 5rem}.eyebrow,.section-kicker{margin:0;color:#f7ce94;font-size:.68rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.hero-copy h1,h2,h3{font-family:var(--display);font-variation-settings:"opsz" 110,"SOFT" 20,"WONK" 1;font-weight:380}.hero-copy h1{max-width:12ch;margin:.55rem 0 1rem;font-size:clamp(3.6rem,8.3vw,7.4rem);letter-spacing:-.063em;line-height:.84}.hero-copy>p:last-child{max-width:40rem;margin:0;color:rgba(255,248,239,.78);font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}
main{position:relative;z-index:2;margin-top:-2rem;padding-bottom:4.5rem}.name-card{display:grid;grid-template-columns:minmax(11rem,.5fr) 1.5fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);overflow:hidden;padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--line);border-radius:1.6rem .4rem 1.6rem .4rem;background:linear-gradient(125deg,rgba(31,98,93,.92),rgba(38,27,53,.98) 78%);box-shadow:var(--shadow)}.maine-mark{position:relative;display:grid;place-items:center;min-height:16rem}.maine-mark::before{position:absolute;width:15rem;height:15rem;border:1px solid rgba(255,248,239,.1);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(255,248,239,.025),0 0 0 5rem rgba(255,248,239,.015);content:""}.maine-mark img{position:relative;width:9rem;max-height:15rem;filter:brightness(0) invert(1);opacity:.72}.maine-mark i{position:absolute;width:.72rem;height:.72rem;border:2px solid var(--cream);border-radius:50%;background:var(--coral);box-shadow:0 0 0 .38rem rgba(232,109,88,.18);transform:translate(-1.15rem,1.25rem)}.name-card h2,.story-intro h2,.then-now h2,.source-note h2{margin:.35rem 0 .7rem;color:var(--cream);font-family:var(--display);font-variation-settings:"opsz" 100,"SOFT" 25,"WONK" 1;font-size:clamp(2.1rem,5vw,4.2rem);font-weight:380;letter-spacing:-.05em;line-height:.92}.name-card p:last-child{max-width:48rem;margin:0;color:rgba(255,248,239,.7);font-size:.92rem;line-height:1.72}.name-card strong{color:var(--sun)}
.story-shell{margin-top:1rem;padding:clamp(1.5rem,4vw,2.4rem);border:1px solid var(--line);border-radius:.4rem 1.6rem .4rem 1.6rem;background:rgba(38,27,53,.76);box-shadow:var(--shadow)}.story-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.story-intro>p{max-width:33rem;margin:0;color:var(--muted);font-size:.85rem;line-height:1.65}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:0;padding:0;list-style:none}.story-card{overflow:hidden;border:1px solid rgba(255,248,239,.12);border-radius:1rem .25rem 1rem .25rem;background:rgba(255,255,255,.035)}.story-card figure{position:relative;margin:0;aspect-ratio:16/7;overflow:hidden;background:#100d16}.story-card figure::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 50%,rgba(18,12,25,.72))}.story-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);transition:transform .6s ease}.story-card:hover img{transform:scale(1.025)}.story-card figcaption{position:absolute;z-index:1;right:.8rem;bottom:.65rem;color:rgba(255,248,239,.68);font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-card-copy{padding:1.1rem 1.2rem 1.3rem}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.chapter{color:rgba(255,248,239,.3);font-family:var(--display);font-size:1.8rem;line-height:1}.evidence{display:inline-flex;padding:.28rem .45rem;border-radius:999px;color:#bde1d8;background:rgba(130,183,174,.11);font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.evidence.strong{color:#f7ce94;background:rgba(242,187,112,.12)}.story-card h3{margin:.55rem 0 .4rem;color:var(--cream);font-size:1.65rem;line-height:1}.story-card p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.62}.story-card.confirmed{box-shadow:inset 3px 0 0 rgba(130,183,174,.38)}
.then-now{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:2rem;margin-top:1rem;padding:clamp(1.6rem,5vw,3.4rem);overflow:hidden;border-radius:1.6rem .4rem 1.6rem .4rem;color:var(--cream);background:linear-gradient(125deg,var(--lake),#284f57 56%,var(--dusk));box-shadow:var(--shadow)}.then-now .section-kicker{color:var(--sun)}.then-now h2{color:var(--cream)}.then-now p{max-width:47rem;margin:0;color:rgba(255,248,239,.72);font-size:.86rem;line-height:1.65}.then-now>a{padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:1rem .25rem 1rem .25rem;background:rgba(255,255,255,.07);text-decoration:none}.then-now>a:hover{border-color:var(--sun);background:rgba(255,255,255,.11)}.then-now>a span,.then-now>a strong{display:block}.then-now>a span{color:rgba(255,248,239,.5);font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.then-now>a strong{margin-top:.28rem;color:var(--sun);font-size:.72rem}
.source-note{margin-top:1rem;padding:clamp(1.5rem,4vw,2.4rem);border:1px solid var(--line);border-radius:.4rem 1.3rem .4rem 1.3rem;background:rgba(255,255,255,.035)}.source-note h2{font-size:clamp(2rem,4vw,3rem)}.source-note p{max-width:61rem;margin:.55rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.65}.source-note strong{color:var(--cream)}
.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(--cream);font-family:var(--display);font-size:1.1rem}.footer-signoff em{color:var(--coral);font-style:normal}
@media(max-width:48rem){.name-card{grid-template-columns:1fr}.maine-mark{min-height:13rem}.story-intro{align-items:start;flex-direction:column;gap:.7rem}.story-grid{grid-template-columns:1fr}.then-now{grid-template-columns:1fr}.then-now>a{max-width:24rem}}
@media(max-width:36rem){.masthead{min-height:37rem;background-position:59% 52%}.brand{font-size:.63rem}.brand-mark{width:2.65rem}.back{padding:.55rem .65rem;font-size:.63rem}.hero-copy{padding:7.2rem 0 4.7rem}.hero-copy h1{font-size:clamp(3.35rem,15.5vw,5rem)}.name-card{padding:1.35rem}.maine-mark{min-height:11rem}.maine-mark img{width:7rem;max-height:11rem}.maine-mark::before{width:10rem;height:10rem}.maine-mark i{transform:translate(-.88rem,.95rem)}.story-shell{padding:1.15rem}.story-card figure{aspect-ratio:16/9}.story-meta{align-items:flex-start;flex-direction:column}.chapter{font-size:1.35rem}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}