
:root{--bg:#030910;--ink:#eef5fa;--muted:#a2b2c1;--blue:#98dfff;--line:#23323f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:#8cddff;color:#03101a}.wrap{width:min(1280px,88%);margin:auto}.skip{position:fixed;top:-80px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:10px}header{position:absolute;top:0;left:0;width:100%;z-index:5;border-bottom:1px solid #ffffff13}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{width:188px;display:block;filter:invert(1);mix-blend-mode:screen}.links{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.035em;color:#c7d2dc}.links a:hover{color:white}.nav-contact{border:1px solid #4c6577;padding:13px 21px}.menu{display:none;background:none;border:1px solid #516678;color:white;padding:10px 14px}.hero{min-height:850px;min-height:min(900px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:160px 0 130px}.hero-art{position:absolute;z-index:-2;width:min(800px,65vw);right:-4%;top:50%;transform:translateY(-48%);opacity:.86;animation:breathe 10s ease-in-out infinite}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030910 0%,#030910f0 22%,#03091070 49%,transparent 72%),linear-gradient(0deg,#030910,transparent 20%)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:500;color:var(--blue);display:flex;gap:15px;align-items:center}.eyebrow:before{content:'';width:27px;height:1px;background:var(--blue)}h1{font-size:clamp(52px,6.5vw,91px);font-weight:400;letter-spacing:-.065em;line-height:1.07;margin:32px 0 25px}h1 span{color:#a5cfe7}.hero-copy{max-width:620px}.hero p{font-size:17px;line-height:1.8;max-width:425px;color:#adbdca}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;gap:32px;align-items:center;font-size:12px;padding:17px 24px;background:#d6efff;color:#09141d;transition:background .2s,transform .2s}.button:hover{background:white;transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid #526674;padding-bottom:7px}.hero-foot{position:absolute;bottom:36px;left:6%;right:6%;display:flex;justify-content:space-between;color:#8d9dab;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.hero-foot a{color:#c6d8e4}.ticker{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:.27em;color:#8da6b9}.ticker b{color:#73c7ef;font-weight:300;padding:0 35px;font-size:18px}.section{padding:115px 0}.section-label{font-size:10px;color:#8498a9;letter-spacing:.16em;text-transform:uppercase;margin-bottom:36px}.section-label span{color:#68b7dc;margin-right:20px}h2{font-weight:400;font-size:clamp(36px,4.2vw,58px);letter-spacing:-.045em;line-height:1.15;margin:0}h2 em{font-style:normal;color:#91b7d0}.vision-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.body-copy{font-size:15px;line-height:1.9;color:var(--muted)}.body-copy p:first-child{margin-top:0}.body-copy strong{font-weight:400;color:#edf4f8}.vision-note{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:11px;letter-spacing:.04em;color:#b6cbd9}.vision-note span{color:#7dd6ff}.universe{background:#071019;border-top:1px solid #14232e;border-bottom:1px solid #14232e}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.8;max-width:290px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{min-width:0}.visual{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#16364c,#02080e 65%);border:1px solid #1e3343}.visual svg{width:100%;height:100%;transition:transform .8s}.card:hover .visual svg{transform:scale(1.04)}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030b13a0,transparent 50%);pointer-events:none}.card-no{position:absolute;top:18px;left:18px;color:#9db4c4;font-size:10px;letter-spacing:.16em;z-index:2}.card h3{font-size:19px;font-weight:400;letter-spacing:-.02em;margin:25px 0 12px}.card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.playlist{position:relative;overflow:hidden}.playlist:before{content:'';position:absolute;width:650px;height:650px;left:-250px;top:0;background:radial-gradient(circle,#0a294050,transparent 65%);pointer-events:none}.playlist-grid{display:grid;grid-template-columns:.95fr 1fr;gap:12%;align-items:center}.cover{width:100%;max-width:490px;position:relative;display:block;box-shadow:0 35px 100px #0008}.playlist h2{margin:22px 0}.playlist .body-copy{max-width:440px}.playlist-state{margin-top:30px;border:1px solid #294555;background:#0b1823;padding:22px;display:flex;gap:17px;align-items:center}.spotify{width:32px;height:32px;flex-shrink:0;fill:#a9d8ed}.playlist-state strong{display:block;font-size:13px;font-weight:400;margin-bottom:7px}.playlist-state small{color:#99adbd;font-size:11px;line-height:1.6;display:block}.privacy-note{font-size:10px;line-height:1.7;color:#7890a1;margin-top:13px}.connect{border-top:1px solid #243542;background:radial-gradient(ellipse at 50% 120%,#14344c 0%,#08111b 55%,#030910 100%);text-align:center}.connect .eyebrow{justify-content:center}.connect h2{margin:28px 0}.connect p{color:#a7bac8;font-size:15px;line-height:1.8}.email{font-size:clamp(22px,3.5vw,44px);display:inline-block;letter-spacing:-.03em;margin:20px 0 40px;border-bottom:1px solid #719cb5;padding-bottom:10px}.email span{color:#8dd6fd;margin-left:20px}.future{font-size:11px!important;color:#8098aa!important}.footer{padding:35px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .wordmark{width:150px}.footer-links{display:flex;gap:26px;font-size:11px;color:#a4b7c5}.footer-bottom{border-top:1px solid #1b2b37;margin-top:27px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#71899b;line-height:1.7}.legal{border-top:1px solid var(--line);padding:28px 0;color:#afc0cd;font-size:13px;line-height:1.9}.legal summary{cursor:pointer;color:#d9e7f1}.legal h3{font-weight:400}.legal-content{max-width:780px;padding:20px 0}.draft{font-size:10px;color:#8fa2b0;letter-spacing:.12em;text-transform:uppercase}.legal[open]{padding-bottom:40px}@keyframes breathe{50%{opacity:1;transform:translateY(-48%) scale(1.025)}}@media(min-width:1600px){.hero-art{right:5%}}@media(max-width:1000px){.links{gap:20px}.cards{grid-template-columns:repeat(2,1fr);gap:40px 24px}.visual{height:280px}.hero-art{width:78vw;right:-22%}.vision-grid{gap:7%}.playlist-grid{gap:7%}.hero{min-height:800px}}@media(max-width:700px){.wrap{width:88%}.nav{height:80px}.wordmark{width:155px}.menu{display:block}.links{display:none;position:absolute;top:80px;left:0;right:0;background:#07121bf8;padding:24px 6%;border-bottom:1px solid #294253;flex-direction:column;align-items:stretch;gap:22px}.links.open{display:flex}.hero{min-height:850px;align-items:flex-start;padding-top:130px;padding-bottom:300px}.hero-art{width:500px;max-width:none;top:auto;bottom:-110px;right:-105px;transform:none;opacity:.55;animation:none}.hero:after{background:linear-gradient(180deg,#030910 0%,#030910bb 48%,transparent 75%,#030910 100%)}h1{font-size:57px;margin-top:26px}.hero p{font-size:15px;max-width:340px}.hero-foot{font-size:8px;line-height:1.8;gap:40px}.hero-foot span{max-width:160px}.actions{gap:22px}.button{padding:16px 18px;gap:22px}.ticker{font-size:8px;letter-spacing:.14em;line-height:2}.ticker b{padding:0 10px}.section{padding:75px 0}.vision-grid,.playlist-grid{grid-template-columns:1fr;gap:35px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading p{max-width:100%}.cards{gap:30px 16px}.visual{height:200px}.card h3{font-size:17px}.card p{font-size:12px}.cover{max-width:420px;margin:auto}.playlist-grid{gap:45px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:20px}.connect h2{font-size:42px}}@media(max-width:380px){h1{font-size:49px}.cards{grid-template-columns:1fr}.visual{height:250px}.actions{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Preserve intrinsic brand geometry at every responsive width. */
.hero-art,.cover{height:auto;aspect-ratio:1 / 1;object-fit:contain}.wordmark{height:auto;object-fit:contain}

/* Alternative hero: original CI light waves, with no embedded wordmark. */
.hero{min-height:780px;min-height:clamp(740px,90svh,900px);padding-top:165px;padding-bottom:230px;align-items:center}
.hero-copy{max-width:760px}
.hero-waves{position:absolute;z-index:-2;left:0;right:0;bottom:75px;height:190px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#000 27%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 27%,#000 70%,transparent 100%)}
.hero-waves img{position:absolute;left:50%;top:50%;width:max(100%,1510px);max-width:none;height:auto;aspect-ratio:652 / 82;object-fit:contain;transform:translate(-50%,-50%);opacity:.85}
.hero:after{background:linear-gradient(180deg,transparent 55%,#03091015 75%,#03091080 100%)}
@media(min-width:1600px){.hero-waves{height:240px;bottom:50px}}
@media(max-width:1000px){.hero{min-height:780px}.hero-waves img{width:1510px}}
@media(max-width:700px){.hero{min-height:790px;padding-top:130px;padding-bottom:240px;align-items:flex-start}.hero-waves{bottom:70px;height:160px}.hero-waves img{width:1272px;left:43%;opacity:.75}.hero-copy{max-width:100%}}

/* Reference-led hero: artwork only; all copy and controls remain HTML. */
.hero{min-height:720px;height:clamp(720px,57.4vw,950px);padding:150px 0 190px;align-items:center}
.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.hero:after{background:linear-gradient(90deg,#03091040 0%,#03091020 39%,transparent 58%),linear-gradient(0deg,#03091080,transparent 12%)}
.hero-copy{max-width:55%}.hero p{max-width:490px}.hero h1{font-size:clamp(52px,6.1vw,91px)}
@media(max-width:1100px){.hero{height:auto;min-height:960px;padding:145px 0 460px;align-items:flex-start}.hero-copy{max-width:650px}.hero-scene{top:auto;bottom:0;height:500px}.hero-scene img{position:absolute;width:1000px;height:auto;right:-50px;bottom:0;object-fit:contain}.hero:after{background:linear-gradient(180deg,#030910 0%,#030910 40%,transparent 64%,#03091080 100%)}.hero h1{font-size:70px}}
@media(max-width:700px){.hero{min-height:900px;padding:130px 0 410px}.hero-copy{max-width:100%}.hero h1{font-size:57px}.hero-scene{height:430px;bottom:30px}.hero-scene img{width:800px;right:-75px;bottom:0}.hero:after{background:linear-gradient(180deg,#030910 0%,#030910 45%,transparent 65%,#03091080 100%)}}
@media(max-width:380px){.hero h1{font-size:49px}.hero{min-height:920px}.hero-scene img{right:-90px}}
.social-links{display:flex;justify-content:center;gap:28px;margin:0 0 30px}.legal-content a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}

.submission-link{display:flex;margin-top:12px;background:transparent;color:var(--blue);border:1px solid #476273}.submission-link:hover{background:#142b3b}.submission{border-top:1px solid var(--line);background:linear-gradient(130deg,#07131e,#030910)}.submission-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start}.submission h2{margin:28px 0}.submission .body-copy{max-width:430px}.submission-caption{margin-top:40px;color:#89a9bf;font-size:11px;letter-spacing:.12em;text-transform:uppercase}#submission-form{min-width:0;padding:32px;border:1px solid #294555;background:#0a1620}#submission-form label{display:block;font-size:12px;color:#c7d9e6;margin:20px 0 10px}#submission-form input:not([type=checkbox]){width:100%;border:1px solid #3a5365;border-radius:0;background:#050d15;color:#eef5fa;padding:14px;font:inherit;font-size:16px}#submission-form input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#submission-form input[aria-invalid=true]{border-color:#f0aca4}#submission-form small,.form-note{font-size:11px;color:#9fb4c4;line-height:1.7}#submission-form small{display:block;margin-top:8px}.submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.submission-notice{font-size:12px;color:#b9d9ed;line-height:1.7;border-left:2px solid #98dfff;padding-left:14px;margin:0 0 20px}.submission-ack{display:flex;align-items:flex-start;gap:12px;margin-top:24px}.submission-ack input{flex-shrink:0;width:18px;height:18px;margin:2px 0;accent-color:#98dfff}#submission-form .submission-ack label{margin:0;line-height:1.8}.submission-ack a,.future a{text-decoration:underline;text-underline-offset:3px}.submission-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#submission-form button{margin-top:18px;border:0;cursor:pointer}#submission-form button:disabled{opacity:.55;cursor:wait}#submission-status{font-size:13px;line-height:1.8;color:#b9d9ed;margin-bottom:0}#submission-status[data-state=error]{color:#f0bcb5}
@media(min-width:701px) and (max-width:1100px){.links{gap:16px;font-size:11px}.nav{gap:15px}.nav .wordmark{width:150px}.nav-contact{padding:12px}}@media(max-width:800px){.submission-grid{grid-template-columns:1fr;gap:32px}.submission-caption{margin-top:24px}}@media(max-width:480px){#submission-form{padding:22px}.submission-fields{grid-template-columns:1fr;gap:0}}
