.hero{position:relative;min-height:var(--hero-height, 92vh);display:flex;overflow:hidden;background:var(--color-ink)}.hero__media,.hero__media img,.hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#080808d9,#08080826 55%,#08080859)}.hero__overlay--tint{background-color:rgba(8,8,8,var(--hero-overlay, .45))}.hero__inner{position:relative;z-index:2;width:100%;display:flex;align-items:var(--hero-valign, flex-end);padding-block:clamp(3rem,10vh,8rem)}.hero__content{max-width:40rem}.hero--left .hero__content{margin-right:auto}.hero--center .hero__content{margin-inline:auto;text-align:center}.hero--right .hero__content{margin-left:auto;text-align:right}.hero__eyebrow{color:var(--color-bone)}.hero__title{font-size:clamp(2.8rem,1.6rem + 6vw,6.5rem);line-height:.95;margin-bottom:1rem;text-shadow:0 2px 30px rgba(0,0,0,.4)}.hero__sub{font-size:clamp(1rem,.9rem + .5vw,1.25rem);color:var(--color-bone);max-width:32rem;margin-bottom:2rem}.hero--center .hero__sub{margin-inline:auto}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.hero--center .hero__actions{justify-content:center}.hero__scroll{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:3;color:var(--color-bone);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__scroll:after{content:"";width:1px;height:42px;background:linear-gradient(var(--color-bone),transparent);animation:heroScroll 2.4s ease-in-out infinite}@keyframes heroScroll{0%{transform:scaleY(0);transform-origin:top}40%{transform:scaleY(1);transform-origin:top}60%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(prefers-reduced-motion:reduce){.hero__scroll:after{animation:none}}@media(max-width:749px){.hero{min-height:var(--hero-height-mobile, 80vh)}.hero--right .hero__content,.hero--center .hero__content{text-align:left;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-cinematic-hero.css.map */