/* Final group photo supplied by we. Keep its complete composition at any width. */
.trend-group{aspect-ratio:auto}
.trend-group>img{position:static;width:100%;max-width:100%;height:auto;transform:none}
.trend-group.photo:hover>img{transform:none}

/* Allow grid/flex children to use the available space, including wrapped copy. */
:where(.fit-layout,.fit-details,.trend-heading,.trend-colors,.graphic-grid,.graphic-copy,.three-grid,.campaign-spread,.city-grid,.signature-grid)>*{min-width:0}
.fit-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.fit-details{grid-template-columns:90px minmax(0,1fr)}
.fit-diagram{height:auto;max-width:100%;justify-self:center}

@media(min-width:701px) and (max-width:1000px){
  .fit-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .fit-title h2{font-size:8.7vw}
  .fit-details{grid-template-columns:65px minmax(0,1fr)}
}

@media(max-width:700px){
  :root{--pad:clamp(16px,5.65vw,30px)}
  .hero-copy,.intro,.fit-title,.trend-heading,.classic-heading,.graphic-copy,.together-heading,.city-side,.campaign-note,.closing{container-type:inline-size}
  .section-pad{padding-inline:var(--pad)}
  .fit-layout{grid-template-columns:minmax(0,1fr)}
  .fit-details{grid-template-columns:clamp(52px,16vw,65px) minmax(0,1fr);gap:clamp(14px,4vw,22px)}
  .fit-diagram{width:clamp(52px,16vw,65px)}
  .fit-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
  .fit-notes>div,.section-meta>span{min-width:0;overflow-wrap:anywhere}
  .fit-notes{font-size:clamp(8px,2.3vw,10px)}
  .fit-notes span{font-size:clamp(8px,2.1vw,9px)}
  .section-meta{gap:14px;font-size:clamp(8px,2.3vw,10px)}
  .section-meta>span{flex:1}
  .hero h1{font-size:clamp(48px,22vw,155px)}
  .intro h2{font-size:clamp(26px,9.7vw,68px)}
  .fit-title h2{font-size:clamp(38px,16.5vw,110px);line-height:.94}
  .trend-heading h2{font-size:clamp(65px,27vw,170px);line-height:.85}
  .classic-heading h2{font-size:clamp(48px,20vw,135px)}
  .graphic-copy h2{font-size:clamp(32px,14vw,90px)}
  .together h2{font-size:clamp(42px,17vw,110px);line-height:.94}
  .city-side h2{font-size:clamp(50px,20vw,130px)}
  .campaign-note>p{font-size:clamp(27px,8.8vw,60px)}
  .closing-title{font-size:clamp(34px,13.5vw,92px);line-height:1;letter-spacing:-.075em}
  .body-copy,.hero-bottom p,.intro-bottom>p,.fit-details .body-copy,.trend-description .body-copy,.together-heading .body-copy,.city-side .body-copy{font-size:clamp(15px,4.2vw,19px);line-height:1.45;overflow-wrap:break-word}
  .intro-bottom{grid-template-columns:clamp(42px,14vw,55px) minmax(0,1fr);gap:clamp(14px,4vw,22px)}
  .asterisk{font-size:clamp(42px,14vw,60px)}
  .graphic-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .graphic-copy .body-copy{font-size:clamp(12px,3.3vw,16px)}
  .classic-info{flex-wrap:wrap;gap:12px;min-width:0}
  .classic-info>p{flex:1 1 130px;min-width:0}
  .classic-controls{flex:0 0 auto;max-width:100%}
  .trend-description,.trend-detail-copy,.campaign-note{max-width:100%}
  .trend-detail-copy>p:last-child{font-size:clamp(20px,6vw,30px);line-height:1.25}
  .trend-gallery-meta{font-size:clamp(9px,2.8vw,12px)}
  .trend-gallery-meta>span{min-width:0}
  .trend-thumbnails{flex-wrap:wrap}
  .trend-group{aspect-ratio:auto}
  .trend-group>img{position:static;width:100%;max-width:100%;height:auto;transform:none}
  .trend-group figcaption{position:static;color:var(--ink);padding:12px 0 0;flex-wrap:wrap;gap:5px 16px;font-size:clamp(8px,2.2vw,10px)}
  .trend-group:after{display:none}
  .trend-group{background:transparent;overflow:visible}
  .trend-endnote{flex-wrap:wrap;font-size:clamp(8px,2.1vw,10px);gap:8px 15px}
  .text-link{font-size:clamp(9px,2.5vw,11px);gap:15px}
  .text-link>span{flex:none}
  .footer{column-gap:18px}
  @supports(font-size:1cqi){
    .hero h1{font-size:clamp(48px,26cqi,155px)}
    .intro h2{font-size:clamp(26px,11cqi,68px)}
    .fit-title h2{font-size:clamp(38px,19cqi,110px)}
    .trend-heading h2{font-size:clamp(65px,31cqi,170px)}
    .classic-heading h2{font-size:clamp(48px,23cqi,135px)}
    .graphic-copy h2{font-size:clamp(32px,16cqi,90px)}
    .together h2{font-size:clamp(42px,20cqi,110px)}
    .city-side h2{font-size:clamp(50px,23cqi,130px)}
    .campaign-note>p{font-size:clamp(27px,10cqi,60px)}
    .closing-title{font-size:clamp(34px,15.5cqi,92px)}
  }
}