.section-cinematic-hero{position:relative}.cinematic-hero{--hero-gold: var(--gold, #b78e5e);--hero-cream: var(--cream, #edd6bf);--hero-ink: var(--ink, #1a1412);--hero-signal: var(--signal, #c70000);position:relative;min-height:max(36rem,calc(100svh - 16rem));color:var(--hero-cream);background:#060504;overflow:hidden;isolation:isolate}.cinematic-hero__media,.cinematic-hero__poster,.cinematic-hero__poster-image,.cinematic-hero__video,.cinematic-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cinematic-hero__media{display:block;overflow:hidden;background:#071514}.cinematic-hero__poster{display:block;margin:0;overflow:hidden}.cinematic-hero__poster-image,.cinematic-hero__video{max-width:none;object-fit:cover;object-position:var(--cinematic-focal-x, 50%) var(--cinematic-focal-y, 50%)}.cinematic-hero__poster-image{animation:cinematic-hero-breathe 24s var(--ease, ease-out) both;transform-origin:center}.cinematic-hero__video{z-index:1;background:transparent}.cinematic-hero__veil{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(8 6 5 / calc(var(--cinematic-scrim-opacity, .7) + .16)),rgb(8 6 5 / var(--cinematic-scrim-opacity, .7)) 38%,#08060529 72%,#0806053d),linear-gradient(180deg,#05040324 35%,#050403db),radial-gradient(circle at 72% 44%,transparent 0 17rem,rgb(2 2 2 / 12%) 48rem)}.cinematic-hero__inner{position:relative;z-index:3;display:grid;min-height:inherit;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:center}.cinematic-hero__content{max-width:66rem;padding-block:clamp(5rem,9vh,8rem) clamp(5.5rem,10vh,8.5rem)}.cinematic-hero__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin-bottom:clamp(1.35rem,2.4vw,2.35rem);color:var(--hero-cream);font-size:clamp(.62rem,.75vw,.72rem)}.cinematic-hero__eyebrow:before{width:2.8rem;height:1px;content:"";background:var(--hero-gold)}.cinematic-hero h1{max-width:11ch;margin:0;color:var(--hero-cream);font-size:clamp(3.7rem,7.7vw,8.25rem);line-height:.88;text-wrap:balance;text-shadow:0 1rem 4rem rgb(0 0 0 / 38%)}.cinematic-hero__copy{max-width:32rem;margin:clamp(1.8rem,3vw,2.8rem) 0 0;color:color-mix(in srgb,var(--hero-cream) 88%,transparent);font-family:var(--sans, sans-serif);font-size:clamp(.88rem,1.1vw,1.02rem);font-weight:500;letter-spacing:.14em;line-height:1.65;text-transform:uppercase}.cinematic-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:clamp(2rem,3.5vw,3rem)}.cinematic-hero__actions .button{min-width:13.5rem}.cinematic-hero__skip{display:inline-flex;min-height:2.75rem;align-items:center;gap:.75rem;margin-top:1.35rem;padding:.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--hero-gold) 55%,transparent);color:color-mix(in srgb,var(--hero-cream) 72%,transparent);font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.cinematic-hero__skip:hover{border-color:var(--hero-gold);color:var(--hero-cream)}.cinematic-hero__media-toggle{position:absolute;z-index:5;right:var(--gutter, 2rem);bottom:4.7rem;display:inline-flex;min-width:7.8rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.65rem;padding:.65rem .9rem;border:1px solid color-mix(in srgb,var(--hero-gold) 68%,transparent);border-radius:0;color:var(--hero-cream);background:#090706c2;font-size:.58rem;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s ease,background-color .2s ease,border-color .2s ease}.cinematic-hero__media-toggle:hover{border-color:var(--hero-gold);color:var(--hero-ink);background:var(--hero-gold)}.cinematic-hero__media-toggle-icon{position:relative;width:.9rem;height:.9rem;flex:0 0 .9rem;color:var(--hero-signal)}.cinematic-hero__media-toggle-icon:before{position:absolute;inset:50% auto auto 50%;width:0;height:0;border-top:.32rem solid transparent;border-bottom:.32rem solid transparent;border-left:.5rem solid currentColor;content:"";transform:translate(-40%,-50%)}.cinematic-hero__media-toggle[aria-pressed=true] .cinematic-hero__media-toggle-icon:before{width:.18rem;height:.72rem;border:0;background:currentColor;box-shadow:.38rem 0 0 currentColor;transform:translate(-.28rem,-50%)}.cinematic-hero__crossing{position:absolute;z-index:4;right:var(--gutter, 2rem);bottom:1.5rem;left:var(--gutter, 2rem);display:grid;grid-template-columns:auto minmax(6rem,13rem) auto 1fr auto;align-items:center;gap:.85rem;color:color-mix(in srgb,var(--hero-cream) 64%,transparent);font-size:.5rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.cinematic-hero__crossing small{justify-self:end;font:inherit;color:var(--hero-gold)}.cinematic-hero__route{position:relative;display:block;height:1px;background:color-mix(in srgb,var(--hero-gold) 60%,transparent)}.cinematic-hero__route-point{position:absolute;top:50%;left:54%;width:.58rem;aspect-ratio:1;border:1px solid var(--hero-gold);border-radius:50%;background:var(--hero-signal);box-shadow:0 0 0 .26rem #070504ad;transform:translate(-50%,-50%)}@keyframes cinematic-hero-breathe{0%{transform:scale(1.015)}to{transform:scale(1.075)}}@media(max-width:989px){.cinematic-hero__inner{grid-template-columns:1fr;align-items:end}.cinematic-hero__content{max-width:52rem}.cinematic-hero__veil{background:linear-gradient(0deg,#070504f5,#070504ad 55%,#07050424),linear-gradient(90deg,rgb(7 5 4 / 42%),transparent 78%)}}@media(max-width:749px){.cinematic-hero{min-height:max(44rem,calc(100svh - 6rem))}.cinematic-hero__content{padding-block:clamp(11rem,28vh,17rem) 8.4rem}.cinematic-hero h1{max-width:10ch;font-size:clamp(3.25rem,14vw,5.25rem);line-height:.9}.cinematic-hero__copy{max-width:25rem;font-size:.75rem}.cinematic-hero__actions{display:grid;width:min(100%,24rem);grid-template-columns:1fr}.cinematic-hero__actions .button{width:100%}.cinematic-hero__skip{margin-top:.9rem}.cinematic-hero__media-toggle{right:var(--gutter, 1.25rem);bottom:3.7rem;min-width:2.75rem;width:2.75rem;padding:0}.cinematic-hero__media-toggle [data-media-toggle-label]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cinematic-hero__crossing{bottom:1.2rem;grid-template-columns:auto minmax(4rem,1fr) auto;gap:.65rem}.cinematic-hero__crossing small{display:none}}@media(prefers-reduced-motion:reduce){.cinematic-hero__poster-image{animation:none;transform:none}.cinematic-hero__actions .button,.cinematic-hero__skip,.cinematic-hero__media-toggle{transition:none}}@media(forced-colors:active){.cinematic-hero__veil{background:#000000b8}.cinematic-hero__media-toggle,.cinematic-hero__actions .button{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-cinematic-hero.css.map */