:root{--ink:#120c1f;--ink2:#1b1230;--plum:#2a1b47;--gold:#d4af6a;--gold2:#f1d99a;--teal:#02a3b5;--mist:#efe9f7;--dim:#a99fc0;--line:rgba(212,175,106,.22);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--disp:'Cinzel','Cormorant Garamond',serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--ink);color:var(--mist);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.5em;border-radius:99px;border:1px solid var(--gold);background:linear-gradient(180deg,#e7c981,#b98f3f);color:#241a08;font:700 .95rem var(--sans);cursor:pointer;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(212,175,106,.3);color:#241a08}
.btn.ghost{background:transparent;color:var(--gold)}.btn.ghost:hover{background:rgba(212,175,106,.1);color:var(--gold2)}.btn.sm{padding:.5em 1.1em;font-size:.82rem}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
header.site{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,40px);background:rgba(18,12,31,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{font-family:var(--disp);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);font-size:1.02rem}.logo .gem{color:var(--teal);margin-right:.3em}.logo.sm{font-size:.85rem}
header.site nav{display:flex;gap:clamp(12px,2.5vw,28px);align-items:center}header.site nav a{color:var(--mist);font-size:.92rem}header.site nav a:hover{color:var(--gold2)}
header.site nav a.cta{border:1px solid var(--gold);color:var(--gold);padding:.45em 1.1em;border-radius:99px}
@media(max-width:560px){header.site nav a:not(.cta){display:none}}
footer.site{margin-top:80px;border-top:1px solid var(--line);padding:36px clamp(16px,4vw,40px) 28px;display:flex;flex-wrap:wrap;gap:28px 60px;color:var(--dim);font-size:.9rem}
footer.site div:nth-child(2){display:flex;flex-direction:column;gap:6px}footer.site .copy{width:100%;font-size:.78rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.eyebrow{font:500 .75rem var(--disp);letter-spacing:.3em;text-transform:uppercase;color:var(--teal)}
/* prose pages */
.prose{max-width:720px;margin:0 auto;padding:56px clamp(16px,4vw,32px) 0}.prose h1{font-size:clamp(2.2rem,6vw,3.2rem);color:var(--gold2);margin-bottom:.4em}
.prose h2{font-size:1.7rem;color:var(--gold2);margin:1.8em 0 .5em}.prose p,.prose li{color:#d9d1e8;margin-bottom:1em;font-size:1.02rem}.prose ul{margin:0 0 1em 1.3em}
.draft{border:1px dashed var(--gold);border-radius:10px;padding:12px 16px;color:var(--gold2);font-size:.88rem;margin-bottom:28px;background:rgba(212,175,106,.06)}
/* sparkle backdrop */
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;background:
radial-gradient(1px 1px at 12% 22%,#fff8,transparent),radial-gradient(1.5px 1.5px at 78% 14%,#f1d99aaa,transparent),radial-gradient(1px 1px at 33% 71%,#fff7,transparent),
radial-gradient(1.4px 1.4px at 90% 64%,#fff8,transparent),radial-gradient(1px 1px at 55% 40%,#fff6,transparent),radial-gradient(1.2px 1.2px at 6% 88%,#f1d99a99,transparent),radial-gradient(1px 1px at 66% 90%,#fff7,transparent)}
main{position:relative;z-index:1}header.site,footer.site{position:relative;z-index:2}header.site{position:sticky}