.hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background-color:var(--color-bg-secondary)}.hero--small{min-height:50vh}.hero--medium{min-height:70vh}.hero--large{min-height:90vh}.hero--full{min-height:100vh;min-height:100dvh}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero__media img,.hero__video{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,var(--overlay-opacity, .3))}.hero__content{position:relative;z-index:3;width:100%;padding:var(--spacing-16) 0}.hero__content-inner{max-width:700px}.hero--center .hero__content-inner{margin-left:auto;margin-right:auto;text-align:center}.hero--left .hero__content-inner{margin-right:auto}.hero--right .hero__content-inner{margin-left:auto;text-align:right}.hero__subheading,.hero__heading,.hero__text{color:var(--color-white)}.hero--no-media .hero__subheading,.hero--no-media .hero__heading,.hero--no-media .hero__text{color:var(--color-text)}.hero__subheading{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3);opacity:.9}.hero__heading{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-bold);line-height:1.1;margin:0 0 var(--spacing-4)}.hero__text{font-size:var(--text-lg);line-height:1.6;opacity:.9;margin-bottom:var(--spacing-6)}.hero__text p{margin:0}.hero__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.hero--center .hero__buttons{justify-content:center}.hero--right .hero__buttons{justify-content:flex-end}.hero__scroll{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);z-index:3}.hero__scroll-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:all var(--transition-base);animation:bounce 2s infinite}.hero__scroll-btn:hover{border-color:var(--color-white);background-color:#ffffff1a}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:767px){.hero--left .hero__content-inner,.hero--right .hero__content-inner{text-align:center}.hero--left .hero__buttons,.hero--right .hero__buttons{justify-content:center}.hero__buttons{flex-direction:column}.hero__buttons .btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-hero.css.map */