/* FOR SPORT: one wide scene, then three complementary views. */
.model-for-sport{padding-block:72px 86px}
.sport-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px;container-type:inline-size}
.sport-heading h2{font-size:clamp(64px,13vw,210px);line-height:.95;white-space:nowrap}
.sport-heading>.eyebrow{flex:none;margin:0 0 8px;font-size:10px}
.sport-bench>img{width:100%;height:auto}
.sport-bench figcaption{padding-block:16px 0}
.sport-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.sport-view{min-width:0;align-self:start}
.sport-view>img{width:100%;height:auto}
.sport-view figcaption{gap:12px;font-size:10px}
.sport-controls{display:none}

/* MINI MONOGRAM: a progressive enhancement over an ordinary product spread. */
.model-mini-monogram{background:#dfe2e8;color:#202e48;--line:#b7bfcc}
.mini-meta{margin:0 var(--pad);padding-top:32px}
.mini-scroll{position:relative}
.mini-pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:25px;padding:60px var(--pad) 35px;overflow:hidden}
.mini-title-wrap{width:100%;min-width:0;container-type:inline-size;text-align:center}
.mini-title-wrap h2{font-size:clamp(54px,12.3vw,200px);line-height:.92;letter-spacing:-.075em}
.mini-cutout{width:min(88%,900px)}
.mini-cutout>img{width:100%;height:auto;object-fit:contain}
.mini-scroll-note{display:none}
.mini-motion .mini-pin{position:sticky;top:0;height:100svh;padding:0;display:block;isolation:isolate}
.mini-motion .mini-title-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 var(--pad);opacity:var(--mini-title-opacity,1);filter:blur(var(--mini-title-blur,0px));transform:translate3d(0,var(--mini-title-y,0px),0);will-change:opacity,transform}
.mini-motion .mini-cutout{position:absolute;z-index:1;left:50%;top:8%;width:min(84vw,1100px);height:82%;transform:translate3d(-50%,var(--mini-rise,100svh),0);opacity:var(--mini-shirt-opacity,0);clip-path:inset(0 0 var(--mini-wipe,0%) 0);-webkit-mask-image:linear-gradient(to bottom,#000 var(--mini-mask-solid,100%),transparent var(--mini-mask-end,104%));mask-image:linear-gradient(to bottom,#000 var(--mini-mask-solid,100%),transparent var(--mini-mask-end,104%));will-change:transform,clip-path}
.mini-motion .mini-cutout>img{width:100%;height:100%;object-fit:contain}
.mini-motion .mini-scroll-note{position:absolute;bottom:28px;left:0;right:0;display:block;text-align:center;font-size:9px;letter-spacing:.09em;opacity:var(--mini-note-opacity,.65)}
.mini-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;padding-top:30px;padding-bottom:80px}
.mini-looks>.photo{min-width:0;align-self:start}
.mini-detail{margin-top:100px}
.mini-looks figcaption{gap:14px;font-size:10px}

/* The second category retains the opening system and changes its tone. */
.relaxed-fit{background:#d9cebd;border-color:#bfb29f}
.relaxed-fit .section-meta,.relaxed-fit .fit-notes{border-color:#bfb29f}
.relaxed-fit .fit-diagram{color:#80664b}
.relaxed-fit .fit-notes span{color:#78654f}
.relaxed-fit .fit-details .body-copy{max-width:330px}

@media(max-width:1100px){
  .sport-heading{display:block}
  .sport-heading>.eyebrow{margin:18px 0 0}
}
@media(max-width:900px){
  .sport-views{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a6a69d transparent;overscroll-behavior-x:contain;padding-bottom:10px}
  .sport-view{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}
  .sport-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;font-size:9px;letter-spacing:.03em}
  .sport-controls>div{display:flex;gap:14px;align-items:center}
  .sport-controls button{border:1px solid var(--line);background:transparent;width:30px;height:30px;cursor:pointer;font-size:18px}
  .sport-controls button:disabled{opacity:.25;cursor:default}
  .sport-counter{font-variant-numeric:tabular-nums;white-space:nowrap}
}
@media(max-width:700px){
  .model-for-sport{padding-block:48px 50px}
  .sport-heading{margin-bottom:26px}
  .sport-heading h2{font-size:clamp(44px,14vw,96px)}
  .sport-heading>.eyebrow{font-size:9px;margin-top:13px}
  .sport-bench figcaption{font-size:9px;gap:15px;padding-top:12px}
  .sport-views{margin-top:25px;gap:12px}
  .sport-view{flex-basis:90%}
  .sport-view figcaption{font-size:9px;gap:10px}
  .sport-controls{font-size:8px;gap:10px}
  .sport-controls>div{gap:8px}
  .mini-meta{padding-top:26px}
  .mini-title-wrap h2{font-size:clamp(40px,12.2vw,86px);line-height:.98}
  .mini-pin{padding:45px var(--pad) 20px}
  .mini-cutout{width:100%}
  .mini-motion .mini-cutout{width:100%;top:12%;height:76%}
  .mini-motion .mini-scroll-note{bottom:23px;font-size:8px}
  .mini-looks{gap:13px;padding-top:20px;padding-bottom:45px}
  .mini-detail{margin-top:55px}
  .mini-looks figcaption{font-size:8px;line-height:1.5;gap:5px;flex-wrap:wrap}
  @supports(font-size:1cqi){
    .sport-heading h2{font-size:clamp(44px,16cqi,96px)}
    .mini-title-wrap h2{font-size:clamp(36px,13.8cqi,86px)}
  }
}
@media(prefers-reduced-motion:reduce){
  .mini-scroll{height:auto!important}
  .mini-scroll-note{display:none!important}
  .sport-views{scroll-behavior:auto}
}