.brand-mark{animation:none!important;transform:none!important}.brand-film{background:#000;mix-blend-mode:screen}.product-image{position:relative}.product-image .product-film{width:100%;height:100%;object-fit:cover;display:block}.product-image:has(.product-film) .compression-image{display:none}.product-film[hidden]{display:none!important}.film-frame{position:relative;aspect-ratio:1;margin-bottom:1rem;border:1px solid #333;background:#111}.film-frame video{display:block;width:100%;height:100%;object-fit:contain}.film-toggle{position:absolute;right:.65rem;bottom:.65rem;z-index:4;border:0;background:transparent;color:#fff;padding:.4rem .65rem;font:700 .65rem/1.2 system-ui;text-transform:uppercase;letter-spacing:.08em}
.site-header .brand-mark{width:5.5rem;height:5.5rem;flex:0 0 5.5rem;object-fit:contain;image-rendering:auto}.site-header .brand{gap:1rem}@media(max-width:600px){.site-header .brand-mark{width:3.75rem;height:3.75rem;flex-basis:3.75rem}.site-header .brand{gap:.55rem}}
.product-image{overflow:hidden}
.product-image [hidden]{display:none!important}
.product-image .gallery-slide{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}
.film-toggle,.media-arrow,.gallery-controls .arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;color:#fff;cursor:pointer;touch-action:manipulation}
.film-toggle{border:0;background:transparent}
.film-toggle svg,.media-arrow svg,.gallery-controls .arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.media-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);opacity:1;transition:color .16s}
.media-arrow,.gallery-controls .arrow{border:0;background:transparent}
.film-toggle svg,.media-arrow svg{filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px #000)}
.media-prev{left:.5rem}.media-next{right:.5rem}
.product-image:hover .media-arrow,.product-image:focus-within .media-arrow,.product-card:focus-within .media-arrow{opacity:1}
.media-arrow:hover,.gallery-controls .arrow:hover{color:#18d9f5}
.media-arrow:focus-visible,.gallery-controls .arrow:focus-visible{color:#18d9f5;outline:2px solid #18d9f5;outline-offset:2px}
.film-toggle:hover{color:#18d9f5;background:transparent}
.film-toggle:focus-visible{color:#18d9f5;outline:2px solid #18d9f5;outline-offset:2px;background:transparent}
.media-count{position:absolute;z-index:4;bottom:.7rem;left:.7rem;padding:.25rem .5rem;background:rgba(0,0,0,.75);font:600 12px/1.4 system-ui;letter-spacing:.08em;color:#fff;pointer-events:none}
.site-header nav{align-items:center}.film-frame.portrait-film{aspect-ratio:9/16;max-height:760px;margin-inline:auto}
@media(hover:none){.media-arrow{opacity:1}}
@media(prefers-reduced-motion:reduce){.media-arrow{transition:none}}

.product-card{position:relative;isolation:isolate}
.product-card .detail-link::after{content:"";position:absolute;inset:0;z-index:2}
.product-card .detail-link:focus-visible{outline:none}
.product-card .detail-link:focus-visible::after{outline:2px solid #18d9f5;outline-offset:3px}
.product-card .color-swatch{position:relative;z-index:3}
.gallery .gallery-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.5rem}
.gallery .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(3.5rem,100%),4.5rem));justify-content:center;gap:.5rem;min-width:0;overflow:visible}
.gallery .thumb{display:block;min-width:0;width:100%;height:auto;aspect-ratio:10/11}
.gallery .thumb img,.gallery .hero-frame img{object-fit:contain}