.art-hover-panels{--ahp-ease: cubic-bezier(.22, 1, .36, 1);position:relative;width:100%;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.art-hover-panels__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.72fr);gap:4rem;align-items:end;max-width:var(--page-width);margin-inline:auto;padding:clamp(4rem,6vw,7rem) 5rem clamp(3rem,4vw,5rem)}.art-hover-panels__heading{max-width:16ch;margin:0;font-family:var(--font-heading-family);font-size:clamp(3.6rem,5vw,7rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:.96;letter-spacing:-.035em}.art-hover-panels__subheading{max-width:58rem;margin:0;font-size:clamp(1.5rem,1.4vw,1.8rem);line-height:1.6}.art-hover-panels__list{display:flex;width:100%;min-width:0;height:var(--ahp-height);overflow:hidden}.art-hover-panels__panel{position:relative;flex:1 1 25%;min-width:0;height:100%;overflow:hidden;isolation:isolate;outline-offset:-.3rem;transition:flex var(--ahp-speed) var(--ahp-ease),filter var(--ahp-speed) var(--ahp-ease),opacity var(--ahp-speed) var(--ahp-ease)}.art-hover-panels--lines .art-hover-panels__panel+.art-hover-panels__panel{border-left:.1rem solid rgba(var(--color-foreground),.24)}.art-hover-panels__background,.art-hover-panels__shade{position:absolute;top:0;right:0;bottom:0;left:0}.art-hover-panels__background{z-index:-3;background:rgb(var(--color-background));transform:scale(1.001) translate3d(var(--ahp-parallax-x, 0),var(--ahp-parallax-y, 0),0);transform-origin:center;transition:transform var(--ahp-speed) var(--ahp-ease),filter var(--ahp-speed) var(--ahp-ease);will-change:transform,filter}.art-hover-panels__background-image{width:100%;height:100%;object-fit:cover}.art-hover-panels__shade{z-index:-2;background:rgba(var(--color-background),var(--ahp-overlay));transition:background-color var(--ahp-speed) var(--ahp-ease)}.art-hover-panels__shade:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--color-background),.08),rgba(var(--color-background),.72));content:""}.art-hover-panels__content{position:absolute;z-index:2;top:40%;right:clamp(2rem,3vw,4.5rem);left:clamp(2rem,3vw,4.5rem);transform:translateY(-50%);transition:top var(--ahp-speed) var(--ahp-ease),transform var(--ahp-speed) var(--ahp-ease)}.art-hover-panels__title{max-width:12ch;margin:0;font-family:var(--font-heading-family);font-size:clamp(3rem,3.2vw,5.6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:.98;letter-spacing:-.025em;text-wrap:balance;transition:transform var(--ahp-speed) var(--ahp-ease),opacity var(--ahp-speed) var(--ahp-ease)}.art-hover-panels__description{max-width:38rem;margin:1.8rem 0 0;font-family:var(--font-body-family);font-size:clamp(1.35rem,1.15vw,1.65rem);line-height:1.55;opacity:.88;transition:transform var(--ahp-speed) var(--ahp-ease) 60ms,opacity var(--ahp-speed) var(--ahp-ease) 60ms}.art-hover-panels__foreground{position:absolute;z-index:1;right:1.5%;bottom:-2%;left:1.5%;display:grid;height:55%;place-items:end center;pointer-events:none;opacity:0;transform:translate3d(var(--ahp-object-x, 0),3rem,0) scale(.92);transform-origin:center bottom;transition:opacity var(--ahp-speed) var(--ahp-ease) .1s,transform var(--ahp-speed) var(--ahp-ease) .1s}.art-hover-panels__foreground-image{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2.2rem 2.6rem rgba(var(--color-shadow),.24))}.art-hover-panels--floating .is-active .art-hover-panels__foreground-image{animation:art-hover-panels-float 5.5s ease-in-out 1s infinite}.art-hover-panels__button{position:absolute;z-index:4;top:2.4rem;right:2.4rem;display:grid;width:5.6rem;height:5.6rem;place-items:center;border:.1rem solid rgba(var(--color-background),.35);border-radius:50%;color:rgb(var(--color-background));background:rgb(var(--color-foreground));text-decoration:none;opacity:0;transform:translateY(-1rem) rotate(-12deg) scale(.75);transition:opacity var(--ahp-speed) var(--ahp-ease),transform var(--ahp-speed) var(--ahp-ease),background-color .3s ease}.art-hover-panels__button-symbol{font-family:var(--font-body-family);font-size:2.2rem;line-height:1;transition:transform .3s ease}.art-hover-panels__button:hover .art-hover-panels__button-symbol,.art-hover-panels__button:focus-visible .art-hover-panels__button-symbol{transform:translate(.2rem,-.2rem)}.art-hover-panels--static *,.art-hover-panels--static *:before,.art-hover-panels--static *:after{animation:none!important;transition:none!important}.art-hover-panels--entry .art-hover-panels__panel{opacity:0;transform:translateY(2.4rem)}.art-hover-panels--entry.is-visible .art-hover-panels__panel{opacity:1;transform:translateY(0);transition:flex var(--ahp-speed) var(--ahp-ease),filter var(--ahp-speed) var(--ahp-ease),opacity var(--ahp-speed) var(--ahp-ease) calc(var(--ahp-index) * 90ms),transform var(--ahp-speed) var(--ahp-ease) calc(var(--ahp-index) * 90ms)}@media screen and (min-width:769px){.art-hover-panels__list.has-active .art-hover-panels__panel{flex-grow:.88;filter:brightness(.74)}.art-hover-panels__list.has-active .art-hover-panels__panel.is-active{flex-grow:1.55;filter:brightness(1)}.art-hover-panels__panel.is-active .art-hover-panels__background{filter:blur(var(--ahp-blur));transform:scale(var(--ahp-scale)) translate3d(var(--ahp-parallax-x, 0),var(--ahp-parallax-y, 0),0)}.art-hover-panels__panel.is-active .art-hover-panels__shade{background:rgba(var(--color-background),calc(var(--ahp-overlay) + .12))}.art-hover-panels__panel.is-active .art-hover-panels__content{top:25%;transform:translateY(0)}.art-hover-panels__panel.is-active .art-hover-panels__title{transform:translateY(-1.2rem)}.art-hover-panels__panel.is-active .art-hover-panels__description{opacity:1;transform:translateY(-.6rem)}.art-hover-panels__panel.is-active .art-hover-panels__foreground{opacity:1;transform:translate3d(var(--ahp-object-x, 0),0,0) scale(1)}.art-hover-panels__panel.is-active .art-hover-panels__button{opacity:1;transform:translateY(0) rotate(0) scale(1)}.art-hover-panels__list.has-active .art-hover-panels__panel:not(.is-active) .art-hover-panels__content{opacity:.72}}@keyframes art-hover-panels-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.8rem)}}@media screen and (max-width:768px){.art-hover-panels__header{grid-template-columns:1fr;gap:1.8rem;padding:4rem 1.8rem 3rem}.art-hover-panels__list{height:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.art-hover-panels__list::-webkit-scrollbar{display:none}.art-hover-panels__panel{flex:0 0 88vw;width:88vw;height:var(--ahp-mobile-height)}.art-hover-panels--stack .art-hover-panels__list{display:grid;overflow:hidden}.art-hover-panels--stack .art-hover-panels__panel{width:100%}.art-hover-panels--slider .art-hover-panels__list{gap:1rem;padding-inline:1rem;scroll-padding-inline:1rem;scroll-snap-type:x mandatory}.art-hover-panels--slider .art-hover-panels__panel{scroll-snap-align:center}.art-hover-panels--lines .art-hover-panels__panel+.art-hover-panels__panel{border-left:0;border-top:.1rem solid rgba(var(--color-foreground),.24)}.art-hover-panels--slider.art-hover-panels--lines .art-hover-panels__panel+.art-hover-panels__panel{border-top:0;border-left:.1rem solid rgba(var(--color-foreground),.24)}.art-hover-panels__content{top:42%}.art-hover-panels__title{font-size:clamp(3.6rem,11vw,5.6rem)}.art-hover-panels__description{font-size:1.55rem}.art-hover-panels__panel.is-active .art-hover-panels__background{filter:blur(var(--ahp-blur));transform:scale(var(--ahp-scale))}.art-hover-panels__panel.is-active .art-hover-panels__shade{background:rgba(var(--color-background),calc(var(--ahp-overlay) + .12))}.art-hover-panels__panel.is-active .art-hover-panels__content{top:17%;transform:translateY(0)}.art-hover-panels__panel.is-active .art-hover-panels__description{opacity:1;transform:translateY(-.4rem)}.art-hover-panels__panel.is-active .art-hover-panels__foreground{opacity:1;transform:translateY(0) scale(1)}.art-hover-panels__panel.is-active .art-hover-panels__button{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.art-hover-panels *,.art-hover-panels *:before,.art-hover-panels *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.art-hover-panels--entry .art-hover-panels__panel{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-art-hover-panels.css.map */