.ptour{--ptour-gutter: clamp(1rem, 5vw, 5rem);display:block;position:relative;color:var(--color-text)}.ptour.is-enhanced{height:calc(var(--tour-length, 5) * 100vh)}.ptour__stage{position:relative;overflow:hidden}.ptour.is-enhanced .ptour__stage{position:sticky;top:0;height:100vh;height:100svh}.ptour__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 58% 52% at 50% 46%,var(--glow-color, var(--color-glow)),transparent 70%);opacity:var(--glow, .6);pointer-events:none}.ptour__sprite{position:absolute;top:8%;right:0;bottom:8%;left:0;z-index:1;display:block;width:100%;height:84%}.ptour__layer{position:absolute;z-index:2;left:50%;top:48%;width:calc(var(--size, 80) * 1vmin);max-width:100vw;aspect-ratio:1;margin:calc(var(--size, 80) * -.5vmin) 0 0 calc(var(--size, 80) * -.5vmin);transform:translate(calc(var(--x, 0) * 1%),calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));opacity:var(--o, 0);visibility:hidden;will-change:transform,opacity}.ptour__layer.is-shown{visibility:visible}.ptour__layer--landscape{aspect-ratio:16 / 9;margin-top:calc(var(--size, 80) * -.28125vmin)}.ptour__layer--portrait{aspect-ratio:4 / 5;margin-top:calc(var(--size, 80) * -.625vmin)}.ptour__layer img,.ptour__layer svg{display:block;width:100%;height:100%;object-fit:var(--fit, contain);object-position:var(--focus-x, 50%) var(--focus-y, 50%);mix-blend-mode:var(--blend, normal)}.ptour__layer--card{overflow:hidden;border-radius:1.25rem;box-shadow:0 40px 90px -30px #00000080}.ptour__layer--card img{mix-blend-mode:normal}.ptour__layer--feather{-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 48%,transparent 100%);mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 48%,transparent 100%)}.ptour__layer--shadow img{filter:drop-shadow(0 36px 40px rgb(0 0 0 / .32))}@media(prefers-reduced-motion:no-preference){.motion-ok .ptour__layer--float.is-shown img{animation:ptour-float 6s ease-in-out infinite}}@keyframes ptour-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}.ptour__callout{position:absolute;z-index:10;max-width:min(32rem,38vw);opacity:0;transform:translateY(1.25rem);transition:opacity .55s var(--ease-out),transform .7s var(--ease-out);pointer-events:none}.ptour__callout.is-active{opacity:1;transform:none;pointer-events:auto}.ptour__callout--left{left:var(--ptour-gutter);top:50%;translate:0 -50%}.ptour__callout--right{right:var(--ptour-gutter);top:50%;translate:0 -50%}.ptour__callout--centre{left:50%;top:50%;translate:-50% -50%;text-align:center}.ptour__callout--centre .eyebrow{justify-content:center}.ptour__callout--bottom{left:var(--ptour-gutter);bottom:12vh}.ptour__heading{margin:.5rem 0 0;font-size:clamp(2.75rem,8vw,6.5rem)}.ptour__heading .split-heading__line+.split-heading__line{color:var(--color-text-muted);font-weight:var(--font-body-weight, 400)}.ptour__text{max-width:26rem;margin-top:1rem;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.5}.ptour__callout--centre .ptour__text{margin-inline:auto}.ptour__callout .plate-chip{margin-top:1rem}.ptour__cta{position:absolute;z-index:11;left:50%;bottom:7vh;display:flex;align-items:center;gap:1rem;translate:-50% 0;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out),visibility 0s .5s}.ptour__cta.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ptour__wordmark{position:absolute;z-index:12;top:calc(var(--header-offset, 4rem) + 1rem);left:50%;margin:0;translate:-50% 0;color:var(--color-text-muted);font-size:.8125rem;font-weight:var(--font-body-weight-bold);letter-spacing:.32em;text-transform:uppercase}.ptour__cue{position:absolute;z-index:12;left:50%;bottom:1.25rem;display:flex;align-items:center;gap:.5rem;margin:0;translate:-50% 0;color:var(--color-text-muted);font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase;opacity:clamp(0,1 - var(--tour-p, 0) * 12,1);pointer-events:none}.ptour__cue svg{width:1rem;height:1rem}@media screen and (max-width:749px){.ptour__layer{top:40%}.ptour.is-enhanced .ptour__stage:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to top,var(--color-background) 48%,transparent);pointer-events:none}.ptour__callout,.ptour__callout--left,.ptour__callout--right,.ptour__callout--centre,.ptour__callout--bottom{left:var(--ptour-gutter);right:var(--ptour-gutter);top:auto;bottom:13vh;max-width:none;translate:none;text-align:left}.ptour__callout--centre .eyebrow{justify-content:flex-start}.ptour__heading{font-size:clamp(2.25rem,12vw,3.5rem)}.ptour__text{margin-top:.75rem;font-size:1rem}.ptour__cta{bottom:4vh;width:calc(100% - var(--ptour-gutter) * 2);justify-content:space-between}}.ptour:not(.is-enhanced) .ptour__stage{display:grid;gap:2rem;padding:var(--cine-space, 4rem) var(--ptour-gutter);justify-items:center}.ptour:not(.is-enhanced) .ptour__glow,.ptour:not(.is-enhanced) .ptour__sprite,.ptour:not(.is-enhanced) .ptour__cue,.ptour:not(.is-enhanced) .ptour__layer{display:none}.ptour:not(.is-enhanced) .ptour__layer--first{display:block;position:static;width:min(100%,36rem);max-width:100%;margin:0;transform:none;opacity:1;visibility:visible;will-change:auto}.ptour:not(.is-enhanced) .ptour__layer--first img{mix-blend-mode:normal}.ptour:not(.is-enhanced) .ptour__callout,.ptour:not(.is-enhanced) .ptour__cta,.ptour:not(.is-enhanced) .ptour__wordmark{position:static;width:min(100%,36rem);max-width:none;translate:none;transform:none;opacity:1;visibility:visible;text-align:left;pointer-events:auto;transition:none}.ptour:not(.is-enhanced) .ptour__cta{justify-content:flex-start}.ptour:not(.is-enhanced) .ptour__wordmark{order:-1;text-align:center}.ptour__callout-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem;margin-top:1.25rem}.ptour__progress{position:absolute;z-index:12;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--color-text) 12%,transparent);pointer-events:none}.ptour__progress>span{display:block;height:100%;background:var(--color-highlight, var(--color-accent));transform-origin:left;transform:scaleX(var(--tour-p, 0))}.ptour:not(.is-enhanced) .ptour__progress{display:none}@media screen and (max-width:749px){.ptour__callout-cta{width:100%;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-tour.css.map */