:root{color-scheme:dark;--bg:#100d10;--card:#1c151a;--text:#f5e9e6;--muted:#c7b5bb;--pink:#ef9bbb;--copper:#e9a172}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#42233280,transparent 55%),var(--bg);color:var(--text);font:17px/1.7 system-ui,sans-serif}a{color:var(--pink);text-underline-offset:5px}a:focus-visible{outline:2px solid var(--copper);outline-offset:5px}header,main,footer{max-width:1100px;margin:auto;padding:28px clamp(20px,5vw,64px)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20}.wordmark{font-weight:650;letter-spacing:.3em;text-decoration:none;color:var(--text)}nav{display:flex;gap:22px;font-size:14px}.draft{font-size:13px;letter-spacing:.06em;color:var(--copper);border-left:2px solid var(--copper);padding-left:14px;margin-bottom:42px}.eyebrow{color:var(--copper);font-size:12px;letter-spacing:.19em;text-transform:uppercase}h1{font-size:clamp(38px,6vw,74px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 28px;max-width:850px}h2{font-size:27px;line-height:1.25;margin:0 0 18px}h3{font-size:18px;margin:0 0 10px}p{margin:0 0 20px}.lead{font-size:21px;max-width:750px;color:var(--muted)}.hero{padding:30px 0 55px;position:relative}.line{width:110px;height:3px;background:linear-gradient(90deg,var(--copper),var(--pink));margin:30px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.card{background:linear-gradient(145deg,#35212b80,var(--card));padding:28px;border:1px solid #ffffff20;border-radius:18px}.card p{font-size:15px;color:var(--muted);margin:0}.tag{font-size:11px;letter-spacing:.1em;color:var(--copper);display:block;margin-bottom:16px;text-transform:uppercase}.section{padding:35px 0;border-top:1px solid #ffffff20}.reading{max-width:850px}.reading h1{font-size:clamp(38px,5vw,58px)}.reading h2{margin-top:40px;font-size:23px}.reading p,.reading li{color:var(--muted)}.notice{padding:22px;border:1px solid #e9a17265;border-radius:12px;background:#e9a17209}footer{border-top:1px solid #ffffff20;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px;margin-top:40px}ul{padding-left:23px}::selection{background:#a34b70;color:white}@media(max-width:700px){.grid{grid-template-columns:1fr}header,footer{flex-direction:column;align-items:flex-start}.hero{padding-top:0}.lead{font-size:19px}nav{flex-wrap:wrap}}