:root{
  --bg:#050505;
  --bg2:#090908;
  --paper:#f2eee5;
  --muted:#8e8b84;
  --line:rgba(255,255,255,.1);
  --gold:#d6ad57;
  --bronze:#a96b3e;
  --silver:#d9dee7;
  --diamond:#d7f2ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}
body.locked{overflow:hidden}
a{color:inherit}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:#111}
.grain{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.055;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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(214,173,87,.08),rgba(214,173,87,0) 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s}

.intro{position:fixed;inset:0;z-index:500;display:grid;grid-template-rows:auto 1fr auto;padding:32px clamp(22px,4vw,68px);background:#030303;overflow:hidden;transition:opacity .9s ease,visibility .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.intro.open{opacity:0;visibility:hidden;transform:scale(1.04)}
.intro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000,transparent 82%)}
.intro-noise{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(214,173,87,.11),transparent 27%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 35%)}
.intro-brand{position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.28em}
.intro-stage{position:absolute;left:50%;top:48%;width:min(520px,42vw);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;perspective:1400px}
.intro-pass{position:relative;z-index:4;width:58%;filter:drop-shadow(0 40px 70px rgba(0,0,0,.7));animation:introFloat 5s ease-in-out infinite;cursor:pointer}
.intro-beam{position:absolute;width:46%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,225,155,.07),transparent);transform:rotate(16deg);filter:blur(12px);animation:beam 4.5s ease-in-out infinite}
.intro-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:spin 18s linear infinite}
.orbit-a{width:62%;aspect-ratio:1}.orbit-b{width:82%;aspect-ratio:1;animation-direction:reverse;animation-duration:27s}.orbit-c{width:104%;aspect-ratio:1;animation-duration:34s}
.orbit-b:before,.orbit-c:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}
.orbit-b:before{top:11%;left:22%}.orbit-c:after{bottom:17%;right:12%}
.intro-copy{position:relative;z-index:2;align-self:end;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.intro-copy p{margin:0;font-size:clamp(11px,1vw,14px);line-height:1.7;letter-spacing:.16em;color:#9a9892}
.enter{width:min(430px,40vw);min-height:66px;border:1px solid rgba(214,173,87,.42);background:rgba(255,255,255,.018);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:0 20px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.14em;transition:.25s}
.enter:hover{background:var(--gold);color:#0a0907;border-color:var(--gold)}
.enter-line{height:1px;background:currentColor;opacity:.36}
.intro-meta{position:relative;z-index:2;display:flex;justify-content:space-between;color:#5f5d58;font-size:9px;font-weight:700;letter-spacing:.17em}

.site{opacity:0;visibility:hidden;transition:opacity .7s ease .2s}
.site.visible{opacity:1;visibility:visible}
.nav{position:fixed;z-index:90;top:0;left:0;right:0;height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 clamp(20px,4vw,64px);background:rgba(5,5,5,.72);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);transition:transform .3s ease}
.logo{display:flex;align-items:baseline;gap:8px;text-decoration:none;font-size:10px;letter-spacing:.21em;font-weight:700}.logo-1000{font-size:24px;letter-spacing:-.06em}
.nav-links{display:flex;justify-content:center;gap:clamp(20px,3.3vw,52px)}.nav-links a{text-decoration:none;color:#8e8c87;font-size:10px;font-weight:600;letter-spacing:.12em;transition:.2s}.nav-links a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:14px;text-decoration:none;border:1px solid rgba(214,173,87,.5);padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:.11em;transition:.2s}.nav-cta:hover{background:var(--gold);color:#0a0907}

.hero{position:relative;min-height:100dvh;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(30px,5vw,90px);padding:130px clamp(22px,5vw,84px) 82px;overflow:hidden}
.hero-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to right,#000,transparent 84%)}
.hero:after{content:"";position:absolute;width:70vw;height:70vw;right:-25vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(214,173,87,.105),transparent 62%)}
.hero-copy,.hero-art,.hero-foot{position:relative;z-index:2}
.live{display:flex;gap:10px;align-items:center;color:#c9a758;font-size:9px;font-weight:700;letter-spacing:.16em}.live span{width:6px;height:6px;border-radius:50%;background:#71ff9d;box-shadow:0 0 16px #71ff9d}
.hero-kicker{margin-top:28px;color:#67655f;font-size:9px;letter-spacing:.19em}
.hero h1{margin:12px 0 0;font:600 clamp(90px,10.5vw,170px)/.68 "Cormorant Garamond",serif;letter-spacing:-.075em}.hero h1 em{font-style:normal;color:var(--gold)}
.hero-copy>p{max-width:510px;margin:38px 0 0;color:#aaa7a0;line-height:1.75;font-size:15px}
.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:36px}.primary{display:inline-flex;gap:24px;align-items:center;background:var(--gold);color:#0d0b08;padding:17px 20px;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.12em}.primary:hover{filter:brightness(1.08)}.secondary{text-decoration:none;color:#8d8b85;font-size:10px;font-weight:700;letter-spacing:.11em}.secondary:hover{color:#fff}
.hero-art{min-height:700px;display:grid;place-items:center;perspective:1500px}.hero-pass{position:absolute;width:min(330px,25vw);filter:drop-shadow(0 35px 55px rgba(0,0,0,.66));transition:transform .25s ease}.hp-bronze{transform:translate(-42%,-4%) rotate(-14deg) scale(.87);z-index:1}.hp-silver{transform:translate(-16%,-7%) rotate(-5deg) scale(.94);z-index:2}.hp-gold{transform:translate(16%,-7%) rotate(5deg) scale(.98);z-index:3}.hp-diamond{transform:translate(43%,-3%) rotate(14deg) scale(.9);z-index:2}.hero-number{position:absolute;z-index:0;font:600 clamp(160px,23vw,380px)/1 "Cormorant Garamond",serif;color:rgba(255,255,255,.035);letter-spacing:-.09em}.halo{position:absolute;border:1px solid rgba(214,173,87,.14);border-radius:50%}.halo-a{width:72%;aspect-ratio:1}.halo-b{width:98%;aspect-ratio:1;border-color:rgba(255,255,255,.06)}
.hero-foot{position:absolute;left:clamp(22px,5vw,84px);right:clamp(22px,5vw,84px);bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);padding-top:18px;color:#5f5d58;font-size:8px;font-weight:700;letter-spacing:.17em}.hero-foot span:not(:first-child){text-align:center}.hero-foot span:last-child{text-align:right}

.ticker{overflow:hidden;border-top:1px solid rgba(214,173,87,.3);border-bottom:1px solid rgba(214,173,87,.3);background:#090806}.ticker-track{width:max-content;display:flex;gap:58px;padding:17px 0;animation:ticker 24s linear infinite;color:#c7a456;font-size:10px;font-weight:700;letter-spacing:.16em}

.section{padding:clamp(90px,11vw,170px) clamp(22px,5vw,84px)}
.section-label{display:flex;gap:18px;align-items:center;color:#706e68;font-size:9px;font-weight:700;letter-spacing:.18em}.section-label span:first-child{color:var(--gold)}
.passes{background:linear-gradient(180deg,#070706,#0a0907 45%,#050505)}.passes-head{display:grid;grid-template-columns:1fr .42fr;gap:70px;align-items:end;margin-top:34px}.passes-head h2,.utility-title h2,.treasury h2,.secret-copy h2,.final-copy h2{margin:0;font:600 clamp(60px,7.8vw,118px)/.82 "Cormorant Garamond",serif;letter-spacing:-.065em}.passes-head h2 em{font-style:normal;color:var(--gold)}.passes-head p{margin:0;color:#97948d;line-height:1.7;max-width:420px}
.pass-showcase{margin-top:90px;border-top:1px solid var(--line)}.pass-row{position:relative;min-height:300px;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,7vw,120px);align-items:center;border-bottom:1px solid var(--line);overflow:hidden;transition:background .25s ease}.pass-row:hover{background:rgba(255,255,255,.018)}.pass-copy{display:grid;align-content:center;padding-left:clamp(0px,4vw,64px)}.tier-name{font-size:11px;letter-spacing:.2em}.pass-copy strong{font:600 clamp(70px,8vw,120px)/.8 "Cormorant Garamond",serif;letter-spacing:-.06em}.pass-frame{height:280px;display:grid;place-items:center;perspective:1000px}.pass-frame img{height:250px;width:auto;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.6));transition:transform .35s ease,filter .35s ease}.pass-row:hover .pass-frame img{transform:translateY(-10px) rotateY(-5deg) scale(1.05);filter:drop-shadow(0 38px 48px rgba(0,0,0,.75))}
.bronze-row .tier-name{color:var(--bronze)}.silver-row .tier-name{color:var(--silver)}.gold-row .tier-name{color:var(--gold)}.diamond-row .tier-name{color:var(--diamond)}
.mega-mint{margin-top:84px;min-height:118px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-top:1px solid rgba(214,173,87,.45);border-bottom:1px solid rgba(214,173,87,.45);font:600 clamp(35px,4.8vw,72px) "Cormorant Garamond",serif;transition:.25s}.mega-mint span:last-child{font:700 10px "Space Grotesk",sans-serif;letter-spacing:.15em;color:var(--gold)}.mega-mint:hover{padding:0 24px;background:rgba(214,173,87,.035)}

.utility{background:#070707}.utility-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px);margin-top:42px}.utility-title{position:sticky;top:120px;align-self:start}.massive{display:block;font:600 clamp(90px,14vw,220px)/.7 "Cormorant Garamond",serif;color:rgba(214,173,87,.06);letter-spacing:-.08em;margin-bottom:-28px}.utility-title p{max-width:420px;color:#97948d;line-height:1.7}.utility-cards{border-top:1px solid var(--line)}.utility-card{min-height:150px;display:grid;grid-template-columns:54px .8fr 1.2fr;gap:26px;align-items:center;border-bottom:1px solid var(--line);transition:.25s}.utility-card:hover{padding-left:16px;border-color:rgba(214,173,87,.42)}.utility-card>span{color:var(--gold);font-size:9px}.utility-card h3{margin:0;font-size:clamp(20px,2vw,30px);letter-spacing:-.035em}.utility-card p{margin:0;color:#8f8d86;line-height:1.6}.secret-card{background:linear-gradient(90deg,transparent,rgba(214,173,87,.035),transparent)}

.treasury{position:relative;overflow:hidden;background:linear-gradient(135deg,#12100b,#090909 62%)}.treasury-bg{position:absolute;right:-3vw;bottom:-9vw;font:600 clamp(250px,40vw,660px)/.7 "Cormorant Garamond",serif;color:rgba(255,255,255,.025);letter-spacing:-.1em}.treasury-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-top:72px}.eyebrow{margin-bottom:16px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em}.treasury-copy p{color:#aaa79f;line-height:1.8;font-size:18px}.treasury-status{margin-top:30px;display:flex;align-items:center;gap:12px;color:#77746d;font-size:9px;font-weight:700;letter-spacing:.15em}.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);animation:pulse 2s ease-in-out infinite}

.secret{background:#030303;overflow:hidden}.secret-stage{display:grid;grid-template-columns:1fr .9fr;gap:clamp(50px,8vw,130px);align-items:center;margin-top:50px;min-height:660px}.secret-door{position:relative;width:min(560px,44vw);aspect-ratio:1;justify-self:center;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:repeating-conic-gradient(from 0deg,#17150f 0 5deg,#070707 5deg 10deg);box-shadow:inset 0 0 0 18px #050505,inset 0 0 0 20px rgba(214,173,87,.17),inset 0 0 110px #000,0 0 120px rgba(214,173,87,.035);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.secret-door.open{transform:rotate(-18deg) scale(.92);filter:brightness(1.2)}.door-lines{position:absolute;inset:7%;border:1px solid rgba(214,173,87,.22);border-radius:50%;box-shadow:inset 0 0 0 26px rgba(255,255,255,.018)}.door-ring{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;animation:spin 24s linear infinite}.ring-1{inset:17%}.ring-2{inset:29%;border-color:rgba(214,173,87,.32);animation-direction:reverse}.door-lock{position:absolute;width:130px;aspect-ratio:1;border:1px solid rgba(214,173,87,.7);border-radius:50%;display:grid;place-items:center;align-content:center;background:#070706;box-shadow:0 0 45px rgba(214,173,87,.08)}.door-lock span{font:600 34px "Cormorant Garamond",serif;color:var(--gold)}.door-lock small{font-size:7px;letter-spacing:.2em;color:#79766e}.classified{color:#65635d;font-size:9px;font-weight:700;letter-spacing:.19em}.secret-copy p{max-width:460px;color:#98958e;line-height:1.7}.secret-btn{margin-top:25px;width:min(440px,100%);height:68px;border:1px solid rgba(214,173,87,.45);background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.12em;transition:.25s}.secret-btn:hover{background:var(--gold);color:#0c0a07}.secret-reveal{max-height:0;opacity:0;overflow:hidden;display:grid;gap:8px;border-left:1px solid var(--gold);padding-left:18px;margin-top:22px;transition:.55s}.secret-reveal.open{max-height:170px;opacity:1;padding-top:16px;padding-bottom:16px}.secret-reveal small,.secret-reveal span{color:#77746d;font-size:8px;letter-spacing:.17em}.secret-reveal strong{font:600 clamp(40px,5vw,70px) "Cormorant Garamond",serif;color:var(--gold)}

.final-cta{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;background:radial-gradient(circle at 20% 50%,rgba(215,242,255,.06),transparent 26%),#080808}.final-pass{display:grid;place-items:center}.final-pass img{height:min(560px,65vh);filter:drop-shadow(0 48px 65px rgba(0,0,0,.72));animation:finalFloat 6s ease-in-out infinite}.final-copy>span{color:#77746d;font-size:9px;font-weight:700;letter-spacing:.2em}.final-copy p{color:#94918b;font-size:18px}.final-copy a{margin-top:30px;display:inline-flex;gap:36px;align-items:center;background:var(--gold);color:#0a0907;padding:19px 24px;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.13em}

footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:60px clamp(22px,5vw,84px);border-top:1px solid var(--line);background:#030303}.footer-mark{font:600 72px "Cormorant Garamond",serif;color:rgba(255,255,255,.08);letter-spacing:-.08em}.footer-main{display:grid;gap:8px}.footer-main strong{font-size:14px;letter-spacing:.16em}.footer-main span{font-size:8px;color:#65635d;letter-spacing:.18em}.footer-links{display:flex;gap:24px;align-items:center}.footer-links a,.footer-links span{text-decoration:none;color:#7a7770;font-size:9px;font-weight:700;letter-spacing:.12em}.footer-links a:hover{color:var(--gold)}

.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}

@keyframes introFloat{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-14px) rotateY(4deg)}}@keyframes beam{0%,100%{opacity:.3;transform:translateX(-30%) rotate(16deg)}50%{opacity:.9;transform:translateX(30%) rotate(16deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes finalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:110px}.hero-copy{order:2}.hero-art{order:1;min-height:560px}.hero-pass{width:min(300px,42vw)}.hero h1{font-size:clamp(86px,18vw,150px)}
  .passes-head,.utility-layout,.treasury-grid,.secret-stage,.final-cta{grid-template-columns:1fr}.utility-title{position:static}.secret-door{width:min(520px,78vw)}.final-pass{order:1}.final-copy{order:2}
}
@media(max-width:720px){
  .cursor-glow{display:none}.intro{padding:20px 16px}.intro-stage{width:86vw;top:43%}.intro-pass{width:62%}.intro-copy{display:grid;gap:24px;margin-bottom:60px}.enter{width:100%}.intro-meta{font-size:6px}
  .nav{height:66px;padding:0 16px}.nav-links{display:none}.nav-cta{padding:10px 12px;font-size:8px}.logo-1000{font-size:21px}
  .hero{padding:92px 16px 58px;min-height:auto}.hero-art{min-height:430px}.hero-pass{width:52vw}.hp-bronze{transform:translate(-34%,0) rotate(-12deg) scale(.8)}.hp-silver{transform:translate(-12%,-5%) rotate(-4deg) scale(.9)}.hp-gold{transform:translate(12%,-5%) rotate(4deg) scale(.94)}.hp-diamond{transform:translate(34%,0) rotate(12deg) scale(.82)}.hero-number{font-size:55vw}.hero-foot{position:static;grid-template-columns:1fr 1fr;margin-top:32px}.hero-foot span:not(:first-child),.hero-foot span:last-child{text-align:left}
  .section{padding:82px 16px}.passes-head{gap:24px}.passes-head h2,.utility-title h2,.treasury h2,.secret-copy h2,.final-copy h2{font-size:clamp(54px,16vw,82px)}
  .pass-showcase{margin-top:55px}.pass-row{min-height:235px;grid-template-columns:.72fr 1.28fr;gap:12px}.pass-copy{padding-left:0}.pass-frame{height:210px}.pass-frame img{height:185px}.pass-copy strong{font-size:62px}
  .utility-card{grid-template-columns:34px 1fr;gap:10px;padding:22px 0}.utility-card p{grid-column:2}.secret-stage{min-height:auto}.secret-door{width:88vw}.door-lock{width:92px}.final-cta{gap:30px}.final-pass img{height:440px}
  footer{grid-template-columns:1fr}.footer-mark{font-size:52px}.footer-links{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Hover reveal for collection passes */
.pass-frame img{
  opacity:0;
  transform:translateY(14px) scale(.94) rotateY(-8deg);
  pointer-events:none;
  transition:
    opacity .28s ease,
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .35s ease;
}
.pass-row:hover .pass-frame img{
  opacity:1;
  transform:translateY(-8px) scale(1.05) rotateY(-4deg);
  filter:drop-shadow(0 38px 48px rgba(0,0,0,.78));
}
.pass-row:not(:hover) .pass-frame img{
  opacity:0;
}
@media (hover:none){
  .pass-frame img{
    opacity:1;
    transform:none;
  }
}


/* Interactive hero tier selector */
.hero-selector{
  position:relative;
  align-content:center;
  padding:34px 22px 0;
}
.tier-deck{
  position:relative;
  z-index:4;
  width:min(760px,100%);
  height:560px;
  display:grid;
  place-items:center;
  perspective:1600px;
}
.deck-card{
  --x:0px;
  --y:0px;
  --r:0deg;
  --s:1;
  --ry:0deg;
  --parallax-x:0px;
  --parallax-y:0px;
  position:absolute;
  width:min(330px,25vw);
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transform:
    translate3d(calc(var(--x) + var(--parallax-x)),calc(var(--y) + var(--parallax-y)),0)
    rotate(var(--r))
    rotateY(var(--ry))
    scale(var(--s));
  transform-origin:50% 88%;
  transition:
    transform .72s cubic-bezier(.18,.82,.22,1),
    filter .55s ease,
    opacity .45s ease;
  will-change:transform;
}
.deck-card img{
  width:100%;
  height:auto;
  filter:drop-shadow(0 34px 54px rgba(0,0,0,.68));
  pointer-events:none;
}
.deck-card.is-active{
  z-index:8!important;
  cursor:default;
}
.deck-card.is-active img{
  filter:drop-shadow(0 42px 66px rgba(0,0,0,.82));
}
.deck-card:not(.is-active):hover{
  filter:brightness(1.14);
}
.tier-counter{
  position:absolute;
  z-index:10;
  top:38px;
  right:34px;
  display:flex;
  gap:8px;
  align-items:center;
  color:#c6c1b6;
  font-size:9px;
  font-weight:700;
  letter-spacing:.25em;
}
.counter-slash{color:#67645e}
.tier-selector-meta{
  position:absolute;
  z-index:10;
  left:4%;
  right:4%;
  bottom:72px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
  font-size:9px;
  font-weight:700;
  letter-spacing:.17em;
}
.tier-selector-meta strong{font-size:10px}
.tier-selector-meta span{color:#c8c3b7}
.tier-tabs{
  position:absolute;
  z-index:11;
  left:4%;
  right:4%;
  bottom:10px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.tier-tab{
  position:relative;
  height:46px;
  padding:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:#77746e;
  cursor:pointer;
  font-size:10px;
  transition:color .25s ease,border-color .25s ease;
}
.tier-tab:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:2px;
  background:currentColor;
  transition:width .35s cubic-bezier(.2,.8,.2,1);
}
.tier-tab:hover{color:#d8d3ca}
.tier-tab.is-active{color:var(--gold);border-color:rgba(214,173,87,.28)}
.tier-tab.is-active:after{width:100%}
.hero-selector[data-active-tier="bronze"] .tier-tab.is-active{color:var(--bronze)}
.hero-selector[data-active-tier="silver"] .tier-tab.is-active{color:var(--silver)}
.hero-selector[data-active-tier="gold"] .tier-tab.is-active{color:var(--gold)}
.hero-selector[data-active-tier="diamond"] .tier-tab.is-active{color:var(--diamond)}
.hero-selector:before{
  content:"";
  position:absolute;
  z-index:1;
  width:76%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,173,87,.07),transparent 64%);
  pointer-events:none;
}
@media(max-width:1050px){
  .tier-deck{height:520px}
  .deck-card{width:min(300px,42vw)}
  .tier-selector-meta{bottom:70px}
}
@media(max-width:720px){
  .hero-selector{padding:18px 0 0}
  .tier-deck{height:390px;width:100%}
  .deck-card{width:48vw}
  .tier-counter{top:14px;right:4px;font-size:7px}
  .tier-selector-meta{left:0;right:0;bottom:58px;padding-bottom:13px;font-size:7px}
  .tier-selector-meta strong{font-size:8px}
  .tier-tabs{left:0;right:0;bottom:0;gap:7px}
  .tier-tab{height:39px;font-size:8px}
}


/* Collection entrance — stage two */
.collection-gate{
  --mx:50%;
  --my:45%;
  position:fixed;
  inset:0;
  z-index:450;
  display:grid;
  place-items:center;
  padding:36px clamp(20px,5vw,70px);
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(214,173,87,.105),transparent 24%),
    linear-gradient(180deg,#0b0b08 0%,#070706 52%,#050505 100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  transition:opacity .8s ease,visibility .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);
}
.collection-gate.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.collection-gate.exit{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.025);
}
.collection-gate-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:radial-gradient(circle at center,#000,transparent 76%);
}
.collection-gate-orbit{
  position:absolute;
  left:50%;
  top:38%;
  border:1px solid rgba(255,255,255,.065);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.orbit-one{
  width:min(720px,67vw);
  aspect-ratio:1;
}
.orbit-two{
  width:min(930px,84vw);
  aspect-ratio:1;
  border-color:rgba(214,173,87,.09);
}
.collection-gate-inner{
  position:relative;
  z-index:3;
  width:min(980px,92vw);
  text-align:center;
  display:grid;
  justify-items:center;
  align-content:center;
}
.collection-gate-deck{
  position:relative;
  width:min(430px,54vw);
  height:min(300px,31vw);
  margin-bottom:6px;
  perspective:1400px;
}
.gate-pass{
  position:absolute;
  left:50%;
  bottom:0;
  width:42%;
  transform-origin:50% 90%;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.68));
  animation:gateFloat 5.6s ease-in-out infinite;
}
.gate-bronze{
  z-index:1;
  transform:translateX(-92%) rotate(-14deg) scale(.92);
  animation-delay:-.6s;
}
.gate-silver{
  z-index:2;
  transform:translateX(-64%) rotate(-6deg) scale(.98);
  animation-delay:-1.2s;
}
.gate-gold{
  z-index:4;
  transform:translateX(-50%) rotate(2deg) scale(1.03);
}
.gate-diamond{
  z-index:3;
  transform:translateX(-18%) rotate(13deg) scale(.91);
  animation-delay:-1.8s;
}
.collection-gate-kicker{
  margin-top:3px;
  color:var(--gold);
  font-size:9px;
  font-weight:700;
  letter-spacing:.27em;
}
.collection-gate h2{
  margin:22px 0 0;
  font:600 clamp(52px,6.4vw,94px)/.92 "Cormorant Garamond",serif;
  letter-spacing:-.045em;
}
.collection-gate h2 em{
  font-style:italic;
  font-weight:500;
  color:var(--gold);
}
.collection-gate p{
  margin:26px 0 0;
  color:#8d8a83;
  font-size:14px;
}
.collection-gate-enter{
  margin-top:26px;
  min-width:min(310px,82vw);
  height:64px;
  padding:0 18px 0 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:34px;
  border:1px solid rgba(214,173,87,.78);
  outline:1px solid rgba(214,173,87,.36);
  outline-offset:6px;
  background:var(--gold);
  color:#0a0907;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.collection-gate-enter:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 16px 42px rgba(214,173,87,.12);
}
.collection-gate-meta{
  position:absolute;
  z-index:3;
  left:clamp(20px,5vw,70px);
  right:clamp(20px,5vw,70px);
  bottom:26px;
  display:flex;
  justify-content:space-between;
  color:#55534e;
  font-size:7px;
  font-weight:700;
  letter-spacing:.18em;
}
@keyframes gateFloat{
  0%,100%{margin-bottom:0}
  50%{margin-bottom:7px}
}
@media(max-width:720px){
  .collection-gate{padding:22px 16px}
  .collection-gate-orbit{top:36%}
  .collection-gate-deck{
    width:72vw;
    height:49vw;
  }
  .gate-pass{width:46%}
  .collection-gate h2{font-size:clamp(44px,13vw,68px)}
  .collection-gate p{font-size:12px}
  .collection-gate-enter{
    min-width:78vw;
    height:58px;
  }
  .collection-gate-meta{
    left:16px;
    right:16px;
    bottom:16px;
    font-size:5.5px;
  }
}


/* Final visual alignment: larger desktop entrance + centered mobile selector */
@media (min-width:1051px){
  .collection-gate-deck{
    width:min(760px,62vw);
    height:min(470px,39vw);
    margin-bottom:0;
  }
  .gate-pass{
    width:55%;
  }
  .collection-gate-orbit{
    top:40%;
  }
  .orbit-one{
    width:min(790px,66vw);
  }
  .orbit-two{
    width:min(1020px,84vw);
  }
}

@media (max-width:720px){
  .hero-selector .tier-deck{
    transform:translateY(-30px);
  }
}


/* Fill desktop selector orbit with a larger pass deck */
@media (min-width:1051px){
  .hero-selector .tier-deck{
    width:min(900px,100%);
    height:620px;
  }
  .hero-selector .deck-card{
    width:min(460px,34vw);
  }
}


/* Center enlarged desktop deck inside the orbital circle */
@media (min-width:1051px){
  .hero-selector .tier-deck{
    transform:translateY(-24px);
  }
}


/* Remove homepage pass circles */
.hero-selector .halo,
.hero-selector .halo-a,
.hero-selector .halo-b{
  display:none !important;
}
.hero-selector::before{
  content:none !important;
}
