.case-banner{width:100%}.case-banner__media{position:relative;min-height:var(--case-banner-height-desktop);display:flex;align-items:center;overflow:hidden;background:var(--case-banner-bg-color);color:var(--case-banner-text-color);isolation:isolate}.case-banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--case-banner-bg-image);background-repeat:no-repeat;background-position:var(--case-banner-bg-position-desktop);background-size:cover}.case-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#f6cd001a,#f6cd0000 58%);pointer-events:none}.case-banner__inner{width:100%;max-width:1440px;margin:0 auto;padding:clamp(42px,calc(86 * 100vw / 1366),86px) clamp(20px,calc(86 * 100vw / 1366),86px)}.case-banner__content{width:min(430px,100%)}.case-banner__heading{margin:0;color:inherit;line-height:1}.case-banner__heading-line--serif{font-family:"Nocturne Serif",serif!important;font-size:clamp(38px,calc(60 * 100vw / 1366),60px);font-style:normal;font-weight:500;line-height:1.05em;letter-spacing:0}.case-banner__heading-line--case{margin-top:clamp(12px,calc(18 * 100vw / 1366),18px);font-family:Karla,sans-serif;font-size:clamp(28px,calc(40 * 100vw / 1366),40px);font-style:normal;font-weight:800;line-height:1.05em;letter-spacing:1px;text-transform:uppercase}.case-banner__divider{width:100%;margin:16px 0;border-top:1px solid rgba(0,0,0,.16);height:1px}.case-banner__eyebrow{margin:0;color:inherit;font-family:Monda;font-size:clamp(15px,calc(20 * 100vw / 1366),20px);font-style:normal;font-weight:500;line-height:1.2em;letter-spacing:14%;text-transform:uppercase}.case-banner__form{margin-top:clamp(22px,calc(28 * 100vw / 1366),28px);width:min(410px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;border:5px solid rgba(255,255,255,.72);border-radius:4px;background:#fff}.case-banner__form>.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case-banner__input{width:100%;min-width:0;min-height:clamp(44px,calc(52 * 100vw / 1366),52px);border:0;padding:0 clamp(12px,calc(16 * 100vw / 1366),16px);background:#fff;color:#222;font-family:Karla,sans-serif;font-size:clamp(14px,calc(15 * 100vw / 1366),15px);font-style:normal;font-weight:400;line-height:1.2em;letter-spacing:1.2px}.case-banner__input::placeholder{color:#9b9b9b}.case-banner__input:focus{outline:none}.case-banner__button{min-height:clamp(44px,calc(52 * 100vw / 1366),52px);border:0;border-radius:2px;padding:0 clamp(16px,calc(24 * 100vw / 1366),24px);background:var(--case-banner-button-bg);color:var(--case-banner-button-color);font-family:Karla,sans-serif;font-size:clamp(11px,calc(14 * 100vw / 1366),16px);font-style:normal;font-weight:700;line-height:1.1em;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer}.case-banner__message{width:min(410px,100%);margin:10px 0 0;color:inherit;font-family:Karla,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:1.35}.case-banner__message--success{color:var(--case-banner-accent-color)}.case-banner__message--error{color:inherit}.case-banner__message--error ul{margin:0;padding-left:18px}.case-banner__message--error a{color:inherit}@media screen and (max-width:989px){.case-banner__content{width:min(380px,100%)}.case-banner__media:after{background:linear-gradient(90deg,#f6cd0038,#f6cd0000 72%)}}@media screen and (max-width:767px){.case-banner__media{min-height:var(--case-banner-height-mobile);align-items:flex-end;justify-content:center;text-align:center}.case-banner__media:before{background-position:var(--case-banner-bg-position-mobile)}.case-banner__media:after{background:linear-gradient(to bottom,#f6cd00,#f1da36cc)}.case-banner__inner{padding:40px 24px}.case-banner__content{width:min(340px,100%)}.case-banner__heading-line--serif{font-size:clamp(34px,calc(44 * 100vw / 390),44px)}.case-banner__heading-line--case{font-size:clamp(24px,calc(34 * 100vw / 390),34px)}.case-banner__eyebrow{font-size:14px;letter-spacing:3px}.case-banner__form{grid-template-columns:1fr;width:min(320px,100%);margin-left:auto;margin-right:auto}.case-banner__message{width:min(320px,100%);margin-left:auto;margin-right:auto}.case-banner__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/case-banner.css.map */