html,body#password,.template-password,.template-password .container,.template-password .main-content{background:#fff}.gate{--gate-shift: 110vh;--gate-tilt: -4deg;--gate-scale: 1;--gate-progress: 0;--gate-reveal-shift: 24px;background:#fff;color:#000;font-family:Archivo,Arial,sans-serif;letter-spacing:-.05em}.gate__scroll{min-height:200vh}.gate__stage{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 16px;box-sizing:border-box;overflow:hidden}.gate__component{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(var(--gate-progress) * 40px)}.gate__intro,.gate__copy{display:flex;flex-direction:column;align-items:center}.gate__intro{gap:calc(var(--gate-progress) * 24px)}.gate__copy{gap:calc(var(--gate-progress) * 32px)}.gate__logo{display:block;width:165px;height:40px;object-fit:contain}.gate__component-logo,.gate__dek,.gate__form{min-height:0;opacity:var(--gate-progress);transform:translateY(var(--gate-reveal-shift));pointer-events:none;overflow:hidden;transition:opacity .16s linear}.gate__component-logo{max-height:calc(var(--gate-progress) * 40px)}.gate__dek{max-height:calc(var(--gate-progress) * 96px);width:min(594px,calc(100vw - 32px));margin:0;font-family:Archivo,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:0;text-align:center;text-transform:uppercase;text-wrap:balance}.gate__form{max-height:calc(var(--gate-progress) * 180px)}.gate.has-signup .gate__component-logo,.gate.has-signup .gate__form{pointer-events:auto}.gate__headline{position:relative;width:min(992px,calc(100vw - 32px));margin:0;font-family:Archivo Narrow,Arial,sans-serif;font-weight:500;font-style:normal;font-size:80px;line-height:1;letter-spacing:-.02em;text-align:center;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic;color:#000}.gate__headline[data-gate-headline]:not(.is-ready){color:transparent}.gate__type-word{display:none;white-space:nowrap}.gate__type-word.is-on{display:inline-block}.gate__type-char{display:none}.gate__type-char.is-on{display:inline}.gate__type-char.is-space.is-on{white-space:pre}.gate__caret{position:absolute;width:max(2px,.03em);background:currentColor;pointer-events:none;animation:gate-caret 1.05s steps(1,end) infinite}@keyframes gate-caret{0%,45%{opacity:1}50%,to{opacity:0}}.gate__letter{position:absolute;left:50%;top:50%;z-index:3;width:640px;height:800px;margin:0;padding:0;box-sizing:border-box;background:transparent;isolation:isolate;pointer-events:none;transform:translate(-50%,calc(-50% + var(--gate-shift))) rotate(var(--gate-tilt)) scale(var(--gate-scale));transition:transform 1.15s cubic-bezier(.16,1,.3,1);will-change:transform}.gate__letter-sheet{position:absolute;top:0;right:0;bottom:0;left:0}.gate__letter-face{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:52px 64px 36px;box-sizing:border-box;background:#eaefd7}.gate__letter-paper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;mix-blend-mode:plus-darker;pointer-events:none}.gate__letter-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay;opacity:.2;pointer-events:none}@supports not (mix-blend-mode: plus-darker){.gate__letter-sheet,.gate__letter-face{filter:invert(1)}.gate__letter-paper{filter:invert(1);mix-blend-mode:plus-lighter}}.gate.is-tracking .gate__letter{transition:none}.gate__letter-body{display:flex;flex-direction:column;gap:13px;width:100%;font-family:Archivo Narrow,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.32;letter-spacing:0;text-align:left}.gate__letter-body p,.gate__letter-signoff p{margin:0}.gate__letter-lead,.gate__letter-mark,.gate__letter-soon,.gate__letter-thanks{font-weight:700;text-transform:uppercase}.gate__letter-lead{text-align:center}.gate__letter-lead span{border-bottom:1px solid currentColor;padding-bottom:1px}.gate__letter-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%;margin-top:auto;font-family:Archivo Narrow,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.32;letter-spacing:0}.gate__letter-names{margin-top:2px;font-weight:500;text-transform:none}.gate__letter-brand{position:relative;flex:0 0 auto}.gate__letter .gate__logo{display:block;width:176px;height:42px}.gate__letter-date{position:absolute;right:0;top:calc(100% - 2px);margin:0;font-family:Archivo Narrow,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1;letter-spacing:0;text-align:right;text-transform:none;color:#00000073}.gate__form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0;max-width:100%}.gate__hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}.gate__signup-frame{position:fixed;left:-120vw;top:0;width:100vw;height:100vh;border:0;pointer-events:none}.gate__email,.gate__submit,.gate__password,.gate__login-submit{height:56px;margin:0;border:0;border-radius:99px;box-sizing:border-box;font-family:Archivo,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.05em;text-transform:none}.gate__email,.gate__submit{border-radius:16px;font-family:Archivo Narrow,Arial,sans-serif;font-weight:400;letter-spacing:0}.gate__email::placeholder{text-transform:uppercase}.gate__submit{text-transform:uppercase}.gate__email,.gate__password{width:280px;max-width:100%;padding:16px 20px;background:#f5f5f5;color:#000}.gate__email::placeholder,.gate__password::placeholder{color:#000;opacity:1}.gate__email:focus,.gate__password:focus{outline:1px solid #000;border:0}.gate__submit,.gate__login-submit{padding:16px 20px;background:#eaefd7;color:#000;cursor:pointer;white-space:nowrap}.gate__note{flex:1 0 100%;margin:0;font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:24px;letter-spacing:-.05em;text-align:center}.gate__note[data-gate-thanks]{font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.05em;text-wrap:balance;color:#000}.gate__enter{position:fixed;right:16px;bottom:16px;z-index:4;padding:0;border:0;background:none;color:#0006;font-family:Archivo Narrow,Arial,sans-serif;font-size:12px;line-height:16px;letter-spacing:0;cursor:pointer}.gate__dialog{position:fixed;inset:16px 16px 16px auto;width:min(424px,calc(100vw - 32px));max-width:min(424px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;border:1px solid rgba(0,0,0,.05);border-radius:40px;background:#fff;color:#000;overflow:hidden;box-shadow:none;animation:gateDialogIn .6s ease both}.gate__dialog::backdrop{background:#0000003d}.gate__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:20px;border-bottom:0}.gate__dialog-head form{margin:0}.gate__dialog-title{margin:0;font-family:Archivo,Arial,sans-serif;font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.04em;text-transform:none}.gate__login-form{display:flex;flex-direction:column;gap:16px;margin:0;padding:20px}.gate__login-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;background:none;color:#000;cursor:pointer}.gate__login-close .icon{width:32px;height:32px}.gate__login-form .gate__password,.gate__login-form .gate__login-submit{width:100%}.gate__login-form .gate__login-submit{background:#000;color:#fff}.gate__login-form .gate__note{text-align:left}@keyframes gateDialogIn{0%{opacity:0;transform:translate(calc(100% + 16px))}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.gate__headline{font-size:clamp(40px,8vw,80px)}.gate__stage{padding:72px 16px}}@media(max-width:640px){.gate__component{width:100%}.gate__stage{padding:48px 20px}.gate__headline{width:100%;font-size:32px;line-height:1;letter-spacing:-.02em}.gate__dek{width:100%;max-height:calc(var(--gate-progress) * 160px);font-size:16px;line-height:1.25;letter-spacing:0}.gate__form{flex-flow:row wrap;width:100%}.gate__email{flex:1 1 auto;width:auto;min-width:0}.gate__submit{flex:0 0 auto;width:auto}.gate__login-form{flex-direction:column}.gate__password,.gate__login-submit{width:min(280px,100%)}}@media(prefers-reduced-motion:reduce){.gate{--gate-shift: 0vh;--gate-tilt: 0deg}.gate__letter{transition:none}.gate__dialog{animation:none}.gate__caret{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/password-landing.css.map */