/* Shared header logo motion from the supplied After Effects reference. */
.asia-home-header {
 --asia-logo-width: clamp(160px, 32vw, 204.8px);
 --asia-shift-duration: 300ms;
 --asia-collapse-duration: 340ms;
 --asia-shift-delay: var(--asia-collapse-duration);
 --asia-collapse-delay: 0ms;
 --asia-motion-ease: cubic-bezier(.65,0,.35,1);
 transition-duration: var(--asia-collapse-duration);
 transition-delay: var(--asia-collapse-delay);
 transition-timing-function: var(--asia-motion-ease);
}
.asia-home-header.h-header-height-contained {
 --asia-shift-delay: 0ms;
 --asia-collapse-delay: var(--asia-shift-duration);
}
.asia-home-header > div { position: relative; }
.asia-home-header > div > div:first-child { width: var(--asia-logo-width); flex-shrink: 0; }
.asia-home-header .asia-home-logo-link {
 position: absolute; top: 0; width: var(--asia-logo-width);
 height: calc(var(--asia-logo-width) * .5625); overflow: visible;
 transition: height var(--asia-collapse-duration) var(--asia-motion-ease) var(--asia-collapse-delay);
}
.asia-home-header .asia-haus-logo { display: block; width: 100%; height: auto; overflow: visible; }
.asia-haus-logo g { transform-origin: 0 0; }
/* Forward: HAUS moves right and grows; only then do the box and both words rise.
   Reverse: the box and words descend first, then HAUS moves left and shrinks. */
.asia-logo-bg, .asia-logo-asia, .asia-logo-haus-lift {
 transition: transform var(--asia-collapse-duration) var(--asia-motion-ease) var(--asia-collapse-delay);
}
.asia-logo-haus {
 transition: transform var(--asia-shift-duration) var(--asia-motion-ease) var(--asia-shift-delay);
}
.asia-home-header.h-header-height-contained .asia-home-logo-link { height: calc(var(--asia-logo-width) * .209375); }
.asia-home-header.h-header-height-contained .asia-logo-bg { transform: scaleY(.3722222222); }
.asia-home-header.h-header-height-contained .asia-logo-asia { transform: translateY(-80.665px); }
.asia-home-header.h-header-height-contained .asia-logo-haus-lift { transform: translateY(-107.679px); }
.asia-home-header.h-header-height-contained .asia-logo-haus { transform: translate(118.945128px, -42.496558px) scale(1.202); }
@media (min-width: 1024px) {
 .asia-home-header { --asia-logo-width: clamp(192px, 16.15vw, 256px); }
 .asia-home-header.h-header-height { height: calc(var(--asia-logo-width) * .5625 - 36px); }
 .asia-home-header.h-header-height-contained { height: calc(var(--asia-logo-width) * .209375); }
 .asia-home-header > div > nav { padding-left: clamp(32px, 4vw, 64px); }
}
@media (prefers-reduced-motion: reduce) {
 .asia-home-header { --asia-shift-duration: 0ms; --asia-collapse-duration: 0ms; }
}

/* Preserve each page’s inherited light/dark palette. */
.asia-home-header.h-header-height-contained { background-color: rgb(255 255 255 / 95%); }
.asia-home-header.h-header-height-contained:where(.dark,.dark *) { background-color: rgb(17 17 17 / 95%); }

/* Bound the scrolling preview strip to one frame, including in WebKit. */
@media (min-width: 768px) {
 [data-layout="quick_collection_menu"] [data-collection-image] {
  --asia-preview-width: 29vw;
  width: var(--asia-preview-width);
  height: calc(var(--asia-preview-width) * 0.5714285714);
  overflow: hidden;
  clip-path: inset(0);
 }
 [data-layout="quick_collection_menu"] [data-motion-images] > [data-motion-image] {
  width: 100%;
  height: calc(var(--asia-preview-width) * 0.5714285714);
 }
 [data-layout="quick_collection_menu"] [data-motion-images] > [data-motion-image] > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
}
@media (min-width: 1024px) {
 [data-layout="quick_collection_menu"] [data-collection-image] {
  --asia-preview-width: 350px;
 }
}