.kinetic-hero-section{display:block}.kinetic-hero{position:relative;min-height:var(--kh-height, 94svh);display:grid;grid-template-areas:"stack";align-items:end;isolation:isolate;overflow:clip;background:#0b0b0c;color:var(--kh-ink, #f4efe6)}.kinetic-hero__stage,.kinetic-hero__content{grid-area:stack}.kinetic-hero__stage{position:relative;width:100%;height:100%;min-height:inherit}.kinetic-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kinetic-hero__layer img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);will-change:transform}.kinetic-hero__layer--back img{animation:kh-drift 26s ease-in-out infinite alternate}.kinetic-hero__layer--front{-webkit-mask-image:radial-gradient(circle var(--r, 26vmax) at var(--mx, 50%) var(--my, 46%),#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.35) 72%,transparent 100%);mask-image:radial-gradient(circle var(--r, 26vmax) at var(--mx, 50%) var(--my, 46%),#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.35) 72%,transparent 100%);will-change:mask-image}.kinetic-hero__layer--front img{transform:scale(1.12);filter:saturate(1.05) contrast(1.04)}.kinetic-hero[data-spotlight=false] .kinetic-hero__layer--front{-webkit-mask-image:none;mask-image:none;opacity:0}.kinetic-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#060607eb,#06060757 46%,#0606078c),radial-gradient(120% 90% at 50% 100%,rgba(0,0,0,.6) 0%,transparent 62%);opacity:calc(.5 + var(--kh-veil, .45));pointer-events:none}.kinetic-hero__bloom{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(38vmax 38vmax at var(--mx, 50%) var(--my, 46%),color-mix(in srgb,var(--kh-accent, #c9a063) 55%,transparent) 0%,transparent 68%);mix-blend-mode:screen;opacity:var(--kh-bloom, .55);filter:blur(28px);pointer-events:none;transition:opacity .6s ease}.kinetic-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.kinetic-hero__edge{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 18vmax 6vmax #0000008c}.kinetic-hero__content{position:relative;z-index:2;display:flex;align-items:flex-end;width:100%;padding:12rem 0 7rem;pointer-events:none}.kinetic-hero__inner{width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding:0 5rem;pointer-events:auto}.kinetic-hero__eyebrow{display:flex;align-items:center;gap:1.4rem;margin:0 0 2.2rem;font-size:1.2rem;letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb,var(--kh-ink, #f4efe6) 78%,transparent)}.kinetic-hero__rule{display:block;width:5.2rem;height:1px;background:var(--kh-accent, #c9a063);transform-origin:left center;animation:kh-rule 1.4s cubic-bezier(.16,1,.3,1) both}.kinetic-hero__heading{margin:0;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 400);font-size:clamp(4.4rem,7.2vw,10.4rem);line-height:.98;letter-spacing:-.015em;text-wrap:balance}.kinetic-hero__line{display:block}.kinetic-hero__word{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .06em .06em 0;margin-right:.28em}.kinetic-hero__word-in{display:inline-block}.kinetic-hero__heading em{font-style:italic;color:var(--kh-accent, #c9a063)}.kinetic-hero__sub{max-width:46ch;margin:2.6rem 0 0;font-size:clamp(1.5rem,1.15vw,1.8rem);line-height:1.6}.kinetic-hero__sub p{margin:0}.kinetic-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem;margin-top:3.4rem}.kinetic-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:5.6rem;padding:0 3.2rem;font-size:1.35rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),color .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .45s ease;will-change:transform}.kinetic-btn__label{position:relative;z-index:2}.kinetic-btn--solid{background:var(--kh-accent, #c9a063);color:#101010;border:1px solid var(--kh-accent, #c9a063);box-shadow:0 1.2rem 3.6rem -1.4rem color-mix(in srgb,var(--kh-accent, #c9a063) 90%,transparent)}.kinetic-btn--solid:hover,.kinetic-btn--solid:focus-visible{box-shadow:0 1.8rem 5rem -1.2rem color-mix(in srgb,var(--kh-accent, #c9a063) 95%,transparent)}.kinetic-btn__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 48%,transparent 74%);transform:translate(-120%);transition:transform .9s cubic-bezier(.16,1,.3,1)}.kinetic-btn--solid:hover .kinetic-btn__shine,.kinetic-btn--solid:focus-visible .kinetic-btn__shine{transform:translate(120%)}.kinetic-btn--ghost{color:var(--kh-ink, #f4efe6);border:1px solid color-mix(in srgb,var(--kh-ink, #f4efe6) 38%,transparent);background:color-mix(in srgb,#000 18%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kinetic-btn--ghost:hover,.kinetic-btn--ghost:focus-visible{border-color:var(--kh-ink, #f4efe6);background:color-mix(in srgb,var(--kh-ink, #f4efe6) 12%,transparent)}.kinetic-btn__arrow{width:1.8rem;height:1.8rem;transition:transform .45s cubic-bezier(.16,1,.3,1)}.kinetic-btn--ghost:hover .kinetic-btn__arrow,.kinetic-btn--ghost:focus-visible .kinetic-btn__arrow{transform:translate(.5rem)}.kinetic-btn:focus-visible{outline:2px solid var(--kh-ink, #f4efe6);outline-offset:4px}.kinetic-hero__proof{display:flex;flex-wrap:wrap;gap:0 4.4rem;margin:4.4rem 0 0;padding:2.4rem 0 0;list-style:none;border-top:1px solid color-mix(in srgb,var(--kh-ink, #f4efe6) 18%,transparent)}.kinetic-hero__proof-item{display:flex;flex-direction:column;gap:.5rem}.kinetic-hero__proof-value{font-family:var(--font-heading-family, inherit);font-size:2rem;line-height:1;color:var(--kh-ink, #f4efe6)}.kinetic-hero__proof-label{font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--kh-ink, #f4efe6) 60%,transparent)}.kinetic-hero__cue{position:absolute;z-index:3;right:5rem;bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--kh-ink, #f4efe6) 55%,transparent);writing-mode:vertical-rl}.kinetic-hero__cue-line{width:1px;height:6rem;background:linear-gradient(to bottom,color-mix(in srgb,var(--kh-ink, #f4efe6) 60%,transparent),transparent);animation:kh-cue 2.4s ease-in-out infinite;transform-origin:top center}[data-kh-reveal]{opacity:0;transform:translateY(1.1em);transition:opacity 1s cubic-bezier(.16,1,.3,1) var(--d, 0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--d, 0ms)}.kinetic-hero.is-ready [data-kh-reveal]{opacity:1;transform:translateY(0)}@keyframes kh-drift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.13) translate3d(-1.6%,-1.2%,0)}}@keyframes kh-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kh-cue{0%,to{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media screen and (max-width:989px){.kinetic-hero__inner{padding:0 3rem}.kinetic-hero__content{padding:10rem 0 5.5rem}.kinetic-hero__cue{display:none}.kinetic-hero__proof{gap:2.4rem 3rem}}@media screen and (max-width:749px){.kinetic-hero{min-height:88svh}.kinetic-hero__inner{padding:0 2rem}.kinetic-hero__heading{font-size:clamp(3.8rem,12.5vw,6.4rem)}.kinetic-hero__actions{gap:1.2rem}.kinetic-btn{flex:1 1 100%;min-height:5.4rem;padding:0 2rem}.kinetic-hero__proof{margin-top:3.2rem}.kinetic-hero__proof-item{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){.kinetic-hero__layer--back img,.kinetic-hero__cue-line,.kinetic-hero__rule{animation:none}[data-kh-reveal]{transition-duration:.01ms;transition-delay:0ms}.kinetic-btn,.kinetic-btn__shine,.kinetic-btn__arrow{transition:none}}.kinetic-hero .kinetic-hero__heading{color:var(--kh-ink, #f4efe6)}.kinetic-hero .kinetic-hero__heading em{color:var(--kh-accent, #c9a063)}.kinetic-hero .kinetic-hero__sub{color:var(--kh-ink, #f4efe6);text-shadow:0 1px 24px rgba(6,6,7,.75)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/kinetic-hero-spotlight.css.map */