/* Independent motion layer: layout and original transforms stay untouched. */
:is(#video .project-cover,#fashion .burgundy-photo,#fashion .trench-photo,#fashion .collection-photo,#products .product-photo){overflow:hidden;transition:box-shadow 500ms ease}
:is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo)>img{transition:scale 600ms cubic-bezier(.22,.61,.36,1);scale:1}
.overview-grid h3{transition:color 500ms ease}
.overview-grid .arrow{transition:translate 500ms cubic-bezier(.22,.61,.36,1)}
@media(hover:hover) and (pointer:fine){
  :is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo):hover{box-shadow:0 15px 26px -16px rgb(185 161 139 / .25),0 3px 18px -10px rgb(185 161 139 / .14)}
  :is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo):hover>img{scale:1.04}
  .overview-grid a:hover h3{color:var(--gold)}
  .overview-grid a:hover .arrow{translate:4px -4px}
}
.overview-grid a:focus-visible h3{color:var(--gold)}
.overview-grid a:focus-visible .arrow{translate:4px -4px}
@keyframes editorial-reveal{from{opacity:0;translate:0 var(--reveal-distance,20px)}to{opacity:1;translate:0 0}}
.editorial-pending{opacity:0}
.editorial-enter{animation:editorial-reveal 760ms cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms) both}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .editorial-pending,.editorial-enter{opacity:1;animation:none}
  :is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo),:is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo)>img,.overview-grid h3,.overview-grid .arrow{transition:none!important}
  :is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo):hover{box-shadow:none}
  :is(.project-cover,.burgundy-photo,.trench-photo,.collection-photo,.product-photo):hover>img{scale:1}
  .overview-grid a .arrow{translate:none!important}
}
/* Underlight lives outside the image clipping layer; reveal animates its child. */
:is(#video .project-cover,#fashion .burgundy-photo,#fashion .trench-photo,#fashion .collection-photo,#products .product-photo){overflow:visible;box-shadow:none}
.motion-image-clip{display:block;overflow:hidden;width:100%}
.motion-image-clip>img{display:block;width:100%;height:auto;scale:1;transition:scale 550ms cubic-bezier(.22,1,.36,1)}
.floating-gallery-card{isolation:isolate;transition:translate 500ms cubic-bezier(.22,1,.36,1),filter 500ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .floating-gallery-card:hover{z-index:8;translate:0 -7px;filter:drop-shadow(0 18px 16px rgb(185 161 139 / .30)) drop-shadow(0 9px 7px rgb(185 161 139 / .18))}
 .floating-gallery-card:hover .motion-image-clip>img{scale:1.03}
 :is(#video .project-cover,#fashion .burgundy-photo,#fashion .trench-photo,#fashion .collection-photo,#products .product-photo):hover{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.floating-gallery-card,.motion-image-clip>img{transition:none!important}}
/* Photography: the button/figure remains the stable hit area and grid item. */
.photo-hover-host{isolation:isolate}
.photo-hover-lift{display:block;width:100%;transition:translate 500ms cubic-bezier(.22,1,.36,1),filter 500ms cubic-bezier(.22,1,.36,1)}
.photo-hover-caption{pointer-events:none;transition:translate 500ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .photo-hover-host:hover{z-index:8}
 .photo-hover-host:hover .photo-hover-lift{translate:0 -7px;filter:drop-shadow(0 18px 16px rgb(185 161 139 / .30)) drop-shadow(0 9px 7px rgb(185 161 139 / .18))}
 .photo-hover-host:hover>.photo-hover-caption{translate:0 -7px}
 .photo-hover-host:hover .motion-image-clip>img{scale:1.03}
}
@media(prefers-reduced-motion:reduce){.photo-hover-lift,.photo-hover-caption{transition:none!important}}