@layer components{.video-hero{position:relative;display:block;min-height:var(--vh-height, 420px);overflow:hidden;color:var(--color-text);isolation:isolate}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-local-behind)}.video-hero__poster,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(1.06) brightness(1) sepia(.04) hue-rotate(-4deg)}.video-hero__video{opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.video-hero.is-playing .video-hero__video{opacity:1}.video-hero__grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;opacity:1;background-image:linear-gradient(135deg,#5b202024,#965f5f1a,#5b202029)}.video-hero__split{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;opacity:.6;background-image:linear-gradient(180deg,rgb(91 32 32 / .12) 0%,transparent 45%,transparent 60%,rgb(91 32 32 / .14) 100%)}.video-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgb(91 32 32 / var(--vh-scrim, .14))}.video-hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;background-image:radial-gradient(ellipse at center,transparent 55%,rgb(91 32 32 / .2) 100%)}.video-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;opacity:.12;background-size:240px 240px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.video-hero__body{position:relative;z-index:var(--z-local-base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);min-height:var(--vh-height, 420px);padding-block:var(--section-y);text-align:center;color:var(--color-text)}.video-hero__heading{font-size:var(--fs-display-sm);line-height:var(--lh-heading);color:var(--color-heading)}.video-hero__text{max-width:36rem;line-height:var(--lh-body);color:color-mix(in oklab,var(--color-text) 85%,transparent)}.video-hero__play{margin-block-start:var(--space-3);--_bg: transparent;--_fg: var(--color-text);--_border: color-mix(in oklab, var(--color-text) 80%, transparent);--_bg-hover: color-mix(in oklab, var(--color-text) 10%, transparent);--_fg-hover: var(--color-text);--_border-hover: var(--color-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-hero--grade-soft .video-hero__split,.video-hero--grade-soft .video-hero__grain,.video-hero--grade-none .video-hero__grade,.video-hero--grade-none .video-hero__split,.video-hero--grade-none .video-hero__vignette,.video-hero--grade-none .video-hero__grain{display:none}.video-hero--grade-none .video-hero__poster,.video-hero--grade-none .video-hero__video{filter:none}.video-hero--grade-soft .video-hero__poster,.video-hero--grade-soft .video-hero__video{filter:contrast(1.05) saturate(1.05)}@media(min-width:64em){.video-hero,.video-hero__body{min-height:var(--vh-height-lg, 560px)}}@media(max-width:39.99em){.video-hero__split,.video-hero__grain{display:none}}.video-hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(180deg,transparent 45%,rgb(14 10 11 / .72) 100%)}.video-hero__body--caption{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-8);text-align:start}.video-hero__plate-text{display:flex;align-items:flex-end;gap:var(--space-4);min-width:0}.video-hero__chapter{flex-shrink:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--fs-label-sm);letter-spacing:.3em;text-transform:uppercase;line-height:1;color:var(--color-accent)}.video-hero__caption{margin:0;max-width:16ch;font-family:var(--font-heading);font-style:italic;font-weight:var(--fw-normal);font-size:clamp(1.75rem,3.6vw,3.25rem);line-height:1.05;color:var(--color-heading);text-wrap:balance}.video-hero__play--corner{flex-shrink:0;margin:0;--circle-size: 2.75rem}.video-hero__cta{flex-shrink:0;--_fg: var(--color-text);--_border: var(--color-text);--_bg-hover: var(--color-text);--_fg-hover: var(--color-bg);--_border-hover: var(--color-text)}@media(min-width:64em){.video-hero__body--caption{padding-block:var(--space-10)}.video-hero__plate-text{gap:var(--space-5)}}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-video-hero.css.map */