/* Editorial motion: soft entrances, deliberate pauses and quiet interaction. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.reveal{opacity:1;transform:none;transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translate3d(0,26px,0)}
.motion-enabled .reveal.is-visible{opacity:1;transform:none}
.site-header{transition:box-shadow .45s ease,background-color .45s ease}
.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,#a71d48,#f28fae);transform:scaleX(0);transform-origin:left;opacity:.8}
.site-header nav a:after{width:100%;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--motion-ease)}
.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.site-header nav a.active:after{transform:scaleX(1)}
.motion-enabled .hero-content>.eyebrow,.motion-enabled .hero-content>.headline-frame,.motion-enabled .hero-content>.hero-description,.motion-enabled .hero-content>.hero-actions,.motion-enabled .page-hero-content>.eyebrow,.motion-enabled .page-hero-content>h1,.motion-enabled .page-hero-content>.hero-description{animation:editorial-enter 1.05s var(--motion-ease) both}
.motion-enabled .hero-content>.eyebrow,.motion-enabled .page-hero-content>.eyebrow{animation-delay:.08s}
.motion-enabled .hero-content>.headline-frame,.motion-enabled .page-hero-content>h1{animation-delay:.2s}
.motion-enabled .hero-content>.hero-description,.motion-enabled .page-hero-content>.hero-description{animation-delay:.36s}
.motion-enabled .hero-content>.hero-actions{animation-delay:.5s}
.motion-enabled .home-hero .hero-collage{transform-origin:50% 0%;animation:editorial-lens 16s var(--motion-ease) both;animation-play-state:paused}
.motion-enabled .home-hero.motion-in-view .hero-collage{animation-play-state:running}
.motion-enabled .page-hero-art{animation:editorial-art 1.6s var(--motion-ease) both}
.motion-enabled .hero-bottom a span{animation:explore-cue 2.6s ease-in-out 3}
.section-heading h2:before{transform-origin:top;transition:transform .8s var(--motion-ease) .12s}
.motion-enabled .section-heading.reveal:not(.is-visible) h2:before{transform:scaleY(0)}
.metrics strong{font-variant-numeric:tabular-nums}
.brand-image>img,.brands .nick-lookbook>img,.workflow-visual>img{transition:transform 1.2s var(--motion-ease);transform-origin:50% 0%}
.brand-card,.support-item,.core-services article{transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease),translate .55s var(--motion-ease),border-color .5s ease,box-shadow .5s ease;transition-delay:var(--motion-delay,0ms),var(--motion-delay,0ms),0s,0s,0s}
.workflow-list article{transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease),border-color .5s ease;transition-delay:var(--motion-delay,0ms),var(--motion-delay,0ms),0s}
.fashion-button{transition:background .4s ease,color .35s ease,border-color .4s ease,box-shadow .5s ease,transform .5s var(--motion-ease)!important}
.fashion-button.fashion-primary{background-size:160% 100%;background-position:0 50%}
.brand-ticker>div{animation-duration:46s;animation-play-state:paused}
.brand-ticker.motion-in-view>div{animation-play-state:running}
.brand-ticker:hover>div{animation-play-state:paused}
.motion-paused *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){
 .brand-card:hover,.support-item:hover,.core-services article:hover{translate:0 -5px;border-color:#d49bb45e;box-shadow:0 18px 40px #0003}
 .brands .brand-card:hover .brand-image>img{transform:scale(1.035)}
 .workflow-visual:hover>img{transform:scale(1.035)}
 .workflow-list article:hover{border-color:#ed94b1a6}
 .fashion-button.fashion-primary:hover{background-position:100% 50%}
}
@keyframes editorial-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes editorial-lens{from{scale:1.035}to{scale:1}}
@keyframes editorial-art{from{opacity:0;translate:22px 0}to{opacity:1;translate:0 0}}
@keyframes explore-cue{0%,65%,100%{translate:0 0}32%{translate:0 4px}}
@media(max-width:760px){
 .motion-enabled .reveal:not(.is-visible){transform:translate3d(0,16px,0)}
 .reveal{transition-duration:.65s;transition-delay:0ms}
 .motion-enabled .home-hero .hero-collage{animation-duration:10s}
 .brand-card,.support-item,.core-services article{transition-delay:0ms}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .reveal,.motion-enabled .reveal:not(.is-visible){opacity:1!important;transform:none!important;translate:none!important}
 .hero-content>*,.page-hero-content>*{opacity:1!important;translate:none!important}
 .brand-card:hover,.support-item:hover,.core-services article:hover{translate:none!important}
 .brands .brand-card:hover .brand-image>img,.workflow-visual:hover>img{transform:none!important}
}
