@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f1f0ec;font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid white;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5%;border-bottom:1px solid #2b2b2b}.brand{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:.22em;white-space:nowrap}.brand svg{width:44px;height:28px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}nav{display:flex;flex-wrap:wrap;gap:clamp(9px,2vw,26px)}nav a{font-size:12px;opacity:.5}nav a[aria-current=page],nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:7px}.hero{min-height:calc(100svh - 100px);padding:8vh 5% 3vh;position:relative;display:flex;flex-direction:column;justify-content:center}.hero-overline,.index,.story-heading>span,.hero-num{letter-spacing:.18em;font-size:11px;color:#999}.hero-overline{display:flex;gap:15px;align-items:center;text-transform:uppercase}.dash{width:25px;height:1px;background:#aaa}.hero-intro{font-family:'DM Serif Display',Georgia,serif;font-style:italic;color:#b9b9b9;font-size:clamp(20px,3vw,34px);margin:5vh 0 8px}.hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:.98;max-width:1100px;font-size:clamp(65px,11vw,165px);margin:0 0 6vh}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1100px;width:100%}.hero-bottom p{font-size:clamp(15px,1.6vw,21px);line-height:1.55;max-width:510px;color:#b2b2b2}.hero-bottom a{border-bottom:1px solid #eee;padding-bottom:12px;white-space:nowrap;font-size:13px}.hero-bottom a span{margin-left:25px}.hero-num{position:absolute;right:5%;bottom:22px}.story{padding:8vh 5% 5vh}.story-heading{display:flex;justify-content:space-between;gap:25px;margin-bottom:4vh;border-bottom:1px solid #333}.story-heading p{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:22px;margin:0 0 25px}.chapter{display:grid;grid-template-columns:20% 1fr;gap:15px;border-top:1px solid #333;padding:clamp(48px,7vw,110px) 0;min-height:330px}.chapter .index{padding-top:12px}.chapter-copy{max-width:780px}.date{display:inline-block;font-size:13px;letter-spacing:.13em;color:#aaa;margin-bottom:20px}.chapter h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(36px,5vw,75px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 28px}.chapter p{font-size:clamp(17px,1.7vw,22px);line-height:1.65;color:#aaa;max-width:660px;margin:0}.portrait{background:#eee;color:#111;display:grid;grid-template-columns:1fr 42%;align-items:center;padding:8vw 5%;gap:8vw}.portrait-copy{max-width:700px}.portrait .index{color:#666}.portrait h2{font:400 clamp(49px,6vw,92px)/1.04 'DM Serif Display',Georgia,serif;letter-spacing:-.04em;margin:30px 0}.portrait p{color:#555;font-size:19px;line-height:1.6}.portrait img{width:100%;height:auto;filter:grayscale(1);object-fit:cover;border:1px solid #ccc}.textlink{display:block;border-bottom:1px solid #777;padding:17px 0;font-size:15px}.textlink span{float:right}footer{min-height:140px;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;border-top:1px solid #333}footer .review{color:#777}@media(max-width:700px){header{height:auto;min-height:88px;padding:15px 2.5%;align-items:flex-start;flex-direction:column}.brand{font-size:11px}.brand svg{width:34px}nav{gap:15px}.hero{min-height:calc(100svh - 88px);padding:8vh 2.5% 7vh}.hero h1{font-size:clamp(61px,16vw,95px);overflow-wrap:anywhere}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom p{margin-top:0}.story{padding:50px 2.5%}.story-heading{display:block}.story-heading p{margin-top:20px}.chapter{grid-template-columns:1fr;gap:35px;min-height:0;padding:55px 0}.chapter .index{padding:0}.portrait{grid-template-columns:1fr;padding:70px 2.5%;gap:40px}.portrait img{max-width:420px}footer{padding:28px 2.5%;gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}