/* Shared motion: short transitions, no layout shifts or continuous effects. */
:root{--bk-ease:cubic-bezier(.22,1,.36,1);--bk-motion-fast:180ms;--bk-motion-medium:420ms}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 :is(a,button,input,select,textarea){transition:color var(--bk-motion-fast),background-color var(--bk-motion-fast),border-color var(--bk-motion-fast),box-shadow var(--bk-motion-fast),opacity var(--bk-motion-fast)}
 :is(.btn,.bk-primary,.bk-secondary,.bk-gallery-controls button){transition:transform var(--bk-motion-fast) var(--bk-ease),color var(--bk-motion-fast),background-color var(--bk-motion-fast),border-color var(--bk-motion-fast),box-shadow var(--bk-motion-fast)}
 :is(.btn,.bk-primary,.bk-secondary):active:not(:disabled){transform:translateY(1px) scale(.985)}
 :is(.wordmark,[data-testid=logo]){transition:opacity 200ms}
 :is(.wordmark,[data-testid=logo]):hover{opacity:.7}
 [data-testid=home-hero] picture{animation:bk-photo-in 850ms var(--bk-ease) both}
 .bk-catalog-card a:has(img){overflow:hidden}
 .bk-catalog-card img{transition:transform 650ms var(--bk-ease)}
 .bk-overlay{animation:bk-overlay-in 220ms ease-out both}
 .bk-panel{animation:bk-drawer-in var(--bk-motion-medium) var(--bk-ease) both}
 .bk-panel.bk-left{animation-name:bk-drawer-left-in}
 .bk-overlay.bk-closing{animation:bk-overlay-out 200ms ease-in both;pointer-events:none}
 .bk-closing .bk-panel{animation:bk-drawer-out 200ms ease-in both}
 .bk-closing .bk-panel.bk-left{animation-name:bk-drawer-left-out}
 .bk-panel nav a{animation:bk-nav-in 380ms var(--bk-ease) both;animation-delay:70ms}
 .bk-panel nav a:nth-child(2){animation-delay:95ms}.bk-panel nav a:nth-child(3){animation-delay:120ms}.bk-panel nav a:nth-child(n+4){animation-delay:145ms}
 .bk-cookie{animation:bk-notice-in 420ms var(--bk-ease) both}
 .status{transition:background-color 200ms,border-color 200ms}
 @media(hover:hover) and (pointer:fine){
  :is(.btn,.bk-primary,.bk-secondary):hover:not(:disabled){transform:translateY(-2px)}
  .bk-catalog-card a:hover img{transform:scale(1.025)}
 }
}
@keyframes bk-photo-in{from{opacity:.6}to{opacity:1}}
@keyframes bk-overlay-in{from{background-color:#0000}to{background-color:#0005}}
@keyframes bk-overlay-out{from{background-color:#0005}to{background-color:#0000}}
@keyframes bk-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes bk-drawer-left-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes bk-drawer-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes bk-drawer-left-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes bk-nav-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes bk-notice-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.bk-gallery-track{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}