.coming-soon{--bg: #f6f3ec;--ink: #141413;--muted: rgba(20,20,19,.48);--line: rgba(20,20,19,.16);--flicker: rgba(20,20,19,.1);--noise-blend: multiply;--scanline: rgba(20,20,19,.07);--band: rgba(20,20,19,.06);--tear: rgba(20,20,19,.5);--tear-soft: rgba(20,20,19,.12);--gate: rgba(20,20,19,.22);--gate-falloff: rgba(20,20,19,.12);--ease: cubic-bezier(.2,.7,.1,1);--slow: cubic-bezier(.65,0,.15,1);--t: 1}.coming-soon.nocturne{--bg: #0b0b0a;--ink: #efebe3;--muted: rgba(239,235,227,.45);--line: rgba(239,235,227,.18);--flicker: rgba(239,235,227,.07);--noise-blend: screen;--scanline: rgba(0,0,0,.35);--band: rgba(239,235,227,.06);--tear: rgba(239,235,227,.55);--tear-soft: rgba(239,235,227,.14);--gate: #000;--gate-falloff: rgba(0,0,0,.7)}.coming-soon.return{--t: .35}.coming-soon *,.coming-soon *:before,.coming-soon *:after{box-sizing:border-box}body.coming-soon{margin:0;background:var(--bg);color:var(--ink);font:400 12px/1.5 Inter,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow:hidden}.coming-soon p,.coming-soon h1{margin:0}.stage{position:relative;height:100svh;min-height:560px;display:grid;grid-template-rows:auto 1fr auto;padding:28px clamp(20px,3vw,44px)}.grain{pointer-events:none;position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:5;opacity:.07;mix-blend-mode:var(--noise-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px;animation:grain .5s steps(4) infinite}.nocturne .grain{opacity:.06}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,3%)}}.vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 70% 60% at 50% 48%,transparent 40%,rgba(0,0,0,.06) 100%)}.nocturne .vignette{background:radial-gradient(ellipse 70% 60% at 50% 48%,transparent 30%,rgba(0,0,0,.6) 100%)}.glow{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;display:none;background:radial-gradient(520px circle at var(--mx, 50%) var(--my, 45%),rgba(239,235,227,.05),transparent 70%);transition:opacity 2s var(--ease)}.nocturne .glow{display:block}.nocturne .glow.on{opacity:1}.noise{pointer-events:none;position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:6;mix-blend-mode:var(--noise-blend);opacity:.62;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%3E%3Cfilter%20id='s'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.15'%20numOctaves='2'%20seed='5'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='2.4'%20intercept='-.62'/%3E%3CfeFuncG%20type='linear'%20slope='2.4'%20intercept='-.62'/%3E%3CfeFuncB%20type='linear'%20slope='2.4'%20intercept='-.62'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23s)'/%3E%3C/svg%3E");background-size:220px 220px;image-rendering:pixelated;animation:static .14s steps(4) infinite,tv-out 2.4s calc(var(--t) * 1.6s) var(--ease) forwards}@keyframes static{0%{transform:translate(0)}25%{transform:translate(-37px,61px)}50%{transform:translate(83px,-19px)}75%{transform:translate(-71px,-97px)}to{transform:translate(29px,43px)}}@keyframes tv-out{to{opacity:0;visibility:hidden}}.scan{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;opacity:.9;background:linear-gradient(180deg,transparent 0%,var(--band) 6%,transparent 13%) 0 0 / 100% 220% no-repeat,repeating-linear-gradient(180deg,var(--scanline) 0 1px,transparent 1px 3px);animation:roll 1.9s linear infinite,tv-out 2.6s calc(var(--t) * 1.5s) var(--ease) forwards}@keyframes roll{0%{background-position:0 110%,0 0}to{background-position:0 -10%,0 0}}.lines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;opacity:0;background:linear-gradient(180deg,transparent calc(var(--y1) - 1px),var(--tear) var(--y1),transparent calc(var(--y1) + 2px)),linear-gradient(180deg,transparent calc(var(--y2) - 3px),var(--tear-soft) var(--y2),transparent calc(var(--y2) + 5px));animation:tracking 3.4s calc(var(--t) * .1s) steps(1) forwards}@keyframes tracking{0%{opacity:.9;--y1: 22%;--y2: 64%}6%{opacity:.2;--y1: 23%;--y2: 61%}10%{opacity:.8;--y1: 71%;--y2: 18%}15%{opacity:0}21%{opacity:.7;--y1: 46%;--y2: 83%}27%{opacity:.3;--y1: 9%;--y2: 40%}33%{opacity:.65;--y1: 58%;--y2: 77%}41%{opacity:0}49%{opacity:.5;--y1: 34%;--y2: 12%}58%{opacity:.2;--y1: 88%;--y2: 52%}67%{opacity:.35;--y1: 51%;--y2: 29%}78%{opacity:.1;--y1: 63%;--y2: 91%}86%,to{opacity:0}}@property --y1{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@property --y2{syntax: "<percentage>"; inherits: false; initial-value: 70%;}.gate{pointer-events:none;position:fixed;inset:clamp(10px,2.6vh,28px) clamp(10px,2vw,32px);z-index:7;border-radius:clamp(18px,3.2vw,46px) / clamp(16px,4vh,40px);box-shadow:0 0 0 100vmax var(--gate),inset 0 0 clamp(60px,9vw,140px) var(--gate-falloff);animation:weave 2.8s calc(var(--t) * .2s) steps(1) infinite,gate-out 1.4s calc(var(--t) * 3.7s) var(--ease) forwards}@keyframes gate-out{to{opacity:0;visibility:hidden}}.flicker{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--flicker);opacity:0;animation:flicker-start 3.8s calc(var(--t) * .1s) steps(1) forwards,flicker-idle 7s calc(var(--t) * 4s) steps(1) infinite}@keyframes flicker-start{0%{opacity:1}4%{opacity:.3}8%{opacity:1}11%{opacity:.5}15%{opacity:1}19%{opacity:.2}24%{opacity:.9}28%{opacity:.4}33%{opacity:.8}39%{opacity:.25}46%{opacity:.6}52%{opacity:.15}60%{opacity:.45}68%{opacity:.1}78%{opacity:.3}88%{opacity:.05}to{opacity:0}}@keyframes flicker-idle{0%,to{opacity:0}41%{opacity:.35}43%{opacity:0}76%{opacity:.2}77%{opacity:0}}.top,.bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:0;animation:fade 2.2s calc(var(--t) * 5.7s) var(--ease) forwards}.top>:last-child,.bottom>:last-child{justify-self:end}.top a,.bottom a,.bottom button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .4s}.top a:hover,.bottom a:hover,.bottom button:hover{color:var(--ink)}.center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:slip .5s calc(var(--t) * 3.05s) steps(5) both}@keyframes slip{0%{transform:none}20%{transform:translateY(-9vh)}40%{transform:translateY(-26vh)}41%{transform:translateY(24vh)}70%{transform:translateY(5vh)}to{transform:none}}.mark{position:relative;display:block;width:min(560px,74vw);aspect-ratio:843 / 187;line-height:0;filter:blur(2px);animation:focus 2.6s calc(var(--t) * 1.5s) var(--ease) forwards,weave 2.8s calc(var(--t) * 1.4s) steps(1) forwards}.logo{display:block;width:100%;height:auto;opacity:0;animation:logo-flicker 2.2s calc(var(--t) * 1.6s) steps(1) forwards}.nocturne .logo{filter:invert(1)}@keyframes focus{to{filter:blur(0)}}@keyframes weave{0%{transform:translateY(2px)}8%{transform:translate(-1px,-1px)}16%{transform:translate(1px,1px)}24%{transform:translateY(-2px)}32%{transform:translate(-1px,1px)}42%{transform:translate(1px)}54%{transform:translateY(1px)}68%{transform:translateY(-1px)}82%,to{transform:none}}@keyframes logo-flicker{0%{opacity:.55}5%{opacity:0}9%{opacity:.8}12%{opacity:.1}17%{opacity:.95}20%{opacity:.35}26%{opacity:1}29%{opacity:.5}35%{opacity:1}41%{opacity:.75}48%{opacity:1}57%{opacity:.88}64%,to{opacity:1}}.rule{width:0;height:1px;background:var(--ink);opacity:.3;margin:clamp(30px,5.5vh,52px) 0 22px;animation:rule 1.8s calc(var(--t) * 4s) var(--slow) forwards}@keyframes rule{to{width:56px}}.soon{font-size:10.5px;letter-spacing:1.1em;padding-left:1.1em;text-transform:uppercase;opacity:0;animation:soon 2.4s calc(var(--t) * 4.4s) var(--ease) forwards}@keyframes soon{to{opacity:1;letter-spacing:.6em;padding-left:.6em}}.signup{margin-top:clamp(40px,7vh,72px);width:min(360px,84vw);opacity:0;transform:translateY(8px);animation:rise 1.8s calc(var(--t) * 5.1s) var(--ease) forwards}.signup form{display:flex;align-items:center;margin:0;border-bottom:1px solid var(--line);transition:border-color .5s}.signup form:focus-within{border-color:var(--ink)}.signup input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);padding:12px 0;font:300 13px Inter,Helvetica Neue,Arial,sans-serif;letter-spacing:.04em;text-align:left;border-radius:0}.signup input::placeholder{color:var(--muted)}.signup button{background:none;border:0;color:var(--ink);cursor:pointer;font-size:16px;padding:8px 0 8px 12px;transition:transform .5s var(--ease)}.signup button:hover{transform:translate(4px)}.signup small{display:block;margin-top:12px;font-size:10.5px;color:var(--muted);letter-spacing:.04em}.thanks{font:300 13px Inter,sans-serif;letter-spacing:.04em;padding:12px 0}@keyframes fade{to{opacity:1}}@keyframes rise{to{opacity:1;transform:none}}.pw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s}.pw.open{opacity:1;visibility:visible}.pw-field{display:flex;gap:12px;border-bottom:1px solid var(--line);width:min(320px,80vw)}.pw input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);padding:12px 0;font:300 13px Inter,sans-serif;border-radius:0}.pw button{background:none;border:0;color:var(--ink);font:inherit;letter-spacing:.22em;text-transform:uppercase;font-size:10.5px;cursor:pointer}.pw .close{position:absolute;top:28px;right:clamp(20px,3vw,44px);color:var(--muted)}.pw .form-error{margin-top:14px;color:var(--muted);font-size:11px;text-align:center}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:600px){.hide-m{visibility:hidden}}@media(prefers-reduced-motion:reduce){.coming-soon *,.coming-soon *:before,.coming-soon *:after{animation-duration:.01s!important;animation-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coming-soon.css.map */