mst-lookbook{display:block;position:relative;isolation:isolate;overflow:hidden;color:rgb(var(--color-foreground))}
.mst-lookbook__bg,.mst-lookbook__overlay{position:absolute;inset:0;z-index:-2}
.mst-lookbook__bg img{width:100%;height:100%;object-fit:cover;display:block}
.mst-lookbook__overlay{z-index:-1;background:linear-gradient(180deg,rgba(12,12,12,calc(var(--mst-overlay,.55) * .8)),rgba(12,12,12,var(--mst-overlay,.55)))}
.mst-lookbook__inner{display:grid;gap:3.2rem;padding:6.4rem 1.5rem 5.6rem;max-width:160rem;margin:0 auto}
.mst-lookbook__text{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}
.mst-lookbook__text .mst-title,.mst-lookbook__text .mst-text,.mst-lookbook__text .mst-eyebrow{margin:0}
.mst-lookbook__text .mst-eyebrow{color:rgba(var(--color-foreground),.8)}
.mst-lookbook__lead{color:rgba(var(--color-foreground),.86)}
.mst-lookbook__text .mst-link{margin-top:.8rem}
.mst-lookbook__stage{min-width:0}
.mst-lookbook__viewport{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1.5rem;outline-offset:4px}
.mst-lookbook__viewport::-webkit-scrollbar{display:none}
.mst-lookbook__viewport:focus-visible{outline:2px solid rgb(var(--color-foreground))}
.mst-lookbook__track{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0 calc((100% - min(72vw,40rem)) / 2);width:max-content;min-width:100%;box-sizing:border-box}
.mst-lookbook__slide{flex:0 0 min(72vw,40rem);scroll-snap-align:center;min-width:0}
.mst-lookbook__figure{aspect-ratio:3/4;width:100%}
.mst-lookbook__figure img,.mst-lookbook__figure>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mst-lookbook__figure>svg{padding:18%;box-sizing:border-box;color:var(--mst-mute)}
.mst-lookbook__caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:6rem 1.8rem 1.8rem;color:#fff;background:linear-gradient(0deg,rgba(10,10,10,.72),rgba(10,10,10,0))}
.mst-lookbook__label{font-family:var(--mst-font-ui);font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase}
.mst-lookbook__cap{font-family:var(--mst-font-display);font-size:1.8rem;line-height:1.25;max-width:26ch}
.mst-lookbook__cta{margin-top:.8rem;color:#fff}
.mst-lookbook__aside{display:flex;flex-direction:column;align-items:center;gap:2rem}
.mst-lookbook__controls{display:flex;align-items:center;gap:2rem}
.mst-lookbook__arrow{display:inline-flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;padding:0;border:1px solid rgba(var(--color-foreground),.6);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .4s var(--mst-ease,ease),color .4s var(--mst-ease,ease),border-color .4s var(--mst-ease,ease)}
.mst-lookbook__arrow:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
.mst-lookbook__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
.mst-lookbook__counter{margin:0;font-family:var(--mst-font-ui);font-size:1.3rem;letter-spacing:.2em;font-variant-numeric:tabular-nums}
.mst-lookbook__tagline{margin:0;text-align:center;font-family:var(--mst-font-ui);font-size:1.1rem;line-height:2;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--color-foreground),.85)}
@media screen and (min-width:990px){
  .mst-lookbook__inner{min-height:88svh;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5rem;padding:8rem 5rem}
  .mst-lookbook__text{max-width:46rem}
  .mst-lookbook__viewport{width:clamp(300px,26vw,440px);aspect-ratio:3/4;overflow:hidden;scroll-snap-type:none;margin-inline:0}
  .mst-lookbook__track{display:flex;flex-direction:column;gap:0;height:100%;width:100%;min-width:0;padding:0;transform:translateY(calc(var(--mst-i,0) * -100%));transition:transform .8s var(--mst-ease,ease)}
  .mst-lookbook__slide{flex:0 0 100%;height:100%}
  .mst-lookbook__figure{height:100%;aspect-ratio:auto}
  .mst-lookbook__aside{align-self:stretch;align-items:flex-end;justify-content:space-between;padding:4rem 0}
  .mst-lookbook__controls{flex-direction:column;gap:1.4rem;margin-block:auto}
  .mst-lookbook__arrow svg{transform:rotate(90deg)}
  .mst-lookbook__counter{order:-1}
  .mst-lookbook__controls .mst-lookbook__counter{order:0}
  .mst-lookbook__tagline{text-align:right}
}
@media (prefers-reduced-motion:reduce){.mst-lookbook__track,.mst-lookbook__arrow{transition:none}.mst-lookbook__viewport{scroll-behavior:auto}}