.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;color:#fff}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__media img,.hero__media svg{width:100%;height:100%;object-fit:cover;display:block}.hero__media--placeholder{background:linear-gradient(135deg,#0c2a4e,#164a7e,#08203c)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0000008c,#00000026 45%,#00000040);pointer-events:none}.hero__content{position:relative;z-index:2;text-align:center;padding:0 24px 88px;max-width:780px}.hero__content,.hero__subheading,.hero__heading,.hero__text,.hero__text *{color:#fff!important}.hero__subheading{font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;opacity:.9}.hero__heading{font-size:clamp(36px,6vw,68px);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0 0 20px}.hero__text{font-size:clamp(15px,2vw,18px);line-height:1.6;margin:0 auto 32px;max-width:560px;opacity:.92}.hero__buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 34px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;border-radius:var(--button-radius);transition:transform .15s,background .15s,color .15s}.hero__btn--primary{background:#fff;color:var(--ink);border:1.5px solid #fff}.hero__btn--primary:hover{transform:translateY(-2px);background:var(--brand-color);border-color:var(--brand-color);color:#fff}.hero__btn--secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}.hero__btn--secondary:hover{transform:translateY(-2px);background:#fff;color:var(--ink);border-color:#fff}@media(max-width:900px){.hero{min-height:80vh;align-items:flex-end}.hero__content{padding:0 20px 56px}.hero__heading{font-size:clamp(30px,9vw,44px)}.hero__buttons{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}.hero__btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero.css.map */