:root{--black:#070707;--ink:#0b0c0f;--gold:#d9c89d;--blue:#111d32;--white:#eeeae0;--line:rgba(217,200,157,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Aptos,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:9;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 3.4vw;border-bottom:1px solid var(--line)}.mark{color:var(--white);text-decoration:none;font-size:2rem;font-weight:700;letter-spacing:-.11em}.mark span{color:var(--gold);font-size:.85rem;vertical-align:top;margin-left:.12em}.status,.sound{font-size:.68rem;letter-spacing:.2em;color:var(--gold)}.status i{display:inline-block;width:5px;height:5px;background:#9dc7a4;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #9dc7a4}.sound{border:0;background:transparent;cursor:pointer}.bars{display:inline-flex;gap:2px;align-items:flex-end;height:10px;margin-right:8px}.bars b{display:block;width:1px;height:4px;background:var(--gold)}.bars b:nth-child(2){height:9px}.bars b:nth-child(3){height:6px}.sound[aria-pressed=true] .bars b{animation:pulse .7s infinite alternate}.sound[aria-pressed=true] .bars b:nth-child(2){animation-delay:.2s}.sound[aria-pressed=true] .bars b:nth-child(3){animation-delay:.4s}@keyframes pulse{to{height:2px}}
.hero{position:relative;min-height:100svh;padding:23vh 7vw 7vh;background:radial-gradient(circle at 65% 48%,rgba(22,42,72,.7),transparent 38%),linear-gradient(120deg,#050505 30%,#080b10 75%,#111827);display:flex;flex-direction:column;justify-content:center}.eyebrow,.detail-label,.portal-top,.portal-copy p,dt{color:var(--gold);font-size:.65rem;letter-spacing:.26em}.hero h1{margin:1.3rem 0;font-size:clamp(4rem,11.5vw,11rem);line-height:.72;letter-spacing:-.085em;font-weight:800}.hero h1 em{color:transparent;-webkit-text-stroke:1px var(--gold);font-style:normal;margin-left:12vw}.manifesto{font-family:inherit;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.4;color:#c7c3b9;margin:2.2rem 0 0 50%}.scroll-cue{position:absolute;bottom:5vh;left:7vw;color:var(--gold);font-size:.65rem;letter-spacing:.22em;text-decoration:none}.scroll-cue span{margin-left:1rem}.coordinates{position:absolute;right:3vw;bottom:5vh;text-align:right;color:#777;font-size:.6rem;line-height:1.7;letter-spacing:.18em}.signal-line{position:absolute;top:24%;right:0;width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.signal-line span{position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;top:-3px;left:36%;box-shadow:0 0 20px var(--gold)}
.worlds{display:grid;grid-template-columns:repeat(3,1fr);min-height:92vh;border-top:1px solid var(--line)}.portal{position:relative;min-height:92vh;padding:32px;border-right:1px solid var(--line);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:background .5s}.portal:hover,.portal:focus{outline:0;background:#101116}.portal-top{display:flex;justify-content:space-between}.portal-copy{position:relative;z-index:2}.portal-copy h2{font-size:clamp(2rem,4vw,4.8rem);letter-spacing:-.06em;margin:.25rem 0 1rem}.enter{font-size:.68rem;letter-spacing:.2em;color:#aaa}.enter b{color:var(--gold);margin-left:12px}.orb{position:absolute;inset:18% 8% 27%;display:grid;place-items:center}.orb div{width:min(25vw,350px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 35%,#988d6d 0,#342f25 25%,#080808 68%);box-shadow:0 0 70px rgba(217,200,157,.11)}.wave{position:absolute;left:0;right:0;top:42%;height:100px;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--gold) 8px 9px,transparent 10px 15px);mask-image:radial-gradient(ellipse at center,#000 0,transparent 68%);opacity:.4;transform:skewY(-3deg)}.syro{background:radial-gradient(circle at 50% 42%,rgba(105,92,67,.2),transparent 34%)}.syro-silhouette{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:210px;height:360px}.head{position:absolute;width:155px;height:145px;background:linear-gradient(135deg,#b3aa97,#4e4a43);border-radius:44% 44% 38% 38%;left:28px;z-index:2;box-shadow:inset -20px -15px 30px rgba(0,0,0,.45)}.head i{position:absolute;width:22px;height:2px;background:#171717;top:65px;transform:rotate(45deg)}.head i:after{content:"";position:absolute;inset:0;background:#171717;transform:rotate(90deg)}.head i:first-child{left:34px}.head i:last-child{right:34px}.headphones{position:absolute;top:-12px;left:7px;width:197px;height:130px;border:17px solid #222;border-bottom:0;border-radius:90px 90px 0 0;z-index:3}.body{position:absolute;width:205px;height:210px;bottom:0;background:linear-gradient(120deg,#4a4842,#171717);border-radius:70px 70px 30px 30px;box-shadow:inset -25px -15px 50px #111}.body span{position:absolute;top:55px;left:84px;color:var(--gold);font-size:2.4rem}
.detail{min-height:75vh;border-top:1px solid var(--line);padding:9vh 7vw;display:grid;grid-template-columns:.55fr 1.25fr .8fr;gap:7vw;align-items:start;background:#090909}.detail h3{margin:0;font-size:clamp(3rem,6vw,7rem);line-height:.88;letter-spacing:-.07em}.detail p{max-width:540px;color:#aaa;font-family:inherit;font-size:1.15rem;line-height:1.55;margin:2rem 0}.outline{display:inline-block;border:1px solid var(--gold);color:var(--gold);background:none;padding:15px 20px;font-size:.65rem;letter-spacing:.18em;text-decoration:none;cursor:pointer}.detail dl{margin:0}.detail dl div{border-top:1px solid var(--line);padding:17px 0}.detail dd{margin:8px 0 0;font-size:.82rem;letter-spacing:.08em}.archive{display:block;background:radial-gradient(circle at 20% 20%,rgba(16,31,53,.6),transparent 37%),#090909}.archive>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin:5vh 0 8vh}.tapes{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.tapes li{display:grid;grid-template-columns:.25fr 1.2fr 1fr auto;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.tapes li>span{color:var(--gold);font-size:.7rem}.tapes strong{font-size:clamp(1.4rem,3vw,3rem);letter-spacing:-.04em}.tapes em{font-style:normal;color:#777;font-size:.65rem;letter-spacing:.16em}.tapes button{background:none;border:1px solid var(--line);color:var(--gold);width:42px;height:42px;border-radius:50%;cursor:pointer}.object{background:radial-gradient(circle at 80% 40%,rgba(105,92,67,.15),transparent 35%),#080808}footer{border-top:1px solid var(--line);padding:8vh 7vw;display:flex;justify-content:space-between;align-items:flex-end}footer p{font-size:1.3rem;line-height:1.15;letter-spacing:-.03em;margin:0}footer>span{font-size:.6rem;color:#777;letter-spacing:.15em}
@media(max-width:800px){.topbar{padding:22px 20px}.status{display:none}.hero{padding:20vh 22px 9vh}.hero h1{font-size:19vw;line-height:.78}.hero h1 em{margin-left:5vw}.manifesto{margin:2rem 0 0 25%;font-size:1.05rem}.coordinates{display:none}.scroll-cue{left:22px}.worlds{display:block}.portal{min-height:77svh;padding:24px;border-bottom:1px solid var(--line)}.orb div{width:62vw}.detail{grid-template-columns:1fr;padding:10vh 24px;gap:5vh}.archive>div:nth-child(2){grid-template-columns:1fr}.tapes li{grid-template-columns:.25fr 1fr auto}.tapes em{display:none}.syro-silhouette{transform:translate(-50%,-50%) scale(.85)}footer{align-items:flex-start;gap:40px;flex-direction:column}}
.syro{background:#090909}.syro-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08) brightness(.72);transition:filter .5s,transform .8s}.syro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,4,.15) 15%,rgba(4,4,4,.12) 48%,rgba(4,4,4,.92) 90%);pointer-events:none}.syro:hover .syro-image,.syro:focus .syro-image{filter:saturate(.88) contrast(1.04) brightness(.88);transform:scale(1.025)}
@media(max-width:800px){.syro-image{object-position:center 38%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sound[aria-pressed=true] .bars b{animation:none}.syro-image{transition:none}}

/* Launch refinements */
a{color:inherit}.be-first-link{font-size:.68rem;letter-spacing:.2em;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px}.worlds{min-height:82vh}.portal{min-height:82vh;text-decoration:none}.portal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,3,3,.55),rgba(3,3,3,.05) 44%,rgba(3,3,3,.92));pointer-events:none}.portal-top{position:relative;z-index:2}.portal-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08) brightness(.72);transition:filter .5s,transform .8s}.listening .portal-image{object-position:center}.playlists .portal-image{object-position:center 44%}.portal:hover .portal-image,.portal:focus .portal-image{transform:scale(1.025);filter:saturate(.9) contrast(1.04) brightness(.88)}.syro:after{z-index:1}.tapes li>b{font-size:.58rem;letter-spacing:.16em;color:var(--gold);font-weight:400}.register{min-height:70vh;padding:12vh 7vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(23,42,71,.55),transparent 38%),#070707;border-top:1px solid var(--line)}.register h3{font-size:clamp(5rem,13vw,13rem);letter-spacing:-.09em;line-height:.78;margin:3rem 0 1.5rem}.register>p:not(.eyebrow):not(.form-status){font-family:inherit;color:#aaa;font-size:1.1rem}.register form{display:flex;width:min(680px,100%);border-bottom:1px solid var(--gold);margin-top:3.5rem}.register input{flex:1;min-width:0;border:0;background:transparent;color:var(--white);font:inherit;font-size:.8rem;letter-spacing:.14em;padding:19px 4px;outline:none}.register input::placeholder{color:#777}.register button{border:0;background:transparent;color:var(--gold);font-size:.65rem;letter-spacing:.16em;cursor:pointer;padding:19px 4px 19px 20px}.register button span{margin-left:12px}.form-status{min-height:1.2rem;color:var(--gold);font-size:.7rem;letter-spacing:.12em;margin:1rem 0}.register small{color:#777;font-size:.6rem;letter-spacing:.18em;margin-top:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.portal{min-height:72svh}.register{padding:11vh 24px}.register form{display:grid;grid-template-columns:1fr auto}.register h3{font-size:25vw}.tapes li>b{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.portal-image{transition:none}}
button,input,select,textarea{font-family:inherit}