.lp-hero{display:flex;flex-direction:column;height:max(42rem,calc(100svh - var(--header-height, 0px)));background:rgba(var(--color-foreground),.04)}.lp-hero__copy{display:flex;flex-direction:column;align-items:center;gap:var(--lp-space-3);padding:min(var(--lp-space-20),9.5svh) var(--lp-space-4) 0;text-align:center}@media screen and (max-width:749px)and (min-height:780px){.lp-hero__copy{padding-top:10.4rem}}.lp-hero__overline{margin:0;letter-spacing:.2em;color:rgba(var(--color-foreground),.8)}.lp-hero__heading{margin:0;font-size:clamp(2.8rem,min(8.6vw,4.6svh),6.4rem);line-height:1.1;text-wrap:balance}.lp-hero__line{display:block}.lp-hero__subhead{margin:0;font-size:1.6rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.lp-hero__copy{padding-top:min(var(--lp-space-24),9svh)}.lp-hero__heading{font-size:clamp(3.2rem,min(8.6vw,6svh),6.4rem)}.lp-hero__subhead{font-size:1.8rem}}@media screen and (min-width:750px)and (orientation:portrait){.lp-hero__copy{padding-top:min(14.4rem,11svh)}}.lp-hero__stage{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}.lp-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lp-hero__covers{position:absolute;top:12%;right:0;bottom:8%;left:0;perspective:120rem}.lp-hero__covers-inner{position:relative;height:100%;transform-style:preserve-3d}.lp-hero__cover{--lp-offset: calc(var(--i) - (var(--lp-covers) - 1) / 2);position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:44%;object-fit:contain;transform:translate(calc(-50% + var(--lp-offset) * 30%)) rotate(calc(var(--lp-offset) * 4deg));box-shadow:0 var(--lp-space-3) var(--lp-space-8) rgba(var(--color-shadow),.25)}@keyframes lpHeroSway{0%{transform:rotateY(-16deg) rotateX(3deg)}to{transform:rotateY(16deg) rotateX(-2deg)}}@media(prefers-reduced-motion:no-preference){.lp-hero__covers-inner{animation:lpHeroSway 9s ease-in-out infinite alternate}}.lp-scene{--lp-pad-mobile: 0;--lp-pad-desktop: .1;--lp-zoom-mobile: 1.25;--lp-zoom-desktop: 1.15;position:absolute;top:0;right:0;bottom:0;left:0;display:block}@media screen and (min-width:600px)and (max-width:1440px)and (max-height:900px)and (orientation:landscape){.lp-scene{--lp-zoom-desktop: 1.3}}@media screen and (min-width:600px)and (orientation:portrait){.lp-scene{--lp-zoom-desktop: 1.66}}@media screen and (max-width:749px)and (min-height:780px){.lp-scene{--lp-zoom-mobile: 1.3}}@media screen and (max-width:599px){.lp-scene{left:50%;right:auto;width:max(100%,min(75cqh,599px));transform:translate(-50%)}}.lp-scene__poster,.lp-scene__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lp-scene__poster{--lp-fit-aspect: .75;--lp-pad: var(--lp-pad-mobile);--lp-zoom: var(--lp-zoom-mobile);--lp-pad-rendered: 0;--lp-zoom-rendered: 1.25;display:block;overflow:hidden;container-type:size;pointer-events:none;transition:opacity .4s ease}@container (min-width: 600px){.lp-scene__poster img{--lp-fit-aspect: 1.6;--lp-pad: var(--lp-pad-desktop);--lp-zoom: var(--lp-zoom-desktop);--lp-pad-rendered: .1;--lp-zoom-rendered: 1.15}}.lp-scene__rest,.lp-scene[data-state=still] .lp-scene__poster{opacity:0}.lp-scene[data-state=still] .lp-scene__rest{opacity:1}.lp-scene[data-state=still] .lp-scene__hint{display:none}.lp-scene__poster img{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:calc(min(100cqh,100cqw / var(--lp-fit-aspect)) * (1 - 2 * var(--lp-pad)) / (1 - 2 * var(--lp-pad-rendered)) * var(--lp-zoom) / var(--lp-zoom-rendered));transform:translate(-50%,-50%)}@container (max-width: 599px){.lp-scene__rest img{min-height:calc(100cqw * 1264 / 1198)}}.lp-scene__canvas{opacity:0;transition:opacity .4s ease}.lp-scene__canvas:focus-visible{outline:var(--focused-base-outline);outline-offset:calc(-1 * var(--focused-base-outline-offset))}.lp-scene[data-state=ready] .lp-scene__canvas{opacity:1}.lp-scene[data-state=ready] .lp-scene__poster{opacity:0}.lp-scene__hint{position:absolute;left:0;right:0;bottom:var(--lp-space-4);margin:0;font-size:1.2rem;line-height:1.2;letter-spacing:.2em;text-align:center;color:rgba(var(--color-foreground),.7);pointer-events:none;opacity:0;transition:opacity .4s ease}@media(pointer:coarse){.lp-scene[data-state=ready] .lp-scene__hint{opacity:1}}@media(pointer:fine){.lp-scene[data-state=ready] .lp-scene__canvas{cursor:grab}.lp-scene[data-state=ready] .lp-scene__canvas:active{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/lp-hero-scroll.css.map */