@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');

:root { --ink:#c9c9bd; --paper:#131610; --acid:#577651; --moss:#536c51; --rule:rgba(16,19,15,.16); }
html { background:var(--ink); }
body { overflow-x:hidden; overflow-y:auto; background:var(--ink); }
.site-shell { height:100svh; min-height:680px; overflow:hidden; background:#c9c9bd; }
.site-shell::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.34; background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px); background-size:calc(100% / 12) 100%,100% calc(100% / 8); }
.ambient { display:none; }.noise { opacity:.025; mix-blend-mode:multiply; }
.navbar { height:72px; padding:0 3.4vw; border-bottom:1px solid var(--rule); }
.brand { gap:10px; font-size:12px; letter-spacing:.2em; color:var(--paper); }.brand-mark { width:25px; height:25px; border-color:var(--acid); color:var(--acid); font-size:15px; }
.nav-links { gap:27px; }.nav-links a { font-size:9px; color:#566054; letter-spacing:.12em; }.nav-links a:hover { color:var(--acid); }
.nav-buy { gap:10px; padding:0; border:0; color:var(--acid); font-size:9px; letter-spacing:.14em; }.nav-buy:hover { background:none; border:0; color:var(--paper); }
.hero { height:calc(100svh - 72px); min-height:608px; grid-template-columns:minmax(0,56%) minmax(430px,44%); }
.model-section { background:radial-gradient(circle at 48% 50%,rgba(83,108,81,.12),transparent 37%); }.model-section::after { background:var(--rule); }
.model-glow { width:min(48vw,700px); height:min(48vw,700px); left:48%; background:radial-gradient(circle,rgba(83,108,81,.16),rgba(83,108,81,.06) 38%,transparent 69%); }
.model-stage { isolation:isolate; }.model-stage::before { content:""; position:absolute; width:clamp(300px,34vw,570px); aspect-ratio:1; border:1px solid rgba(83,108,81,.3); border-radius:50%; z-index:-1; box-shadow:0 0 0 22px rgba(83,108,81,.035),0 0 0 72px rgba(83,108,81,.018); }
.model-caption { left:3.4vw; right:3.4vw; bottom:25px; font-size:8px; color:rgba(16,19,15,.52); }.model-caption span:last-child { color:var(--acid); }
.model-scroll-hint { display:none; }.model-loading { color:var(--acid); }
.content-section { padding:0 7vw 0 5.4vw; border-left:0; }.content-inner { max-width:460px; margin-top:0; }
.eyebrow { margin-bottom:23px; color:var(--acid); font-size:9px; letter-spacing:.16em; }.eyebrow-line { width:36px; background:var(--acid); }
.hero-title { color:var(--paper); font-family:'Instrument Serif',Georgia,serif; font-size:clamp(5rem,9.4vw,10rem); font-weight:400; line-height:.72; letter-spacing:-.075em; }.title-dot { color:var(--acid); }
.hero-tagline { margin-top:32px; color:#566054; font-family:Manrope,sans-serif; font-size:clamp(1.05rem,1.55vw,1.32rem); line-height:1.35; letter-spacing:-.04em; }.hero-tagline span { color:var(--paper); }
.hero-description { max-width:245px; margin-top:24px; color:#586255; font-size:14px; line-height:1.65; }
.hero-actions { margin-top:34px; gap:20px; }.button { height:auto; padding:0 0 8px; min-width:0; gap:15px; border:0; border-bottom:1px solid rgba(16,19,15,.42); color:var(--paper); font-size:9px; }.button-primary { background:none; color:var(--acid); border-bottom-color:var(--acid); }.button-primary:hover { background:none; color:var(--paper); }.button-secondary { color:#566054; }.button-secondary:hover { background:none; color:var(--acid); border-bottom-color:var(--acid); }.button:hover { transform:none; }
.lore-cta { margin-top:22px; font-size:9px; color:#4d574b; }.lore-cta:hover { color:var(--acid); }.lore-cta::after { color:var(--acid); }
.contract-block { max-width:380px; margin-top:41px; padding-top:14px; border-top-color:var(--rule); }.contract-label { color:#596253; font-size:8px; }.live-dot { background:var(--acid); box-shadow:none; }.contract-address { color:#263025; font-size:9px; }.copy-button { width:28px; height:28px; border:0; color:var(--acid); }.copy-button:hover,.copy-button.is-copied { background:rgba(83,108,81,.12); border:0; }
.content-footer { left:5.4vw; right:7vw; bottom:25px; font-size:7px; color:rgba(16,19,15,.45); }.footer-line { width:auto; flex:1; background:var(--rule); }
.lore-section { min-height:auto; padding:clamp(110px,13vw,180px) 8vw clamp(110px,13vw,190px); background:#c9c9bd; color:#131610; border:0; }.lore-section::before { width:min(68vw,900px); top:-38%; right:-15%; border-color:rgba(16,19,15,.16); box-shadow:0 0 0 30px rgba(16,19,15,.025),0 0 0 92px rgba(16,19,15,.02); }
.lore-inner { max-width:1010px; }.lore-kicker { margin-bottom:38px; color:#536c51; font-size:9px; }.lore-kicker::before { background:#536c51; }
.lore-title { max-width:900px; font-family:'Instrument Serif',Georgia,serif; font-size:clamp(4.1rem,8.4vw,9rem); font-weight:400; line-height:.78; letter-spacing:-.075em; }.lore-title span { color:#577651; }
.lore-copy { max-width:590px; margin-top:72px; color:#333a32; font-family:Manrope,sans-serif; font-size:clamp(1rem,1.25vw,1.16rem); line-height:1.86; }.lore-copy p + p { margin-top:1.4em; }.lore-copy .lore-emphasis { color:#11160f; font-weight:600; }
.lore-footer { margin-top:72px; color:#526250; font-size:8px; }.lore-footer::after { background:#526250; }
@media (max-width:900px) { .hero { grid-template-columns:52% 48%; }.content-section { padding-left:4vw; padding-right:4vw; }.content-footer { left:4vw; right:4vw; } }
@media (max-width:640px) { .site-shell { height:auto; min-height:100svh; }.navbar { height:64px; padding:0 20px; }.hero { height:auto; min-height:calc(100svh - 64px); display:flex; flex-direction:column; }.model-section { height:51svh; min-height:350px; }.content-section { padding:34px 24px 42px; }.content-inner { max-width:none; }.hero-title { font-size:clamp(5.2rem,24vw,7.8rem); }.hero-tagline { margin-top:29px; }.hero-actions { gap:20px; }.button { flex:none; }.contract-block { margin-top:35px; }.content-footer { position:static; margin-top:58px; }.lore-section { padding:88px 24px 100px; }.lore-title { font-size:clamp(4rem,20vw,6.3rem); }.lore-copy { margin-top:45px; line-height:1.75; }.lore-footer { margin-top:55px; } }