@charset "UTF-8";.email-capture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;opacity:0;transition:opacity .3s ease-in;-webkit-transition:opacity .3s ease-in}.email-capture.display{display:block}.email-capture.active{opacity:1}.email-capture.closing{opacity:0}.email-capture__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-white)}.email-capture__dialog{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-white);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.email-capture__close{position:absolute;top:16px;right:16px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-black)}.email-capture__inner{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr}.email-capture__media{position:relative;overflow:hidden;background:var(--background-grey);opacity:0;transition:opacity .6s ease}.email-capture.active .email-capture__media{opacity:1}.email-capture__media-img{width:100%;height:100%;object-fit:cover}.email-capture__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;padding:48px 40px;min-height:100%;opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1);transition-delay:.12s}.email-capture.active .email-capture__panel{opacity:1;transform:none}.email-capture__logo{margin-bottom:4px}.email-capture__logo-img{max-width:160px;height:auto;margin:0 auto}.email-capture__logo-text{font-family:PP Fragment Glare,serif;font-size:28px;line-height:1;color:var(--text-black)}.email-capture__stage{display:none;width:100%;max-width:420px}.email-capture[data-stage=scratch] [data-stage-panel=scratch],.email-capture[data-stage=success] [data-stage-panel=success]{display:block}.email-capture__heading{color:var(--text-black);margin:0 0 48px;transition:opacity .26s ease}.email-capture__heading.is-swapping{opacity:0}.email-capture__heading--display{font-family:PP Fragment Glare,serif;font-weight:400;font-size:clamp(32px,3.25vw,48px);line-height:1.25}.email-capture__subtext{font-family:PP Neue Montreal,sans-serif;font-size:16px;color:var(--text-black);margin:0 0 20px}.email-capture__card-countdown{display:none;flex-direction:column;align-items:center;gap:5px}.email-capture[data-revealed=true] .email-capture__card-countdown{display:flex;animation:email-capture-fade-in .4s ease both}@keyframes email-capture-fade-in{0%{opacity:0}to{opacity:1}}.email-capture__card-countdown-eyebrow{font-family:Aeonik Mono,monospace;font-size:12px;line-height:1;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-white);font-weight:700;text-shadow:1px 2px 3px black}.email-capture__countdown{font-family:Aeonik Mono,monospace;font-size:24px;line-height:1;letter-spacing:1px;color:var(--text-white);text-shadow:1px 2px 3px black}.email-capture__scratch-area{position:relative;width:100%;max-width:400px;margin:0 auto}[data-stage-panel=scratch] .email-capture__heading{margin-bottom:40px;-webkit-mask-image:linear-gradient(90deg,black 45%,transparent 82%);mask-image:linear-gradient(90deg,black 45%,transparent 82%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:230% 100%;mask-size:230% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}.email-capture.active [data-stage-panel=scratch] .email-capture__heading{animation:email-capture-heading-wipe 1s ease .2s both}@keyframes email-capture-heading-wipe{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}.email-capture__scratch{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--border-light);background:var(--background-grey);-webkit-user-select:none;user-select:none;-webkit-mask:radial-gradient(circle 30px at top left,transparent 30px,black 31px),radial-gradient(circle 30px at top right,transparent 30px,black 31px),radial-gradient(circle 30px at bottom left,transparent 30px,black 31px),radial-gradient(circle 30px at bottom right,transparent 30px,black 31px);-webkit-mask-composite:source-in;mask:radial-gradient(circle 30px at top left,transparent 30px,black 31px),radial-gradient(circle 30px at top right,transparent 30px,black 31px),radial-gradient(circle 30px at bottom left,transparent 30px,black 31px),radial-gradient(circle 30px at bottom right,transparent 30px,black 31px);mask-composite:intersect}.email-capture__scratch-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.email-capture__scratch-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(2.25);opacity:0;transition:opacity .9s ease}.email-capture__scratch-slide.is-active{opacity:1}.email-capture__scratch-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.email-capture__scratch-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .35s ease}.email-capture__scratch-shine:before{content:"";position:absolute;top:-60%;left:0;width:45%;height:220%;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:translate(-260%) rotate(18deg);animation:email-capture-shine 4.5s ease-in-out infinite}.email-capture__scratch.is-touched .email-capture__scratch-shine{opacity:0}@keyframes email-capture-shine{0%{transform:translate(-260%) rotate(18deg)}55%,to{transform:translate(520%) rotate(18deg)}}.email-capture__scratch-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;text-align:center}.email-capture__scratch-reveal-text{font-family:PP Fragment Glare,serif;font-size:clamp(24px,3vw,24px);line-height:1.05;color:var(--text-white);font-weight:700}.email-capture__scratch-canvas{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;box-sizing:border-box;width:calc(100% + 2px);height:calc(100% + 2px);cursor:grab;touch-action:none}.email-capture__scratch-canvas:active{cursor:grabbing}.email-capture__scratch.is-revealed .email-capture__scratch-canvas{opacity:0;transition:opacity .55s ease-in-out;pointer-events:none}.email-capture__reveal{width:100%;max-height:0;opacity:0;transform:translateY(10px);overflow:hidden;transition:max-height .55s ease,opacity .45s ease .05s,transform .55s ease}.email-capture[data-revealed=true] .email-capture__reveal{max-height:360px;opacity:1;transform:none}[data-stage-panel=scratch] .email-capture__subtext{max-height:60px;transition:opacity .3s ease,max-height .4s ease,margin .4s ease}.email-capture[data-revealing=true] [data-stage-panel=scratch] .email-capture__subtext{opacity:0;max-height:0;margin:0;overflow:hidden;pointer-events:none}.email-capture__claim-subtext{font-family:PP Neue Montreal,sans-serif;font-size:var(--paragraph-font-size);color:var(--text-black);margin:0;max-height:0;opacity:0;overflow:hidden;transition:opacity .4s ease .1s,max-height .4s ease,margin .4s ease}.email-capture[data-revealed=true] .email-capture__claim-subtext{max-height:160px;opacity:1;margin:-24px 0 32px}@media only screen and (max-width:900px){.email-capture[data-revealed=true] .email-capture__claim-subtext{width:80%;margin:-24px auto 32px}}.email-capture__form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:40px auto 0}.email-capture__input{width:100%;background:transparent;border:1px solid var(--background-black);border-radius:0;color:var(--text-black);font-family:PP Neue Montreal,sans-serif;font-size:var(--body-font-size);outline:none;box-shadow:none;padding:18px}.email-capture__input::placeholder{color:var(--text-grey)}#main .email-capture__submit,#main .email-capture__shop-now{display:block;width:100%;text-align:center;padding:18px;font-size:var(--body-font-size);text-decoration:none;text-transform:uppercase;font-family:Aeonik Mono,monospace;font-size:12px;letter-spacing:1.5px;font-weight:700;color:var(--text-white);background:var(--background-black);border:1px solid var(--background-black);border-radius:0}#main .email-capture__submit{background:var(--background-black);border:1px solid var(--background-black);color:var(--text-white)}#main .email-capture__submit:disabled,#main .email-capture__submit.is-loading{background:var(--background-grey);border-color:var(--background-grey);color:var(--text-grey);pointer-events:none}.email-capture__message{min-height:18px;font-size:var(--paragraph-small-font-size);color:var(--text-black)}.email-capture__message.is-error{color:#b0201a}.email-capture__code{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:380px;margin:4px auto 16px;padding:16px 20px;background:var(--background-grey);border:1px dashed rgba(0,0,0,.45);border-radius:0;cursor:pointer;font-family:Aeonik Mono,monospace;font-size:20px;letter-spacing:1px;text-transform:uppercase;color:var(--text-black);transition:border-color .2s ease-in,background .2s ease-in}.email-capture__code.is-copied{border-style:solid;border-color:var(--background-black)}.email-capture__code-icon{display:inline-flex;color:var(--text-grey)}.email-capture__shop-now{max-width:380px;margin:0 auto}@media(max-width:900px){.email-capture__inner{grid-template-columns:1fr}.email-capture__media{display:none}.email-capture__panel{padding:64px 24px 40px}}@media(prefers-reduced-motion:reduce){.email-capture,.email-capture__panel,.email-capture__media,.email-capture__reveal,[data-stage-panel=scratch] .email-capture__subtext,.email-capture__claim-subtext,.email-capture__scratch.is-revealed .email-capture__scratch-canvas,.email-capture__code{transition:none}.email-capture[data-revealed=true] .email-capture__card-countdown{animation:none}.email-capture__scratch-slide{animation:none;opacity:0}.email-capture__scratch-slide:first-child{opacity:1}.email-capture__panel{opacity:1;transform:none}.email-capture__media{opacity:1}.email-capture__scratch-shine:before{animation:none;opacity:0}[data-stage-panel=scratch] .email-capture__heading{-webkit-mask-image:none;mask-image:none}.email-capture.active [data-stage-panel=scratch] .email-capture__heading{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-email-capture.scss.css.map */
