:root{--paper:#F6F3EC;--card:#FFFDF8;--ink:#121110;--muted:#6B665E;--line:rgba(18,17,16,.08);--accent:#E5482D;--glass:rgba(246,243,236,.72);
--serif:"New York",ui-serif,Georgia,serif;--sans:system-ui,-apple-system,"SF Pro Text","Helvetica Neue",sans-serif;--round:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#121110;--card:#1C1A18;--ink:#F2EEE6;--muted:#9A948A;--line:rgba(242,238,230,.09);--glass:rgba(18,17,16,.66)}}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
.wrap{max-width:680px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:9;background:var(--glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;justify-content:space-between;align-items:center;height:56px}
.mark{font:600 24px/1 var(--serif);letter-spacing:-.02em;text-decoration:none}
.mark i{color:var(--accent);font-style:normal}
nav ul{list-style:none;display:flex;gap:20px;padding:0;font-size:15px}
nav ul a{text-decoration:none;color:var(--muted)}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.1}
h1{font-size:clamp(40px,7vw,64px);margin:120px 0 24px}
h2{font-size:28px;margin:0 0 12px}
.lede{font-size:21px;color:var(--muted);max-width:30em}
section{padding:72px 0;border-top:1px solid var(--line)}
.hero{border:0;padding:0 0 72px}
.btn{display:inline-block;margin-top:36px;padding:14px 26px;border-radius:999px;font:500 16px var(--sans);text-decoration:none;background:color-mix(in srgb,var(--accent) 88%,transparent);color:#fff;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s cubic-bezier(.3,1.4,.6,1)}
.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.97)}
.btn[aria-disabled=true]{background:var(--glass);color:var(--muted);border-color:var(--line);pointer-events:none}
.kicker{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.watch{font:400 22px/1.4 var(--serif);margin-bottom:24px}
.watch::before{content:"“"}.watch::after{content:"”"}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 24px;display:flex;gap:20px;align-items:flex-start}
.card h3{font:600 19px/1.3 var(--serif);margin-bottom:4px}
.card p{font-size:15px;color:var(--muted)}
.date{font-family:var(--round);text-align:center;min-width:48px;line-height:1}
.date small{display:block;font:600 11px var(--sans);color:var(--accent);letter-spacing:.06em}
.date b{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}
.price{font:600 22px var(--round);font-variant-numeric:tabular-nums}.price s{font-size:15px;color:var(--muted);font-weight:400;margin-left:6px}
.when{color:var(--accent);font-size:13px;font-weight:600}
footer{padding:48px 0 72px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
footer a{margin-right:18px;text-decoration:none}
.doc h1{font-size:44px;margin:88px 0 12px}
.doc h2{font-size:22px;margin:40px 0 8px}
.doc p,.doc li{margin-bottom:12px}.doc ul{padding-left:20px}
.draft{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:12px;padding:12px 16px;font-size:14px;margin:0 0 32px}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
footer .copy{margin-top:16px}