:root{--bg:#0c0a08;--ink:#efe6d2;--muted:#a99c84;--gold:#e8b53a;--gold2:#f7d77a;--brown:#8a5526;--card:#17130e;--line:#2e261b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Inter,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:Cinzel,serif;line-height:1.05;margin:0 0 .5em}
.eyebrow{font-family:Bangers,cursive;letter-spacing:.12em;color:var(--gold);font-size:1.15rem;margin:0 0 .4rem}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(12,10,8,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;font-family:Cinzel,serif;font-weight:800;text-decoration:none;font-size:1.2rem}
.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.brand span{color:var(--gold)}
.top nav{display:flex;gap:24px}.top nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem}.top nav a:hover{color:var(--gold2)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:8vh 5vw 10vh;background:radial-gradient(circle at 75% 45%,rgba(232,181,58,.22),transparent 55%)}
.hero h1{font-size:clamp(3rem,7.5vw,6.5rem);font-weight:800}
.hero h1 em{font-style:normal;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#a8741c);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.2rem;color:var(--muted);max-width:34em}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid var(--gold)}
.btn.gold{background:var(--gold);color:#1a1205}.btn.gold:hover{background:var(--gold2)}.btn.ghost:hover{background:rgba(232,181,58,.12)}
.hero-art img{border-radius:24px;border:3px solid var(--gold);box-shadow:0 0 80px rgba(232,181,58,.3);transform:rotate(2deg)}
.ticker{overflow:hidden;background:var(--gold);color:#1a1205;font-family:Bangers,cursive;font-size:1.6rem;letter-spacing:.1em;white-space:nowrap;padding:8px 0}
.ticker div{display:inline-block;animation:tick 30s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}
section{padding:12vh 5vw}
.alchemy{display:grid;grid-template-columns:1fr 1fr;gap:4vw;max-width:1200px;margin:auto}
.scroll{background:linear-gradient(#211a11,#17120c);border:1px solid var(--line);border-radius:20px;padding:44px}
.scroll p{margin:0 0 1em}.year{font-family:Cinzel,serif;font-size:3.5rem;font-weight:800;color:var(--gold);line-height:1;margin-bottom:.3em!important}
.scroll h2{font-size:1.6rem;color:var(--muted)}
.big{font-family:Cinzel,serif;font-size:2rem;font-weight:800}
.glow{color:#c8ff9e;text-shadow:0 0 18px rgba(170,255,120,.7)}
.gold-text{color:var(--gold)}
.lines{color:var(--muted);font-style:italic}
blockquote{margin:1.4em 0 0;padding-left:20px;border-left:4px solid var(--gold);font-family:Cinzel,serif;font-size:1.4rem;line-height:1.35;color:var(--gold2)}
.triad{font-family:Bangers,cursive;font-size:2.2rem;letter-spacing:.08em;color:var(--gold);margin-top:1.4em!important}
.origin{text-align:center;background:#14110d;border-block:1px solid var(--line)}
.origin h2,.buy h2{font-size:clamp(2rem,4vw,3rem)}
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.strip figure{margin:0}.strip img{border-radius:12px;border:3px solid #000;outline:2px solid var(--line)}
.strip figcaption{font-family:Cinzel,serif;color:var(--gold);margin-top:8px}
.degen{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center;max-width:1150px;margin:auto}
.degen img{border-radius:24px;border:3px solid #6ff0d0;box-shadow:0 0 70px rgba(180,90,255,.35)}
.degen h2{font-size:clamp(2rem,4vw,3rem)}.degen p{color:var(--muted)}
.buy{text-align:center;max-width:1200px;margin:auto}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;text-align:left}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.steps span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#1a1205;font-family:Bangers,cursive;font-size:1.5rem;margin-bottom:16px}
.steps h3{font-size:1.2rem}.steps p{color:var(--muted);margin:0;font-size:.95rem}
.foot{text-align:center;padding:60px 5vw;border-top:1px solid var(--line);color:var(--muted)}
.foot-brand{font-family:Cinzel,serif;font-weight:800;color:var(--ink);font-size:1.3rem;margin:0}
.foot .small{font-size:.8rem;max-width:44em;margin:20px auto 0;opacity:.8}
.notfound{text-align:center;padding:20vh 5vw}.notfound h1{font-size:4rem;color:var(--gold)}
@media (max-width:860px){
 .hero,.alchemy,.degen{grid-template-columns:1fr}.hero-art{order:-1;max-width:420px}
 .strip{grid-template-columns:1fr 1fr}.strip figure:last-child{grid-column:span 2}
 .steps{grid-template-columns:1fr 1fr}.top nav{display:none}.scroll{padding:30px}
}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* story */
.alchemy{display:block;max-width:760px;margin:auto;text-align:center;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;line-height:1.55;padding-top:14vh;padding-bottom:14vh}
.alchemy p{margin:0 0 1.1em}
.alchemy strong{color:var(--gold2);font-weight:600}
.alchemy em{color:var(--gold2)}
.story-title{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.2em}
.chapter{display:flex;align-items:center;gap:20px;margin:2.2em 0 1.4em}
.chapter::before,.chapter::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.chapter span{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2.6rem,6vw,4rem);color:var(--gold);line-height:1;letter-spacing:.06em}
.alchemy .first{font-size:1.15em;color:var(--ink)}
.beat{font-family:Cinzel,serif;font-weight:800;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.1;margin:.9em 0!important;letter-spacing:.03em}
.alchemy .lines{font-style:italic;color:var(--muted);font-size:1.4rem}
.alchemy blockquote{border:0;padding:1.2em 0;margin:1.2em 0;border-block:1px solid var(--line);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;color:var(--gold2)}
.alchemy .triad{font-family:Bangers,cursive;font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:.1em;color:var(--gold);margin-top:1.6em!important}
@media (max-width:860px){.alchemy{font-size:1.3rem}}

.xbtn,.xlink{display:inline-flex;align-items:center;gap:8px}.top nav .xlink{color:var(--gold)}

.tagline{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.35;color:var(--ink);margin-top:.4em;padding-left:18px;border-left:3px solid var(--gold)}
.tagline .tag-name{font-family:Cinzel,serif;font-style:normal;font-weight:800;letter-spacing:.04em;color:var(--gold2)}
.tagline .tag-gold{background:linear-gradient(180deg,var(--gold2),var(--gold) 60%,#a8741c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}