.cinematic-hero{display:block;position:relative;isolation:isolate;color:var(--hero-color);background:var(--hero-bg);font-family:var(--font-body--family)}.cinematic-hero *,.cinematic-hero *:before,.cinematic-hero *:after{box-sizing:border-box}.cinematic-hero__background,.cinematic-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.cinematic-hero__background{overflow:hidden}.cinematic-hero__background picture{display:block;width:100%;height:100%}.cinematic-hero__background img{width:100%;height:100%;object-fit:var(--bg-fit);object-position:var(--bg-x) var(--bg-y)}.cinematic-hero__overlay{background:var(--overlay-gradient, linear-gradient(var(--overlay-color), var(--overlay-color)));opacity:var(--overlay-opacity)}.cinematic-hero__inner{width:100%;max-width:var(--hero-width);margin-inline:auto;min-height:var(--height-desktop);padding:var(--padding-desktop) var(--gutter);display:grid;align-content:center;gap:var(--hero-gap)}.cinematic-hero__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hero-gap);align-items:center}.cinematic-hero__layout--split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.cinematic-hero__content,.cinematic-hero__bottom{display:flex;flex-direction:column;min-width:0}.cinematic-hero__position{--x: var(--x-desktop, 0px);--y: var(--y-desktop, 0px);--offset-room: max(var(--x), calc(-1 * var(--x)));width:min(var(--block-width, 100%),calc(100% - 2 * var(--offset-room)));margin-inline:var(--offset-room);min-width:0;position:relative;left:var(--x)}.cinematic-hero__block{align-self:var(--block-align);text-align:var(--block-align);margin-block:calc(var(--space-top) + var(--y)) var(--space-bottom);color:var(--block-color);font-size:clamp(var(--font-mobile),calc(var(--font-mobile) + (100vw - 375px) * .025),var(--font-desktop));overflow-wrap:anywhere}.cinematic-hero__reveal{min-width:0}.cinematic-hero__heading{margin:0;font:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;color:inherit}.cinematic-hero__heading>span{display:block}.cinematic-hero__accent{color:var(--accent-color)}@supports (background-clip: text){.cinematic-hero__accent{background:var(--accent-gradient, linear-gradient(var(--accent-color), var(--accent-color)));background-clip:text;-webkit-text-fill-color:transparent}}.cinematic-hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-weight:700;line-height:1.5}.cinematic-hero__text{line-height:1.6;color:inherit}.cinematic-hero__text>:first-child{margin-top:0}.cinematic-hero__text>:last-child{margin-bottom:0}.cinematic-hero__text a{color:inherit;text-decoration:underline}.cinematic-hero__tagline{margin:0;line-height:1.4;font-style:italic}.cinematic-hero__trust{display:flex;justify-content:var(--block-align);align-items:center;gap:10px;line-height:1.5}.cinematic-hero__trust-icon{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.cinematic-hero__button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;width:var(--button-width);padding:var(--button-py) var(--button-px);border:var(--button-border-width) solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-fg);font:inherit;font-weight:700;text-decoration:none;text-align:center;line-height:1.35;white-space:normal;transition:transform .2s ease,filter .2s ease}.cinematic-hero__button--outline{background:transparent}.cinematic-hero__button:focus-visible,.cinematic-hero__text a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(hover:hover){.cinematic-hero__button--lift:hover{transform:translateY(-3px)}.cinematic-hero__button--brighten:hover{filter:brightness(1.15)}}.cinematic-hero__visual{min-width:0;display:flex;flex-direction:column;align-items:center}.cinematic-hero__image-position{--block-width: var(--image-width);margin-top:var(--y)}.cinematic-hero__image{border-radius:var(--image-radius);overflow:hidden;aspect-ratio:var(--image-ratio)}.cinematic-hero__image picture{display:block;height:100%}.cinematic-hero__image img{display:block;width:100%;height:100%;object-fit:var(--image-fit);object-position:var(--image-position)}.cinematic-hero__review-position{--block-width: var(--review-width);margin-top:var(--y);z-index:1}.cinematic-hero__visual--with-image .cinematic-hero__review-position{margin-top:calc(var(--y) - var(--review-overlap))}.cinematic-hero__review{color:var(--review-color);background:var(--review-bg);border:var(--review-border-width) solid var(--review-border);border-radius:var(--review-radius);padding:var(--review-padding);box-shadow:0 16px 40px #0003;text-align:center;overflow-wrap:anywhere}.cinematic-hero__review-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.cinematic-hero__review-icon{width:24px;height:24px;object-fit:contain}.cinematic-hero__rating{font-size:28px;font-weight:700;line-height:1.2}.cinematic-hero__stars{color:var(--star-color);letter-spacing:.1em;font-size:20px}.cinematic-hero__reviews{margin:8px 0 0;font-size:14px;line-height:1.5}.cinematic-hero__reviews:first-child{margin-top:0}.cinematic-hero [data-hero-animation]{--enter-x: 0px;--enter-y: 0px;--enter-scale: 1}.cinematic-hero [data-hero-animation=left]{--enter-x: -16px}.cinematic-hero [data-hero-animation=right]{--enter-x: 16px;--enter-scale: .96}.cinematic-hero [data-hero-animation=up]{--enter-y: 20px}.cinematic-hero [data-hero-animation=scale]{--enter-scale: 1.025}.cinematic-hero.is-animation-ready:not(.is-entered) [data-hero-animation]{opacity:0;transform:translate(var(--enter-x),var(--enter-y)) scale(var(--enter-scale))}.cinematic-hero.is-animation-ready.is-entered [data-hero-animation]{animation:cinematic-hero-enter var(--duration, .7s) cubic-bezier(.22,1,.36,1) var(--delay, 0ms) both}@keyframes cinematic-hero-enter{0%{opacity:0;transform:translate(var(--enter-x),var(--enter-y)) scale(var(--enter-scale))}to{opacity:1;transform:translate(0) scale(1)}}@media(min-width:750px)and (max-width:1099px){.cinematic-hero__inner{min-height:var(--height-tablet);padding-block:var(--padding-tablet);gap:min(var(--hero-gap),32px)}.cinematic-hero__layout{gap:min(var(--hero-gap),28px)}.cinematic-hero__position{--x: var(--x-tablet, 0px);--y: var(--y-tablet, 0px)}.cinematic-hero__block{font-size:min(var(--font-desktop),calc(var(--font-mobile) * 1.25))}.cinematic-hero__visual{--review-overlap: var(--review-overlap-tablet)}}@media(max-width:749px){.cinematic-hero__inner{min-height:var(--height-mobile);padding:var(--padding-mobile) min(var(--gutter),20px);gap:28px}.cinematic-hero__layout{grid-template-columns:minmax(0,1fr);gap:32px}.cinematic-hero__position{--x: var(--x-mobile, 0px);--y: var(--y-mobile, 0px)}.cinematic-hero__block{font-size:var(--font-mobile);margin-block:calc(var(--space-top-mobile) + var(--y)) var(--space-bottom-mobile)}.cinematic-hero__visual{--review-overlap: min(var(--review-overlap-mobile), 10vw)}.cinematic-hero__review{padding:min(var(--review-padding),24px)}}@media(prefers-reduced-motion:reduce){.cinematic-hero [data-hero-animation]{animation:none!important;opacity:1!important;transform:none!important}.cinematic-hero__button{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cinematic-hero.css.map */