.newsletter{position:relative;display:flex;align-items:center;min-height:13.75rem;overflow:hidden;background-image:linear-gradient(120deg,#1d2a24,#16201c 55%,#0e1412);background-color:var(--color-ink);isolation:isolate}.newsletter__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.newsletter__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,#080c0ad1,#080c0a9e 55%,#080c0a73)}.newsletter__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(1.5rem,4vw,3.5rem);width:100%;padding-block-end:.875rem;padding-inline:calc(var(--container-pad) + clamp(0rem,.97vw,.875rem)) calc(var(--container-pad) + clamp(0rem,5.21vw,4.6875rem));color:#fff}.newsletter__heading{margin-bottom:clamp(.5rem,.97vw,.875rem);color:#fff;font-size:var(--text-h2);line-height:1.1}.newsletter__description{max-width:28rem;font-size:var(--text-body);line-height:1.94}.newsletter__form{flex-shrink:0;margin-block-start:1.25rem}.newsletter__field{display:flex;align-items:stretch;gap:clamp(.5rem,1.46vw,1.3125rem)}.newsletter__input{width:clamp(14rem,30.42vw,27.375rem);min-height:60px;padding:var(--space-3) var(--space-4);border:1px solid rgba(255,255,255,.55);background-color:#080c0a59;color:#fff;font-family:inherit;font-size:var(--text-small)}.newsletter__input::placeholder{color:#ffffffb3}.newsletter__submit{display:inline-flex;align-items:center;justify-content:center;width:clamp(3rem,4.86vw,4.375rem);min-height:60px;border:1px solid var(--color-olive);background-color:var(--color-olive);color:#fff;cursor:pointer;transition:background-color var(--duration) var(--easing)}.newsletter__submit:hover{background-color:var(--color-olive-hover)}.newsletter__error,.newsletter__success{margin-top:var(--space-2);font-size:var(--text-small)}.newsletter__error{color:#ffb4ae}@media(max-width:899px){.newsletter{padding-block:var(--space-16)}.newsletter__inner{flex-direction:column;align-items:flex-start;gap:var(--space-8);padding-block-end:0;padding-inline:var(--container-pad)}.newsletter__description{line-height:1.6}.newsletter__inner form{width:100%;margin-block-start:0}.newsletter__field,.newsletter__input{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-newsletter.css.map */