main{margin-left:var(--sidebar);padding-top:var(--top)}section{position:relative}
.preloader{position:fixed;inset:0;z-index:1200;background:#050307;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.preloader.hide{opacity:0;visibility:hidden}.pre-inner{width:min(560px,82vw);text-align:center}.pre-logo{width:74px;height:74px;margin:auto;border-radius:20px;display:grid;place-items:center;font:900 28px "Archivo Black";background:linear-gradient(145deg,#b36bff,#40185d);box-shadow:0 0 80px rgba(155,80,255,.45);animation:float 2s ease-in-out infinite}.pre-inner p{font-size:9px;letter-spacing:.35em;color:var(--acid);margin:24px 0 15px}.pre-inner h1{font:900 clamp(38px,7vw,72px)/.88 "Archivo Black";margin:0 0 24px}.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;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.43) saturate(1.12);transform:scale(1.045);transition:transform .1s linear}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,2,7,.05),rgba(7,5,10,.22) 47%,#08060c 100%),radial-gradient(circle at 50% 42%,transparent 3%,rgba(0,0,0,.62) 92%)}.hero-glow{position:absolute;left:50%;top:40%;width:52vw;height:38vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(138,55,238,.29),transparent 68%);filter:blur(15px);animation:breathe 4s ease-in-out infinite}.rain{position:absolute;inset:-30%;opacity:.25;background:repeating-linear-gradient(104deg,transparent 0 22px,rgba(228,212,255,.18) 23px 24px,transparent 25px 48px);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:70px 20px 145px}.hero-content .entering{font-size:9px;letter-spacing:.45em;color:#d5c7dc;margin-bottom:20px}.hero-title{font:900 clamp(65px,9vw,145px)/.75 "Archivo Black";letter-spacing:-.045em;margin:0;text-shadow:0 8px 45px rgba(0,0,0,.55)}.hero-title span{display:block;color:transparent;background:linear-gradient(180deg,#bf83ff 0%,#8c3ff0 75%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 25px rgba(151,75,255,.25))}.explore{margin:34px auto 0;width:205px;height:49px;border:1px solid #a363ff;background:rgba(24,12,32,.4);font-weight:900;font-size:12px;box-shadow:0 0 35px rgba(155,80,255,.14);transition:.25s}.explore:hover{transform:translateY(-3px);background:var(--purple)}.scrollhint{display:block;margin-top:11px;font-size:8px;letter-spacing:.22em;color:#9c93a1}.weather{position:absolute;right:25px;top:25px;z-index:7;display:flex;gap:10px;align-items:center;color:#d1c8d6;font-size:8px}.weather b{font-size:22px}.ticker{position:absolute;left:0;right:0;bottom:0;height:35px;z-index:8;background:rgba(5,3,8,.75);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:.13em;color:#8e8796;animation:ticker 22s linear infinite}.ticker-track span{color:var(--acid);margin:0 30px}
.districts{padding:70px 38px 90px;background:linear-gradient(180deg,#08060c,#0b0710)}.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}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.district-card{position:relative;height:310px;border:1px solid var(--line);overflow:hidden;background:#110d16;cursor:pointer;isolation:isolate}.district-card:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 35%,rgba(7,4,10,.95));transition:.35s}.district-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.66) saturate(1.1);transition:.55s}.district-card:hover img{transform:scale(1.08);filter:brightness(.83) saturate(1.24)}.card-copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:3}.card-no{color:var(--acid);font-size:8px;letter-spacing:.15em}.card-copy h3{font:900 23px/.95 "Archivo Black";margin:8px 0 6px}.card-copy p{margin:0;color:#aaa1af;font-size:10px}.card-arrow{position:absolute;right:15px;top:15px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);transform:rotate(-45deg);transition:.3s}.district-card:hover .card-arrow{transform:rotate(0);background:var(--acid);color:#08060c}
.studio{min-height:720px;padding:90px 5vw;background:#08060c;overflow:hidden;border-top:1px solid var(--line)}.studio-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.25) saturate(.95)}.studio:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08060c 0%,rgba(8,6,12,.85) 36%,rgba(8,6,12,.2) 72%,#08060c 100%)}.studio-character{position:absolute;right:4%;bottom:-7%;height:92%;z-index:2;filter:drop-shadow(0 30px 45px #000);animation:float 4s ease-in-out infinite}.studio-copy{position:relative;z-index:4;max-width:660px}.studio-copy h2{font:900 clamp(50px,7vw,110px)/.82 "Archivo Black";letter-spacing:-.045em;margin:18px 0}.studio-copy h2 span{color:var(--purple)}.studio-copy>p{color:#b0a7b5;font-size:15px;line-height:1.7;max-width:540px}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;border:1px solid var(--line);margin:30px 0}.studio-stats div{padding:18px;border-right:1px solid var(--line)}.studio-stats div:last-child{border:0}.studio-stats b{display:block;font:900 24px "Archivo Black"}.studio-stats small{font-size:8px;color:#8b8491}
.collection{padding:90px 38px;background:#0a0710}.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}.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,.72);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)}
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,.84);backdrop-filter:blur(15px);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}.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,.95),rgba(7,4,10,.2))}.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}.close{position:absolute;right:18px;top:18px;z-index:5;width:40px;height:40px;border:1px solid var(--line);background:#0a0710}
@media(max-width:1050px){.district-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.studio-character{right:-15%;opacity:.62}}
@media(max-width:760px){main,footer{margin-left:0}.hero-title{font-size:55px}.weather{top:75px}.districts,.collection{padding:60px 15px}.section-head{align-items:start;flex-direction:column}.district-grid,.collection-grid{grid-template-columns:1fr}.district-card{height:330px}.studio{padding:75px 20px}.studio-character{right:-42%;height:74%}.studio-copy{max-width:90%}footer{padding:35px 18px;flex-direction:column;align-items:start;gap:25px}}