.popup-newsletter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1.6rem}.popup-newsletter.is-open{display:flex}.popup-newsletter__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}.popup-newsletter.is-open .popup-newsletter__backdrop{opacity:1}.popup-newsletter__dialog{position:relative;width:min(640px,100%);max-height:calc(100vh - 4rem);background:var(--popup-bg, #ffffff);color:var(--popup-fg, #111111);border-radius:var(--popup-radius, 2px);box-shadow:0 24px 60px -20px #00000073;overflow:hidden;display:grid;grid-template-columns:1fr;transform:translateY(8px) scale(.98);opacity:0;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .24s ease}.popup-newsletter.is-open .popup-newsletter__dialog{transform:translateY(0) scale(1);opacity:1}.popup-newsletter__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f4f1ec}.popup-newsletter__image{width:100%;height:100%;object-fit:cover;display:block}.popup-newsletter__content{padding:3.2rem 2.8rem;display:flex;flex-direction:column;gap:1.2rem}.popup-newsletter__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family),sans-serif;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--popup-accent, #6b5f47)}.popup-newsletter__eyebrow svg{color:var(--popup-accent, #6b5f47)}.popup-newsletter__heading{font-family:var(--font-heading-family),serif;font-weight:var(--font-heading-weight, 400);font-style:var(--font-heading-style, normal);font-size:clamp(2.4rem,4vw,3.2rem);line-height:1.1;letter-spacing:.01em;margin:0}.popup-newsletter__sub{font-size:1.4rem;line-height:1.5;opacity:.78;margin:0}.popup-newsletter__form{display:flex;flex-direction:column;gap:.8rem;margin-top:.4rem}.popup-newsletter__row{display:flex;gap:.6rem;align-items:stretch}.popup-newsletter__input{flex:1;-webkit-appearance:none;appearance:none;border:1px solid currentColor;border-radius:0;background:transparent;padding:.9rem 1.1rem;font:inherit;font-size:1.4rem;color:inherit;outline:0;border-color:#0000002e}.popup-newsletter__input:focus{border-color:var(--popup-accent, #6b5f47);outline:2px solid var(--popup-accent, #6b5f47);outline-offset:2px}.popup-newsletter__submit{-webkit-appearance:none;appearance:none;border:0;background:var(--popup-accent, #6b5f47);color:#fff;font:inherit;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 1.6rem;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:background .18s ease,transform .18s ease;white-space:nowrap}.popup-newsletter__submit:hover{background:#2a2a2a}.popup-newsletter__submit:active{transform:translateY(1px)}.popup-newsletter__submit svg{transition:transform .18s ease}.popup-newsletter__submit:hover svg{transform:translate(2px)}.popup-newsletter__fineprint{font-size:1.1rem;letter-spacing:.04em;opacity:.6;margin:0}.popup-newsletter__decline{background:transparent;border:0;color:inherit;opacity:.6;font:inherit;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;align-self:flex-start;cursor:pointer;padding:.2rem 0}.popup-newsletter__decline:hover{opacity:1}.popup-newsletter__close{position:absolute;top:.8rem;right:.8rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;opacity:.6;transition:opacity .18s ease,background .18s ease}.popup-newsletter__close:hover{opacity:1;background:#0000000a}.popup-newsletter__close:focus-visible{outline:2px solid var(--popup-accent, #6b5f47);outline-offset:2px}.popup-newsletter__success{display:none;flex-direction:column;align-items:flex-start;gap:.8rem;font-size:1.4rem;line-height:1.4}.popup-newsletter--success .popup-newsletter__form,.popup-newsletter--success .popup-newsletter__fineprint,.popup-newsletter--success .popup-newsletter__decline{display:none}.popup-newsletter--success .popup-newsletter__success{display:flex}.popup-newsletter__success-mark{color:var(--popup-accent, #6b5f47)}@media(min-width:720px){.popup-newsletter__dialog{grid-template-columns:4fr 5fr;max-height:560px}.popup-newsletter__media{aspect-ratio:auto;height:100%}.popup-newsletter__content{padding:3.6rem 3.2rem;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/popup.css.map */