.cinematic-hero{position:relative;overflow:hidden;min-height:72vh;display:flex;align-items:flex-end;isolation:isolate}.cinematic-hero__bg{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:0;animation:cinematicKenBurns 26s ease-in-out infinite}.cinematic-hero__bg img{width:100%;height:100%;object-fit:cover;display:block}.cinematic-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000094,#00000038 58%,#0000),linear-gradient(180deg,#0000004d,#00000061 32%,#000000db);z-index:1}.cinematic-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;mix-blend-mode:overlay;pointer-events:none}.cinematic-hero__ring{position:absolute;top:6%;right:4%;width:190px;height:190px;z-index:2;pointer-events:none}.cinematic-hero__ring span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:cinematicSweep 16s linear infinite}.cinematic-hero__ring span:before{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;border:1px dashed rgba(255,255,255,.28);border-radius:50%}.cinematic-hero__inner{position:relative;z-index:3;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding-top:5rem;padding-bottom:4rem}.cinematic-hero__content{max-width:640px}.cinematic-hero__eyebrow{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.65);margin:0 0 1.6rem}.cinematic-hero__heading{font-family:var(--font-heading-family);color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5);font-size:clamp(3.6rem,6vw,6.4rem);line-height:1.03;font-weight:500;margin:0 0 1.8rem}.cinematic-hero__subheading{font-size:1.7rem;line-height:1.6;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.6);max-width:46ch;margin:0 0 2.4rem;font-weight:300}.cinematic-hero__actions{display:flex;flex-wrap:wrap;gap:1.4rem}.cinematic-hero__btn{font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;padding:1.5rem 2.6rem}.cinematic-hero__btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.55);color:rgb(var(--color-foreground))}.cinematic-hero__play{position:relative;z-index:3;flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:50%;background:#ffffffeb;color:#1c1712;display:flex;align-items:center;justify-content:center;animation:cinematicDrift 5s ease-in-out infinite,cinematicPulse 2.6s ease-out infinite}.cinematic-ticker{overflow:hidden;white-space:nowrap;padding:1.4rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.cinematic-ticker__track{display:inline-flex;animation:cinematicMarquee 24s linear infinite}.cinematic-ticker__track span{font-family:var(--font-heading-family);font-size:1.9rem;padding-right:3.5rem;white-space:nowrap}@keyframes cinematicKenBurns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.045) translate(-.6%,-.6%)}to{transform:scale(1) translate(0)}}@keyframes cinematicSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cinematicDrift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(6deg)}}@keyframes cinematicPulse{0%{box-shadow:0 0 #ffffff73}70%{box-shadow:0 0 0 18px #fff0}to{box-shadow:0 0 #fff0}}@keyframes cinematicMarquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media screen and (max-width:749px){.cinematic-hero{min-height:58vh}.cinematic-hero__inner{flex-direction:column;align-items:flex-start;padding-top:6rem;padding-bottom:3rem;gap:1.5rem}.cinematic-hero__play{width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.cinematic-hero__bg,.cinematic-hero__ring span,.cinematic-hero__play,.cinematic-ticker__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-cinematic-hero.css.map */