.oppo-contact-newsletter{padding:clamp(42px,5vw,76px) max(var(--page-margin),24px);background:#fff;color:#111}.oppo-contact-newsletter__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1680px;margin-inline:auto}.oppo-contact-newsletter__card{position:relative;display:flex;min-height:clamp(320px,23vw,420px);aspect-ratio:2 / 1;overflow:hidden;border-radius:20px;isolation:isolate}.oppo-contact-newsletter__card--contact{background:linear-gradient(125deg,#eefcf7,#d8f6e9 56%,#c7f2dc)}.oppo-contact-newsletter__card--newsletter{background:linear-gradient(125deg,#effdf7,#ddf8ee 52%,#c8f4df)}.oppo-contact-newsletter__card:before,.oppo-contact-newsletter__card:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.oppo-contact-newsletter__card:before{top:-42%;right:-9%;width:min(34vw,440px);aspect-ratio:1;background:#ffffff75}.oppo-contact-newsletter__card:after{right:9%;bottom:-44%;width:min(25vw,320px);aspect-ratio:1;background:#2fd3801f}.oppo-contact-newsletter__media{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0}.oppo-contact-newsletter__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(232 251 243 / 96%) 0%,rgb(232 251 243 / 78%) 46%,transparent 78%);content:""}.oppo-contact-newsletter__image{width:100%;height:100%;object-fit:cover}.oppo-contact-newsletter__card:has(.oppo-contact-newsletter__media):before,.oppo-contact-newsletter__card:has(.oppo-contact-newsletter__media):after{display:none}.oppo-contact-newsletter__content{display:flex;flex-direction:column;align-items:flex-start;width:min(62%,560px);padding:clamp(30px,3vw,50px);color:#111}.oppo-contact-newsletter__eyebrow{margin:0 0 10px;color:#147b4c;font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.oppo-contact-newsletter__title{margin:0;font-size:clamp(30px,2.3vw,43px);color:#0b0b0b;font-weight:560;line-height:1.05;letter-spacing:-.04em}.oppo-contact-newsletter__text{max-width:500px;margin:16px 0 0;color:#252b28;font-size:clamp(15px,1vw,18px);font-weight:450;line-height:1.45}.oppo-contact-newsletter__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;padding:10px 24px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:650;text-decoration:none;transition:background-color .18s ease,color .18s ease}.oppo-contact-newsletter__button:hover{background:transparent;color:#111}.oppo-contact-newsletter__form-wrap{width:min(100%,520px);margin-top:auto}.oppo-contact-newsletter__form{display:flex;width:100%;min-height:52px;overflow:hidden;border:1px solid rgb(17 17 17 / 28%);border-radius:12px;background:#ffffff85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oppo-contact-newsletter__input{flex:1 1 auto;min-width:0;padding:0 16px;border:0;outline:0;background:transparent;color:#111;font:inherit}.oppo-contact-newsletter__input::placeholder{color:#69736e}.oppo-contact-newsletter__submit{flex:0 0 auto;margin:7px;padding:0 18px;border:0;border-inline-start:1px solid rgb(17 17 17 / 18%);background:transparent;color:#111;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.oppo-contact-newsletter__message{width:min(100%,520px);margin:12px 0 0;color:#176b43;font-size:13px}.oppo-contact-newsletter__message--error{color:#9f2424}@media screen and (max-width:989px){.oppo-contact-newsletter__inner{grid-template-columns:1fr}.oppo-contact-newsletter__card{min-height:340px;aspect-ratio:auto}}@media screen and (max-width:749px){.oppo-contact-newsletter{padding:32px 16px}.oppo-contact-newsletter__inner{gap:14px}.oppo-contact-newsletter__card{min-height:360px;aspect-ratio:auto;border-radius:16px}.oppo-contact-newsletter__content{width:100%;padding:26px 22px}.oppo-contact-newsletter__title{font-size:32px}.oppo-contact-newsletter__form{min-height:50px}.oppo-contact-newsletter__submit{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.oppo-contact-newsletter__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/oppo-contact-newsletter.css.map */