.cinematic{--cx-radius: 2.4rem;position:relative;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "SF Pro", "Helvetica Neue", sans-serif);overflow:hidden}.cinematic--dark{--cx-bg: #0a0a0a;--cx-fg: #f5f5f7;--cx-muted: rgba(245, 245, 247, .65);--cx-panel: rgba(255, 255, 255, .05);--cx-border: rgba(255, 255, 255, .1);--cx-shadow: rgba(0, 0, 0, .55);background:var(--cx-bg);color:var(--cx-fg)}.cinematic--light{--cx-bg: #f6f6f8;--cx-fg: #0a0a0a;--cx-muted: rgba(10, 10, 10, .6);--cx-panel: rgba(255, 255, 255, .7);--cx-border: rgba(10, 10, 10, .08);--cx-shadow: rgba(0, 0, 0, .16);background:var(--cx-bg);color:var(--cx-fg)}.cinematic .page-width{position:relative;z-index:1}.cinematic__brand{display:flex;justify-content:center;padding:2.4rem 0 0}.cinematic__logo{max-height:3.2rem;width:auto}.cinematic__brand-name{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:1.3rem;opacity:.8}.cinematic__btn{display:inline-block;margin-top:2rem;padding:1.3rem 3.2rem;border-radius:5rem;background:var(--cx-accent);color:#fff;font-weight:600;font-size:1.6rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;box-shadow:0 1rem 2.6rem color-mix(in srgb,var(--cx-accent) 45%,transparent)}.cinematic__btn:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.08)}.cinematic__btn--lg{padding:1.6rem 4rem;font-size:1.8rem}.cinematic__hero{position:relative;display:flex;align-items:center;min-height:clamp(46rem,86vh,90rem);overflow:hidden}.cinematic__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cinematic__bg-img,.cinematic__bg-video{width:100%;height:100%;object-fit:cover}.cinematic__bg-video{display:block}.cinematic__hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 40%,transparent,var(--cx-bg) 100%),color-mix(in srgb,var(--cx-bg) calc(var(--cx-overlay, .45) * 100%),transparent)}.cinematic__hero-inner{display:grid;gap:3rem;align-items:center;width:100%;text-align:center;padding-block:6rem}@media screen and (min-width:750px){.cinematic__hero-inner{grid-template-columns:1fr 1fr;text-align:left}.cinematic__hero-copy{order:-1}}.cinematic__hero-product{display:flex;justify-content:center}.cinematic__product-img{max-height:52rem;width:auto;filter:drop-shadow(0 3rem 6rem rgba(0,0,0,.55))}.cinematic__headline{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.03;font-size:clamp(3.4rem,6vw,7.6rem);color:var(--cx-fg)}.cinematic__subtext{margin:1.6rem 0 0;font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.5;color:var(--cx-muted)}.cinematic__subtext>*{margin:0}.cinematic__title{margin:0 0 3.6rem;text-align:center;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2.8rem,4.5vw,5.2rem);color:var(--cx-fg)}.cinematic__discover{padding-block:clamp(6rem,10vw,12rem)}.cinematic__discover-media{border-radius:var(--cx-radius);overflow:hidden;box-shadow:0 3rem 7rem var(--cx-shadow)}.cinematic__discover-img,.cinematic__discover-video{width:100%;height:auto;display:block}.cinematic__discover-text{margin:3rem auto 0;max-width:70rem;text-align:center;font-size:clamp(1.6rem,2vw,2rem);color:var(--cx-muted)}.cinematic__discover-text>*{margin:0}.cinematic__features{padding-block:clamp(5rem,8vw,10rem)}.cinematic__features-grid{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:750px){.cinematic__features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.cinematic__features-grid{grid-template-columns:repeat(var(--cx-feature-cols, 3),1fr)}}.cinematic__feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;padding:3.4rem 2.4rem;border-radius:var(--cx-radius);background:var(--cx-panel);border:1px solid var(--cx-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease}.cinematic__feature:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--cx-accent) 50%,transparent);box-shadow:0 2rem 4.6rem var(--cx-shadow)}.cinematic__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background:color-mix(in srgb,var(--cx-accent) 18%,transparent)}.cinematic__feature-icon img{width:3.2rem;height:3.2rem;object-fit:contain}.cinematic__feature-title{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.01em;color:var(--cx-fg)}.cinematic__feature-text{margin:0;line-height:1.6;color:var(--cx-muted)}.cinematic__lifestyle{padding-block:clamp(5rem,8vw,10rem)}.cinematic__lifestyle-text{margin:0 auto 3.6rem;max-width:70rem;text-align:center;font-size:clamp(1.8rem,2.4vw,2.6rem);color:var(--cx-fg)}.cinematic__lifestyle-text>*{margin:0}.cinematic__lifestyle-grid{display:grid;grid-template-columns:1fr;gap:1.8rem}@media screen and (min-width:750px){.cinematic__lifestyle-grid{grid-template-columns:repeat(3,1fr)}}.cinematic__lifestyle-item{position:relative;margin:0;border-radius:var(--cx-radius);overflow:hidden;box-shadow:0 1.6rem 4rem var(--cx-shadow)}.cinematic__lifestyle-img{width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.cinematic__lifestyle-item:hover .cinematic__lifestyle-img{transform:scale(1.06)}.cinematic__lifestyle-caption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem;font-size:1.4rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.cinematic__cta{text-align:center;padding-block:clamp(6rem,9vw,11rem)}.cinematic__cta-title{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(3rem,5vw,6rem);color:var(--cx-fg)}.cinematic__cta-subtext{margin:1.6rem auto 0;max-width:60rem;font-size:clamp(1.6rem,2vw,2.1rem);color:var(--cx-muted)}.cinematic__cta-subtext>*{margin:0}@media(prefers-reduced-motion:no-preference){.cinematic .premium-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.cinematic .premium-reveal--zoom{transform:scale(.92)}.cinematic .premium-reveal.premium-reveal--visible{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cinematic .premium-reveal{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cinematic-experience.css.map */