:root{--ink:#121211;--paper:#e8e5de;--white:#f4f2ed;--gray:#a5a39d;--rust:#a25733;--olive:#727564;--serif:"Newsreader",Georgia,serif;--display:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:110px;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{color:inherit;text-decoration:none;border:1px solid #ffffff80;width:50px;height:50px;display:grid;place-items:center;font:18px var(--display)}.brand span{font-style:italic}.site-header nav{display:flex;gap:34px}.site-header nav a,.menu-button{color:inherit;text-decoration:none;text-transform:uppercase;font:11px var(--sans);letter-spacing:.18em}.menu-button{display:none;background:none;border:0}.hero{height:100svh;min-height:680px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/andrea-coast.png") center/cover no-repeat;transform:scale(1.03);animation:drift 12s ease-out forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,10,.68),rgba(8,10,10,.05) 60%),linear-gradient(0deg,rgba(8,10,10,.55),transparent 35%)}.hero-copy{position:absolute;left:9vw;top:22%;}.eyebrow,.kicker{font:10px var(--sans);text-transform:uppercase;letter-spacing:.24em}.hero h1{font:clamp(84px,13vw,190px)/.75 var(--display);letter-spacing:-.07em;margin:36px 0 55px}.hero h1 em{font-weight:400;color:#d1d0cc}.manifesto{font-size:clamp(20px,2vw,28px);line-height:1.25;font-style:italic}.hero-foot{position:absolute;bottom:28px;left:4vw;right:4vw;display:grid;grid-template-columns:1fr 1fr 1fr;font:9px var(--sans);text-transform:uppercase;letter-spacing:.18em}.hero-foot span:nth-child(2){text-align:center}.hero-foot span:last-child{text-align:right}.scroll-cue{position:absolute;right:4vw;top:46%;color:#fff;text-decoration:none;display:flex;align-items:center;gap:25px;transform:rotate(90deg);transform-origin:right}.scroll-cue span{font:9px var(--sans);text-transform:uppercase;letter-spacing:.2em}.scroll-cue b{font-weight:300}.opening{min-height:100vh;padding:150px 9vw 110px;display:grid;grid-template-columns:110px minmax(400px,700px) 1fr;gap:5vw;align-items:start}.chapter-mark{font-family:var(--sans);border-top:1px solid #222;padding-top:10px;display:flex;justify-content:space-between;align-items:start}.chapter-mark span{font-size:9px;text-transform:uppercase;letter-spacing:.16em}.chapter-mark strong{font:46px/1 var(--display)}.opening-text h2,.about h2{font:clamp(60px,8vw,125px)/.85 var(--display);letter-spacing:-.055em;margin:50px 0}.lead{font-size:clamp(23px,2.5vw,36px);line-height:1.25;max-width:650px}.read-link{border:0;border-bottom:1px solid currentColor;background:none;padding:12px 0;display:flex;gap:55px;text-transform:uppercase;font:10px var(--sans);letter-spacing:.16em;cursor:pointer;color:inherit}.opening blockquote{font-size:22px;line-height:1.35;font-style:italic;margin:60vh 0 0;max-width:330px}.stories{background:#141414;color:var(--white);padding:45px 4vw 130px}.section-head{display:flex;justify-content:space-between;border-top:1px solid #555;padding-top:12px;margin-bottom:70px;font:9px var(--sans);text-transform:uppercase;letter-spacing:.18em}.story-card{display:grid;grid-template-columns:58% 42%;min-height:640px}.story-image{background-size:cover;background-position:center;filter:saturate(.72)}.train{background-image:url("assets/night-train.png")}.desk{background-image:url("assets/writing-desk.png")}.story-copy{background:var(--rust);padding:45px 7vw;display:flex;flex-direction:column;align-items:start}.number{font:22px var(--display)}.story-copy .kicker{margin-top:auto}.story-copy h3,.text-story h3{font:clamp(48px,5.5vw,88px)/.9 var(--display);letter-spacing:-.05em;margin:30px 0}.story-copy>p:not(.kicker){font-size:21px;line-height:1.4;max-width:450px}.story-copy .read-link{margin-top:auto}.story-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:110px;gap:5vw}.text-story{padding:50px 4vw 40px 2vw}.text-story .kicker{margin-top:110px}.text-story>p:not(.kicker){max-width:430px;line-height:1.5}.text-story .read-link{margin-top:55px}.image-story{min-height:720px;position:relative}.image-story .story-image{position:absolute;inset:0}.image-story>div:last-child{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#111c);padding:90px 35px 25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.image-story p{font-size:26px}.image-story button{border:1px solid #fff8;border-radius:50%;width:44px;height:44px;color:white;background:none;cursor:pointer}.about{min-height:850px;padding:140px 9vw;display:grid;grid-template-columns:110px 1fr;gap:8vw}.about-copy{max-width:980px}.about h2{margin-bottom:65px}.about-copy>p:not(.kicker){font-size:clamp(23px,2.5vw,35px);line-height:1.45;max-width:780px}.about a{display:inline-block;margin-top:45px;color:inherit;text-decoration:none;border-bottom:1px solid;font:10px var(--sans);text-transform:uppercase;letter-spacing:.16em;padding:10px 0}.newsletter{background:var(--olive);padding:130px 15vw;text-align:center;color:#f5f2eb}.newsletter h2{font:clamp(55px,7vw,110px)/.9 var(--display);letter-spacing:-.05em;margin:50px auto 70px}.newsletter form{display:flex;max-width:620px;margin:auto;border-bottom:1px solid #fff}.newsletter input{flex:1;background:none;border:0;color:#fff;padding:18px 4px;font:italic 22px var(--serif);outline:none}.newsletter input::placeholder{color:#ffffffaa}.newsletter button{background:none;border:0;color:#fff;text-transform:uppercase;font:10px var(--sans);letter-spacing:.16em;cursor:pointer}.form-note{font:10px var(--sans);letter-spacing:.1em;margin-top:20px;color:#ffffffaa}footer{background:#101010;color:#eee;padding:100px 4vw 35px}.footer-name{font:clamp(70px,14vw,190px)/1 var(--display);letter-spacing:-.06em;color:inherit;text-decoration:none}footer>div{border-top:1px solid #444;margin-top:65px;padding-top:20px;display:flex;gap:30px;font:9px var(--sans);text-transform:uppercase;letter-spacing:.17em}footer>div span{margin-right:auto}footer a{color:inherit;text-decoration:none}dialog{width:min(850px,94vw);height:94vh;border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0b0b0be8}.reader-close{position:sticky;top:0;float:right;margin:25px;background:var(--ink);color:#fff;border:0;padding:11px 16px;font:10px var(--sans);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.reader-content{max-width:640px;margin:auto;padding:12vh 35px}.reader-content .kicker{color:var(--rust)}.reader-content h2{font:clamp(55px,8vw,90px)/.88 var(--display);letter-spacing:-.05em}.reader-content .intro{font-size:27px;font-style:italic;line-height:1.35}.reader-content p{font-size:21px;line-height:1.7}.reader-content p:first-of-type::first-letter{float:left;font:85px/.7 var(--display);padding:12px 10px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@keyframes drift{to{transform:scale(1)}}
@media(max-width:800px){.site-header{height:80px}.site-header nav{position:absolute;top:75px;left:4vw;right:4vw;background:#151515;display:none;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.menu-button{display:block}.hero-copy{left:7vw;top:26%}.hero h1{font-size:25vw}.hero-foot span:nth-child(2){display:none}.hero-foot{grid-template-columns:1fr 1fr}.scroll-cue{display:none}.opening{padding:90px 7vw;display:block}.chapter-mark{width:100px;margin-bottom:80px}.opening blockquote{margin:120px 0 0 22vw}.story-card{grid-template-columns:1fr}.story-image{min-height:400px}.story-copy{min-height:580px;padding:35px 8vw}.story-grid{grid-template-columns:1fr}.text-story{padding:40px 4vw 100px}.image-story{min-height:600px}.about{padding:100px 7vw;display:block}.about .chapter-mark{margin-bottom:80px}.newsletter{padding:100px 7vw}.newsletter form{flex-direction:column;border:0}.newsletter input{border-bottom:1px solid #fff;text-align:center}.newsletter button{padding:25px}.footer-name{font-size:20vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}