main{margin-left:var(--sidebar);padding-top:var(--top)}
section{position:relative}
.preloader{position:fixed;inset:0;z-index:1200;background:#040206;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.preloader.hide{opacity:0;visibility:hidden}.pre-inner{width:min(600px,82vw);text-align:center}.pre-logo{width:78px;height:78px;margin:auto;border-radius:50%;display:grid;place-items:center;font:900 28px "Archivo Black";background:linear-gradient(145deg,#b36bff,#38134f);box-shadow:0 0 90px rgba(155,80,255,.55);animation:float 2s ease-in-out infinite}.pre-inner p{font-size:9px;letter-spacing:.36em;color:var(--acid);margin:25px 0 14px}.pre-inner h1{font:900 clamp(40px,7vw,78px)/.86 "Archivo Black";margin:0 0 25px}.pre-inner h1 span{color:var(--purple)}.prebar{height:3px;background:#22172b;overflow:hidden}.prebar i{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 18px var(--acid)}
.hero{min-height:calc(100vh - var(--top));overflow:hidden;background:#06040a;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.40) saturate(1.18) contrast(1.05);transform:scale(1.045);transition:transform .12s linear}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,1,4,.08),rgba(4,2,7,.13) 48%,#08060c 100%),radial-gradient(circle at 50% 43%,transparent 4%,rgba(0,0,0,.66) 93%)}.hero-violet{position:absolute;inset:0;background:linear-gradient(90deg,rgba(73,16,122,.16),transparent 35%,transparent 68%,rgba(73,16,122,.15));mix-blend-mode:screen}.hero-glow{position:absolute;left:50%;top:42%;width:57vw;height:38vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(148,61,244,.32),transparent 67%);filter:blur(17px);animation:breathe 4s ease-in-out infinite}.rain{position:absolute;inset:-30%;opacity:.26;background:repeating-linear-gradient(104deg,transparent 0 23px,rgba(230,214,255,.18) 24px 25px,transparent 26px 50px);animation:rain .7s linear infinite;transform:rotate(8deg)}.hero-content{position:relative;z-index:5;min-height:calc(100vh - var(--top));display:grid;place-content:center;text-align:center;padding:75px 20px 175px}.entering{font-size:10px;letter-spacing:.48em;color:#d7c8e0;margin-bottom:20px}.hero-brush{font:400 clamp(32px,4.7vw,76px)/.9 "Archivo Black";margin:0 0 3px;letter-spacing:-.025em;text-shadow:0 6px 30px #000}.hero-title{font:900 clamp(72px,11vw,180px)/.70 "Archivo Black";letter-spacing:-.065em;margin:0;color:transparent;background:linear-gradient(180deg,#d097ff 0%,#a44dff 47%,#7421df 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 25px rgba(151,75,255,.28));transform:skew(-4deg)}.explore{margin:40px auto 0;width:225px;height:52px;border:1px solid #aa64ff;background:rgba(25,12,35,.65);font-weight:900;font-size:12px;box-shadow:0 0 42px rgba(155,80,255,.22),inset 0 0 22px rgba(155,80,255,.09);transition:.25s}.explore:hover{transform:translateY(-4px);background:var(--purple);box-shadow:0 0 55px rgba(155,80,255,.48)}.scrollhint{display:block;margin-top:14px;font-size:8px;letter-spacing:.25em;color:#b7acbd}.weather{position:absolute;right:28px;top:28px;z-index:8;display:flex;gap:12px;align-items:flex-start;color:#d6ceda;font-size:8px;line-height:1.6}.weather b{font-size:27px;color:#fff}.weather strong{letter-spacing:.08em}.hero-corner{position:absolute;left:25px;bottom:70px;z-index:9;font-size:8px;color:#9f96a5;letter-spacing:.15em}.hero-corner span{color:var(--acid)}.ticker{position:absolute;left:0;right:0;bottom:0;height:36px;z-index:9;background:rgba(4,2,7,.78);border-top:1px solid var(--line);overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;font:900 10px "Archivo Black";letter-spacing:.14em;color:#928999;animation:ticker 22s linear infinite}.ticker-track span{color:var(--acid);margin:0 31px}
.districts{padding:26px 38px 86px;background:linear-gradient(180deg,#08060c,#09060e)}.district-label{display:flex;align-items:center;gap:14px;margin-bottom:18px}.district-label:before{content:"";width:35px;height:1px;background:var(--acid);box-shadow:0 0 12px var(--acid)}.district-label h2{font:900 14px "Archivo Black";letter-spacing:.1em;color:var(--acid);margin:0}.district-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.district-card{position:relative;height:315px;border:1px solid rgba(200,255,61,.24);border-radius:14px;overflow:hidden;background:#100c15;cursor:pointer;isolation:isolate;box-shadow:0 18px 35px rgba(0,0,0,.25)}.district-card:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(5,3,8,.14) 45%,rgba(5,3,8,.96));transition:.35s}.district-card:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:14px;z-index:6;pointer-events:none;transition:.35s}.district-card:hover:after{border-color:var(--acid);box-shadow:inset 0 0 30px rgba(200,255,61,.06)}.district-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.70) saturate(1.08);transition:.55s}.district-card:hover img{transform:scale(1.075);filter:brightness(.87) saturate(1.26)}.card-top{position:absolute;left:15px;right:15px;top:15px;z-index:4;display:flex;justify-content:space-between;align-items:flex-start}.card-top h3{font:900 17px/.95 "Archivo Black";margin:0;text-shadow:0 3px 10px #000}.card-top small{display:block;margin-top:5px;font-size:8px;color:#ded4e4}.card-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--acid);background:rgba(8,5,12,.75);color:var(--acid);font-size:18px;box-shadow:0 0 22px rgba(200,255,61,.12)}.card-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;text-align:center;padding:14px;font-size:9px;font-weight:900;color:#b85cff;letter-spacing:.08em}.card-bottom span{margin-left:8px}.district-card:hover .card-bottom{color:var(--acid)}
.feature-strip{padding:80px 5vw;background:#08060c;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;overflow:hidden}.feature-copy h2{font:900 clamp(52px,7vw,108px)/.82 "Archivo Black";letter-spacing:-.045em;margin:16px 0}.feature-copy h2 span{color:var(--purple)}.feature-copy p{color:#aaa1af;line-height:1.75;max-width:560px}.feature-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;border:1px solid var(--line);margin:28px 0}.feature-stats div{padding:18px;border-right:1px solid var(--line)}.feature-stats div:last-child{border:0}.feature-stats b{display:block;font:900 24px "Archivo Black"}.feature-stats small{color:#8d8493;font-size:8px}.feature-art{position:relative;min-height:520px;display:grid;place-items:center}.feature-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(142,50,233,.25);filter:blur(85px);animation:breathe 4s infinite}.feature-art img{position:relative;z-index:2;width:min(520px,90%);filter:drop-shadow(0 35px 42px #000);animation:float 4s ease-in-out infinite}
.collection{padding:90px 38px;background:#0a0710}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:12px 0 28px}.section-head h2{font:900 clamp(40px,5vw,76px)/.9 "Archivo Black";margin:0;letter-spacing:-.035em}.section-head p{margin:0;color:#9b93a1;font-size:11px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.nft{position:relative;aspect-ratio:1;background:#120d17;border:1px solid var(--line);overflow:hidden;border-radius:10px}.nft img{width:100%;height:100%;object-fit:cover;transition:.4s}.nft:hover img{transform:scale(1.055)}.nft-info{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:10px;background:rgba(7,4,10,.74);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:9px}.nft-info b{font-family:"Archivo Black"}.nft-info span{color:var(--acid)}
.roadmap{padding:90px 5vw;background:linear-gradient(180deg,#09060e,#08060c)}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.phase{padding:26px;border:1px solid var(--line);background:rgba(255,255,255,.022);min-height:220px;position:relative;overflow:hidden}.phase:before{content:attr(data-phase);position:absolute;right:-5px;top:-18px;font:900 84px "Archivo Black";color:rgba(155,80,255,.07)}.phase span{color:var(--acid);font-size:8px;letter-spacing:.15em}.phase h3{font:900 22px "Archivo Black";margin:14px 0}.phase p{color:#8e8594;font-size:10px;line-height:1.7}
.audio-player{position:fixed;right:24px;bottom:20px;z-index:75;display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(8,5,12,.88);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.35)}.audio-cover{width:37px;height:37px;border-radius:7px;object-fit:cover}.audio-meta{min-width:115px}.audio-meta b{display:block;font-size:9px}.audio-meta small{color:#8e8594;font-size:7px}.equalizer{display:flex;gap:2px;align-items:center;height:22px}.equalizer i{width:2px;background:var(--acid);animation:eq .8s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s}.equalizer i:nth-child(3){animation-delay:.4s}.equalizer i:nth-child(4){animation-delay:.1s}.audio-toggle{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#100b16}
footer{margin-left:var(--sidebar);padding:45px 38px;background:#050307;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}footer h2{font:900 clamp(28px,4vw,58px)/.9 "Archivo Black";margin:8px 0}footer h2 span{color:var(--purple)}footer p{color:#736c79;font-size:9px}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px}
.modal{position:fixed;inset:0;z-index:500;background:rgba(3,2,5,.86);backdrop-filter:blur(17px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s;padding:20px}.modal.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(1100px,94vw);height:min(700px,88vh);background:#0b0810;border:1px solid var(--line);overflow:hidden;border-radius:14px}.modal-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.modal-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,4,10,.96),rgba(7,4,10,.18))}.modal-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:550px}.modal-copy h3{font:900 clamp(48px,7vw,100px)/.85 "Archivo Black";margin:15px 0}.modal-copy p{color:#c2b8c7;line-height:1.7}.close{position:absolute;right:18px;top:18px;z-index:5;width:40px;height:40px;border:1px solid var(--line);background:#0a0710}
@keyframes eq{from{height:4px}to{height:20px}}
@media(max-width:1180px){.district-grid{grid-template-columns:repeat(3,1fr)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.feature-strip{grid-template-columns:1fr}.feature-art{min-height:420px}.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){main,footer{margin-left:0}.hero-brush{font-size:31px}.hero-title{font-size:72px}.weather{top:76px;right:15px}.districts,.collection{padding-left:15px;padding-right:15px}.district-grid{grid-template-columns:1fr}.district-card{height:370px}.feature-strip{padding:75px 20px}.feature-stats{grid-template-columns:1fr}.feature-stats div{border-right:0;border-bottom:1px solid var(--line)}.collection-grid,.roadmap-grid{grid-template-columns:1fr}.roadmap{padding:70px 20px}.audio-player{right:10px;bottom:10px}.audio-meta{display:none}footer{padding:35px 18px;flex-direction:column;align-items:start;gap:25px}}
.brand{
    display:flex;
    align-items:center;
    height:58px;
    padding-left:20px;
}

.brand-logo{
    height:42px;
    width:auto;
    display:block;
}