.hero-section{position:relative;min-height:var(--hero-min-height, 640px);display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-image-placeholder{width:100%;height:100%;background:#d9d9d9}.hero-image-placeholder svg{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(10,10,12,calc(var(--hero-overlay, .45) + .25)),rgba(10,10,12,var(--hero-overlay, .45)) 45%,#0a0a0c0d)}.hero-content{position:relative;z-index:1;max-width:640px;padding:48px 56px 64px;opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.hero-content.is-visible{opacity:1;transform:translateY(0)}.hero-accent-bar{display:block;width:56px;height:4px;border-radius:2px;background:#fff;margin-bottom:20px}.hero-heading{font-size:52px;line-height:1.12;font-weight:700;color:#fff;margin:0 0 20px}.hero-description{font-size:17px;line-height:1.6;color:#ffffffd9;margin-bottom:32px;max-width:480px}.hero-description p{margin:0}.hero-button{display:inline-flex;align-items:center;gap:16px;background:#111114;color:#fff;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;padding:10px 10px 10px 28px;border-radius:999px;width:fit-content;transition:background .2s ease,transform .2s ease}.hero-button:hover{background:#2a2a2e;transform:translateY(-1px)}.hero-button-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#111114;flex-shrink:0}:lang(ar) .hero-button{direction:ltr!important}@media(prefers-reduced-motion:reduce){.hero-content{opacity:1;transform:none;transition:none}}@media(max-width:900px){.hero-heading{font-size:38px}.hero-content{padding:36px 32px 48px;max-width:100%}}@media(max-width:480px){.hero-section{min-height:520px}.hero-heading{font-size:28px}.hero-description{font-size:15px;margin-bottom:24px}.hero-content{padding:24px 20px 36px}.hero-button{width:100%;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-section.css.map */