*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1eb;color:#27152e;font-family:Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid #27152e35}a{color:inherit}header a{text-decoration:none;font:12px monospace}header a:first-child{font:bold 25px Impact,'Arial Narrow',sans-serif}header span{display:block;font:9px monospace;letter-spacing:.15em;margin-top:5px}.opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:80vh;padding:35px 5vw;gap:35px}.opening img{width:100%;border-radius:5px}.eyebrow{font:11px/1.5 monospace;letter-spacing:.17em}h1{font:clamp(65px,8vw,130px)/.9 Georgia,serif;letter-spacing:-.065em;margin:28px 0}em{color:#996d9e;font-weight:normal}.intro{font-size:18px;line-height:1.6}.jump{display:inline-block;margin-top:30px;text-underline-offset:8px;font:12px monospace;letter-spacing:.08em}.chapter{padding:70px 5vw;background:#25182a;color:#f3e9d9}.chapter h2,.closing h2{font:clamp(48px,7vw,100px)/.95 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.chapter em{color:#c8a8d5}.sub{font:13px monospace;letter-spacing:.2em}.chapter-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;margin-top:45px;align-items:start}figure{margin:0;position:sticky;top:20px}figure img{width:100%;display:block}figcaption{font:10px monospace;letter-spacing:.1em;padding:15px 0}h3{font:48px/.98 Georgia,serif;margin:20px 0 30px}dl{display:flex;gap:25px;border-block:1px solid #c8a8d55c;padding:22px 0}dt{font:11px monospace;margin-bottom:10px}dd{font:45px Georgia,serif;margin:0}dd small{font-size:18px}article p{font-size:16px;line-height:1.7}article .note{font:11px/1.6 monospace;color:#c7b6ce}h4{font:24px Georgia,serif;margin:32px 0 8px}.closing{padding:75px 5vw;max-width:900px}.closing p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:650px}footer{padding:25px 5vw;border-top:1px solid #27152e35;font:10px monospace;letter-spacing:.1em}@media(max-width:650px){header{padding:20px}.opening{grid-template-columns:1fr;padding:35px 20px;gap:20px}.opening img{order:2}h1{font-size:80px}.chapter{padding:45px 20px}.chapter-grid{grid-template-columns:1fr;gap:25px}figure{position:static}.chapter h2{font-size:57px}dl{gap:20px;justify-content:space-between}dd{font-size:38px}.closing{padding:45px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
