:root{
  --bg:#0a0a0b;
  --bg-soft:#131314;
  --panel:rgba(255,255,255,.06);
  --panel-strong:rgba(255,255,255,.11);
  --text:#f3eee6;
  --muted:#b8b0a5;
  --line:rgba(255,255,255,.12);
  --accent:#efe5d6;
  --accent-2:#a79d92;
  --radius:28px;
  --shadow:0 22px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-10%;z-index:-4;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#080809,#101011 34%,#0a0a0b 100%);animation:ambientDrift 18s ease-in-out infinite alternate}
body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.055) 48%,transparent 56%);transform:translateX(-120%);animation:lightSweep 14s linear infinite;opacity:.32}
@keyframes ambientDrift{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-2%,2%,0)}}
@keyframes lightSweep{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(135%) skewX(-18deg)}}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:rgba(10,10,11,.70)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.brand-mark{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);position:relative;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.01));box-shadow:0 0 0 0 rgba(255,255,255,.14);animation:brandPulse 4.2s ease-in-out infinite}
.brand-mark:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.24);border-radius:50%}
.brand-mark:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%)}
@keyframes brandPulse{50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
.navlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--muted);padding:10px 12px;border:1px solid transparent;border-radius:999px;transition:.28s ease}
.navlinks a:hover,.navlinks a.active{color:var(--text);border-color:var(--line);background:var(--panel);transform:translateY(-1px)}
.hero{position:relative;min-height:64vh;display:grid;align-items:end;padding:58px 0 44px}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.26;filter:grayscale(.06) contrast(1.06) saturate(.85);transform:scale(1.05);animation:heroVideoFloat 20s ease-in-out infinite alternate}
@keyframes heroVideoFloat{0%{transform:scale(1.05) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(0,-1.5%,0)}}
.hero:before{content:"";position:absolute;right:7vw;top:14vh;width:min(34vw,420px);height:min(34vw,420px);border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);opacity:.7;animation:spinSlow 24s linear infinite}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,11,.18),rgba(10,10,11,.90) 88%)}
@keyframes spinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--accent-2);font-size:12px;text-transform:uppercase;letter-spacing:.34em;font-weight:700}
.pulse{width:8px;height:8px;border-radius:999px;background:var(--accent);opacity:.9;box-shadow:0 0 0 0 rgba(239,229,214,.42);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 14px transparent}}
.hero h1,.page-hero h1,.section h2,.card h3,.side h3,.stat strong{font-family:Georgia,"Times New Roman",serif}
.hero h1{font-size:clamp(48px,7.2vw,118px);line-height:.86;margin:8px 0 4px;letter-spacing:-.085em;font-weight:700;max-width:880px;animation:titleFloat 6s ease-in-out infinite}
.hero h1 .glow{color:var(--text)}
@keyframes titleFloat{50%{transform:translateY(-6px)}}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700;color:var(--text);transition:.28s ease;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.20),transparent);transform:translateX(-120%)}
.btn:hover:before{animation:btnShine .9s ease}
@keyframes btnShine{to{transform:translateX(120%)}}
.btn.primary{background:var(--accent);color:#0d0d0d;border-color:transparent}
.btn:hover{transform:translateY(-2px)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}
.stat{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:var(--shadow);transition:.28s ease}
.stat:hover{transform:translateY(-5px)}
.stat strong{display:block;font-size:29px;font-weight:700}
.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.section{padding:60px 0}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}
.section h2{font-size:clamp(34px,5.8vw,74px);line-height:.94;margin:0;letter-spacing:-.05em;font-weight:700}
.muted{color:var(--muted)}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;width:100%;justify-content:flex-end}
.search{min-width:250px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);padding:13px 16px;outline:0;transition:.25s ease}
.search:focus{border-color:rgba(255,255,255,.24);box-shadow:0 0 0 4px rgba(255,255,255,.05)}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:11px 14px;border-radius:999px;cursor:pointer;transition:.24s ease}
.chip:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}
.chip.active{border-color:var(--accent);background:rgba(239,229,214,.14)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;min-height:392px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:var(--shadow);transition:.35s cubic-bezier(.2,.8,.2,1);isolation:isolate}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 35%,rgba(255,255,255,.04) 68%,transparent);opacity:0;transition:.35s ease;z-index:0}
.card:hover{transform:translateY(-10px) scale(1.01);border-color:rgba(255,255,255,.24)}
.card:hover:before{opacity:1}
.card>a{display:block;height:100%;position:relative;z-index:1}
.thumb{height:230px;background:linear-gradient(180deg,#171718,#101011);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(.94);transition:transform .7s ease,filter .4s ease}
.card:hover .thumb img{transform:scale(1.06);filter:contrast(1.08) saturate(1)}
.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,10,11,.22))}
.thumb .signal{position:absolute;left:20px;bottom:20px;display:flex;gap:4px;z-index:2;opacity:.7}
.signal i{display:block;width:5px;border-radius:99px;background:var(--accent);animation:bar 1s infinite alternate}.signal i:nth-child(1){height:16px}.signal i:nth-child(2){height:28px;animation-delay:.12s}.signal i:nth-child(3){height:20px;animation-delay:.22s}.signal i:nth-child(4){height:34px;animation-delay:.32s}@keyframes bar{to{transform:scaleY(.38);opacity:.45}}
.card-body{padding:22px}
.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.badge{font-size:10px;text-transform:uppercase;letter-spacing:.20em;color:#fff;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.badge.hot{background:var(--accent);border-color:transparent;color:#101010;font-weight:800}
.card h3{font-size:24px;line-height:1.06;margin:0 0 10px;letter-spacing:-.03em;font-weight:700}
.card p{color:var(--muted);margin:0 0 18px;min-height:72px}
.read{font-weight:800;color:var(--accent)}
.archive-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.archive-item{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);transition:.25s ease}
.archive-item:hover{background:rgba(255,255,255,.06);transform:translateY(-3px)}
.page-hero{padding:54px 0 26px;position:relative}
.page-hero:after{content:"";position:absolute;right:0;top:50%;width:180px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.page-hero h1{font-size:clamp(42px,8vw,104px);line-height:.9;letter-spacing:-.06em;margin:14px 0;font-weight:700;max-width:920px}
.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.entry,.side{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));box-shadow:var(--shadow)}
.entry{padding:clamp(20px,4vw,42px)}
.entry a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.36);text-underline-offset:4px}
.entry img{max-width:100%;height:auto;border-radius:22px;display:block;margin:18px auto;border:1px solid var(--line);transition:transform .45s ease}
.entry img:hover{transform:scale(1.015)}
.entry iframe{width:100%;max-width:100%;border:0;border-radius:18px;background:#111;min-height:260px}
.entry p{margin:0 0 18px;color:#ece7df}
.entry ol{margin:0 0 24px 22px;padding:0}
.entry li{margin-bottom:8px;color:#ddd6cb}
.entry-cover{margin:0 0 24px}
.tracklist-block{margin:18px 0 26px;padding:18px 18px 8px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.03)}
.tracklist-label{margin-bottom:12px;color:var(--accent-2);font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:700}
.entry nft-card{display:block;min-height:150px;border:1px dashed rgba(255,255,255,.2);border-radius:22px;padding:28px;color:var(--muted)}
.side{position:sticky;top:96px;padding:20px}
.side h3{margin-top:0;font-weight:700}
.side a{display:block;color:var(--muted);padding:10px 0;border-top:1px solid rgba(255,255,255,.08);transition:.2s ease}
.side a:hover{color:var(--text);padding-left:4px}
.prevnext{display:flex;justify-content:space-between;gap:14px;margin-top:20px}
.prevnext a{flex:1;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);text-decoration:none;transition:.24s ease}
.prevnext a:hover{transform:translateY(-2px)}
.footer{padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}
.footer-minimal{min-height:10px}
.marquee{display:none}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}.content-shell{grid-template-columns:1fr}.side{position:static}.stats{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.controls{margin-top:18px;justify-content:flex-start}.hero:before{display:none}}
@media (max-width:620px){.nav{height:auto;padding:18px 0;align-items:flex-start}.navlinks{gap:4px}.navlinks a{font-size:11px;padding:8px}.hero{min-height:60vh;padding-top:42px}.grid,.archive-list{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.search{width:100%;min-width:0}.page-hero h1{font-size:44px}}