/* Motion is optional decoration. Every piece remains visible and usable without it. */
.motion-progress{position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none;transform-origin:left center;background:linear-gradient(90deg,#e47b40 0%,#d7dc79 100%);scale:0 1;opacity:.9}
body:not(.motion-enabled) .motion-progress{display:none}
.motion-reveal{--motion-delay:0ms}
.motion-reveal[data-motion-order="1"]{--motion-delay:65ms}
.motion-reveal[data-motion-order="2"]{--motion-delay:130ms}
.motion-reveal[data-motion-order="3"]{--motion-delay:195ms}
.motion-section.reveal-in,.home-revamp .motion-section.is-visible{animation:none}
.footer-motion{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:8px 14px;border:1px solid #e8dcc53d;border-radius:30px;background:transparent;color:#b7a78f;font-size:9px;letter-spacing:.025em}
.footer-motion .motion-symbol{color:#d7dc79;font-size:14px}
.footer-motion:hover{border-color:#e47b40;color:#e8dcc5}
.footer-motion[aria-pressed="true"] .motion-symbol{color:#e47b40}
.footer-motion:disabled{cursor:default;opacity:.7}

@media(prefers-reduced-motion:no-preference){
  /* The poster assembles in place; no full-screen intro or delayed shopping controls. */
  .motion-enabled.motion-intro .campaign-copy>.eyebrow{animation:poster-arrive 600ms cubic-bezier(.2,.75,.25,1) both}
  .motion-enabled.motion-intro .campaign-copy h1>span{animation:poster-title 820ms cubic-bezier(.16,.84,.24,1) 65ms both}
  .motion-enabled.motion-intro .campaign-copy h1>span:nth-child(2){animation-delay:155ms}
  .motion-enabled.motion-intro .campaign-script{animation:poster-arrive 760ms cubic-bezier(.16,.84,.24,1) 235ms both}
  .motion-enabled.motion-intro .campaign-description{animation:poster-arrive 620ms cubic-bezier(.2,.75,.25,1) 285ms both}
  .motion-enabled.motion-intro .campaign-actions{animation:poster-arrive 620ms cubic-bezier(.2,.75,.25,1) 325ms both}
  .motion-enabled.motion-intro .opart-portrait{animation:poster-portrait 1000ms cubic-bezier(.16,.84,.24,1) 100ms both}
  .motion-enabled.motion-intro .campaign-edition{animation:poster-stamp 860ms cubic-bezier(.2,.85,.3,1.1) 275ms both}
  .motion-enabled.motion-intro .campaign-product{animation:poster-arrive 700ms cubic-bezier(.16,.84,.24,1) 365ms both}

  /* A fine orbital sweep introduces the optical field without obscuring the garment. */
  .motion-enabled.motion-intro .campaign-art::after{content:"";position:absolute;inset:10% 17%;z-index:2;border:1px solid #d7dc7990;border-radius:50%;box-shadow:0 0 0 20px #e47b4015,0 0 0 21px #d7dc7938,0 0 0 45px #e47b4010,0 0 0 46px #d7dc7926;pointer-events:none;animation:poster-orbit 1050ms cubic-bezier(.15,.65,.25,1) 100ms both}

  /* Only the arriving state animates. Unobserved content is never hidden. */
  .motion-enabled .motion-reveal.motion-in:not(.motion-done){animation:wardrobe-arrive 740ms cubic-bezier(.18,.72,.25,1) var(--motion-delay) both}
  .motion-enabled .motion-reveal.motion-in:focus-within{animation:none}

  .motion-enabled .product-image,.motion-enabled .next-piece-image{transition:translate 340ms cubic-bezier(.2,.7,.2,1),border-color 250ms,box-shadow 340ms}
  .motion-enabled .category-tile{transition:translate 300ms cubic-bezier(.2,.7,.2,1),background 200ms,border-color 250ms}
  .motion-enabled .category-tile-label>span,.motion-enabled .look-piece-price>span{display:inline-block;transition:translate 250ms}
  .motion-enabled .product-card:focus-within .product-image,.motion-enabled .next-piece:focus-within .next-piece-image{border-color:#e47b4090;box-shadow:0 12px 26px #0003}

  @media(hover:hover) and (pointer:fine){
    .motion-enabled .product-card:hover .product-image,.motion-enabled .next-piece:hover .next-piece-image{translate:0 -5px;border-color:#e47b4090;box-shadow:0 15px 30px #0004}
    .motion-enabled .category-tile:hover{translate:0 -3px;border-color:#e47b4080}
    .motion-enabled .category-tile:hover .category-tile-label>span,.motion-enabled .look-piece:hover .look-piece-price>span{translate:2px -2px}
  }
}

@keyframes poster-arrive{
  from{opacity:.55;translate:0 22px}
  to{opacity:1;translate:0 0}
}
@keyframes poster-title{
  from{opacity:.5;translate:-22px 24px;scale:.97 1}
  to{opacity:1;translate:0 0;scale:1 1}
}
@keyframes poster-portrait{
  from{opacity:.55;translate:0 42px;scale:.89;rotate:-7deg}
  to{opacity:1;translate:0 0;scale:1;rotate:0deg}
}
@keyframes poster-stamp{
  from{opacity:.3;scale:.74;rotate:-24deg}
  70%{opacity:1;scale:1.035;rotate:2deg}
  to{opacity:1;scale:1;rotate:0deg}
}
@keyframes poster-orbit{
  from{opacity:0;scale:.72;rotate:-15deg}
  22%{opacity:.7}
  to{opacity:0;scale:1.45;rotate:12deg}
}
@keyframes wardrobe-arrive{
  from{opacity:.65;translate:0 26px}
  to{opacity:1;translate:0 0}
}

/* Pause applies immediately, including movement that was already in progress. */
body:not(.motion-enabled) .motion-reveal{animation:none!important;translate:none;scale:none;opacity:1}
body:not(.motion-enabled) :is(.product-image,.next-piece-image,.category-tile,.category-tile-label>span,.look-piece-price>span){transition:none;translate:none}
body:not(.motion-enabled) .product-image>img{transition:none}
body:not(.motion-enabled) .product-image:hover>img{transform:none}

@media(max-width:720px){
  .footer-motion{margin-left:0}
  .motion-reveal[data-motion-order="2"]{--motion-delay:0ms}
  .motion-reveal[data-motion-order="3"]{--motion-delay:65ms}
  .motion-enabled.motion-intro .campaign-art::after{inset:12% 16%;box-shadow:0 0 0 12px #e47b4015,0 0 0 13px #d7dc7938,0 0 0 30px #e47b4010,0 0 0 31px #d7dc7926}
}

@media(prefers-reduced-motion:reduce){
  .motion-progress{display:none}
  .motion-reveal{animation:none!important;translate:none;scale:none;opacity:1}
  .motion-enabled.motion-intro .campaign-art::after{content:none}
  :is(.product-image,.next-piece-image,.category-tile,.category-tile-label>span,.look-piece-price>span){transition:none;translate:none}
  .product-image>img{transition:none}
  .product-image:hover>img{transform:none}
}