@charset "UTF-8";
/* Motion is confined to the product exhibition; all controls stay in place. */
.detail-dialog.product-view[open]{animation:none}
.detail-dialog.product-view{--dialog-accent:#bed8fb}
.detail-dialog.product-view[data-product="petduck"]{--dialog-accent:#efd4b3}
.detail-dialog.product-view[data-product="nipo-work"]{--dialog-accent:#b1dfce}
.exhibit-product,.collection-product,.product-detail-proof{--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg}
.product-exhibit .exhibit-product{position:relative;isolation:isolate}
.product-exhibit .exhibit-product::before{content:"";position:absolute;inset:-12px 4px;border-radius:12px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--product-accent) 12%,transparent),transparent 72%);transition:opacity .28s}
.product-exhibit .exhibit-product[data-pointer-active]::before,.product-exhibit .exhibit-product:focus-within::before{opacity:1}
#products-panel .collection-image,.product-detail-proof .product-shot-frame{transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .3s;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
#products-panel .collection-image{position:relative}
#products-panel .collection-image::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#fff2,transparent 65%);opacity:0;transition:opacity .28s}
#products-panel .collection-product[data-pointer-active] .collection-image::after{opacity:1}
#products-panel .collection-product[data-pointer-active] .collection-image,.product-detail-proof[data-pointer-active] .product-shot-frame{box-shadow:0 16px 32px #0005,0 0 0 1px color-mix(in srgb,var(--product-accent) 30%,transparent)}
:is(.product-exhibit,#products-panel,.product-detail-panel) .entry-cta>span[aria-hidden]{transition:transform .22s}
:is(.product-exhibit,#products-panel,.product-detail-panel) .entry-cta:is(:hover,:focus-visible)>span[aria-hidden]{transform:translate(3px,-3px)}
.product-crosslinks a>span{transition:transform .22s}
.product-crosslinks a:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}
.product-detail-proof{position:relative}
.product-detail-proof .product-shot-frame{position:relative;overflow:hidden;border-radius:inherit}
.product-detail-proof .product-shot-frame img{display:block;width:100%;max-width:none;height:auto}
.product-detail-proof .proof-zoom{display:flex;align-items:center;justify-content:center;gap:10px;min-height:38px;margin:12px 0 0 auto;padding:0 14px;border:1px solid color-mix(in srgb,var(--product-accent) 26%,transparent);border-radius:6px;background:#08121de6;color:var(--product-accent);font-size:11px;letter-spacing:.3px;transition:background .2s,border-color .2s}
.product-detail-proof .proof-zoom:hover{background:#162331;border-color:var(--product-accent)}
.product-detail-proof.is-zoomed .product-shot-frame{max-height:480px;overflow:auto;overscroll-behavior:contain;transform:none;scrollbar-color:#667989 #0a141f;scrollbar-width:thin}
.product-detail-proof.is-zoomed .product-shot-frame img{width:200%}
.product-detail-proof .product-shot-frame:focus-visible{outline:2px solid var(--product-accent);outline-offset:5px}
.product-detail-proof.preview-unavailable .product-shot-frame{min-height:140px;display:grid;place-items:center}
@media(max-width:600px){.product-exhibit .exhibit-product::before{inset:0 -8px}.product-detail-proof.is-zoomed .product-shot-frame{max-height:300px}.product-detail-proof .proof-zoom{min-height:42px;font-size:11px}.product-detail-proof .product-shot-frame{transform:none}}
@media(hover:none),(pointer:coarse){#products-panel .collection-image,.product-detail-proof .product-shot-frame{transform:none}.product-exhibit .exhibit-product::before,#products-panel .collection-image::after{display:none}}
@media(prefers-reduced-motion:reduce){.product-exhibit .exhibit-product::before,#products-panel .collection-image::after{display:none}#products-panel .collection-image,.product-detail-proof .product-shot-frame{transform:none!important}:is(.product-exhibit,#products-panel,.product-detail-panel) .entry-cta>span[aria-hidden],.product-crosslinks a>span{transform:none!important}}
