:root { color-scheme: dark; --bg:#080809; --surface:#101013; --surface2:#141417; --ink:#f5eff0; --muted:#a8a2a5; --line:#302b2e; --red:#ed2036; --red2:#9c1325; --shell:1200px; }
*,*::before,*::after {box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}a:focus-visible{outline:2px solid #ff6573;outline-offset:4px}::selection{background:var(--red);color:white}
.shell{width:min(calc(100% - 100px),var(--shell));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;padding:10px;background:#fff;color:#000;z-index:100}.skip-link:focus{top:10px}
.site-header{height:94px;display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.035em;font-size:23px}.brand img{border:1px solid #49232a;border-radius:9px}.brand-punct,.footer-mark span{color:var(--red)}.status{display:flex;gap:11px;align-items:center;color:#bfb1b5;font-size:10px;font-weight:800;letter-spacing:.22em}.status-pulse{width:8px;height:8px;border-radius:50%;background:#e9273e;box-shadow:0 0 0 4px #ea183a1d,0 0 16px #d51429;animation:pulse 2.4s infinite}.header-link{text-decoration:none;font-size:11px;letter-spacing:.19em;font-weight:800;border-bottom:1px solid #6c1e2a;padding-bottom:7px}.header-link span{color:var(--red)}
.hero{isolation:isolate;position:relative;min-height:760px;height:calc(100svh - 94px);max-height:920px;display:flex;align-items:center;overflow:hidden;border-block:1px solid #211b20}.hero-backdrop{position:absolute;z-index:-3;inset:0;background:url('/assets/vssvssn-hero.webp') 66% 37%/cover no-repeat;animation:reveal 1.1s both}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060607 0%,#060607f7 13%,#060607ce 41%,#0705064d 69%,#08060724 100%),linear-gradient(0deg,#080809e8 0%,transparent 28%,#08080959 100%)}.hero::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 68% 61%,transparent 0 20%,#07070835 85%)}.hero-noise{position:absolute;inset:0;opacity:.2;pointer-events:none;z-index:0;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='.64' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.hero-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding-block:80px 100px}.hero-copy{max-width:725px}.eyebrow,.section-index{font-weight:900;letter-spacing:.24em;font-size:11px;color:#e0a0a6}.small-dash{display:inline-block;width:25px;height:2px;background:var(--red);vertical-align:middle;margin-right:13px}.hero-kicker{margin:33px 0 2px;color:#fff;font-size:clamp(15px,2vw,23px);font-weight:800;letter-spacing:.18em}.hero-kicker span{color:#fe4b5e}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(88px,12.6vw,192px);line-height:1.02;letter-spacing:-.042em;margin:0 0 10px;text-shadow:0 3px 22px #0505069a;white-space:nowrap}.glow-dot{color:var(--red);text-shadow:0 0 25px #fd2739a1}.hero-subtitle{font-size:clamp(25px,3.4vw,49px);font-weight:900;letter-spacing:-.035em;line-height:1.03;margin:0 0 24px}.hero-subtitle strong{color:var(--red)}.hero-desc{max-width:500px;font-size:16px;line-height:1.78;color:#c8bdbf;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:27px;text-decoration:none;font-size:11px;letter-spacing:.13em;font-weight:900;padding:16px 23px;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#d81a30;color:#fff;border:1px solid #d81a30;box-shadow:0 10px 35px #a30d2540}.button-primary:hover{background:#ff273f}.button-ghost{background:#0e0c0fbf;border:1px solid #756269;color:#fff}.button-ghost:hover{border-color:#f24a5b}.hero-edge{align-self:stretch;display:flex;align-items:center;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;color:#a8a0a1;opacity:.8}.hero-foot{position:absolute;z-index:2;bottom:31px;left:0;right:0;display:flex;justify-content:space-between;color:#aaa0a2;letter-spacing:.17em;font-size:10px;font-weight:bold}.down-arrow{font-size:19px;color:var(--red);vertical-align:middle;margin-left:8px}
.stream-section{padding-block:125px 145px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.section-heading h2,.build-copy h2,.connect-head h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:.005em;line-height:1.04;font-size:clamp(43px,5.8vw,78px);margin:17px 0 0}.section-heading h2 em,.build-copy h2 em,.connect-head h2 em{font-style:normal;color:var(--red)}.section-heading>p{max-width:330px;color:#a9a0a3;margin:0 0 4px;font-size:15px;line-height:1.85}.stream-layout{display:grid;grid-template-columns:.91fr 1.09fr;gap:37px}.record-art{min-height:410px;position:relative;overflow:hidden;background:#151014}.record-art::after{content:"";position:absolute;inset:0;border:1px solid #2b2529;box-shadow:inset 0 -130px 100px #07070885;pointer-events:none}.record-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.record-art:hover img{transform:scale(1.04)}.record-art-label{position:absolute;bottom:26px;left:25px;font-size:10px;letter-spacing:.22em;font-weight:900;z-index:1}.platform-list{border-top:1px solid #393035}.platform{display:grid;grid-template-columns:43px 1fr 130px 22px;gap:11px;align-items:center;min-height:76px;padding:12px 13px;border-bottom:1px solid #393035;text-decoration:none;transition:background .2s,padding .2s}.platform:hover{background:#191116;padding-left:19px}.platform-number{font-size:10px;color:#d13b4b;letter-spacing:.15em}.platform-name{font-size:clamp(18px,2.5vw,29px);font-weight:900;letter-spacing:-.045em}.platform-kind{color:#a19a9c;font-size:9px;letter-spacing:.12em;text-align:right;font-weight:bold}.platform-arrow{color:var(--red);font-size:21px;text-align:right}
.build-section{background:radial-gradient(circle at 8% 85%,#2c081022,transparent 53%),#101012;border-block:1px solid #2c2729;padding-block:110px}.build-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;align-items:center}.build-copy p{color:#aea3a5;font-size:15px;max-width:360px;line-height:1.85}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.build-card{border:1px solid #3b2e33;background:#151316;padding:27px 24px 25px;min-height:205px;display:flex;flex-direction:column;position:relative}.build-card:before{content:"";height:2px;width:35px;position:absolute;top:-1px;left:23px;background:#e02539}.build-card-num{color:#d84b59;font-size:10px;letter-spacing:.22em;font-weight:bold}.build-card h3{margin:14px 0 4px;font-size:17px;font-weight:900;letter-spacing:.04em}.build-card p{color:#a39a9d;font-size:13px;line-height:1.5;margin:0 0 17px;max-width:210px}.coming{margin-top:auto;font-size:9px;letter-spacing:.13em;color:#e6a4ab;font-weight:bold}
.connect-section{padding-block:126px 145px}.connect-head{max-width:760px}.connect-head p{color:#aaa1a3;max-width:470px;line-height:1.8;font-size:15px;margin:23px 0 44px}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.social-links a{text-decoration:none;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:105px;border:1px solid #3b2f34;background:linear-gradient(110deg,#121013,#0e0d0f);padding:19px 24px;transition:background .2s,border-color .2s,transform .2s}.social-links a:hover{border-color:#a32b39;background:#1e1116;transform:translateY(-2px)}.social-name{font-size:22px;font-weight:900;line-height:1.2;letter-spacing:-.035em}.social-handle{grid-column:1;grid-row:2;color:#b8a8ac;font-size:12px}.social-links a>span:last-child{grid-column:2;grid-row:1/3;color:var(--red);font-size:25px}
.site-footer{padding-block:31px;min-height:90px;display:flex;align-items:center;gap:30px;border-top:1px solid #352d30}.footer-mark{font-weight:900;letter-spacing:.03em;font-size:21px}.site-footer p{margin:0;color:#857e81;font-size:10px;letter-spacing:.13em}.top-link{font-size:10px;font-weight:900;color:#b9a2a7;text-decoration:none;letter-spacing:.1em;margin-left:auto}.top-link:hover{color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #ea183a20,0 0 16px #d51429}50%{box-shadow:0 0 0 8px #ea183a08,0 0 25px #d51429}}@keyframes reveal{from{opacity:.4;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.hero h1{font-size:clamp(78px,13.5vw,145px)}.build-wrap{gap:40px}.stream-layout{gap:22px}.platform{grid-template-columns:30px 1fr 100px 16px}.platform-kind{font-size:8px}}
@media(max-width:800px){.shell{width:min(calc(100% - 42px),var(--shell))}.site-header{height:74px}.brand{font-size:19px;gap:7px}.brand img{height:30px;width:30px}.status{font-size:8px;letter-spacing:.09em}.header-link{display:none}.hero{height:auto;min-height:710px;max-height:none}.hero-backdrop{background-position:63% top}.hero::before{background:linear-gradient(0deg,#080809 1%,#070608c9 35%,#0706075e 69%,#08070855 100%),linear-gradient(90deg,#070708e8,#07070838)}.hero-content{padding-top:215px;padding-bottom:122px;align-items:end}.hero-copy{max-width:680px}.hero-edge{display:none}.hero h1{font-size:clamp(68px,15.8vw,126px)}.hero-desc{max-width:560px}.hero-foot{bottom:25px}.stream-section{padding-block:85px 95px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:23px;max-width:640px}.stream-layout{grid-template-columns:1fr}.record-art{min-height:350px;aspect-ratio:1.5}.build-wrap{grid-template-columns:1fr;gap:30px}.build-section{padding-block:80px}.connect-section{padding-block:80px 95px}}
@media(max-width:500px){.shell{width:calc(100% - 34px)}.site-header{height:66px}.brand{font-size:17px}.status{font-size:7px}.status-pulse{height:6px;width:6px}.hero{min-height:720px}.hero-backdrop{background-size:auto 80%;background-position:69% top}.hero::before{background:linear-gradient(0deg,#080809 0%,#080809f5 21%,#080809dc 41%,#09080958 72%,#06060647 100%)}.hero-content{padding-top:275px;padding-bottom:115px}.eyebrow,.section-index{font-size:9px}.hero-kicker{font-size:13px;margin-top:19px}.hero h1{font-size:clamp(64px,16.3vw,93px)}.hero-subtitle{font-size:clamp(25px,7vw,38px)}.hero-desc{font-size:14px;line-height:1.7}.hero-actions{gap:10px}.button{width:100%;min-height:49px}.hero-foot{font-size:8px;letter-spacing:.08em}.section-heading h2,.build-copy h2,.connect-head h2{font-size:clamp(46px,11vw,68px)}.record-art{aspect-ratio:1.08;min-height:290px}.platform{min-height:74px;grid-template-columns:23px 1fr 20px;gap:7px}.platform-name{font-size:22px}.platform-kind{display:none}.build-grid,.social-links{grid-template-columns:1fr}.build-card{min-height:155px}.connect-section{padding-block:79px 88px}.site-footer{gap:10px;flex-wrap:wrap}.site-footer p{order:3;width:100%;font-size:9px}.top-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Music controls: the only visible playback interface is mute + volume. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-right{display:flex;align-items:center;gap:24px;margin-left:auto}
.site-sound{display:flex;align-items:center;gap:10px;padding:6px 11px 6px 6px;border:1px solid #462630;border-radius:7px;background:linear-gradient(115deg,#1b0e13,#0e0c0f);min-height:42px}
.sound-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;color:#ff5264;cursor:pointer;min-height:30px;padding:5px;font:800 10px Arial,Helvetica,sans-serif;letter-spacing:.09em;white-space:nowrap}
.sound-toggle:hover{color:#fff}
.sound-toggle:focus-visible,.volume-slider:focus-visible{outline:2px solid #ff6573;outline-offset:3px}
.volume-icon--off{display:none}.sound-toggle[aria-pressed="true"] .volume-icon--on{display:none}.sound-toggle[aria-pressed="true"] .volume-icon--off{display:block}
.volume-slider{width:96px;height:5px;accent-color:#ed2036;cursor:pointer;touch-action:pan-x}
@media(max-width:1100px){.header-right{gap:14px}.site-sound{gap:7px}.volume-slider{width:78px}}
@media(max-width:800px){.site-header>.status{display:none}.header-right{gap:0}}
@media(max-width:500px){.site-sound{gap:4px;padding:6px;border-radius:6px}.sound-toggle{padding:4px;font-size:0;gap:0}.sound-toggle svg{height:20px;width:20px}.volume-slider{width:79px}.site-header{gap:7px}}
@media(max-width:370px){.brand{font-size:15px;gap:5px}.brand img{width:27px;height:27px}.volume-slider{width:63px}}

/* Official links directory — retains the original VSSVSSN construction styling. */
.directory-section{background:radial-gradient(circle at 83% 0%,#4d0c1730,transparent 50%),#09080a;border-top:1px solid #34262c;padding:106px 0 120px}
.directory-head{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:46px}
.directory-head h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(45px,5.8vw,78px);letter-spacing:.005em;line-height:1.04;margin:17px 0 8px}
.directory-head h2 em{font-style:normal;color:var(--red)}
.directory-head p{font-size:15px;color:#b1a3a8;line-height:1.7;margin:8px 0 0}
.directory-group+.directory-group{margin-top:47px}
.directory-group__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid #4b3038;margin-bottom:15px}
.directory-group__head h3,.directory-group__head h2{font-size:11px;letter-spacing:.24em;color:#f0bec3;font-weight:900;margin:0}
.directory-group__head span{font-size:10px;letter-spacing:.16em;color:#a8878e}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.directory-card{position:relative;display:grid;grid-template-columns:1fr 22px;grid-template-rows:auto auto auto;min-height:130px;gap:3px 12px;background:linear-gradient(123deg,#1c1217,#100e12);border:1px solid #46313a;padding:20px 23px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.directory-card:before{content:"";position:absolute;top:-1px;left:22px;height:2px;width:30px;background:var(--red)}
.directory-card:hover,.directory-card:focus-visible{transform:translateY(-2px);border-color:#df354f;box-shadow:0 6px 30px #4e0a1b47}
.directory-card__type{grid-column:1;grid-row:1;font-size:9px;letter-spacing:.17em;font-weight:bold;color:#df6e7d}
.directory-card__title{grid-column:1;grid-row:2;font-size:clamp(19px,2.7vw,27px);line-height:1.2;letter-spacing:-.03em;font-weight:900}
.directory-card__detail{grid-column:1;grid-row:3;font-size:12px;color:#b5a8ac;overflow-wrap:anywhere}
.directory-card__arrow{grid-column:2;grid-row:2;justify-self:end;color:var(--red);font-size:23px}
.directory-standalone{margin-top:27px}
.links-page .site-header{position:relative}
.links-hero{min-height:365px;border-block:1px solid #35252b;position:relative;overflow:hidden;isolation:isolate}
.links-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/vssvssn-hero.webp') center 43%/cover no-repeat;opacity:.77}
.links-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070708 0%,#090708d9 52%,#0707085c 100%),linear-gradient(0deg,#09080a 0%,transparent 35%)}
.links-hero__inner{padding:68px 0 62px}
.links-hero__eyebrow{font-size:10px;font-weight:900;color:#ef9ea9;letter-spacing:.22em}
.links-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(55px,8vw,105px);letter-spacing:-.015em;line-height:1.04;margin:20px 0 16px}
.links-hero h1 em{color:#ff344c;font-style:normal}
.links-hero p{max-width:520px;color:#ded2d5;line-height:1.7;font-size:15px}
.links-hero__caption{display:block;margin-top:27px;font-size:9px;letter-spacing:.18em;color:#d28b95}
.directory-section--standalone{padding-top:50px;border:0}
.links-footer-cta{border-top:1px solid #4b3038;margin-top:46px;padding-top:27px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.links-footer-cta p{color:#b5a8ac;letter-spacing:.08em;font-weight:bold;font-size:11px;margin:0}
@media(max-width:650px){.directory-section{padding:72px 0 85px}.directory-grid{grid-template-columns:1fr}.directory-card{min-height:111px;padding:17px 19px}.directory-card__title{font-size:24px}.links-hero{min-height:340px}.links-hero__inner{padding:64px 0 50px}.links-hero h1{font-size:clamp(42px,10.8vw,69px)}.links-footer-cta{align-items:stretch;flex-direction:column}.links-footer-cta .button{width:100%}}

/* Sound status: information, NOT an extra media control. */
.audio-status{display:inline-flex;align-items:center;color:#9bdab5;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.10em;max-width:190px}
.audio-status[data-state="blocked"]{color:#ffba83;max-width:220px}
.audio-status[data-state="muted"]{color:#b8aab0}
.audio-status[data-state="error"]{color:#ff8c90}
@media(max-width:1100px){.audio-status{max-width:140px;font-size:8px}}
@media(max-width:800px){.audio-status{display:none}}