@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e8e4da;background:#050807;font-synthesis:none;--mint: #71c7b8;--amber: #d8a85c;--line: rgba(213, 226, 217, .14);--muted: #85908a}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#050807}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--mint);outline-offset:4px}.landing{position:relative;min-height:100vh;overflow:hidden;padding:34px 5vw;background:radial-gradient(circle at 82% 45%,rgba(42,97,82,.15),transparent 29%),radial-gradient(circle at 30% 85%,rgba(128,91,40,.07),transparent 34%),#060908}.landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to right,transparent 20%,#000);mask-image:linear-gradient(to right,transparent 20%,#000)}.site-mark{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;font:500 10px/1 DM Mono,monospace;letter-spacing:.14em}.site-mark>span:last-child{color:#58635f;margin-left:5px}.site-mark em{color:var(--mint);font-style:normal;border-left:1px solid var(--line);padding-left:10px}.mark-dot{width:7px;height:7px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 10px #71c7b880}.hero-copy{position:relative;z-index:2;width:min(630px,57vw);margin:clamp(110px,18vh,180px) 0 0 7vw}.eyebrow{font:400 10px/1.4 DM Mono,monospace;letter-spacing:.18em;color:var(--mint)}.hero-copy h1{margin:26px 0 24px;font-size:clamp(60px,7vw,112px);line-height:.89;font-weight:300;letter-spacing:-.065em}.hero-intro{color:#9ba49f;font-size:clamp(15px,1.2vw,18px);line-height:1.7;max-width:490px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid rgba(113,199,184,.38);background:#4a80731f;padding:15px 18px;margin-top:24px;font-size:12px;cursor:pointer;transition:.25s ease}.primary-button:hover{background:#67b19f33;border-color:var(--mint);transform:translateY(-1px)}.headphone-note{display:flex;gap:9px;align-items:center;color:#68736e;font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.12em;margin-top:17px}.drop-card{position:absolute;z-index:3;right:7vw;bottom:13vh;width:min(350px,31vw);padding:23px;border:1px solid var(--line);background:#080e0cad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:auto 1fr;gap:8px 17px;align-items:start;transition:.2s ease}.drop-card.dragging{border-color:var(--mint);background:#285b4f47;transform:scale(1.015)}.drop-glyph{color:var(--amber);margin-top:3px}.drop-card strong,.drop-card span{display:block}.drop-card strong{font-size:13px;font-weight:500}.drop-card span{color:#77827c;font-size:11px;line-height:1.5;margin-top:5px}.text-button,.experience-header button{display:inline-flex;align-items:center;gap:7px;background:none;padding:0;border:0;cursor:pointer;font:400 9px DM Mono;color:#a7b1ab;text-transform:uppercase;letter-spacing:.1em}.text-button{grid-column:2;margin-top:8px;color:var(--mint)}.landing-error{position:absolute;right:7vw;bottom:7.5vh;max-width:350px;color:#e7a87a;font-size:11px}.privacy{position:absolute;bottom:34px;left:5vw;display:flex;align-items:center;gap:9px;color:#56615c;font:400 9px DM Mono;letter-spacing:.07em}.ambient-orbit{position:absolute;width:min(57vw,780px);aspect-ratio:1;top:5%;right:-8%;border:1px solid rgba(115,172,158,.07);border-radius:50%}.ambient-orbit i{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(115,172,158,.06);border-radius:50%}.ambient-orbit i:nth-child(2){top:28%;right:28%;bottom:28%;left:28%}.ambient-orbit i:nth-child(3){top:43%;right:43%;bottom:43%;left:43%;background:#6cbca909;box-shadow:0 0 100px #63b29f1f}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#0b1713,#050807 55%)}.loading-screen p{margin:28px 0 8px;font-weight:300;font-size:23px}.loading-screen span{color:#69746e;font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase}.loading-ring{width:60px;height:60px;border:1px solid rgba(113,199,184,.15);border-top-color:var(--mint);border-radius:50%;animation:spin 1.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen>svg{color:#d4a05d;width:30px;height:30px;margin-bottom:25px}.error-screen h1{font-size:clamp(35px,5vw,68px);letter-spacing:-.05em;font-weight:300;margin:13px 0}.error-screen>p:not(.eyebrow){color:var(--muted);max-width:520px}.error-screen .primary-button{gap:10px}.experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050807}.experience:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 180px #000000b8}.experience-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#102019,#050807 60%)}.grain{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;opacity:.035;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='.7'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}.guided-overlay,.lab-ui{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.guided-overlay button,.lab-ui button,.lab-ui input,.lab-ui label{pointer-events:auto}.advance-surface{position:absolute;z-index:0;top:77px;right:0;bottom:0;left:0;border:0;background:transparent;cursor:e-resize}.experience-header{position:absolute;top:0;left:0;right:0;height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw}.experience-header button{color:#78837d}.experience-header button:hover{color:#e8e4da}.experience-header>div{display:flex;gap:27px}.scale-label{position:absolute;top:103px;left:50%;transform:translate(-50%);color:#5d6963;font:8px DM Mono;letter-spacing:.15em;white-space:nowrap}.guided-caption{position:absolute;left:8vw;bottom:15vh;width:min(620px,65vw);animation:caption-in .9s ease both}@keyframes caption-in{0%{opacity:0;transform:translateY(18px)}}.guided-caption>span{color:var(--amber);font:9px DM Mono;letter-spacing:.14em}.guided-caption h2{font-weight:300;font-size:clamp(34px,4.4vw,70px);line-height:1;letter-spacing:-.05em;margin:20px 0 15px}.guided-caption p{color:#8a958f;line-height:1.6;font-size:13px;max-width:480px}.continue-button{display:inline-flex;align-items:center;gap:11px;margin-top:14px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(113,199,184,.45);background:none;color:var(--mint);cursor:pointer;font:9px DM Mono;letter-spacing:.13em;text-transform:uppercase}.guided-progress{position:absolute;height:1px;left:8vw;right:8vw;bottom:7vh;background:#ffffff21}.guided-progress i{display:block;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint);transition:width .2s linear}.guided-navigation{position:absolute;left:50%;bottom:calc(7vh - 14px);transform:translate(-50%);display:flex;align-items:center;gap:13px}.guided-navigation button{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);background:#050908c2;cursor:pointer}.guided-navigation button:disabled{opacity:.25;cursor:default}.guided-navigation span{color:#58635e;font:8px DM Mono;letter-spacing:.12em}.round-control{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(208,220,213,.3);border-radius:50%;background:#080d0bcc;cursor:pointer}.guided-play{position:absolute;right:8vw;bottom:calc(7vh - 19px)}.mode-description{position:absolute;left:3.2vw;top:108px}.mode-description span{color:var(--mint);font:10px DM Mono;letter-spacing:.16em}.mode-description p{color:#79847e;font-size:11px;margin:8px 0}.view-tabs{position:absolute;left:3.2vw;bottom:119px;display:flex}.view-tabs button{min-width:110px;padding:13px 17px;text-align:left;background:#060a0985;border:1px solid var(--line);color:#66716b;text-transform:uppercase;font:400 9px DM Mono;letter-spacing:.12em;cursor:pointer}.view-tabs button+button{border-left:0}.view-tabs button.active{color:#e8e4da;background:#54837824;box-shadow:inset 0 -1px var(--mint)}.view-tabs span{color:#4e5b55;margin-right:12px}.parameter-panel{position:absolute;top:105px;right:3.2vw;width:245px;padding:18px;background:#070c0abd;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.parameter-panel>p{margin:0 0 20px;font:9px DM Mono;letter-spacing:.12em}.parameter-panel>p span{float:right;color:#56625c;font-size:7px}.parameter-panel label{display:grid;grid-template-columns:1fr auto;gap:9px;color:#8c9691;font:9px DM Mono;text-transform:uppercase;letter-spacing:.08em;margin-top:17px}.parameter-panel output{color:#d2d6d2}.parameter-panel input{grid-column:1 / -1;width:100%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:#e6f0ea33;accent-color:var(--mint)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #71c7b8b3}.transport{position:absolute;left:0;right:0;bottom:0;height:88px;border-top:1px solid var(--line);background:#050908e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 3.2vw;gap:15px}.track-meta{display:flex;align-items:center;gap:13px;width:225px;min-width:0}.track-meta i{width:31px;height:31px;flex:0 0 auto;background:radial-gradient(circle,rgba(113,199,184,.5),transparent 65%),repeating-radial-gradient(circle,#263c36 0,#263c36 1px,#0e1714 2px,#0e1714 4px);border-radius:50%}.track-meta div{min-width:0}.track-meta strong,.track-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta strong{font-size:11px;font-weight:500}.track-meta span{color:#66716b;font-size:9px;margin-top:4px}.icon-button{border:0;background:none;color:#6e7973;cursor:pointer}.transport time{color:#717c76;font:9px DM Mono}.seek{flex:1;min-width:80px}.volume{display:flex;align-items:center;gap:10px;color:#5f6b65;font:8px DM Mono}.volume input{width:65px}.info-scrim{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#010403b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.info-panel{width:min(560px,100%);height:100%;overflow:auto;padding:8vh 7%;background:#09100e;border-left:1px solid var(--line);animation:panel-in .45s ease both;position:relative}@keyframes panel-in{0%{transform:translate(100%)}}.info-close{position:absolute;top:28px;right:30px;background:none;border:0;cursor:pointer;color:#84908a}.info-panel h2{font-size:clamp(37px,4vw,57px);font-weight:300;letter-spacing:-.055em;line-height:1;margin:24px 0 35px}.info-panel>p:not(.eyebrow,.caveat){color:#9aa49e;line-height:1.75;font-size:14px}.info-panel dl{margin:40px 0}.info-panel dl div{display:grid;grid-template-columns:100px 1fr;padding:19px 0;border-top:1px solid var(--line)}.info-panel dt{color:var(--mint);font:10px DM Mono;text-transform:uppercase}.info-panel dd{color:#8c9791;line-height:1.6;font-size:12px;margin:0}.caveat{border-left:1px solid var(--amber);color:#777f7a;padding-left:18px;font:9px/1.7 DM Mono;text-transform:uppercase;letter-spacing:.06em}@media(max-width:780px){.landing{padding:25px 22px 110px;overflow-y:auto}.hero-copy{width:auto;margin:16vh 0 0}.hero-copy h1{font-size:clamp(54px,17vw,82px)}.hero-intro{max-width:95%}.drop-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:70px}.privacy{position:relative;left:auto;bottom:auto;margin-top:23px}.ambient-orbit{width:100vw;right:-50%;top:7%}.landing-error{position:static}.experience-header{height:63px;padding:0 18px}.experience-header>div button:first-child{display:none}.guided-caption{left:23px;bottom:17vh;width:calc(100% - 46px)}.guided-caption h2{font-size:37px}.guided-caption p{font-size:11px;max-width:88%}.guided-progress{left:23px;right:23px}.guided-play{right:23px}.mode-description{left:19px;top:82px}.parameter-panel{top:auto;bottom:143px;right:16px;width:210px;max-height:196px;overflow:auto}.parameter-panel label{margin-top:12px}.view-tabs{left:16px;right:16px;bottom:98px}.view-tabs button{flex:1;min-width:0;text-align:center;padding:12px 4px}.view-tabs span{display:none}.transport{height:82px;padding:0 17px;gap:10px;flex-wrap:wrap;align-content:center}.track-meta{width:calc(100% - 95px)}.transport .icon-button{display:none}.transport .seek{order:8;flex-basis:calc(100% - 72px)}.transport time{order:7}.transport time+.seek+time{order:9}.volume{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.grain{display:none}}