@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07060c;--surface:#11101a;--silver:#dce0ec;--muted:#9794ab;--purple:#9b48ff;--purple2:#d3a7ff;--line:rgba(191,169,228,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f2fc;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.28;z-index:-1}.a1{width:650px;height:650px;background:#6725c8;top:90px;right:-260px}.a2{width:500px;height:600px;background:#43158a;top:850px;left:-350px}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;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='.6'/%3E%3C/svg%3E")}.header{height:90px;display:flex;align-items:center;gap:30px;padding:0 clamp(24px,5vw,100px);border-bottom:1px solid var(--line);background:rgba(7,6,12,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:900;letter-spacing:2px;white-space:nowrap}.brand img{width:47px;height:47px;object-fit:contain}.brand-dot,.purple{color:var(--purple)}.nav{display:flex;gap:clamp(12px,1.7vw,27px);align-items:center;margin-left:auto}.nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#c0bacf;transition:.2s;white-space:nowrap}.nav a:hover{color:#cf9bff}.header-cta{display:inline-flex;align-items:center;gap:8px;background:#7c2ce3;border:1px solid #b56bff;border-radius:4px;padding:13px 17px;font-weight:800;font-size:12px;text-transform:uppercase;white-space:nowrap}.header-cta svg{width:16px}.menu-toggle{display:none}.section{max-width:1440px;margin:0 auto;padding:115px clamp(24px,6vw,100px)}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;padding-top:100px;padding-bottom:130px}.eyebrow,.kicker,.mini-label{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#c5a0f5}.eyebrow{display:flex;align-items:center;gap:12px}.pulse,.dot{width:8px;height:8px;border-radius:50%;background:#a75cff;box-shadow:0 0 14px #a75cff;display:inline-block}.eyebrow-line{width:32px;height:1px;background:#7a5b99}.overline{margin:42px 0 12px;font-size:12px;letter-spacing:4px;font-weight:800;color:#aaa0b7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(64px,7.6vw,126px);line-height:.91;letter-spacing:-1.5px;margin-bottom:27px;font-weight:900}.gradient{background:linear-gradient(110deg,#fff 0%,#b97bff 42%,#7920ec 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.outline{-webkit-text-stroke:1px #b9a6d4;color:transparent}.lead{color:#b5afc4;line-height:1.8;max-width:570px;font-size:15px}.lead strong{color:white}.hero-actions{display:flex;gap:14px;margin:30px 0 55px;flex-wrap:wrap}.btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:17px 22px;border-radius:4px;text-transform:uppercase;font-size:12px;letter-spacing:.7px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn svg{width:17px}.btn-primary{background:linear-gradient(115deg,#6d22d1,#a146fa);box-shadow:0 10px 35px #7224e944}.btn-ghost{border:1px solid #5d536f;background:#ffffff08}.hero-stats{display:flex;gap:0}.hero-stats div{padding:0 28px;border-left:1px solid #534365;display:flex;flex-direction:column;gap:6px}.hero-stats div:first-child{padding-left:0;border:0}.hero-stats strong{font:800 29px 'Barlow Condensed',sans-serif}.hero-stats span{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.hero-art{height:570px;display:flex;align-items:center;justify-content:center;position:relative}.hero-logo{width:min(105%,620px);position:relative;z-index:2;filter:drop-shadow(0 0 32px #a450f740);animation:float 6s ease-in-out infinite}.hero-ring{position:absolute;border:1px solid #a362ff45;border-radius:50%;width:450px;height:450px;box-shadow:0 0 70px #6d23bd19,inset 0 0 80px #6d23bd1b}.ring2{width:530px;height:530px;border-style:dashed;animation:spin 50s linear infinite}.hero-orbit{position:absolute;top:25px;right:0;color:#a38abc;font-size:10px;letter-spacing:3px;transform:rotate(90deg)}.art-caption{position:absolute;bottom:32px;left:15%;font-size:10px;letter-spacing:2px;color:#bfb1cf;display:flex;align-items:center;gap:12px}.scroll-label{position:absolute;bottom:42px;left:6vw;display:flex;gap:12px;align-items:center;font-size:10px;color:#8b839a;letter-spacing:2px}.scroll-label svg{width:15px}.ticker{border-block:1px solid var(--line);background:#100d19;overflow:hidden;padding:18px 0;white-space:nowrap}.ticker div{width:max-content;animation:marquee 28s linear infinite;font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#c9c1d6}.ticker span{color:#a150f5;padding:0 40px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(48px,6vw,82px);line-height:1;margin:15px 0}.section-heading p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,120px);align-items:center}.portrait-frame{position:relative;min-height:540px;padding:14px;border:1px solid #6b398e;background:linear-gradient(150deg,#3a195b,#10101a 55%);box-shadow:0 0 80px #6e1db01c}.portrait-inner{height:520px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#321750,#0b0b12 75%);display:flex;align-items:center;justify-content:center}.portrait-inner img{height:100%;width:100%;object-fit:cover;object-position:center top}.portrait-placeholder{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center;color:#b7a3d0;font-size:13px;letter-spacing:2px}.portrait-placeholder svg{width:115px;height:115px;stroke-width:.7;color:#6b4c87}.portrait-placeholder small{letter-spacing:0;font-size:11px;color:#8e829b;max-width:200px}.portrait-tag{position:absolute;bottom:-24px;right:-20px;background:#a04cff;color:#fff;padding:17px 25px;display:flex;flex-direction:column;gap:6px;transform:skew(-5deg)}.portrait-tag span{font-size:9px;letter-spacing:2px}.portrait-tag strong{font:800 24px 'Barlow Condensed',sans-serif}.portrait-tag strong span{font-size:20px}.about-copy h3{font-size:clamp(46px,5vw,72px);line-height:1;margin:18px 0 25px}.about-copy p{font-size:15px;line-height:1.9;color:#aaa4b8}.about-copy p strong{color:#e6d5ff}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.tags span{border:1px solid #43334e;background:#1a1424;padding:10px 12px;color:#cbbdd9;font-size:11px;display:inline-flex;align-items:center;gap:8px}.tags svg{width:15px;height:15px;color:#b87cff}.text-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #a25bff;padding-bottom:10px;text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:800}.text-link svg{width:17px;color:#bc8bff}.explore{padding-top:140px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.link-card{min-height:280px;padding:25px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #383044;background:linear-gradient(140deg,#191324,#0d0c14);transition:transform .25s,border-color .25s,box-shadow .25s}.link-card:before{content:'';position:absolute;width:180px;height:180px;top:-70px;right:-65px;background:#8e39e9;filter:blur(80px);opacity:.17;transition:.3s}.link-card:hover{transform:translateY(-6px);border-color:#9857d9;box-shadow:0 20px 55px #521f7e33}.link-card.merch{grid-column:span 2;background:linear-gradient(110deg,#22152f,#0d0b13)}.card-index{font-size:10px;letter-spacing:2px;color:#a999bd}.card-icon{width:58px;height:58px;border:1px solid #7648a3;background:#7b37cb20;display:grid;place-items:center;color:#d4a9ff;transform:rotate(-8deg)}.card-icon svg{width:29px;height:29px;transform:rotate(8deg)}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.card-bottom h3{font-size:34px;margin:0 0 5px}.card-bottom p{color:#a49aac;font-size:12px;margin:0}.arrow{width:37px;height:37px;border:1px solid #70578d;display:grid;place-items:center;flex-shrink:0}.arrow svg{width:18px}.discord-note{font-size:12px;color:#a99ab9;margin-top:22px;display:flex;align-items:center;gap:8px}.discord-note svg{width:16px}.discord-note code{color:#cf9fff}.connect{padding-top:35px}.connect-panel{padding:55px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #7947a7;background:radial-gradient(circle at 70% 50%,#55217a55,transparent 45%),linear-gradient(120deg,#1d122c,#0c0b14)}.connect-panel h2{font-size:clamp(46px,5vw,72px);line-height:1;margin:14px 0}.connect-panel p{color:#aca2b9;margin:0}.footer{border-top:1px solid var(--line);padding:45px clamp(24px,6vw,100px) 25px;max-width:1600px;margin:auto}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:65px;height:65px;object-fit:contain}.footer-brand strong{font:900 30px 'Barlow Condensed',sans-serif;letter-spacing:2px}.footer-brand p{color:#8e839d;font-size:12px;margin:4px 0}.footer-socials{display:flex;gap:9px;flex-wrap:wrap}.footer-socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4b3a5a;background:#191222;color:#d4c2e4;transition:.2s}.footer-socials a:hover{background:#7e2fd4;transform:translateY(-3px)}.footer-socials svg{width:18px;height:18px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#84798f;font-size:10px;letter-spacing:1.3px;flex-wrap:wrap}.footer-bottom a{color:#d4b4fa}.toast{position:fixed;bottom:25px;right:25px;background:#2c1640;border:1px solid #a363f1;padding:16px 22px;z-index:30;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-17px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1200px){.header{gap:16px}.nav{gap:13px}.nav a{font-size:10px}.header-cta{padding:11px}.hero-art{height:470px}.hero-ring{width:340px;height:340px}.ring2{width:410px;height:410px}}@media(max-width:950px){.header{height:76px}.menu-toggle{display:grid;place-items:center;margin-left:auto;background:none;color:white;border:1px solid #655176;width:42px;height:42px}.menu-toggle svg{width:22px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0e0a17;padding:20px 25px;border-bottom:1px solid #493157;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:13px;padding:13px 4px}.header-cta{margin-left:0}.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{height:440px;order:-1}.hero-logo{width:min(85%,420px)}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-stats{justify-content:center}.lead{margin-inline:auto}.scroll-label{display:none}.about-grid{grid-template-columns:1fr}.portrait-frame{max-width:520px;width:100%;margin:auto}.link-grid{grid-template-columns:repeat(2,1fr)}.link-card.merch{grid-column:span 2}}@media(max-width:600px){.section{padding:80px 22px}.header{padding:0 18px}.brand{font-size:24px}.brand img{width:39px;height:39px}.header-cta{font-size:0;padding:11px}.header-cta svg{width:19px}.hero{padding-top:30px}.hero-art{height:320px}.hero-ring{width:230px;height:230px}.ring2{width:285px;height:285px}.hero-orbit,.art-caption{display:none}h1{font-size:clamp(56px,13vw,80px)}.eyebrow{font-size:9px;letter-spacing:1px}.hero-stats div{padding:0 14px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:8px}.portrait-frame{min-height:420px}.portrait-inner{height:420px}.portrait-tag{right:-8px}.link-grid{grid-template-columns:1fr}.link-card.merch{grid-column:auto}.link-card{min-height:235px}.connect-panel{padding:35px 25px;display:block}.connect-panel .btn{margin-top:25px}.footer-top{flex-direction:column;align-items:flex-start}.footer-bottom{line-height:2}.about-copy h3{font-size:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V2 animated brand and cinematic backdrop */
body:before{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:-1;background:conic-gradient(from 90deg at 50% 50%,transparent 0deg,#7a28de16 65deg,transparent 120deg,#a76bff15 200deg,transparent 300deg);animation:ambientRotate 34s linear infinite}
.hero-art:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#a83cff33,transparent 68%);filter:blur(30px);animation:breath 5s ease-in-out infinite}
.hero-logo{animation:logoRise 6s ease-in-out infinite;filter:drop-shadow(0 0 20px #8c32e777) drop-shadow(0 0 50px #6529ff44)}
.brand img,.footer-brand img{animation:logoGlow 5s ease-in-out infinite}
.dynamic-headline{font-size:clamp(50px,6.8vw,112px);overflow-wrap:anywhere;text-shadow:0 0 55px #7e31ee4d}
.portrait-frame{box-shadow:0 0 60px #7c26e944}
@keyframes ambientRotate{to{transform:rotate(360deg)}}@keyframes breath{50%{opacity:.35;transform:scale(1.18)}}@keyframes logoRise{50%{transform:translateY(-18px) scale(1.025);filter:drop-shadow(0 0 38px #aa59ff)}}
@keyframes logoGlow{50%{filter:drop-shadow(0 0 13px #a651ff)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important}}

/* YouTube auto-updating section */
.latest-video{position:relative}
.youtube-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:32px;align-items:center;padding:28px;border:1px solid #573174;border-radius:22px;background:linear-gradient(135deg,#1b102c,#0b0913);box-shadow:0 18px 75px #08051099,0 0 65px #7d29da19}
.youtube-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(circle at center,#4c197d,#08050e);box-shadow:0 0 28px #9d46e344}
.youtube-frame iframe{width:100%;height:100%;border:0}
.youtube-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;color:white;text-decoration:none;padding:22px}
.youtube-fallback small{color:#c7b4da}
.youtube-play{display:grid;place-items:center;border-radius:50%;width:72px;height:72px;background:#a526f0;font-size:29px;box-shadow:0 0 40px #a526f088}
.youtube-pill{font-size:12px;font-weight:900;letter-spacing:2px;color:#d1a3ff}
.youtube-info h3{font-size:clamp(24px,2.8vw,40px);line-height:1.15;margin:18px 0;overflow-wrap:anywhere}
.youtube-info p{color:#bdb0c8;margin-bottom:25px}
.youtube-channel-link{display:block;color:#cfaaff;margin-top:20px;text-decoration:none;font-weight:700}
@media(max-width:820px){.youtube-layout{grid-template-columns:1fr;padding:16px}.youtube-info{padding:10px 8px 18px}}
