.commercial-hero{position:relative;background:#f9f9f9;min-height:64dvh;overflow:hidden}.commercial-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.commercial-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center top}.commercial-hero__overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(28px,calc(20px + 2vw),40px) clamp(16px,calc(12px + 2.5vw),40px) clamp(40px,calc(28px + 3vw),60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,calc(18px + 1.25vw),32px);text-align:center;background:linear-gradient(179.12deg,#020f1600 1.7%,#010608eb 98.8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.commercial-hero__stack{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,calc(10.4px + .85vw),16px);max-width:900px;margin:0 auto}.commercial-hero__heading{font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:clamp(30px,calc(18.86px + 3.095vw),56px);line-height:1.14;letter-spacing:-.02em;color:#fff;margin:0}.commercial-hero__text{font-family:var(--font-body-family);font-style:normal;font-weight:600;font-size:clamp(14px,calc(13.14px + .238vw),16px);line-height:clamp(22px,calc(20.8px + .35vw),24px);color:#fff;margin:0;max-width:723px}.commercial-hero__text p{margin:0 0 12px}.commercial-hero__text p:last-child{margin-bottom:0}.commercial-hero__actions{display:flex;align-items:center;justify-content:center;gap:clamp(12px,calc(10.4px + .85vw),16px)}.commercial-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(12px,calc(6px + .9vw),16px) clamp(18px,calc(6px + 1.85vw),24px);border-radius:60px;font-family:var(--font-body-family);font-weight:600;font-size:clamp(12px,calc(10px + .238vw),16px);line-height:clamp(22px,calc(20.8px + .35vw),24px);text-decoration:none;text-align:center;border:1px solid transparent;transition:opacity .2s ease,transform .2s ease;min-height:clamp(48px,calc(42.4px + 1.1vw),56px);box-sizing:border-box}.commercial-hero__btn--primary{background:#0babff;border-color:#0babff;color:#fff}.commercial-hero__btn--secondary{background:#fff;border-color:#fff;color:#0c2a42}.commercial-hero__btn:hover{opacity:.92}@media screen and (min-width:750px){.commercial-hero{min-height:560px}}@media screen and (min-width:990px){.commercial-hero{min-height:797px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-commercial-hero.css.map */