:root {
  --ink: #17100b;
  --coal: #21170f;
  --paper: #ead6ad;
  --cream: #fff0cc;
  --sun: #e7a23d;
  --orange: #c85d24;
  --rust: #833418;
  --line: rgba(255, 235, 197, .22);
  --display: "Rye", Georgia, serif;
  --condensed: "Oswald", Arial Narrow, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); overflow-x: hidden; }
body { margin: 0; color: var(--cream); background: var(--ink); font-family: var(--condensed); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.grain { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .12; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }

.nav { position: fixed; z-index: 30; top: 0; left: 0; right: 0; height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 0 4vw; border-bottom: 1px solid rgba(255,255,255,.16); background: linear-gradient(to bottom, rgba(15,9,5,.84), transparent); transition: background .35s, height .35s; }
.nav.scrolled { height: 64px; background: rgba(23,16,11,.94); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: .55rem; font: 700 1.55rem/1 var(--display); letter-spacing: -.04em; }
.brand-coin { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(2px 3px 2px rgba(0,0,0,.55)); }
.nav nav { display: flex; gap: clamp(1rem, 3vw, 3rem); font-weight: 600; letter-spacing: .13em; font-size: .8rem; }
.nav nav a, footer>a { transition: color .2s; }
.nav nav a:hover, .nav nav a:focus-visible, footer>a:hover { color: var(--sun); }
.nav-cta { padding: .72rem 1rem; background: var(--sun); color: var(--ink); font-weight: 700; letter-spacing: .06em; transform: rotate(1deg); box-shadow: 4px 4px 0 var(--rust); }
.menu-toggle{display:none;position:relative;z-index:52;width:48px;height:48px;padding:0;border:1px solid rgba(255,240,204,.4);background:rgba(23,16,11,.58);cursor:pointer}.menu-toggle span{position:absolute;left:12px;width:22px;height:2px;background:var(--cream);transition:transform .35s cubic-bezier(.22,.75,.2,1),top .35s}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:27px}body.menu-open .menu-toggle span:first-child{top:23px;transform:rotate(45deg)}body.menu-open .menu-toggle span:last-child{top:23px;transform:rotate(-45deg)}
.mobile-menu{visibility:hidden;position:fixed;z-index:45;inset:0;overflow:hidden;background:#160d08;opacity:0;pointer-events:none;transition:opacity .35s ease,visibility .35s}.mobile-menu-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center;filter:saturate(.78) contrast(1.04);transform:scale(1.06);transition:transform .7s cubic-bezier(.22,.75,.2,1)}.mobile-menu-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,9,4,.97) 0%,rgba(17,9,4,.89) 58%,rgba(17,9,4,.56) 100%),linear-gradient(0deg,rgba(17,9,4,.98),transparent 64%)}.mobile-menu-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:calc(94px + env(safe-area-inset-top)) 1.3rem calc(1.4rem + env(safe-area-inset-bottom))}.mobile-menu-kicker{margin:0 0 1.25rem;color:var(--sun);font-size:.66rem;font-weight:700;letter-spacing:.22em}.mobile-menu nav{border-top:1px solid rgba(255,240,204,.26)}.mobile-menu nav a{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;padding:.78rem 0;border-bottom:1px solid rgba(255,240,204,.26);opacity:0;transform:translateY(22px);transition:opacity .35s,transform .45s cubic-bezier(.22,.75,.2,1),color .2s}.mobile-menu nav small{color:var(--sun);font-size:.62rem;letter-spacing:.14em}.mobile-menu nav span{font:clamp(2.2rem,11vw,4.5rem)/.98 var(--display);letter-spacing:-.055em}.mobile-menu nav b{color:var(--sun);font-size:1.2rem}.mobile-menu nav a:focus-visible,.mobile-menu nav a:hover{color:var(--sun)}.mobile-menu-foot{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.1rem}.mobile-menu-foot p{display:flex;flex-direction:column;gap:.25rem;margin:0}.mobile-menu-foot strong{font:1.35rem/1 var(--display);color:var(--sun)}.mobile-menu-foot p span{font-size:.57rem;letter-spacing:.14em;color:#bda98d}.mobile-menu-foot button{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.65rem .8rem;border:1px solid rgba(255,240,204,.4);color:var(--cream);background:rgba(23,16,11,.64);font-size:.68rem;font-weight:700;letter-spacing:.12em;cursor:pointer}body.menu-open{overflow:hidden}body.menu-open .nav{background:linear-gradient(to bottom,rgba(15,9,5,.95),transparent);border-color:transparent}body.menu-open .mobile-menu{visibility:visible;opacity:1;pointer-events:auto}body.menu-open .mobile-menu-image{transform:scale(1)}body.menu-open .mobile-menu nav a{opacity:1;transform:none}body.menu-open .mobile-menu nav a:nth-child(1){transition-delay:.08s}body.menu-open .mobile-menu nav a:nth-child(2){transition-delay:.13s}body.menu-open .mobile-menu nav a:nth-child(3){transition-delay:.18s}body.menu-open .mobile-menu nav a:nth-child(4){transition-delay:.23s}

.hero { position: relative; height: min(920px, 100svh); min-height: 700px; overflow: hidden; background: #6b321e; }
.hero-image { position: absolute; inset: -4%; width: 108%; height: 108%; object-fit: cover; object-position: center; transform: scale(1.02); will-change: transform; }
.hero-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,7,3,.8) 0%, rgba(13,7,3,.25) 49%, rgba(13,7,3,.12) 100%), linear-gradient(0deg, rgba(23,16,11,.74) 0%, transparent 32%); }
.hero-copy { position: relative; z-index: 2; max-width: 760px; padding: clamp(9rem, 19vh, 13rem) 5vw 8rem; text-shadow: 0 3px 28px rgba(0,0,0,.38); }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: .7rem; font-size: .78rem; font-weight: 700; letter-spacing: .22em; }
.eyebrow span { width: 2rem; height: 2px; background: var(--sun); }
h1, h2 { margin: .6rem 0 1.2rem; font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: -.055em; }
h1 { font-size: clamp(4rem, 9.8vw, 9.6rem); line-height: .78; }
h1 span { display: inline-block; animation: title-in .9s cubic-bezier(.22,.75,.2,1) both .1s; }
h1 em { color: var(--sun); font-style: normal; display: inline-block; transform: rotate(-2deg); animation: title-in .9s cubic-bezier(.22,.75,.2,1) both .25s; text-shadow: 5px 5px 0 var(--rust); }
.hero-copy>p { max-width: 520px; font-size: clamp(1rem, 1.5vw, 1.3rem); letter-spacing: .035em; line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.hero-utility{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.utility-button{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:.65rem;min-height:42px;padding:.55rem .75rem;border:1px solid rgba(255,240,204,.38);color:var(--cream);background:rgba(17,10,6,.6);backdrop-filter:blur(8px);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.utility-button:hover{border-color:var(--sun);background:rgba(17,10,6,.84);transform:translateY(-2px)}.utility-button>span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 .28rem;background:var(--sun);color:var(--ink);font-weight:700}.utility-button b{font-size:.7rem;letter-spacing:.12em}.utility-button small{padding:.22rem .35rem;color:var(--sun);border:1px solid rgba(231,162,61,.48);font-size:.55rem;letter-spacing:.1em}
.button { position: relative; cursor: pointer; border: 0; min-height: 52px; padding: .9rem 1.4rem; font-weight: 700; font-size: .9rem; letter-spacing: .1em; display: inline-flex; align-items: center; justify-content: center; gap: 1.6rem; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translate(-2px,-2px) rotate(-.5deg); box-shadow: 7px 7px 0 rgba(0,0,0,.45); }
.button:focus-visible, a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.button.primary { color: var(--ink); background: var(--sun); box-shadow: 5px 5px 0 var(--rust); }
.button.ghost { color: var(--cream); background: rgba(28,16,9,.4); border: 1px solid rgba(255,255,255,.45); backdrop-filter: blur(7px); }
.sound-bars { height: 16px; display: flex; gap: 2px; align-items: end; }
.sound-bars i { display: block; width: 2px; height: 8px; background: var(--sun); }
.sound-bars i:nth-child(2) { height: 14px; }.sound-bars i:nth-child(3) { height: 11px; }
body.sound-on .sound-bars i { animation: bars .7s ease-in-out infinite alternate; } body.sound-on .sound-bars i:nth-child(2){animation-delay:-.35s} body.sound-on .sound-bars i:nth-child(3){animation-delay:-.18s}
.scroll-note { position: absolute; z-index: 2; right: 4vw; bottom: 86px; display: flex; align-items: center; gap: 1rem; writing-mode: vertical-rl; font-size: .68rem; letter-spacing: .18em; }
.scroll-note i { width: 1px; height: 55px; background: var(--cream); animation: scroll-line 1.8s infinite; transform-origin: top; }
.ticker { position: absolute; z-index: 3; bottom: 0; left: -1%; width: 102%; padding: .7rem 0; overflow: hidden; transform: rotate(-.7deg); background: var(--sun); color: var(--ink); border-block: 2px solid var(--ink); }
.ticker-track { display: flex; width: max-content; gap: 2rem; animation: ticker 24s linear infinite; font-weight: 700; letter-spacing: .11em; }

.section { padding: clamp(6rem, 10vw, 10rem) 6vw; }
.story { background: var(--paper); color: var(--ink); }
.section-kicker { color: var(--rust); margin-bottom: 3rem; }
.story-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.scribble { margin: 0 0 .7rem; color: var(--rust); font: 1.3rem/1 var(--display); transform: rotate(-3deg); }
.story h2, .tokenomics h2, .roadmap h2, .campfire h2 { font-size: clamp(3.6rem, 7vw, 7.8rem); line-height: .84; }
h2 span { color: var(--orange); }
.story-copy { padding-top: 2.5rem; }
.story-copy .lead { margin-top: 0; font: 1.6rem/1.25 var(--display); }
.story-copy>p:not(.lead) { font: 1.1rem/1.75 var(--condensed); max-width: 580px; }
.quote-card { position: relative; margin-top: 3rem; padding: 2rem; border: 2px solid var(--ink); background: #d4b37c; box-shadow: 9px 9px 0 var(--rust); transform: rotate(1deg); }
.quote-card>span, .lyric-card small, .trail-stop span { font-size: .68rem; font-weight: 700; letter-spacing: .2em; color: var(--rust); }
.quote-card blockquote { margin: 1rem 0 .75rem; font: 1.35rem/1.35 var(--display); }

.stats-band { display: grid; grid-template-columns: repeat(2, 1fr); background: var(--rust); color: var(--cream); border-block: 2px solid var(--sun); }
.stat { display: flex; justify-content: center; align-items: center; gap: 1.5rem; padding: 2.8rem 2rem; border-right: 1px solid rgba(255,255,255,.22); }
.stat:last-child { border: 0; }
.stat strong { font: 3.8rem/1 var(--display); color: var(--sun); }
.stat span { font-size: .8rem; font-weight: 600; letter-spacing: .11em; line-height: 1.5; }

.tokenomics { display: grid; grid-template-columns: .85fr 1.15fr; gap: 6vw; align-items: center; min-height: 850px; background: radial-gradient(circle at 62% 50%, #4a2c16 0, #22160e 46%, #100c09 100%); }
.token-heading>p { max-width: 320px; color: #c8af8f; font-size: 1.05rem; }
.tokenomics .section-kicker { color: var(--sun); }
.coin-stage { position: relative; display: grid; place-items: center; min-height: 570px; perspective: 900px; }
.coin-placeholder { position: relative; z-index: 2; width: min(31vw, 440px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 8px, rgba(45,19,7,.09) 9px 10px), radial-gradient(circle at 35% 25%, #eca749, #9b501c 55%, #3d1b0a 100%); border: 13px double #ecb350; box-shadow: inset 0 0 0 7px #5d2b0f, inset 0 0 70px #2a0e02, 0 35px 70px rgba(0,0,0,.6); transform-style: preserve-3d; transition: transform .12s linear; }
.coin-placeholder::before, .coin-placeholder::after { content:"✦"; position:absolute; color:#351405; font-size:2rem; top:20%; }.coin-placeholder::before{left:18%}.coin-placeholder::after{right:18%}
.coin-ring { position: absolute; inset: 12%; border: 3px dashed rgba(50,20,4,.75); border-radius: 50%; display: grid; place-items: center; align-content: center; transform: translateZ(18px); }
.coin-ring span { font: clamp(2.1rem, 5vw, 4.5rem)/1 var(--display); color: #321205; text-shadow: 1px 2px #d48a31; }
.coin-ring small { margin-top: 1rem; color: #401806; font-weight: 700; letter-spacing: .18em; }
.coin-stage img.coin-placeholder { object-fit: contain; border: 0; background: none; box-shadow: none; }

.lyrics { display:grid; grid-template-columns:repeat(3,1fr); background:var(--paper); color:var(--ink); }
.lyric-card { min-height: 420px; padding: 4rem 3vw; display:flex; flex-direction:column; justify-content:space-between; border-right:2px solid var(--ink); transition:background .3s,color .3s; }
.lyric-card:last-child{border:0}.lyric-card>span{font:2rem var(--display);color:var(--rust)}.lyric-card p{font:clamp(1.7rem,3vw,3rem)/1.25 var(--display);}.lyric-card.featured,.lyric-card:hover{background:var(--orange);color:var(--cream)}.lyric-card.featured small,.lyric-card:hover small{color:var(--ink)}

.roadmap { background:#2b1b10; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size:100% 42px; }
.roadmap-head { display:flex; justify-content:space-between; align-items:end; gap:3rem; border-bottom:1px solid var(--line); }.roadmap-head .section-kicker{align-self:flex-start;color:var(--sun)}.roadmap-head h2{text-align:right}
.trail { max-width:1000px; margin:5rem auto 0; }
.trail-stop { position:relative; display:grid; grid-template-columns:110px 1fr; gap:2rem; padding:0 0 5rem; }
.trail-stop::before{content:"";position:absolute;left:43px;top:72px;bottom:8px;width:2px;background:linear-gradient(var(--sun),rgba(231,162,61,.12))}.trail-stop:last-child::before{display:none}
.trail-stop>b{width:88px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--sun);color:var(--ink);font:1.5rem var(--display);box-shadow:0 0 0 8px #4d2b16}
.trail-stop div{padding:1rem 0 0}.trail-stop h3{margin:.45rem 0 .5rem;font:2.1rem var(--display);text-transform:uppercase}.trail-stop p{margin:0;color:#bfa889;font-size:1.05rem}.trail-stop span{color:var(--sun)}

.campfire { position:relative; min-height:800px; display:grid; place-items:center; overflow:hidden; text-align:center; }
.campfire>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}.campfire-overlay{position:absolute;inset:0;background:linear-gradient(rgba(12,6,2,.22),rgba(16,8,3,.84)),radial-gradient(circle at 50% 70%,transparent,#110904 83%)}
.campfire-copy{position:relative;z-index:2;padding:6rem 1.5rem}.campfire h2{font-size:clamp(5rem,12vw,11rem);margin:.5rem 0 1rem;text-shadow:0 7px 30px #160701}.campfire h2 span{color:var(--sun)}.campfire .scribble{color:var(--cream);font-size:1.5rem}
.contract-slot:empty{display:none}.contract-button{margin:0 auto 1rem;color:var(--cream);background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.42)}.contract-button.copied{color:var(--ink);background:var(--sun)}.giant{margin-top:2rem;padding:1.25rem 2rem;font-size:1rem}.post-message{height:2rem;margin-top:1.4rem;color:var(--sun);font-family:var(--display)}

.music-dock{position:fixed;z-index:34;right:1.25rem;bottom:1.25rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-width:220px;padding:.7rem .85rem;border:1px solid rgba(255,240,204,.34);color:var(--cream);background:rgba(18,12,8,.9);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(0,0,0,.35);cursor:pointer;text-align:left;transition:transform .2s,border-color .2s}.music-dock:hover{transform:translateY(-2px);border-color:var(--sun)}.music-dock:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.music-disc{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:50%;background:var(--sun);color:var(--ink);font-size:1.15rem;box-shadow:inset 0 0 0 6px rgba(23,16,11,.15)}.music-meta{display:flex;flex-direction:column;gap:.2rem}.music-meta b{font-size:.66rem;letter-spacing:.12em}.music-meta small{color:#a9957c;font-size:.58rem;letter-spacing:.09em}.dock-bars{height:22px;display:flex;align-items:end;gap:2px}.dock-bars i{width:2px;height:6px;background:var(--sun)}.dock-bars i:nth-child(2){height:14px}.dock-bars i:nth-child(3){height:9px}.dock-bars i:nth-child(4){height:18px}body.sound-on .music-disc{animation:disc-spin 5s linear infinite}body.sound-on .dock-bars i{animation:dock-wave .65s ease-in-out infinite alternate}body.sound-on .dock-bars i:nth-child(2){animation-delay:-.25s}body.sound-on .dock-bars i:nth-child(3){animation-delay:-.45s}body.sound-on .dock-bars i:nth-child(4){animation-delay:-.1s}

footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;padding:3rem 5vw;background:#0e0906;border-top:1px solid var(--line)}footer p{text-align:center;color:#8f7a62;font-size:.65rem;letter-spacing:.1em;line-height:1.6}footer>a:last-child{text-align:right;font-size:.75rem;letter-spacing:.12em}

.ca-button{width:100%;margin-top:1.25rem;justify-content:flex-start;gap:.8rem;color:var(--cream);background:rgba(255,255,255,.04);border:1px solid var(--line)}.ca-button>span:first-child{display:grid;place-items:center;width:30px;height:30px;background:var(--sun);color:var(--ink);font-size:.72rem}.ca-button>span:nth-child(2){font-size:.72rem}.ca-button small{margin-left:auto;padding:.28rem .4rem;border:1px solid rgba(231,162,61,.45);color:var(--sun);font-size:.55rem;letter-spacing:.1em}
.footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.footer-actions button{min-height:40px;padding:.55rem .7rem;border:1px solid rgba(255,240,204,.28);color:var(--cream);background:transparent;font-size:.68rem;font-weight:700;letter-spacing:.1em;cursor:pointer}.footer-actions button:hover{color:var(--sun);border-color:var(--sun)}.footer-actions button small{margin-left:.35rem;color:var(--sun)}.footer-actions a{font-size:.75rem;letter-spacing:.12em;transition:color .2s}.footer-actions a:hover{color:var(--sun)}
.site-toast{position:fixed;z-index:70;left:50%;bottom:1.5rem;max-width:calc(100% - 2rem);padding:.85rem 1.1rem;border:1px solid var(--sun);color:var(--cream);background:rgba(18,12,8,.96);box-shadow:6px 6px 0 var(--rust);font-size:.72rem;font-weight:700;letter-spacing:.1em;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s,transform .25s}.site-toast.show{opacity:1;transform:translate(-50%,0)}
.reveal { opacity:0; transform:translateY(34px); transition:opacity .85s ease,transform .85s cubic-bezier(.22,.75,.2,1); }.reveal.in-view{opacity:1;transform:none}
.spark { position:fixed;z-index:40;pointer-events:none;width:8px;height:8px;background:var(--sun);border-radius:50%;animation:spark .7s ease-out forwards; }
@keyframes title-in{from{opacity:0;transform:translateY(60px) rotate(3deg)}to{opacity:1;transform:translateY(0)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes bars{to{height:3px}}
@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes spark{to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}
@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes dock-wave{to{height:3px}}

/* Premium memecoin layer: confident, verifiable and intentionally restrained. */
body.menu-open .nav{z-index:50}
.hero-seal{position:absolute;z-index:4;right:5vw;bottom:15%;width:150px;aspect-ratio:1;border:1px solid rgba(255,240,204,.65);border-radius:50%;display:grid;place-items:center;align-content:center;gap:.45rem;background:rgba(23,16,11,.42);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 7px rgba(255,240,204,.08),0 14px 40px rgba(0,0,0,.35);transform:rotate(7deg)}.hero-seal::before{content:"";position:absolute;inset:9px;border:1px dashed rgba(255,240,204,.45);border-radius:50%}.hero-seal span{font:2.05rem/1 var(--display);color:var(--sun)}.hero-seal small{font-size:.65rem;letter-spacing:.18em}
.coin-facts{margin:2.5rem 0 0;border-top:1px solid var(--line)}.coin-facts div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.coin-facts dt{color:#9d876e;font-size:.72rem;letter-spacing:.17em}.coin-facts dd{margin:0;color:var(--cream);font-weight:700;font-size:.82rem;letter-spacing:.12em}.coin-caption{position:absolute;z-index:4;right:1%;bottom:5%;max-width:220px;padding:1rem 1.1rem;background:rgba(23,16,11,.78);border:1px solid var(--line);backdrop-filter:blur(8px);box-shadow:8px 8px 0 rgba(0,0,0,.24)}.coin-caption span{color:var(--sun);font:1.3rem var(--display)}.coin-caption p{margin:.5rem 0 .25rem;font-size:.72rem;font-weight:700;letter-spacing:.12em}.coin-caption small{color:#a9957c;font-size:.65rem}.quote-card::after{content:"CULTURE > HYPE";position:absolute;right:-.65rem;top:-.8rem;padding:.4rem .65rem;background:var(--rust);color:var(--cream);font-size:.6rem;letter-spacing:.12em;transform:rotate(3deg)}

@media(max-width:900px){.nav nav,.nav-cta{display:none}.nav{height:68px;padding-inline:1.2rem}.nav.scrolled{height:62px}.menu-toggle{display:block}.hero{height:100svh;min-height:700px}.hero-image{object-position:40% center}.hero-scrim{background:linear-gradient(90deg,rgba(13,7,3,.86),rgba(13,7,3,.34)),linear-gradient(0deg,rgba(23,16,11,.8),transparent 48%)}.hero-copy{padding:clamp(8rem,18svh,10rem) 1.4rem 7rem}.scroll-note{display:none}.story-grid,.tokenomics{grid-template-columns:1fr}.tokenomics{padding-block:7rem}.coin-stage{min-height:460px}.coin-placeholder{width:min(74vw,390px)}.stats-band{grid-template-columns:1fr}.stat{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.lyrics{grid-template-columns:1fr}.lyric-card{min-height:300px;border-right:0;border-bottom:2px solid var(--ink)}.roadmap-head{display:block}.roadmap-head h2{text-align:left}.trail-stop{grid-template-columns:75px 1fr}.trail-stop>b{width:64px}.trail-stop::before{left:31px;top:70px}.campfire{min-height:720px}footer{grid-template-columns:1fr;text-align:center}footer>a:last-child{text-align:center}}
@media(max-width:520px){h1{font-size:clamp(3.25rem,16vw,4.15rem);line-height:.8}.eyebrow{font-size:.64rem;letter-spacing:.16em}.hero-copy>p br{display:none}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1.5rem}.button{width:100%}.story h2,.tokenomics h2,.roadmap h2{font-size:clamp(2.55rem,12.5vw,3.25rem)}.section{padding:5.5rem 1.3rem}.story-grid{gap:1.5rem}.story-copy{padding-top:0}.quote-card{padding:1.5rem}.stat{padding:2rem 1.25rem}.stat strong{font-size:3rem}.tokenomics{padding-block:5.5rem;min-height:0}.coin-stage{min-height:390px}.lyric-card{padding:3rem 1.3rem}.roadmap-head h2{margin-bottom:2rem}.trail{margin-top:3.5rem}.campfire{min-height:650px}.campfire h2{font-size:clamp(4rem,21vw,5.3rem)}.trail-stop p{font-size:.95rem}.brand-coin{width:36px;height:36px}.music-dock{right:.75rem;bottom:.75rem;min-width:0;width:52px;height:52px;padding:.45rem;border-radius:50%;grid-template-columns:1fr}.music-disc{width:100%}.music-meta,.dock-bars{display:none}.mobile-menu nav a{padding:.68rem 0}.mobile-menu-foot p span{max-width:180px}}
@media(max-width:900px){.hero-seal{width:112px;right:4vw;bottom:14%}.coin-caption{right:4%;bottom:3%}}
@media(max-width:520px){.hero-seal{display:none}.coin-caption{position:relative;right:auto;bottom:auto;margin-top:-2.5rem}.coin-facts div{grid-template-columns:1fr}}
@media(max-height:700px) and (max-width:900px){.mobile-menu-inner{padding-top:78px}.mobile-menu-kicker{margin-bottom:.7rem}.mobile-menu nav a{padding:.48rem 0}.mobile-menu nav span{font-size:clamp(1.75rem,8.5vw,3rem)}.mobile-menu-foot{padding-top:.7rem}.hero{min-height:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.scroll-note i,h1 span,h1 em,body.sound-on .sound-bars i,body.sound-on .music-disc,body.sound-on .dock-bars i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.hero-image,.mobile-menu-image{transform:none!important}.mobile-menu nav a{transition:none}}

@media(max-width:900px){.hero{height:auto;min-height:100svh}.hero-copy{padding-bottom:8rem}.footer-actions{justify-content:center;flex-wrap:wrap}}
@media(max-width:520px){h1{font-size:clamp(3.05rem,15vw,4rem)}.hero-actions{margin-top:1.35rem}.hero-utility{display:grid;grid-template-columns:1fr 1fr}.utility-button{grid-template-columns:auto 1fr;padding:.5rem}.utility-button b{text-align:left;font-size:.62rem}.utility-button small{display:none}.site-toast{bottom:4.8rem;width:max-content}.ca-button{padding-inline:.75rem}.ca-button>span:nth-child(2){font-size:.63rem}.ca-button small{font-size:.48rem}}
