:root{--brand-black:#000;--ease:cubic-bezier(.22, 1, .36, 1);--hairline:1px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--brand-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;overflow:hidden}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input{color:var(--brand-black);font-family:inherit;font-weight:400}.stage{z-index:1;height:100dvh;position:relative}.heroLayer,.formLayer{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.wordmark{-webkit-user-select:none;user-select:none;transition:opacity .65s var(--ease) .25s;line-height:0}.productImage{object-fit:contain;width:min(82vw,560px);height:auto;max-height:58vh;display:block}.heroLayer.away{pointer-events:none}.heroLayer.away .wordmark{opacity:0;transition:opacity .45s var(--ease)}.signupButton{appearance:none;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:opacity .5s var(--ease) .4s;background:0 0;border:none;margin-top:clamp(32px,5vh,52px);padding:12px 8px 6px;font-size:clamp(13px,1.5vw,16px);position:relative}.heroLayer.away .signupButton{opacity:0;transition:opacity .25s var(--ease)}.signupButton:after{content:"";height:var(--hairline);background:var(--brand-black);transform-origin:50%;transition:transform .45s var(--ease);position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.signupButton:hover:after,.signupButton:focus-visible:after{transform:scaleX(1)}.signupButton:focus-visible{outline:none}.formLayer{transition:opacity .3s var(--ease)}.formLayer.leaving{opacity:0;pointer-events:none}.frame{flex-direction:column;align-items:center;width:min(620px,100%);display:flex;position:relative}@keyframes drawX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.enter{opacity:0;animation:rise .64s var(--ease) forwards;flex-direction:column;align-items:center;width:100%;display:flex}.frameContent{width:100%;transition:opacity .24s var(--ease), transform .24s var(--ease);flex-direction:column;align-items:center;display:flex}.frameContent.leaving{opacity:0;pointer-events:none;transform:translateY(-4px)}.formStack{flex-direction:column;align-items:center;width:100%;display:flex}.formCopy{letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-bottom:clamp(26px,4vh,36px);font-size:clamp(13px,1.6vw,16px);line-height:1.6}.inputLine{width:min(400px,100%);position:relative}.inputLine:after{content:"";height:var(--hairline);background:var(--brand-black);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.enter .inputLine:after{animation:drawX .9s var(--ease) var(--draw-delay,.3s) forwards}.emailInput{text-align:center;width:100%;caret-color:var(--brand-black);background:0 0;border:none;border-radius:0;outline:none;padding:10px 4px 12px;font-size:clamp(16px,2vw,20px)}.emailInput::placeholder{color:var(--brand-black);opacity:.4;text-transform:uppercase;letter-spacing:.06em;font-weight:400}.subscribeButton{appearance:none;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:opacity .25s var(--ease);background:0 0;border:none;margin-top:clamp(24px,4vh,34px);padding:8px 8px 6px;font-size:clamp(13px,1.5vw,16px);position:relative}.subscribeButton:after{content:"";height:var(--hairline);background:var(--brand-black);transform-origin:50%;transition:transform .45s var(--ease);position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.subscribeButton:hover:after,.subscribeButton:focus-visible:after{transform:scaleX(1)}.subscribeButton:focus-visible{outline:none}.subscribeButton:disabled{cursor:default;opacity:.45}.consent{letter-spacing:.05em;text-transform:uppercase;text-align:center;opacity:.55;max-width:420px;margin-top:clamp(22px,3.5vh,30px);font-size:clamp(10px,1.2vw,12px);line-height:1.7}.formError{letter-spacing:.05em;text-transform:uppercase;text-align:center;min-height:1.5em;margin-top:14px;font-size:clamp(11px,1.3vw,13px)}.closeButton{appearance:none;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;opacity:.45;transition:opacity .3s var(--ease);background:0 0;border:none;margin-top:clamp(18px,3vh,26px);padding:6px 8px;font-size:clamp(11px,1.2vw,12px)}.closeButton:hover,.closeButton:focus-visible{opacity:1;outline:none}.successTitle{letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:clamp(16px,2.2vw,22px)}.successCopy{letter-spacing:.05em;text-transform:uppercase;text-align:center;opacity:.65;max-width:400px;margin-top:16px;font-size:clamp(12px,1.4vw,14px);line-height:1.7}@media (prefers-reduced-motion:reduce){.wordmark,.signupButton,.formLayer,.frameContent,.enter,.signupButton:after,.subscribeButton:after{opacity:1;transition:none;animation:none;transform:none}.heroLayer.away .wordmark,.heroLayer.away .signupButton{opacity:0}.enter .inputLine:after{animation:none;transform:none}}