/* Three photographic chapters driven by native scroll position. */
body.cinema-active .fashion-story{height:350svh}
body.cinema-active .story-stage{position:sticky;top:0;height:100svh;min-height:0}
body.cinema-active .story-two,body.cinema-active .story-three{display:block}
body.cinema-active .story-two{z-index:3;clip-path:polygon(0 var(--curtain-left,100%),100% var(--curtain-right,100%),100% 100%,0 100%);transform:scale(var(--second-scale,1));transform-origin:center}
body.cinema-active .story-three{z-index:5;clip-path:inset(0 var(--finale-inset,50%) 0 var(--finale-inset,50%));background:#171715}
body.cinema-active .story-chapters{display:flex}
body.cinema-active .story-one .story-background img{transform:translate3d(var(--intro-photo-x,0%),0,0) scale(var(--intro-photo-scale,1.08));will-change:transform}
body.cinema-active .story-one .story-copy{transform:translate3d(0,var(--intro-copy-y,0px),0);opacity:var(--intro-copy-opacity,1);will-change:transform,opacity}
body.cinema-active .story-scroll,body.cinema-active .story-edition{opacity:var(--intro-copy-opacity,1)}
body.cinema-active .story-portrait{transform:translate3d(0,var(--portrait-enter-y,160px),0) rotate(var(--portrait-rotation,8deg)) scale(var(--portrait-scale,.86));will-change:transform;transform-origin:50% 70%}
body.cinema-active .story-two .story-copy{transform:translate3d(0,calc(-50% + var(--second-copy-y,100px)),0);opacity:var(--second-copy-opacity,0);will-change:transform,opacity}
body.cinema-active .moving-type{transform:translate3d(var(--moving-type-x,10%),0,0);will-change:transform}
body.cinema-active .duo-left img{transform:translate3d(var(--duo-left-x,-5%),0,0) scale(var(--duo-scale,1.16));will-change:transform}
body.cinema-active .duo-right img{transform:translate3d(var(--duo-right-x,5%),0,0) scale(var(--duo-scale,1.16));will-change:transform}
body.cinema-active .story-finale{transform:translate3d(0,var(--finale-copy-y,80px),0);opacity:var(--finale-copy-opacity,0);will-change:transform,opacity}
body.cinema-active .finale-wordmark{transform:translate3d(0,var(--finale-brand-y,80px),0);opacity:var(--finale-brand-opacity,0);will-change:transform,opacity}
body.scroll-depth .image-clip img{transform:translate3d(0,var(--collection-photo-y,0%),0) scale(1.09);will-change:transform}
body.scroll-depth .image-clip{clip-path:inset(var(--collection-crop,0%) 0 0 0);will-change:clip-path}
body.scroll-depth .atelier-photo img{transform:translate3d(0,var(--atelier-y,0%),0) scale(1.12);will-change:transform}
.experience strong .experience-count{display:inline-block;min-width:1.18em;font-size:1em;font-variant-numeric:tabular-nums}
.counter-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* The compact wordmark is the no-JavaScript and reduced-motion ending. */
.footer-wordmark>.brand-morph{display:inline-flex;color:inherit;white-space:pre;transform-origin:left center}
.brand-prefix,.brand-gap,.brand-suffix{display:none}
/* Fade the two outer letters while the middle words join into “feelkoo”. */
body.brand-finale-active .footer{padding:0 var(--gutter);overflow:clip;min-height:170svh}
body.brand-finale-active .footer-stage{position:sticky;top:94px;min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:space-between;padding:38px 0 25px}
body.brand-finale-active .footer-wordmark{display:flex;align-items:center;width:100%;max-width:none;min-height:1.35em;line-height:1.1;padding:0;margin:0}
body.brand-finale-active .brand-morph{flex:none;transform:translate3d(var(--brand-center,0px),0,0) scale(var(--brand-scale,.7));will-change:transform}
body.brand-finale-active .brand-morph>span{display:block;flex:none;will-change:transform,opacity}
body.brand-finale-active .brand-prefix,body.brand-finale-active .brand-suffix{opacity:var(--brand-away-opacity,1)}
body.brand-finale-active .brand-feel{transform:translate3d(var(--brand-feel-x,0px),0,0)}
body.brand-finale-active .brand-koo{transform:translate3d(var(--brand-koo-x,0px),0,0)}
@media(max-width:800px){body.brand-finale-active .footer-stage{top:78px;min-height:calc(100svh - 78px)}}
@media(max-width:580px){body.brand-finale-active .footer-stage{padding-top:28px}body.brand-finale-active .footer{min-height:155svh}}
@media(max-width:580px){
  body.cinema-active .fashion-story{height:330svh}
  body.cinema-active .story-two .story-copy{transform:translate3d(0,var(--second-copy-y,100px),0)}
}
@media(prefers-reduced-motion:reduce){
  .story-background img,.image-clip img,.atelier-photo img,.footer-wordmark{transform:none!important}
  .image-clip{clip-path:none!important}
}