:root{color-scheme:dark;--bg:#0a0a12;--panel:#161522;--ink:#f4effd;--muted:#b4adc9;--line:#383348;--orange:#ff975e;--pink:#ff7f9e;--purple:#b9a6ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 13% -10%,rgba(255,77,109,.17),transparent 36%),radial-gradient(ellipse at 89% 12%,rgba(124,92,255,.17),transparent 32%),var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#e1c8ff;text-decoration-color:rgba(225,200,255,.65);text-underline-offset:.2em}a:hover{color:#fff}
a:focus-visible{outline:3px solid #ffcf7c;outline-offset:4px;border-radius:2px}
.skip{position:absolute;left:12px;top:-100px;background:white;color:#161522;padding:12px;z-index:100}
.skip:focus{top:12px}
.layout{width:min(100% - 36px,980px);margin-inline:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.brand{font-size:20px;font-weight:900;letter-spacing:.03em;text-decoration:none;color:#fff}
.brand .mark{color:var(--orange)}
.topnav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:750}
.topnav a{text-decoration:none;color:#e8e0f4}.topnav a:hover{color:#fff}
.hero{padding:76px 0 44px;max-width:810px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#ffb6c5;font-size:12px;font-weight:850}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{line-height:1.2;letter-spacing:-.035em}
h1{font-size:clamp(39px,6.2vw,70px);margin:18px 0 22px}
h2{font-size:clamp(26px,3.4vw,35px);margin:44px 0 16px}
h3{font-size:20px;margin:28px 0 10px}
.lede{max-width:730px;font-size:clamp(18px,2.4vw,22px);line-height:1.65;color:#c9c2d7}
.meta{color:#a99db7;font-size:13px;margin:19px 0}
.essay{max-width:760px;padding-bottom:30px}
.essay p,.essay li{font-size:17px;line-height:1.83;color:#ded8ea}
.essay p{margin:15px 0 20px}
.essay strong{color:#fff}
.essay ul,.essay ol{padding-left:23px;margin:14px 0 24px}
.essay li{margin:10px 0}
.essay blockquote{margin:30px 0;padding:10px 24px;border-left:3px solid var(--orange);background:rgba(255,138,61,.065);border-radius:0 14px 14px 0;font-size:20px;line-height:1.55;font-weight:700}
.pill{display:inline-block;padding:6px 12px;border:1px solid #70495d;color:#ffb7c9;background:#2b1d2c;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border-radius:999px}
.article-card{display:block;margin:25px 0 0;padding:clamp(23px,4vw,34px);border-radius:24px;background:linear-gradient(130deg,#261b33,#161522);border:1px solid #54445d;text-decoration:none;box-shadow:0 20px 60px #0004;transition:transform .16s,border-color .16s}
.article-card:hover{transform:translateY(-3px);border-color:#ff8eaa}
.article-card h2{font-size:clamp(25px,4vw,34px);margin:13px 0;color:#fff}
.article-card p{margin:0 0 20px;color:#c7bfda;max-width:680px}
.article-card .arrow{color:#ffb8c9;font-size:14px;font-weight:800}
.callout{border:1px solid #67516e;background:linear-gradient(120deg,#271c31,#191629);border-radius:22px;padding:clamp(22px,4vw,36px);margin:42px 0 28px}
.callout h2{margin:0 0 12px;font-size:28px}
.callout p{margin-bottom:21px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:linear-gradient(115deg,#ff4d6d,#ff8a3d);color:#fff!important;text-decoration:none;padding:11px 21px;font-size:14px;font-weight:850}
.button.secondary{background:#322544;border:1px solid #665477}
.footer{border-top:1px solid var(--line);padding:30px 0 54px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#aaa1b9;font-size:13px}
.footer a{color:#d5cae5}
@media(max-width:620px){.layout{width:min(100% - 32px,980px)}.topbar{align-items:flex-start}.topnav{gap:13px}.hero{padding:49px 0 27px}.essay p,.essay li{font-size:16px}.essay blockquote{margin-inline:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}