@font-face{font-family:Newsreader;src:url(newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Instrument Sans;src:url(instrument-sans.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--black: #0A0908;--line: #3A342E;--text: #F4E9DA;--text-soft: #BBAFA0;--accent: #F2913D;--accent-pink: #EE6A8F;--accent-violet: #A27BFF;--on-accent: #1C0F06;--grad: linear-gradient(95deg, #A27BFF 0%, #EE6A8F 52%, #F59A45 100%);--error: #FF9C8A;--success: #A9DFC0;--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Newsreader", Georgia, serif;--gutter: clamp(20px, 6vw, 96px);--space: clamp(140px, 24vw, 340px);--ease-out: cubic-bezier(.22, .8, .24, 1);--t-fast: .18s;--t-mid: .5s;--z-nav: 40}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font:400 1.0625rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}img,canvas{display:block;max-width:100%}img{height:auto}h1,h2,p,figure{margin:0}a{color:inherit}::selection{background:#a27bff55}h1,h2{font-weight:400;letter-spacing:-.035em;line-height:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--text);color:var(--black);padding:10px 16px;border-radius:8px;transform:translateY(-200%)}.skip:focus{transform:none}.btn{--fill: var(--black);-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1.5px solid transparent;background:linear-gradient(var(--fill),var(--fill)) padding-box,var(--grad) border-box;color:var(--text);font:600 1rem/1 var(--sans);border-radius:999px;white-space:nowrap;touch-action:manipulation;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-mid) ease}.btn:hover{--fill: #19130F;box-shadow:0 6px 30px #a27bff33}.btn:active{transform:scale(.97)}.nav{position:fixed;inset:0 0 auto;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter) 30px;background:linear-gradient(180deg,#0a0908e6 40%,#0a090800)}.wordmark{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.logo{height:30px;width:auto}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead .w.grad{opacity:.35}.lead .w.grad.on{opacity:1}.nav-link{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:.9375rem;text-decoration:none}.nav-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;height:100svh;overflow:hidden;background:#050505}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;filter:brightness(1.14) contrast(1.04)}.hero-copy{position:absolute;left:var(--gutter);top:50%;translate:0 -50%;max-width:min(40rem,48vw);display:grid;gap:28px}.hero h1{font-size:clamp(2.75rem,6.6vw,7.25rem);white-space:nowrap}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.hero h1 .line>span{display:block}.lede{font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.45;color:var(--text);max-width:26em;margin-bottom:22px}.btn-large{min-height:58px;padding:0 34px;font-size:1.0625rem;text-decoration:none;box-shadow:0 8px 34px #a27bff22}.js .hero-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#050505;pointer-events:none;animation:light-up 2.4s ease-out .15s forwards}.js .hero h1 .line>span{transform:translateY(105%);animation:rise 1.3s var(--ease-out) .7s forwards}.js .hero-foot{opacity:0;animation:fade 1s ease 1.4s forwards}@keyframes light-up{to{opacity:0}}@keyframes rise{to{transform:none}}@keyframes fade{to{opacity:1}}.lead{min-height:80svh;padding:var(--space) var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:28px}.lead-short{min-height:0;padding-bottom:0}.lead h2{font-size:clamp(2.75rem,7vw,6.5rem);max-width:12em}.lead p{max-width:26em;color:var(--text-soft);font-size:clamp(1.125rem,1.7vw,1.375rem)}.lead .w{opacity:.2;transition:opacity .24s linear}.lead .w.on{opacity:1}.spin{position:relative}.spin-stage{--lit: 1;position:relative;height:max(100svh,620px);display:grid;place-items:center;overflow:hidden}.spin-glow{position:absolute;left:50%;top:50%;width:110vmin;height:110vmin;translate:-50% -50%;background:radial-gradient(closest-side,#f2913d20,#a27bff10 60%,transparent);opacity:calc(.35 + .65 * var(--lit, 0))}.spin-beam{position:absolute;top:-20%;right:-40%;bottom:-20%;left:-40%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,#ffd2a00f 45%,#ffc68a24 50%,#ffd2a00f 55%,transparent 62%);filter:blur(18px);opacity:var(--lit, 0);transform:translate(calc((var(--beam, 0) - .5) * 40%))}.spin-art{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(66vw,80svh);aspect-ratio:1}.spin-art canvas,.spin-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.spin-art canvas{opacity:0;transition:opacity var(--t-mid) ease}.is-3d .spin-art canvas{opacity:1}.is-3d .spin-art img{opacity:0;transition:opacity var(--t-mid) ease}.spin-art:before{content:"";position:absolute;left:12%;right:12%;top:74%;height:12%;border-radius:50%;background:radial-gradient(closest-side,#f0a65e2e,transparent)}.spin-art{touch-action:none;cursor:grab;outline-offset:-8px;border-radius:24px}.spin-art.is-dragging{cursor:grabbing}.spin-art:focus-visible{outline:1px solid #f0a65e80}.spin-hint{position:absolute;left:50%;bottom:7svh;translate:-50% 16px;margin:0;display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #f0a65e66;border-radius:999px;background:#0a0908cc;font-size:.9375rem;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .7s ease,translate .7s var(--ease-out);pointer-events:none}.spin-hint svg{color:var(--accent);flex:none;animation:nudge 2.2s var(--ease-out) infinite}@keyframes nudge{0%,to{transform:rotate(0)}40%{transform:rotate(-40deg)}70%{transform:rotate(10deg)}}.is-3d.in-view .spin-hint{opacity:1;translate:-50% 0}.is-3d.has-turned .spin-hint{opacity:0}.spots{position:absolute;left:var(--gutter);top:50%;translate:0 -50%;width:min(20rem,calc(50vw - min(33vw,40svh) - var(--gutter) - 1rem));pointer-events:none}.spot{position:absolute;left:0;top:0;translate:0 -50%;opacity:0;transform:translateY(12px);transition:opacity var(--t-mid) ease,transform var(--t-mid) var(--ease-out)}.spot.on{opacity:1;transform:none}.spot h3{margin:0 0 10px;font-size:clamp(1.75rem,2.8vw,2.75rem);font-weight:400;letter-spacing:-.03em;line-height:1.05}.spot h3:before{content:"";display:block;width:36px;height:2px;margin-bottom:16px;background:var(--grad)}.spot p{margin:0;color:var(--text-soft);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.5}.spin-stage:not(.is-3d) .spots{position:relative;left:auto;top:auto;translate:none;width:auto;display:grid;gap:28px;padding:0 var(--gutter) 64px;align-self:end}.spin-stage:not(.is-3d) .spot{position:static;translate:none;opacity:1;transform:none}.uses{padding:var(--space) var(--gutter) 0;display:grid;gap:clamp(64px,12vw,180px)}.use{width:100%}.use img{width:100%;border-radius:6px}.use figcaption{margin-top:18px;color:var(--text-soft);max-width:34em}.use-right{justify-self:end}.uses-note{font-size:.8125rem;color:#a39a8e}.details{padding:var(--space) var(--gutter) 0;display:grid;gap:40px}.details h2{font-size:clamp(2.5rem,6vw,5.5rem)}.spec div{display:grid;grid-template-columns:7.5rem 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.spec div:last-child{border-bottom:1px solid var(--line)}.spec dt{color:var(--text-soft)}.spec dd{margin:0}.join{min-height:90svh;padding:var(--space) var(--gutter) 80px;display:grid;place-content:center;justify-items:center;gap:24px;text-align:center}.join h2{font-size:clamp(2.5rem,6vw,5.5rem);max-width:12em;text-wrap:balance}.join-sub{color:var(--text-soft);font-size:clamp(1.0625rem,1.5vw,1.25rem);margin-bottom:16px}.waitlist{width:min(100%,32rem)}.field-row{display:flex;flex-direction:column;gap:10px}.field-row input{flex:1;min-width:0;min-height:58px;padding:0 22px;font:400 1rem/1 var(--sans);color:var(--text);background:transparent;border:1px solid #8D8377;border-radius:999px;transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease}.field-row .btn{min-height:58px;padding:0 30px;font-size:1.0625rem}.field-row input::placeholder{color:#b9afa2}.field-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f0a65e40}.field-row input[aria-invalid=true]{border-color:var(--error)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form-msg{min-height:1.5em;margin-top:10px;font-size:.9375rem}.form-msg.is-error{color:var(--error)}.form-msg.is-success{color:var(--success)}.consent{font-size:.875rem;line-height:1.5;color:var(--text-soft);max-width:30em;margin-inline:auto}.consent a{color:var(--text)}.waitlist.is-busy .btn{opacity:.7;cursor:progress}.waitlist.is-done .field-row{display:none}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:12px var(--gutter) 20px;font-size:.875rem;color:var(--text-soft)}.footer-links{display:flex;gap:24px}.footer a{display:inline-flex;align-items:center;min-height:44px}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.2s ease,transform 1.2s var(--ease-out)}.js .reveal.in{opacity:1;transform:none}.legal{max-width:40rem;margin:0 auto;padding:120px var(--gutter) 80px}.legal h1{font-size:clamp(2.75rem,8vw,4.5rem);margin-bottom:24px}.legal h2{font-size:1.5rem;font-weight:500;letter-spacing:-.01em;line-height:1.2;margin:32px 0 8px}.legal p{color:var(--text-soft)}.legal mark{background:#5a4220;color:var(--text);padding:0 4px}@media(max-width:759px){.hero-media img{position:absolute;left:50%;top:24svh;translate:-50% 0;width:min(180vw,74svh);max-width:none;height:auto;object-fit:fill;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 72%,transparent 96%);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 72%,transparent 96%)}.hero-copy{inset:11svh var(--gutter) 5svh;translate:none;max-width:none;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font-size:clamp(2.5rem,11vw,3.5rem);white-space:normal}.lede{font-size:1.0625rem;margin-bottom:16px}.btn-large{width:100%}.lead{min-height:0;padding:96px var(--gutter)}.lead-short{padding-bottom:0}.spin-art{width:min(100vw,62svh)}.spin-art{top:42%;width:88vw}.spots{left:var(--gutter);right:var(--gutter);top:auto;bottom:7svh;translate:none;width:auto;height:9.5rem}.spot{top:auto;bottom:0;translate:none}.spot h3{font-size:1.75rem}.spin-hint{bottom:auto;top:10svh;white-space:normal;width:calc(100vw - 2 * var(--gutter));justify-content:center;text-align:left}.uses,.details{padding-top:88px}.uses{gap:56px}.join{min-height:0;padding:104px var(--gutter) 72px}}@media(min-width:760px){.hero-media{left:24%;right:-24%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}}@media(min-width:560px){.field-row{flex-direction:row}}@media(min-width:960px){.use{width:68%}.details{grid-template-columns:5fr 7fr;gap:56px;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.js .hero-media:before{display:none}.js .hero h1 .line>span,.js .hero-foot,.js .reveal{opacity:1;transform:none}.lead .w{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/style.css.map */