.difference-gallery{overflow:hidden;margin:0 1rem 1.5rem;border-radius:0}.difference-gallery__inner{position:relative}.difference-gallery__row{display:flex;gap:24px;align-items:stretch;box-sizing:border-box}.difference-gallery__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:0;transition:flex-grow .8s cubic-bezier(.16,1,.3,1)}@media screen and (min-width:750px){.difference-gallery{margin:0 60px 68px;height:calc(100vh - 140px);display:flex;flex-direction:column}.difference-gallery__inner{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.difference-gallery__row{flex:1 1 auto;min-height:0}.difference-gallery__panel{height:100%}}.difference-gallery__row--has-expanded .difference-gallery__panel{flex-grow:.6}.difference-gallery__row--has-expanded .difference-gallery__panel--expanded{flex-grow:2.8}.difference-gallery__media{position:absolute;top:0;right:0;bottom:0;left:0}.difference-gallery__img,.difference-gallery__img--placeholder,.difference-gallery__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.difference-gallery__video-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background-color:#0b0b0b;background-size:cover;background-position:center;transition:opacity .35s ease;pointer-events:none}.difference-gallery__video-cover.is-hidden{opacity:0}.difference-gallery__panel:not(.difference-gallery__panel--video) .difference-gallery__img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.difference-gallery__panel:not(.difference-gallery__panel--video):hover .difference-gallery__img{transform:scale(1.06)}.difference-gallery__img--placeholder svg{width:100%;height:100%}video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button,.difference-gallery__video::-webkit-media-controls,.difference-gallery__video::-webkit-media-controls-start-playback-button,.difference-gallery__video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}.difference-gallery__play{position:absolute;bottom:1.25rem;left:1.25rem;right:auto;transform:none;z-index:2;width:2rem;height:2rem;border-radius:6px;border:none;background:#786e6473;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.difference-gallery__play:hover{transform:scale(1.05)}.difference-gallery__play-icon{display:none}.difference-gallery__play-icon--play{display:block;margin-left:.15rem}.difference-gallery__play.is-playing .difference-gallery__play-icon--play{display:none}.difference-gallery__play.is-playing .difference-gallery__play-icon--pause{display:block}.difference-gallery__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:4.5rem 2rem 2rem;background:linear-gradient(to top,#000000c7,#0000 70%);color:#fff;text-align:center}.difference-gallery__caption{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin:0 0 .6rem;white-space:nowrap}.difference-gallery__panel:not(.difference-gallery__panel--video) .difference-gallery__caption{font-weight:400}.difference-gallery__panel:not(.difference-gallery__panel--video) .difference-gallery__discover{font-family:Poppins,sans-serif}.difference-gallery__panel:not(.difference-gallery__panel--video) .difference-gallery__content{padding-bottom:3rem}.difference-gallery__more{font-family:var(--font-body-family);font-size:.95rem;line-height:1.6;color:#ffffffe6;max-height:0;opacity:0;overflow:hidden;margin:0;max-width:32rem;transition:max-height .8s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1)}.difference-gallery__more p{margin:0 0 .75rem}.difference-gallery__more p:last-child{margin-bottom:0}.difference-gallery__panel--expanded .difference-gallery__more{max-height:20rem;opacity:1;margin-bottom:.85rem;transition:max-height .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1) .15s,margin-bottom .8s cubic-bezier(.16,1,.3,1)}.difference-gallery__discover{font-family:var(--font-body-family);font-size:12px;letter-spacing:.03em;color:#fff;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;position:relative;display:inline-block}.difference-gallery__discover:hover{color:#fff}.difference-gallery__discover:before{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:#fff}.difference-gallery__discover:after{content:"";position:absolute;left:0;bottom:-4px;width:18%;height:1px;background:#000000bf;opacity:0;transform:translate(-120%)}.difference-gallery__discover.is-sweeping-in:after{animation:discover-sweep-in .4s ease-in-out forwards}.difference-gallery__discover.is-sweeping-out:after{animation:discover-sweep-out .4s ease-in-out forwards}@keyframes discover-sweep-in{0%{opacity:0;transform:translate(-120%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(455%)}}@keyframes discover-sweep-out{0%{opacity:0;transform:translate(455%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(0)}}.difference-gallery__panel--video .difference-gallery__media{background:#000}.difference-gallery__panel--video .difference-gallery__video{opacity:1;filter:brightness(1.18)}.difference-gallery__panel--video .difference-gallery__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026;pointer-events:none}.difference-gallery__panel--video .difference-gallery__content{top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:none;padding:3rem 2rem}.difference-gallery__eyebrow{font-family:Poppins,sans-serif;font-weight:400;font-size:9px;letter-spacing:.01em;text-transform:none;color:#fff;text-align:center;margin:0 0 1.6rem}.difference-gallery__caption--headline{font-family:Didot,Linotype Didot,GFS Didot,Bodoni Moda,serif;font-style:normal;font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,3.7vw,3.7rem);letter-spacing:0;word-spacing:-.15em;line-height:1.5;white-space:normal;max-width:32rem;margin:0 auto 1.2rem}.difference-gallery__headline-line{display:inline-block;white-space:nowrap}.difference-gallery__panel--video .difference-gallery__discover{font-family:Poppins,sans-serif;font-size:12px;letter-spacing:.03em;margin-top:1rem;display:inline-block}@media screen and (max-width:749px){.difference-gallery{overflow:visible;margin-left:0;margin-right:0}.difference-gallery__panel:not(.difference-gallery__panel--video){margin-left:15px;margin-right:15px}.difference-gallery__row{flex-direction:column;gap:2px}.difference-gallery__panel{height:70vh;min-height:30rem;max-height:52rem;flex:1 1 auto}.difference-gallery__panel--video{order:-1;position:relative;height:calc(100dvh + 290px);min-height:calc(100dvh + 290px);max-height:none;overflow:visible;background:#fff;margin-bottom:5px}.difference-gallery__panel--video .difference-gallery__media{position:absolute;top:0;left:0;right:0;bottom:auto;height:100dvh}.difference-gallery__panel--video .difference-gallery__content{position:sticky;top:calc(50dvh - 145px);margin-top:calc(50dvh - 145px);bottom:auto;height:290px;justify-content:center}.difference-gallery__panel--video .difference-gallery__eyebrow,.difference-gallery__panel--video .difference-gallery__headline-line,.difference-gallery__panel--video .difference-gallery__discover{--fill: 100;--uline: 100;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat}.difference-gallery__panel--video .difference-gallery__eyebrow{background-image:linear-gradient(to bottom,#fff calc(var(--fill) * 1%),#6a6a6a calc(var(--fill) * 1%))}.difference-gallery__panel--video .difference-gallery__headline-line,.difference-gallery__panel--video .difference-gallery__discover{background-image:linear-gradient(to bottom,#fff calc(var(--fill) * 1%),#383838 calc(var(--fill) * 1%))}.difference-gallery__panel--video .difference-gallery__discover:before{background:color-mix(in srgb,#383838 calc((100 - var(--uline)) * 1%),#ffffff)}.difference-gallery__panel--video .difference-gallery__discover:after{background:color-mix(in srgb,rgba(0,0,0,.75) calc(var(--uline) * 1%),rgba(255,255,255,.9))}.difference-gallery__eyebrow{font-size:12px}.difference-gallery__caption--headline{font-size:37px;max-width:none}.difference-gallery__panel--video .difference-gallery__discover{font-size:14px}.difference-gallery__caption{white-space:normal}}.difference-gallery-fade{opacity:0;transform:translateY(36px);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.difference-gallery-fade.scroll-in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.difference-gallery-fade{opacity:1;transform:none;transition:none}.difference-gallery__panel,.difference-gallery__more{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-difference-gallery.css.map */