@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#f4f4ee;background:#080909;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d7ff55;outline-offset:8px}button:disabled{cursor:wait}button{border:0;background:none}a{color:inherit}.hero{height:100vh;height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#070808;--mx:0px;--my:0px}.image-stage{position:absolute;inset:0;z-index:-4;overflow:hidden}.band{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:translate(var(--mx),var(--my)) scale(1.09);filter:brightness(.85);opacity:0;transition:transform 1.8s cubic-bezier(.18,.7,.3,1),opacity 1.8s,filter 2s}.loaded .band{opacity:1;transform:translate(var(--mx),var(--my)) scale(1.025)}.is-playing .band{filter:brightness(.97)}.shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(0,0,0,.52),transparent 22%,transparent 42%,rgba(0,0,0,.32) 65%,#070808 100%)}.grain{position:absolute;inset:0;pointer-events:none;z-index:3;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%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;inset:35px 3.3% auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{width:112px;height:auto;display:block}nav{display:flex;align-items:center;gap:36px}nav button{text-transform:uppercase;letter-spacing:1.1px;font-size:10px;padding:10px 0;transition:color .3s}nav button:hover{color:#d7ff55}nav button>span:not(.mini-eq){margin-left:5px}.sound-nav{display:flex;gap:8px;align-items:center}.mini-eq{height:15px;display:flex;gap:3px;align-items:center}.mini-eq i{width:2px;height:3px;background:#d7ff55}.is-playing .mini-eq i{animation:equalize .6s calc(var(--i)*-.17s) infinite alternate}.eyebrow{position:absolute;top:132px;left:3.3%;font-size:10px;letter-spacing:2.3px;display:flex;align-items:center;gap:10px}.side-label{position:absolute;right:3.3%;top:33%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2.5px;color:#aaa}.title-wrap{position:absolute;left:3.1%;right:3.1%;bottom:170px}h1{margin:0;overflow:visible}.title-bottom{margin-top:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b5b6ae}.title-bottom:before{content:"";position:absolute;left:0;right:0;bottom:-26px;border-bottom:1px solid #ffffff26}footer{position:absolute;bottom:31px;left:3.3%;right:3.3%;display:flex;align-items:flex-end;justify-content:space-between}.frequency{display:flex;flex-direction:column}.frequency-label{font-size:8px;letter-spacing:1.8px;color:#b4b6ae}.frequency canvas{width:180px;height:35px;margin-left:-1px}.demo{font-size:7px;letter-spacing:1.3px;color:#74766d}.enter{display:flex;align-items:center;gap:24px;padding:0}.enter-copy{font-size:11px;letter-spacing:2px;text-align:right}.enter-copy small{display:block;margin-top:9px;color:#81857b;font-size:7px;letter-spacing:1.35px}.orb{width:68px;height:68px;border:1px solid #d7ff55;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .4s,box-shadow .4s}.orb:before{content:"";position:absolute;inset:-6px;border:1px solid #d7ff5528;border-radius:50%;border-top-color:#d7ff5580;transition:transform 1s}.enter:hover .orb{background:#d7ff55;box-shadow:0 0 35px #d7ff5518}.enter:hover .orb svg{stroke:#080909}.is-playing .orb:before{animation:rotate 8s linear infinite}.orb svg{height:21px;width:21px;stroke:#d7ff55;fill:none;stroke-width:1.4}.toast{position:absolute;left:50%;top:90px;transform:translate(-50%);font-size:11px;letter-spacing:.5px;text-align:center;background:#111e;color:#d7ff55;border-radius:3px;max-width:85vw}.toast:not(:empty){padding:14px 20px;border:1px solid #d7ff5540}.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}@keyframes equalize{to{height:15px}}@keyframes rotate{to{transform:rotate(360deg)}}header,.eyebrow,footer,.title-bottom,.side-label{animation:entrance 1.3s both .6s}@keyframes entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-aspect-ratio:18/9){.band{object-position:center 43%}.title-wrap{bottom:155px;width:76%;left:12%}.eyebrow{top:100px}}@media (max-width:700px){.hero{min-height:600px}header{inset:24px 6% auto}.nav-logo{width:86px}nav{gap:20px}nav button{font-size:8px;letter-spacing:.3px}nav button>span{display:none}.sound-nav>span:last-child{display:none}nav .mini-eq{display:flex}.eyebrow{left:6%;top:100px;font-size:8px;letter-spacing:1.8px}.image-stage{inset:110px -24% 20%}.band{object-fit:contain;object-position:50% 32%;transform:scale(1.06)}.loaded .band{transform:scale(1.02)}.shade{background:linear-gradient(#070808 9%,transparent 26%,transparent 43%,#070808 77%)}.side-label{display:none}.title-wrap{left:6%;right:6%;bottom:220px}.title-bottom{font-size:7px;letter-spacing:1.15px;margin-top:22px;gap:20px}.edition{display:none}.title-bottom:before{bottom:-28px}footer{left:6%;right:6%;bottom:40px;align-items:flex-end}.frequency-label{font-size:6px;letter-spacing:1px}.frequency canvas{width:95px}.demo{font-size:5.5px;letter-spacing:.5px}.enter{gap:14px}.enter-copy{font-size:8px;letter-spacing:1px}.enter-copy small{font-size:5.5px;letter-spacing:.6px}.orb{width:52px;height:52px}.toast{top:130px;width:max-content}}@media (prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.band{transform:none!important}}@media (max-width:700px){.image-stage{inset:110px -7% 20%;mask-image:linear-gradient(transparent 0%,#000 14%,#000 82%,transparent 100%)}.band{object-position:50% 36%}}.hero-logo{display:block;width:100%;height:auto;overflow:visible;fill:#f4f4f4}.letter-hit{pointer-events:all}.letter-reveal{opacity:0;transform:translateY(65px);transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .8s;transition-delay:calc(.18s + var(--order)*.11s);pointer-events:none}.loaded .letter-reveal{opacity:1;transform:translateY(0)}.letter-motion{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),fill .5s;pointer-events:none}@media (hover:hover) and (pointer:fine){.logo-letter:hover .letter-motion{transform:translateY(-7px) rotate(-1.5deg);fill:#d7ff55}}@media (prefers-reduced-motion:reduce){.letter-reveal{opacity:1;transform:none}.logo-letter:hover .letter-motion{transform:none}}.letter-audio{transform-box:fill-box;transform-origin:center bottom;pointer-events:none;will-change:transform}@media (max-width:700px){.eyebrow{font-size:12px;line-height:1.5;max-width:88%;letter-spacing:1.8px}.image-stage{inset:75px -18.4% 24%;mask-image:none}.band{object-position:50% 22%;mask-image:linear-gradient(#000 0%,#000 52%,transparent 85%)}.shade{background:linear-gradient(#070808 7%,transparent 22%,transparent 37%,#070808 72%)}.title-wrap{bottom:145px}.title-bottom{margin-top:18px}.title-bottom:before{bottom:-20px}footer{bottom:max(30px,env(safe-area-inset-bottom));gap:12px}}@media (prefers-reduced-motion:reduce){.letter-audio{transform:none!important;will-change:auto}}@media (max-width:700px){.image-stage .band{position:absolute;top:70px;left:0;width:100%;height:auto;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}}