.cinematic-hero{position:relative;display:grid;align-items:end;isolation:isolate;overflow:clip}.cinematic-hero--full{min-height:100vh;min-height:100svh}.cinematic-hero--large{min-height:78vh;min-height:78svh}.cinematic-hero--medium{min-height:62vh;min-height:62svh}.cinematic-hero__media{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background))}.cinematic-hero__media img{display:block;width:100%;height:100%;object-fit:var(--cc-hero-fit, cover);object-position:var(--cc-hero-focal, 50% 50%)}.cinematic-hero__media--empty{background:rgb(var(--color-background))}.cinematic-hero__video-layer{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:block}.cinematic-hero__video{display:block;width:100%;height:100%;object-fit:var(--cc-hero-fit, cover);object-position:var(--cc-hero-focal, 50% 50%);opacity:0;transition:opacity var(--cc-dur-slow) var(--cc-ease-ui)}.cinematic-hero__video-layer[data-playing] .cinematic-hero__video{opacity:1}.cinematic-hero__veil{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background));opacity:var(--cc-hero-veil, .3)}.cinematic-hero__scrim{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--cc-scrim-scheme)}.cinematic-hero__play{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;padding:0;border:0;border-radius:var(--cc-radius-full);background:rgb(var(--cc-white-rgb) / .82);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--cc-ink);cursor:pointer;transition:background-color var(--cc-dur-fast) var(--cc-ease-ui),transform var(--cc-dur-fast) var(--cc-ease-ui)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cinematic-hero__play{background:rgb(var(--cc-white-rgb) / .95)}}.cinematic-hero__play svg{width:2.2rem;height:2.2rem}.cinematic-hero__play:focus-visible{outline:var(--cc-focus-ring-width) solid var(--cc-focus-ring);outline-offset:var(--cc-focus-ring-offset)}@media(hover:hover){.cinematic-hero__play:hover{transform:scale(1.06);background:rgb(var(--cc-white-rgb) / .94)}}.cinematic-hero__play[hidden]{display:none}.cinematic-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cc-space-md);width:100%;max-width:90rem;padding-block:var(--cc-section-y);color:var(--cc-on-scheme)}.cinematic-hero--center .cinematic-hero__content{align-items:center;margin-inline:auto;text-align:center}.cinematic-hero__eyebrow{margin:0;color:var(--cc-accent-text);font-family:var(--cc-font-body);font-size:var(--cc-text-xs);font-weight:var(--cc-weight-medium);letter-spacing:var(--cc-tracking-eyebrow);text-transform:uppercase}.cinematic-hero__heading{margin:0;max-width:18ch;color:inherit;font-family:var(--cc-font-display);font-size:var(--cc-text-4xl);font-weight:var(--cc-weight-semibold);letter-spacing:var(--cc-tracking-display);line-height:var(--cc-leading-display);text-wrap:balance}.cinematic-hero--center .cinematic-hero__heading{margin-inline:auto}.cinematic-hero__subheading{margin:0;max-width:var(--cc-measure-tight);color:var(--cc-on-scheme-quiet);font-size:var(--cc-text-md);line-height:var(--cc-leading-body)}.cinematic-hero__actions{display:flex;flex-wrap:wrap;gap:var(--cc-space-sm);margin-block-start:var(--cc-space-xs)}.cinematic-hero__cue{position:absolute;bottom:var(--cc-space-md);left:50%;translate:-50% 0;width:var(--cc-hairline-width);height:var(--cc-space-xl);overflow:hidden;background:rgb(var(--cc-white-rgb) / .2)}.cinematic-hero__cue:after{content:"";position:absolute;inset-inline:0;top:0;height:100%;background:var(--cc-forge);transform:scaleY(0);transform-origin:top}@media(prefers-reduced-motion:no-preference){.cinematic-hero__reveal{opacity:0;animation:cc-hero-rise var(--cc-dur-cinematic) var(--cc-ease-out) forwards;animation-delay:var(--cc-reveal-delay, 0ms);translate:0 var(--cc-reveal-shift)}.cinematic-hero__cue:after{animation:cc-hero-cue 2.6s var(--cc-ease-in-out) infinite}}@keyframes cc-hero-rise{to{opacity:1;translate:0 0}}@keyframes cc-hero-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media screen and (max-width:749px){.cinematic-hero__heading{max-width:none}.cinematic-hero__content{align-items:flex-start;text-align:left}.cinematic-hero--center .cinematic-hero__content{align-items:center;text-align:center}}.cinematic-hero .cinematic-hero__veil,.cinematic-hero .cinematic-hero__scrim{display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-cinematic-hero.css.map */