.hero-stage{width:100%;height:var(--mobile-height);overflow:hidden;position:relative}.hero-gallery{display:block;height:100%;width:100%;position:relative}@media(min-width:768px){.hero-stage{height:var(--desktop-height)}}.layout-hero .gallery-panel__subheading{font-size:var(--subheading-size-mobile, 12px)}.layout-hero .gallery-panel__heading{font-size:var(--heading-size-mobile, 30px)}.layout-hero .gallery-panel__text{font-size:var(--text-size-mobile, 14px)}@media screen and (min-width:768px){.layout-hero .gallery-panel__subheading{font-size:var(--subheading-size-desktop, 14px)}.layout-hero .gallery-panel__heading{font-size:var(--heading-size-desktop, 48px)}.layout-hero .gallery-panel__text{font-size:var(--text-size-desktop, 16px)}}.layout-hero .hide-mobile{display:none}@media screen and (min-width:768px){.layout-hero .hide-mobile{display:block}.layout-hero .hide-desktop{display:none}}.section-advanced-gallery .hero-width{width:100%;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.section-advanced-gallery .hero-width--container{max-width:var(--page-width, var(--container-width, 1200px))}.section-advanced-gallery .hero-width--container-fluid{max-width:var(--container-fluid-width, 1600px)}.section-advanced-gallery .hero-width--w-full{max-width:none;padding-inline:0}.layout-hero .gallery-panel{cursor:default;border-radius:0}.layout-hero.hero-gallery{position:relative;border-radius:var(--hero-radius, 22px);overflow:hidden;isolation:isolate}.hero-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;cursor:default;opacity:0;visibility:hidden;z-index:1;background-color:var(--panel-bg, #8a8d91);background-image:var(--panel-bg-image, none);background-size:cover;background-position:center;transition:opacity var(--hero-speed, .9s) ease,visibility 0s linear var(--hero-speed, .9s)}.hero-panel.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity var(--hero-speed, .9s) ease,visibility 0s linear 0s}.hero-panel__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 85% at 34% 0%,#ffffff2e,#fff0 58%),radial-gradient(90% 62% at 50% 108%,#0006,#0000 62%),linear-gradient(180deg,#ffffff0f,#0003)}.hero-panel__inner,.hero-panel__tagline,.hero-social{color:rgb(var(--color-foreground, 255, 255, 255))}.hero-panel__inner{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,var(--copy-width, 300px)) minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,44px);padding:clamp(44px,6%,76px) clamp(20px,4%,56px) clamp(56px,8%,88px)}.hero-panel__copy{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.hero-panel.is-active .hero-panel__copy{opacity:1;transform:translateY(0);transition-delay:.2s}.hero-panel__copy .gallery-panel__subheading{letter-spacing:.18em;text-transform:uppercase;opacity:.85}.hero-panel__copy .gallery-panel__heading{line-height:1.02;letter-spacing:-.01em}.hero-panel__copy .gallery-panel__text{max-width:34ch;line-height:1.6;opacity:.88;margin-top:.5rem}.hero-panel__cta{display:inline-flex;margin-top:1.1rem}.layout-hero{--travel-x: 34%;--travel-y: 30%;--exit-scale: .26;--dir: 1}.layout-hero[data-direction=back]{--dir: -1}.hero-panel__media{position:relative;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;transform:translate(calc(var(--travel-x) * var(--dir)),calc(var(--travel-y) * var(--dir))) scale(var(--exit-scale));opacity:0;transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .45s ease}.hero-panel.is-active .hero-panel__media{transform:translate(0) scale(1);opacity:1;transition:transform 1s cubic-bezier(.22,1,.36,1) .12s,opacity .5s ease .12s}.hero-panel.is-leaving .hero-panel__media{transform:translate(calc(var(--travel-x) * var(--dir) * -1),calc(var(--travel-y) * var(--dir) * -1)) scale(var(--exit-scale));opacity:0;transition:transform .95s cubic-bezier(.4,0,.4,1),opacity .6s ease .1s}.layout-hero.motion-side{--travel-x: 70%;--travel-y: 0%;--exit-scale: .8}.layout-hero.motion-rise{--travel-x: 0%;--travel-y: 26%;--exit-scale: .86}.layout-hero.motion-fade{--travel-x: 0%;--travel-y: 0%;--exit-scale: 1}.layout-hero .hero-panel.is-leaving{visibility:visible;z-index:1;opacity:0}.hero-panel__product{position:relative;z-index:1;width:var(--product-size, 84%);height:100%;display:flex;align-items:center;justify-content:center}.layout-hero .hero-panel__product responsive-image,.layout-hero .hero-panel__product .placeholder-image,.layout-hero .hero-panel__product img,.layout-hero .hero-panel__product picture{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 36px 44px rgba(0,0,0,.34))}.layout-hero .hero-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.layout-hero .hero-layer.is-active{opacity:1}.layout-hero.blend-multiply .hero-panel__media{mix-blend-mode:multiply;isolation:auto}.layout-hero.blend-screen .hero-panel__media{mix-blend-mode:screen;isolation:auto}.layout-hero.blend-multiply .hero-panel__product img,.layout-hero.blend-screen .hero-panel__product img{filter:none}.layout-hero.blend-multiply .hero-panel__glow,.layout-hero.blend-screen .hero-panel__glow,.layout-hero.blend-multiply .hero-panel__ground,.layout-hero.blend-screen .hero-panel__ground{display:none}.hero-panel__ground{position:absolute;left:50%;bottom:8%;width:40%;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#00000073,#0000 70%);filter:blur(4px);pointer-events:none;z-index:0}.hero-panel__aside{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;text-align:right;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.hero-panel.is-active .hero-panel__aside{opacity:1;transform:translateY(0);transition-delay:.3s}.hero-price{display:flex;flex-direction:column;align-items:flex-end;gap:.1em;line-height:1.05}.hero-price__now{font-size:var(--price-size, 34px);font-weight:600;letter-spacing:-.01em}.hero-price__was{font-size:calc(var(--price-size, 34px) * .78);font-weight:500;opacity:.7}.hero-aside__label{margin-top:.9rem;font-size:var(--label-size, 13px);opacity:.85}.hero-aside__label:first-child{margin-top:0}.hero-swatches{display:flex;align-items:center;gap:10px}.hero-swatch{width:26px;height:26px;padding:0;border:none;border-radius:50%;cursor:pointer;transition:box-shadow .25s ease,transform .25s ease;background-color:#ffffff47;background-image:var(--swatch-image, linear-gradient(var(--swatch), var(--swatch)));background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000040}.hero-swatch:hover{transform:translateY(-2px)}.hero-swatch:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-swatch.is-active{box-shadow:inset 0 0 0 1px #00000040,0 0 0 2px #ffffffe6}.hero-sizes{display:flex;align-items:center;gap:10px}.hero-size{min-width:var(--size-chip, 40px);height:var(--size-chip, 40px);padding:0 .7em;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50px;background:linear-gradient(160deg,#ffffff47,#ffffff1a 42%,#ffffff29);color:inherit;font:inherit;font-size:clamp(.72rem,calc(var(--size-chip, 40px) * .34),1rem);line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #ffffff1f,0 6px 16px -10px #0009;transition:background .25s ease,transform .25s ease,opacity .25s ease,box-shadow .25s ease}.hero-size:hover{transform:translateY(-2px);background:linear-gradient(160deg,#fff6,#ffffff2e 42%,#ffffff3d);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #ffffff29,0 10px 22px -12px #000000b3}.hero-size:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-size.is-unavailable{opacity:.4;text-decoration:line-through}.hero-size.is-active{background:#fff;color:#111;font-weight:600;border-color:#fff;box-shadow:0 8px 20px -12px #000000b3}.hero-panel__tagline{position:absolute;left:50%;bottom:clamp(16px,4%,34px);transform:translate(-50%);z-index:3;max-width:60%;text-align:center;font-size:var(--text-size-desktop, 15px);line-height:1.35;opacity:0;transition:opacity .6s ease}.hero-panel.is-active .hero-panel__tagline{opacity:1;transition-delay:.45s}.layout-hero.nav-bottom .hero-panel__tagline{bottom:clamp(66px,10%,96px)}.hero-social{position:absolute;left:clamp(20px,4%,56px);bottom:clamp(16px,4%,34px);z-index:5;display:flex;align-items:center;gap:16px;color:#fff}.hero-social__link{display:block;width:18px;height:18px;color:inherit;opacity:.75;transition:opacity .2s ease,transform .2s ease}.hero-social__link:hover{opacity:1;transform:translateY(-2px)}.hero-social__link svg{width:100%;height:100%;display:block}.hero-thumbs{position:absolute;right:clamp(16px,3%,40px);bottom:clamp(16px,3%,40px);z-index:6;display:flex;align-items:flex-end;gap:12px}.hero-thumb{width:var(--thumb-size, 110px);height:var(--thumb-size, 110px);padding:8px;border-radius:16px;cursor:pointer;overflow:hidden;opacity:.85;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.hero-thumb:hover{opacity:1;transform:translateY(-5px)}.hero-thumb:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-thumb.is-active{opacity:0;width:0;padding:0;border-width:0;transform:scale(.5);pointer-events:none;margin-inline-start:-12px}.layout-hero .hero-thumb__image,.layout-hero .hero-thumb img{width:100%;height:100%;object-fit:contain;display:block}.layout-hero.thumbs-next .hero-thumbs{right:0;bottom:0;gap:0}.layout-hero.thumbs-next .hero-thumb{position:absolute;right:0;bottom:10px;width:0;height:0;padding:0;margin:0;border-width:0;opacity:0;pointer-events:none;overflow:hidden}.layout-hero.thumbs-next .hero-thumb.is-next{position:relative;width:calc(var(--thumb-size, 110px) * 1.3);height:calc(var(--thumb-size, 110px) * 1.3);padding:10px;opacity:1;pointer-events:auto;transform:translate(14%,16%)}.layout-hero.thumbs-next .hero-thumb.is-next:hover{transform:translate(6%,8%)}.hero-utility{position:absolute;top:clamp(16px,4%,34px);right:clamp(16px,4%,40px);z-index:9;display:flex;align-items:center;gap:8px}.hero-utility__btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff73;transition:background .25s ease,transform .25s ease}.hero-utility__btn:hover{background:#ffffff4d;transform:translateY(-2px)}.hero-utility__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-utility__btn svg{width:19px;height:19px;display:block}.hero-utility__app{color:#fff;line-height:1;display:flex;align-items:center}.hero-utility__app a,.hero-utility__app button{color:inherit;white-space:nowrap}.hero-utility__app svg{width:19px;height:19px}.hero-tabs{position:absolute;top:clamp(16px,4%,34px);left:50%;transform:translate(-50%);z-index:8;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(680px,calc(100% - 200px));padding:5px;border:1px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff24;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px #fff6}.hero-tab{padding:.5em 1.1em;border:none;border-radius:50px;background:transparent;color:#fff;font:inherit;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;opacity:.75;transition:background .25s ease,opacity .25s ease,color .25s ease}.hero-tab:hover{opacity:1}.hero-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-tab.is-active{background:#fff;color:#111;opacity:1;font-weight:600}.hero-panel.is-filtered,.hero-thumb.is-filtered{display:none}.hero-nav{position:absolute;right:auto;z-index:10;display:flex;align-items:center;gap:.5rem}.layout-hero.nav-top .hero-nav{left:clamp(20px,4%,56px);top:clamp(28px,7%,72px);bottom:auto;transform:none}.layout-hero.nav-bottom .hero-nav{left:50%;top:auto;bottom:clamp(16px,3%,34px);transform:translate(-50%)}.hero-nav__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff2e;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.hero-nav__btn:hover{background:#ffffff57;transform:translateY(-2px)}@media screen and (max-width:767px){.hero-panel__inner{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto auto auto;gap:clamp(10px,2vh,18px);padding:clamp(56px,14%,80px) clamp(16px,6%,28px) clamp(92px,22%,120px);text-align:center}.hero-panel__copy{display:contents}.hero-panel__media{order:1}.hero-panel__product{width:var(--product-size-mobile, 92%)}.hero-panel__copy .gallery-panel__subheading{order:2}.hero-panel__copy .gallery-panel__heading{order:3}.hero-panel__copy .gallery-panel__text{order:4;max-width:none;margin-top:.35rem}.hero-panel__aside{order:5;align-items:center;text-align:center;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.hero-panel__cta{order:6;justify-self:center;margin-top:.7rem}.hero-aside__label{display:none}.hero-price__now{font-size:min(var(--price-size, 34px),30px)}.hero-price__was{font-size:calc(min(var(--price-size, 34px),30px)*.78)}.hero-panel__tagline,.hero-social{display:none}.layout-hero.nav-bottom .hero-panel__tagline{bottom:clamp(56px,12%,78px)}.hero-thumb{width:var(--thumb-size-mobile, 72px);height:var(--thumb-size-mobile, 72px);border-radius:12px}.layout-hero.thumbs-next .hero-thumb.is-next{width:calc(var(--thumb-size-mobile, 72px) * 1.2);height:calc(var(--thumb-size-mobile, 72px) * 1.2)}}@media(prefers-reduced-motion:reduce){.hero-panel,.hero-panel__copy,.hero-panel__media,.hero-panel__aside,.hero-panel__tagline,.hero-thumb{transition-duration:.01ms!important}.hero-panel__media,.hero-panel.is-active .hero-panel__media,.hero-panel.is-leaving .hero-panel__media{transform:none}.layout-hero .hero-layer,.layout-hero .hero-swatch,.layout-hero .hero-size{transition-duration:.01ms!important}}.layout-hero .hero-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media screen and (max-width:767px){.hero-panel__aside{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:16px;text-align:center}.hero-price{align-items:center;text-align:center}.hero-aside__label{display:block;margin-top:.75rem;text-align:center}.hero-aside__label:first-child{margin-top:0}.hero-swatches,.hero-sizes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}}@media screen and (max-width:767px){.hero-tabs{left:50%;right:auto;top:12px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}.hero-tab{flex:0 0 auto;white-space:nowrap}.layout-hero.nav-top .hero-tabs{left:50%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/advanced-gallery.css.map */