.how-letter-popup{padding:2.25rem 2rem 2rem;border:1px solid rgba(var(--how-surface-fg-rgb),.14);border-block-start:1px solid var(--how-gold);background-color:var(--how-surface-bg);color:var(--how-surface-fg);box-shadow:0 1.5rem 3.5rem #00000073}.how-letter-popup__body{display:block}@media screen and (min-width:700px){.how-letter-popup{top:0;right:0;bottom:0;left:0;margin:auto;width:min(68rem,94vw);max-width:none;height:fit-content;max-height:90vh;padding:0;overflow:hidden}.how-letter-popup:not(:has(.how-letter-popup__media)){width:min(36rem,92vw)}.how-letter-popup__body{display:grid;grid-template-columns:minmax(0,1fr);height:100%}.how-letter-popup__body:has(.how-letter-popup__media){grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(38rem,82vh)}}.how-letter-popup__copy{display:flex;flex-direction:column;justify-content:center;padding:2.25rem 2rem 2rem}@media screen and (min-width:700px){.how-letter-popup__copy{padding:4rem 3.5rem}}.how-letter-popup__media{display:none}@media screen and (min-width:700px){.how-letter-popup__media{display:block;position:relative;overflow:hidden}.how-letter-popup__media img{display:block;width:100%;height:100%;object-fit:cover}}.how-letter-popup__close{z-index:2;padding:.5rem;color:rgb(var(--how-surface-fg-rgb));transition:color var(--how-quick) var(--how-ease)}.how-letter-popup__close:hover,.how-letter-popup__close:focus-visible{color:var(--how-champagne)}.how-letter-popup__close svg{width:1.125rem;height:1.125rem}.how-letter-popup__eyebrow{margin-block-end:1.25rem;font-size:.9375rem;letter-spacing:.32em;color:var(--how-champagne)}.how-letter-popup__heading{margin:0 0 1rem;font-family:var(--how-font-serif);font-size:clamp(1.875rem,3.4vw,2.875rem);font-weight:400;line-height:1.1;letter-spacing:.005em;color:rgb(var(--how-surface-fg-rgb))}.how-letter-popup__note{margin:0 0 2rem;font-family:var(--how-font-sans);font-size:.875rem;line-height:1.65;color:rgba(var(--how-surface-fg-rgb),.62)}.how-letter-popup__form{display:grid;gap:1.375rem;margin:0}.how-letter-popup__field{display:flex;align-items:center;width:100%;padding-block-end:.5rem;border-block-end:1px solid rgba(var(--how-surface-fg-rgb),.24);transition:border-color var(--how-quick) var(--how-ease)}.how-letter-popup__field:focus-within{border-block-end-color:var(--how-gold)}.how-letter-popup__field input{flex:1 1 auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--how-font-sans);font-size:.8125rem;letter-spacing:.02em;color:rgb(var(--how-surface-fg-rgb))}.how-letter-popup__field input::placeholder{color:rgba(var(--how-surface-fg-rgb),.58)}.how-letter-popup__field input:focus,.how-letter-popup__field input:focus-visible{outline:none;box-shadow:none}.how-letter-popup__submit{width:100%}.how-letter-popup__said{margin:0;font-family:var(--how-font-sans);font-size:.8125rem;line-height:1.6;letter-spacing:.04em;color:var(--how-champagne)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-letter-popup.css.map */