.newsletter-banner{background-color:#fff;display:flex;justify-content:center}.newsletter-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;gap:6rem;padding:2rem}.newsletter-image{flex:1 1 50%;display:flex;height:100%;margin-left:-11vw}.newsletter-image img{width:100%;aspect-ratio:6/3;height:100%;object-fit:cover;display:block}.newsletter-content{flex:1 1 40%;max-width:520px}.newsletter-content h2{font-size:33px;font-family:var(--font-heading-family, serif);font-weight:400;margin-bottom:1.5rem;color:#1f2937}.newsletter-content .subtext{font-size:14.64px;line-height:1.7;margin-bottom:2rem;color:#4b5563;font-family:Courier New,Courier,monospace;font-weight:500}.form-container{display:flex;align-items:center;width:100%;background-color:transparent;border:1px solid #d1d5db;padding:2.25rem 2.5rem;font-family:var(--font-button-family, monospace);transition:border-color .3s ease}.form-container:hover{border-color:#31465b}.form-container input[type=email]{flex:1;border:none;outline:none;background:transparent;font-family:Courier New,Courier,monospace;font-size:var(--font-size-static-medium);color:#4b5563;padding:0}.form-container{display:flex;align-items:stretch;justify-content:space-between;width:100%;border:1px solid #d1d5db;background-color:#fff;font-family:var(--font-button-family, monospace);transition:border-color .3s ease}.form-container button{background-color:transparent;border:none;height:100%;padding-left:2rem;padding-right:2rem;padding-top:0;padding-bottom:0;color:#31465b;cursor:pointer;font-family:var(--font-button-family, monospace);font-size:var(--font-size-static-medium);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.form-container button:hover{background-color:#e7e3e1}@media (max-width: 768px){.newsletter-wrapper{flex-direction:column;gap:3rem}.newsletter-image,.newsletter-content{flex:1 1 100%}.form-container button{padding:1rem 0;text-align:center;width:100%}}.newsletter-banner .newsletter__field .field__message{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-newsletter-section.css.map */