.product-gallery{--gallery-ease:cubic-bezier(.22, .68, 0, 1.01);isolation:isolate;width:100%;min-width:0;max-width:1400px;margin-inline:auto;position:relative}.gallery-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.gallery-kicker{font:500 .75rem/1.4 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#b5c2c7;align-items:center;gap:10px;display:flex}.gallery-kicker i{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #5dc4e760}.gallery-count{font:.875rem/1 var(--font-mono), monospace;color:#8c9aa1;font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;display:flex}.gallery-count strong{font:500 2.5rem/1 var(--font-sans), sans-serif;letter-spacing:-.06em;color:var(--white)}.gallery-count>span{color:#53616a}.gallery-scene{perspective:1800px;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;height:clamp(340px,43vw + 160px,730px);transition:transform 1.4s var(--gallery-ease);margin:12px -3% 0;position:relative;transform:translateY(0)rotateX(0)scale(1)}.motion-ready .product-gallery:not(.motion-visible) .gallery-scene{transform:translateY(65px)rotateX(12deg)scale(.9)}.gallery-floor{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 57%,#348da12b 0,#2e839814 36%,#0000 68%);position:absolute;inset:10% -8% -5%}.gallery-floor:after{content:"";background:linear-gradient(90deg,#0000,#5dc4e752,#0000);height:1px;position:absolute;bottom:6%;left:18%;right:18%;box-shadow:0 0 30px 8px #5dc4e70b}.gallery-card{width:min(72%,900px);z-index:var(--card-order);transform-origin:50%;transition:transform 1.1s var(--gallery-ease), opacity .9s ease, filter .9s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:50%;left:max(14%,50% - 450px);transform:translateY(-50%)}.gallery-card[data-position="-1"]{filter:brightness(.65);transform:translate3d(-61%,-50%,-240px)rotateY(33deg)rotate(-4deg)}.gallery-card[data-position="1"]{filter:brightness(.65);transform:translate3d(61%,-50%,-240px)rotateY(-33deg)rotate(4deg)}.gallery-card[data-position="-2"]{filter:brightness(.34);opacity:.75;transform:translate3d(-91%,-48%,-520px)rotateY(39deg)rotate(-7deg)}.gallery-card[data-position="2"]{filter:brightness(.34);opacity:.75;transform:translate3d(91%,-48%,-520px)rotateY(-39deg)rotate(7deg)}.gallery-card[data-position="-3"]{opacity:0;pointer-events:none;transform:translate3d(-115%,-47%,-760px)rotateY(42deg)}.gallery-card[data-position="3"]{opacity:0;pointer-events:none;transform:translate3d(115%,-47%,-760px)rotateY(-42deg)}.gallery-card.is-active{z-index:20}.gallery-card-button{color:#fff;cursor:pointer;text-align:left;width:100%;transition:border-color .35s ease, box-shadow .35s ease, transform .65s var(--gallery-ease);background:#1b2328;border:1px solid #71888e63;border-radius:9px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 38px 85px -20px #000b,0 2px 4px #0007,inset 0 1px #ffffff0f}.gallery-card.is-active .gallery-card-button{border-color:#97c3cf85;box-shadow:0 45px 100px -26px #000e,0 0 45px -25px #5dc4e78c,inset 0 1px #ffffff26}.gallery-card-top{color:#bbcbd1;height:35px;font:500 .75rem/1 var(--font-mono), monospace;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;padding-inline:16px;display:flex}.gallery-card-top span:last-child{color:#80949e;font-size:.75rem}.gallery-card-image{aspect-ratio:1.68;background:#101416;border-block:1px solid #ffffff14;display:block;position:relative;overflow:hidden}.gallery-card-image img{object-fit:contain}.gallery-card-foot{justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:12px 17px;display:flex}.gallery-card-foot>strong{font:600 1rem/1.3 var(--font-sans), sans-serif;letter-spacing:-.02em}.gallery-expand{color:var(--cyan);font:500 .75rem/1 var(--font-sans), sans-serif;white-space:nowrap;align-items:center;gap:12px;display:flex}.gallery-expand svg{width:21px;height:21px}.gallery-card-reveal{opacity:0;color:#b9c9d0;max-height:0;font:400 .875rem/1.5 var(--font-sans), sans-serif;transition:max-height .65s var(--gallery-ease), opacity .35s ease, padding .65s var(--gallery-ease);padding:0 17px;display:block}@media (hover:hover) and (pointer:fine){.gallery-card:not(.is-active):hover{filter:brightness(.95)}.gallery-card.is-active:hover .gallery-card-button{border-color:var(--cyan);transform:translateY(-7px)}.gallery-card.is-active:hover .gallery-card-reveal{opacity:1;max-height:90px;padding-bottom:16px}}.gallery-card-button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.gallery-card-button:focus-visible .gallery-card-reveal{opacity:1;max-height:90px;padding-bottom:16px}.gallery-details{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:36px;margin-top:12px;padding:20px 0 28px;display:flex;position:relative}.gallery-caption{max-width:700px;min-height:124px}.gallery-caption h3{font:550 clamp(1.5rem, 2.6vw, 2.3rem)/1.15 var(--font-sans), sans-serif;letter-spacing:-.045em;margin:0 0 10px}.gallery-caption p{color:#bdc8ce;margin:0 0 14px;font-size:1rem;line-height:1.6}.gallery-caption>span{color:#8f9da5;font:.75rem/1.4 var(--font-mono), monospace;letter-spacing:.045em;text-transform:uppercase}.gallery-navigation{flex-shrink:0;align-items:center;gap:8px;display:flex}.gallery-navigation button{color:#fff;cursor:pointer;background:#ffffff04;border:1px solid #ffffff3b;border-radius:50%;justify-content:center;align-items:center;gap:9px;width:48px;height:48px;padding:0;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.gallery-navigation button>svg{width:23px;height:23px}.gallery-navigation .gallery-playback{width:auto;min-width:99px;font:500 .875rem/1 var(--font-sans), sans-serif;border-radius:24px;padding-inline:14px}.gallery-playback>span{color:var(--cyan);font-size:1.15rem}.gallery-navigation button:hover:not(:disabled){border-color:var(--cyan);background:#5dc4e714;transform:translateY(-2px)}.gallery-navigation button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.gallery-thumb:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.gallery-viewer-head button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.gallery-navigation button:disabled{opacity:.6;cursor:default}.gallery-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#61768155 transparent;overscroll-behavior-x:contain;align-items:stretch;gap:12px;width:100%;min-width:0;max-width:100%;padding:22px 4px 16px;display:flex;position:relative;overflow-x:auto}.gallery-thumb{scroll-snap-align:start;color:#acbac0;text-align:left;cursor:pointer;transition:flex-basis .5s var(--gallery-ease), border-color .25s, background-color .25s, color .25s;background:#1b2227;border:1px solid #ffffff1c;border-radius:4px;flex:0 0 134px;padding:0 0 12px;position:relative;overflow:hidden}.gallery-thumb.is-active{color:#fff;background:#24323b;border-color:#5dc4e794;flex-basis:186px}.gallery-thumb-picture{background:#0c1114;height:80px;display:block;position:relative;overflow:hidden}.gallery-thumb-picture img{object-fit:cover;object-position:top left;opacity:.55;transition:opacity .35s, transform .65s var(--gallery-ease)}.gallery-thumb-number{z-index:1;color:#d4e1e7;font:.75rem/1 var(--font-mono), monospace;background:#111820dc;padding:4px 5px;position:absolute;top:7px;left:7px}.gallery-thumb-title{font:500 .875rem/1.35 var(--font-sans), sans-serif;padding:10px 10px 0;display:block}:is(.gallery-thumb.is-active img,.gallery-thumb:hover img,.gallery-thumb:focus-visible img){opacity:1}.gallery-thumb:hover{color:#fff;border-color:#5dc4e785}@media (hover:hover) and (pointer:fine){.gallery-thumb:not(.is-active):hover{background:#233039;flex-basis:160px}.gallery-thumb:hover img{transform:scale(1.035)}}.gallery-thumb-timer{bottom:0;background:var(--cyan);transform-origin:0;height:2px;position:absolute;inset-inline:0;transform:scaleX(0)}.product-gallery[data-advancing=true] .gallery-thumb-timer{animation:6.5s linear forwards gallery-timer}@keyframes gallery-timer{to{transform:scaleX(1)}}.gallery-viewer{color:#fff;background:#11181c;border:1px solid #7c9ba577;border-radius:10px;width:min(1600px,100vw - 40px);max-width:none;height:min(1000px,100dvh - 40px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 30px 150px #000}.gallery-viewer[open]{animation:gallery-viewer-enter .28s var(--gallery-ease);flex-direction:column;display:flex}.gallery-viewer::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050b10e8}.gallery-viewer-head{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.gallery-viewer-head>div>span{font:.75rem/1.4 var(--font-mono), monospace;color:#9cafb9}.gallery-viewer-head h3{color:#fff;font:550 1.4rem/1.2 var(--font-sans), sans-serif;letter-spacing:-.03em;margin:5px 0 0}.gallery-viewer-head button{color:#fff;min-height:44px;font:500 .875rem/1 var(--font-sans), sans-serif;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:7px 12px;display:flex}.gallery-viewer-head button>span{font-size:1.75rem;font-weight:300}.gallery-viewer-image{flex:1;min-height:0;margin:16px 24px;position:relative}.gallery-viewer-image img{object-fit:contain}.gallery-viewer-foot{border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.gallery-viewer-foot p{color:#c0cbd1;margin:0;font-size:1rem;line-height:1.5}.gallery-viewer-foot small{color:#95a5ae;margin-top:5px;font-size:.75rem;display:block}.gallery-full-size{color:var(--cyan);border-bottom:1px solid #5dc4e750;align-items:center;gap:8px;margin-top:10px;font-size:.875rem;display:inline-flex}.gallery-full-size:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@keyframes gallery-viewer-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}body:has(.gallery-viewer[open]){overflow:hidden}@media (max-width:900px){.gallery-card{width:80%;left:10%}.gallery-scene{perspective:1200px;height:clamp(340px,47vw + 170px,610px)}.gallery-details{align-items:flex-start;gap:24px}.gallery-caption{min-height:152px}.gallery-navigation .gallery-playback{min-width:82px}}@media (max-width:620px){.gallery-kicker{letter-spacing:.025em;font-size:.75rem}.gallery-count{gap:8px;font-size:.75rem}.gallery-count strong{font-size:2rem}.gallery-scene{perspective:900px;height:clamp(270px,80vw,480px);margin:18px -2% 0}.gallery-card{width:92%;left:4%}.gallery-card[data-position="-1"]{transform:translate3d(-54%,-50%,-260px)rotateY(38deg)rotate(-5deg)}.gallery-card[data-position="1"]{transform:translate3d(54%,-50%,-260px)rotateY(-38deg)rotate(5deg)}.gallery-card[data-position="-2"],.gallery-card[data-position="2"]{opacity:.25}.gallery-card-top{height:28px;padding-inline:10px;font-size:.75rem}.gallery-card-foot{gap:10px;min-height:48px;padding:10px}.gallery-card-foot>strong{font-size:.875rem}.gallery-expand>span{display:none}.gallery-expand svg{width:19px;height:19px}.gallery-card-reveal{display:none}.gallery-details{flex-direction:column;gap:20px;margin-top:0;padding-top:8px}.gallery-caption{min-height:143px}.gallery-caption h3{font-size:1.65rem}.gallery-navigation{align-self:flex-end}.gallery-thumb{flex-basis:119px}.gallery-thumb.is-active{flex-basis:154px}.gallery-thumb-picture{height:72px}.gallery-strip{gap:9px}.gallery-viewer{border-radius:6px;width:calc(100vw - 12px);height:calc(100dvh - 24px)}.gallery-viewer-head{gap:12px;padding:14px}.gallery-viewer-head h3{font-size:1.15rem}.gallery-viewer-image{margin:8px}.gallery-viewer-foot{flex-wrap:wrap;gap:16px;padding:14px}.gallery-viewer-foot .gallery-navigation{margin-left:auto}}@media (prefers-reduced-motion:reduce){.product-gallery *,.product-gallery :before,.product-gallery :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-ready .product-gallery:not(.motion-visible) .gallery-scene{transform:none}.gallery-card:not(.is-active){opacity:0;pointer-events:none}.gallery-card.is-active .gallery-card-button{transform:none}}