.kvr-hero{--kvr-overlay: 35%;--kvr-accent: #e3fc02;position:relative;display:block;min-height:min(900px,var(--kvr-height, 88svh));overflow:hidden;isolation:isolate;background:#111;color:#fff}.kvr-hero__media,.kvr-hero__media:after,.kvr-hero__media img,.kvr-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kvr-hero__media img,.kvr-hero__media video{object-fit:cover;transform:scale(1.06);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.kvr-hero.is-visible .kvr-hero__media img,.kvr-hero.is-visible .kvr-hero__media video{transform:scale(1)}.kvr-hero__media:after{content:"";z-index:1;background:linear-gradient(90deg,rgba(0,0,0,var(--kvr-overlay)),#0000001f 64%,#00000047),linear-gradient(0deg,rgba(0,0,0,.48) 0%,transparent 45%)}.kvr-hero__placeholder{display:grid;place-items:center;height:100%;background:radial-gradient(circle at 70% 25%,#343438 0,#171719 45%,#0b0b0c)}.kvr-hero__placeholder svg{width:min(780px,90vw);opacity:.18}.kvr-hero__mobile{display:none}.kvr-hero__inner{position:relative;z-index:2;display:flex;align-items:var(--kvr-y, center);justify-content:var(--kvr-x, flex-start);min-height:min(900px,var(--kvr-height, 88svh));padding:clamp(5rem,9vw,11rem) clamp(2rem,6vw,9rem) clamp(7rem,10vw,11rem)}.kvr-hero__content{width:min(880px,100%);text-align:var(--kvr-align, left)}.kvr-hero__eyebrow,.kvr-hero__heading,.kvr-hero__text,.kvr-hero__actions{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.kvr-hero.is-visible .kvr-hero__eyebrow,.kvr-hero.is-visible .kvr-hero__heading,.kvr-hero.is-visible .kvr-hero__text,.kvr-hero.is-visible .kvr-hero__actions{opacity:1;transform:none}.kvr-hero.is-visible .kvr-hero__heading{transition-delay:.1s}.kvr-hero.is-visible .kvr-hero__text{transition-delay:.22s}.kvr-hero.is-visible .kvr-hero__actions{transition-delay:.34s}.kvr-hero__eyebrow{margin:0 0 1.4rem;color:var(--kvr-accent);font-size:clamp(1.1rem,1.2vw,1.5rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.kvr-hero__heading{max-width:12ch;margin:0;font-family:var(--font-heading-family);font-size:clamp(5.2rem,9.5vw,14rem);font-weight:var(--font-heading-weight);line-height:.82;letter-spacing:-.035em;text-wrap:balance;text-transform:uppercase}.kvr-hero__content[style*=center] .kvr-hero__heading{margin-inline:auto}.kvr-hero__content[style*=right] .kvr-hero__heading{margin-left:auto}.kvr-hero__text{max-width:58rem;margin:2rem 0 0;font-size:clamp(1.5rem,1.5vw,2rem);line-height:1.45}.kvr-hero__content[style*=center] .kvr-hero__text{margin-inline:auto}.kvr-hero__content[style*=right] .kvr-hero__text{margin-left:auto}.kvr-hero__actions{display:flex;flex-wrap:wrap;justify-content:var(--kvr-x, flex-start);gap:1rem;margin-top:3rem}.kvr-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:1.4rem 2.7rem;border:1px solid var(--kvr-accent);color:#111;background:var(--kvr-accent);font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .25s ease,background .25s ease,transform .25s ease}.kvr-hero__button:hover{transform:translateY(-3px)}.kvr-hero__button--secondary{color:#fff;background:#0003;border-color:#ffffffb3}.kvr-hero__button--secondary:hover{color:#111;background:#fff}.kvr-hero__marquee{position:absolute;z-index:3;bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,.28);background:#0808099e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kvr-hero__track{display:flex;width:max-content;animation:kvr-marquee var(--kvr-speed, 24s) linear infinite}.kvr-hero__track span{padding:1.25rem 0;font-size:1.2rem;font-weight:700;letter-spacing:.2em;white-space:nowrap}@keyframes kvr-marquee{to{transform:translate(-50%)}}@media screen and (max-width:749px){.kvr-hero{min-height:var(--kvr-mobile-height, 78svh)}.kvr-hero__inner{align-items:flex-end;min-height:var(--kvr-mobile-height, 78svh);padding:5rem 2rem 8rem}.kvr-hero__heading{font-size:clamp(4.8rem,17vw,8rem)}.kvr-hero__text{max-width:34rem;font-size:1.5rem}.kvr-hero__actions{gap:.8rem}.kvr-hero__button{flex:1 1 14rem;padding-inline:1.6rem}.kvr-hero__media--has-mobile .kvr-hero__desktop{display:none}.kvr-hero__media--has-mobile .kvr-hero__mobile{display:block}}@media(prefers-reduced-motion:reduce){.kvr-hero__media img,.kvr-hero__media video,.kvr-hero__eyebrow,.kvr-hero__heading,.kvr-hero__text,.kvr-hero__actions{opacity:1;transform:none;transition:none}.kvr-hero__track{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kvr-cinematic-hero.css.map */