:root{--bg:#101014;--panel:#19181e;--line:#34313c;--text:#fff5e8;--dim:#c1b9c5;--mute:#938b9d;--pink:#ff86bc;--orange:#ffd19a;--teal:#bbd7ac;--sunset:linear-gradient(135deg,#ffdaaa,#ff84b6 60%,#b08eff)}
body{background:radial-gradient(ellipse at 80% 0%,#30202f 0,transparent 42%),var(--bg)}
.wrap{max-width:1560px;padding:0 56px}header{min-height:100px}.brand small{color:var(--orange)}.wire-mark{box-shadow:4px 5px 0 #583644;border:1px solid #ffe0b2;border-radius:2px;transform:rotate(-5deg)}.brand b{font-size:29px}.status{gap:14px}.music,.btn{border-color:#625562;border-radius:2px;padding:11px 17px}.status #updated{max-width:280px}.dot{box-shadow:0 0 10px #bad6ab66}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}.masthead nav{display:flex;gap:28px}.masthead a:hover{color:var(--pink)}.masthead>span{color:var(--orange)}
.banner{margin-top:24px;height:640px;isolation:isolate;background:#302238 url('skyline.svg') center/cover;box-shadow:0 20px 70px #0005;outline:1px solid #ffdbad24}
.banner:before{z-index:0;background:linear-gradient(90deg,#130d20ee 0%,#190f24ca 39%,#160e2099 68%,#160d2066),linear-gradient(0deg,#130d20ee,transparent 50%)}
.hero-copy{padding:74px 54px;max-width:710px;z-index:3}.hero-copy h1{font-size:clamp(72px,7.8vw,115px);margin:24px 0;letter-spacing:-1px}.hero-copy h1 span{background:var(--sunset);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:15px;color:#eadbe7}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.hero-copy .eyebrow:before{content:'';width:24px;height:2px;background:var(--pink)}.hero-link{background:var(--orange);box-shadow:4px 4px 0 #924955;border-radius:0;gap:52px}.hero-link:hover{background:#ffb8d3;transform:translateY(-2px)}.hero-caption{z-index:3;bottom:27px;left:54px;right:38px}.hero-caption span:last-child{color:#ffcb9d}
.hero-stage{--rx:8deg;--ry:-16deg;position:absolute;right:6%;top:75px;width:390px;height:460px;perspective:1000px;z-index:2;pointer-events:none}.stage-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.stage-orbit{position:absolute;left:20px;top:180px;width:350px;height:230px;border:1px solid #ffb8d386;border-radius:50%;transform:rotateX(72deg) translateZ(-35px);box-shadow:0 0 25px #ff689b1c,inset 0 0 35px #ff689b14}.stage-orbit.two{transform:rotateX(72deg) translateZ(-68px);border-color:#ffe2b940;width:290px;left:50px}
.vi-solid{position:absolute;inset:0;transform-style:preserve-3d;font-family:Anton,Impact,sans-serif;font-size:280px;line-height:1;letter-spacing:-10px;text-align:center;padding-top:50px}.vi-solid span{position:absolute;left:0;right:0;top:50px;color:#7a385d;transform:translateZ(calc(var(--depth) * -4px));text-shadow:1px 1px 0 #552542}.vi-solid .vi-face{transform:translateZ(0);background:linear-gradient(155deg,#fff0c9 10%,#ffb2ac 40%,#ff68b2 67%,#a577eb);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;-webkit-text-stroke:1px #ffd2d6;filter:drop-shadow(1px 2px 0 #ffe4c291)}
.stage-label{position:absolute;left:63px;right:26px;top:336px;background:#211729ed;border:1px solid #b87791;box-shadow:7px 8px 0 #10081888;padding:14px 19px;transform:translateZ(40px) rotate(-3deg)}.stage-label small{font:9px Inter,Arial,sans-serif;letter-spacing:2px;display:block;color:#e6a9c5}.stage-label b{font-family:Anton,Impact,sans-serif;font-size:26px;letter-spacing:1px;font-weight:400}.stage-label span{float:right;font:23px Arial;color:var(--orange)}.stage-floor{position:absolute;left:-60px;right:-50px;bottom:0;height:150px;background:repeating-linear-gradient(90deg,transparent 0 44px,#ffcaec15 44px 45px),repeating-linear-gradient(0deg,transparent 0 29px,#ffcaec15 29px 30px);transform:rotateX(70deg) translateZ(-70px);mask-image:linear-gradient(0deg,transparent,#000)}
.hero{position:relative;margin:0 24px 64px;background:linear-gradient(130deg,#242029,#19171e);border:1px solid #625063;border-top:3px solid #ffc6a7;box-shadow:10px 14px 0 #08070a,0 24px 45px #0004;transform:translateY(-10px);z-index:4;grid-template-columns:1.2fr 1fr}.hero>.card{padding:29px 30px}.hero>.countdown{padding-right:30px}.hero>.stats{padding-left:30px}.cd{gap:35px}.cd span{font-size:54px;color:#ffcca3;text-shadow:2px 3px 0 #754249}.stats{gap:16px}.stat b{font-size:31px}.section-heading h2{font-size:46px}.section-note{color:#a499af}.top{gap:18px}.feature{--card-x:0deg;--card-y:0deg;background:linear-gradient(145deg,#f7e7d8,#e9d2cc);min-height:255px;border-top:0;border-bottom:5px solid #d9819b;box-shadow:6px 6px 0 #563144;transform:perspective(900px) rotateX(var(--card-x)) rotateY(var(--card-y));transition:transform .25s,box-shadow .25s}.feature:nth-child(2){background:linear-gradient(140deg,#edd6e1,#d7c8e5);border-bottom-color:#9682b0}.feature:nth-child(3){background:linear-gradient(140deg,#f3d9bd,#e4bea3);border-bottom-color:#bd8268}.feature:hover{box-shadow:9px 12px 0 #563144}.feature:focus-visible{transform:none}.feature .num{color:#a87787;font-size:34px;top:19px}.feature h3{font-size:21px;line-height:1.3}.feature .meta{color:#5e4755}.feature .src{color:#563846}.card{border-radius:0}.bar{gap:9px}.chip{border-radius:0;padding:10px 12px}.chip.on{background:var(--pink);border-color:var(--pink)}.search{border-radius:0;padding:12px 14px}.grid{gap:48px}.item{padding:26px 0}.item h4{font-size:23px}.item:hover h4{color:var(--pink)}aside .card{background:linear-gradient(125deg,#211c27,#18151e);border-top:2px solid #98728d;box-shadow:5px 5px 0 #09080b}aside h2{color:#f6cebd}.more{border-radius:0}.empty{border:1px dashed var(--line)}footer{font-size:11px}.offline-note{color:var(--pink)}
@media(max-width:1200px){.wrap{padding:0 30px}.hero-stage{right:2%;width:330px;transform:scale(.86);transform-origin:right center}.hero-copy{max-width:640px;padding:70px 40px}.hero-copy h1{font-size:91px}.hero>.card{padding:26px}.cd{gap:23px}.hero{margin-right:14px;margin-left:14px}.hero>.stats{grid-template-columns:repeat(2,1fr)}.hero-caption{left:40px}.feature h3{font-size:19px}}
@media(max-width:950px){.hero-stage{right:-1%;transform:scale(.7)}.hero-copy{max-width:530px;padding:68px 30px}.hero-copy h1{font-size:78px}.hero-copy p{font-size:13px}.masthead>span{font-size:9px}.section-note{display:none}.grid{gap:26px}.hero>.card{padding:24px}.cd{gap:17px}.cd span{font-size:44px}}
@media(max-width:740px){.wrap{padding:0 18px}header{padding:20px 0;gap:16px}.brand b{font-size:25px}.masthead{gap:12px;font-size:8px;letter-spacing:.8px}.masthead nav{gap:16px}.masthead>span{display:none}.banner{height:770px;background-position:55% center;margin-top:17px}.banner:before{background:linear-gradient(0deg,#190e24eb,#190e2499 65%,#170e23da)}.hero-copy{padding:42px 25px;max-width:100%}.hero-copy h1{font-size:clamp(48px,14vw,68px);margin:22px 0}.hero-copy p{font-size:13px}.hero-link{margin-top:24px;padding:15px 18px}.hero-stage{top:360px;left:50%;right:auto;margin-left:-195px;width:390px;transform:scale(.66);transform-origin:center top}.hero-caption{left:25px;right:25px;bottom:25px;font-size:8px}.hero{margin:0 8px 46px;grid-template-columns:1fr}.hero>.card{padding:25px 19px}.hero>.countdown{padding-right:19px}.hero>.stats{padding-left:19px;grid-template-columns:repeat(4,1fr)}.cd{gap:16px}.cd span{font-size:48px}.stat b{font-size:24px}.stat span{font-size:9px}.top{gap:18px}.feature{min-height:205px}.feature h3{font-size:21px}.section-heading h2{font-size:39px}.grid{gap:32px}.item h4{font-size:21px}.search{width:100%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}}
@media(max-width:380px){.hero-copy h1{font-size:48px}.brand b{font-size:22px}.status #updated{font-size:9px}.hero>.stats{grid-template-columns:repeat(2,1fr)}.cd span{font-size:43px}.hero-caption{font-size:7px;gap:10px}}
@media(prefers-reduced-motion:reduce),(hover:none){.stage-object{transform:rotateX(8deg) rotateY(-16deg)!important;transition:none}.feature{transform:none!important;transition:none}.hero-link:hover{transform:none}}

@media(max-width:380px){.cd{gap:8px}.cd div{min-width:46px}.hero>.countdown{padding-left:16px;padding-right:16px}.stage-label b{font-size:25px}}

.source-library>p{font-size:11px;color:var(--dim);line-height:1.8;margin-bottom:20px}.source-library h3{font-size:9px;letter-spacing:1.2px;color:var(--pink);margin:24px 0 8px}.source-library a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--text)}.source-library a:hover{color:var(--pink)}.source-library a span{color:var(--orange)}.source-library .source-note{margin:20px 0 0;font-size:10px;color:var(--mute)}.outlet-filter{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:var(--dim);margin-left:auto}.outlet-filter select{max-width:225px;min-height:42px;background:var(--panel);color:var(--text);border:1px solid var(--line);font:12px Inter,Arial,sans-serif;padding:9px 12px}.outlet-filter+.search{margin-left:0}@media(max-width:1100px){.outlet-filter{margin-left:0}.outlet-filter+.search{width:100%}}@media(max-width:740px){.outlet-filter{width:100%;margin-top:8px}.outlet-filter select{flex:1;max-width:none}}