:root{--motion-out:cubic-bezier(.2,.8,.2,1);--motion-spring:cubic-bezier(.22,1.25,.4,1)}
.button,.filters button,.menu-toggle,.close-image,.text-button{transition:background-color 180ms var(--motion-out),border-color 180ms var(--motion-out),color 180ms var(--motion-out),box-shadow 240ms var(--motion-out);transform-origin:center}
.product-photo-link{border-radius:12px;transition:box-shadow 350ms var(--motion-out),border-color 200ms var(--motion-out)}
.product-photo-link>img{transition:transform 650ms var(--motion-spring);object-fit:contain;image-rendering:auto}
.product-photo-link:hover>img{transform:scale(1.025)}
.catalogue-card{transition:translate 500ms var(--motion-spring)}
@media(hover:hover) and (pointer:fine){.catalogue-card:hover{translate:0 -4px}.product-photo-link:hover{box-shadow:0 18px 40px -28px #23372a65;border-color:#c3cdb9}.button:hover{box-shadow:0 10px 22px -15px #243b2b80}}
.hero-art.hero-photography{border:0;border-radius:16px;overflow:hidden;background:#e3e8dc}
.hero-photography .hero-photo{display:block;width:100%;height:500px;object-fit:cover;object-position:48% center}
.hero-photography .art-heading{padding:19px 24px 18px}
.hero-photography figcaption{padding:24px;margin:0;align-items:center}
.photo-pending{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;min-height:220px;width:100%;height:100%;background:linear-gradient(145deg,#edf0e7,#e5e9dc);color:#69755f;padding:30px}
.photo-pending-code{font-family:Georgia,serif;font-size:44px;letter-spacing:-2px;color:#98a38c;border-block:1px solid #c9d2bf;padding:10px 20px}
.photo-pending-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.photo-pending-detail{height:440px;border-radius:12px 12px 0 0}
.product-figure{border-radius:12px;overflow:hidden}.product-enlarge>img{padding:18px}
.image-dialog{border-radius:18px;box-shadow:0 40px 100px #13231945;transform-origin:center}
.image-dialog>img{border-radius:10px}.image-dialog::backdrop{background:#17271de0;backdrop-filter:blur(5px)}
.image-dialog[open]::backdrop{animation:backdrop-enter 220ms ease-out}
.image-dialog.is-closing::backdrop{animation:backdrop-leave 170ms ease-in forwards}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes backdrop-leave{from{opacity:1}to{opacity:0}}
.menu-toggle span{transition:transform 440ms var(--motion-spring)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out 140ms ease-out}::view-transition-new(root){animation:page-in 260ms var(--motion-out)}
@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero-photography .hero-photo{height:420px}.photo-pending-detail{height:390px}}
@media(max-width:760px){.hero-photography .hero-photo{height:360px}.hero-photography figcaption{padding:22px}.header nav.closing{display:flex;flex-direction:column;pointer-events:none}.photo-pending-detail{height:370px}.image-dialog{padding:55px 15px 18px}}
@media(max-width:420px){.hero-photography .hero-photo{height:340px}.photo-pending-detail{height:330px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.catalogue-card:hover{translate:none}.product-photo-link:hover>img{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
