/* A distinct category opening, followed by three grouped color galleries. */
.cargo-category{background:var(--paper);container-type:inline-size}
.cargo-intro{background:#1c1c1c;color:#eeeeee;--line:#555555;padding-top:55px;padding-bottom:45px}
.cargo-intro .section-meta{margin-bottom:45px;font-size:10px}
.cargo-opening-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5vw;align-items:center}
#cargo-title{font-size:clamp(90px,14.5vw,265px);line-height:.83;letter-spacing:-.075em;white-space:nowrap}
.cargo-title-kicker{display:block;font-size:clamp(15px,1.8vw,28px);font-weight:700;letter-spacing:.035em;line-height:1.3;margin-bottom:25px}
.cargo-intro-detail{display:grid;grid-template-columns:1fr;gap:20px;justify-items:start;min-width:0}
.cargo-graphic{width:clamp(150px,16vw,230px);max-width:100%;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.cargo-graphic .cargo-outline{stroke-width:1.8}
.cargo-graphic .cargo-pocket{stroke:#ee986b;stroke-width:1.5}
.cargo-graphic .cargo-guide{stroke:#898989;stroke-dasharray:2 3}
.cargo-intro-detail .body-copy{max-width:350px;font-size:clamp(17px,1.5vw,22px);color:#d5d5d5}
.cargo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid var(--line);margin:45px 0 0;padding-top:22px}
.cargo-facts dt{font-size:9px;letter-spacing:.06em;color:#b4b4b4;margin-bottom:7px}
.cargo-facts dd{font-size:clamp(13px,1.3vw,19px);letter-spacing:-.02em;margin:0}
.cargo-products{padding-top:50px;padding-bottom:75px}
.cargo-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cargo-color{min-width:0}
.cargo-color-heading{padding-bottom:24px}
.cargo-color-heading .model-breadcrumb{font-size:9px;letter-spacing:.025em;line-height:1.5;margin-bottom:16px;gap:8px;flex-wrap:wrap}
.cargo-color-heading h3{display:flex;align-items:center;gap:12px;font-size:clamp(26px,3vw,46px);font-weight:900;line-height:1;letter-spacing:-.055em;margin:0}
.cargo-swatch{display:block;width:12px;height:12px;border-radius:50%;flex:none;border:1px solid #15151530}
.cargo-swatch.toasted{background:#89705e}.cargo-swatch.gray{background:#adabaa}.cargo-swatch.black{background:#222222}
.cargo-gallery .trend-slide img{object-fit:contain}
.cargo-gallery .trend-slides{background:#d4d2d2}
.cargo-gallery .trend-gallery-meta{font-size:10px;padding-top:15px}
.cargo-gallery .trend-arrow{min-width:44px;min-height:44px}
.cargo-gallery .trend-thumb{width:44px;height:58px}
@media(min-width:701px) and (max-width:1000px){
  .cargo-opening-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:4vw}
  #cargo-title{font-size:13.8vw}
  .cargo-product-grid{grid-template-columns:minmax(0,1fr);gap:45px}
  .cargo-color{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:30px;padding-top:25px;border-top:1px solid var(--line)}
  .cargo-color-heading{padding-top:15px}
  .cargo-color-heading h3{font-size:clamp(32px,4.8vw,48px)}
  .cargo-color-heading .model-breadcrumb{display:block;line-height:1.8}
  .cargo-color-heading .model-breadcrumb>span{margin-left:6px}
}
@media(max-width:700px){
  .cargo-intro{padding-top:35px;padding-bottom:30px}
  .cargo-intro .section-meta{font-size:8px;margin-bottom:35px;gap:12px}
  .cargo-opening-grid{grid-template-columns:minmax(0,1fr);gap:25px}
  #cargo-title{font-size:clamp(70px,21vw,145px)}
  .cargo-title-kicker{font-size:15px;letter-spacing:.03em;margin-bottom:18px}
  .cargo-intro-detail{grid-template-columns:95px minmax(0,1fr);gap:20px;align-items:center}
  .cargo-graphic{width:95px}
  .cargo-intro-detail .body-copy{font-size:16px;line-height:1.45;max-width:none}
  .cargo-facts{gap:15px;margin-top:28px;padding-top:18px}
  .cargo-facts dt{font-size:8px;letter-spacing:.025em}
  .cargo-facts dd{font-size:12px;line-height:1.35}
  .cargo-products{padding-top:35px;padding-bottom:45px}
  .cargo-product-grid{grid-template-columns:minmax(0,1fr);gap:42px}
  .cargo-color-heading{padding-bottom:20px}
  .cargo-color-heading h3{font-size:39px;gap:12px}
  .cargo-color-heading .model-breadcrumb{font-size:9px;margin-bottom:12px}
  .cargo-gallery .trend-gallery-meta{font-size:11px}
  .cargo-gallery .trend-arrow{width:44px;height:44px}
}
@media(max-width:350px){
  .cargo-intro-detail{grid-template-columns:75px minmax(0,1fr);gap:15px}
  .cargo-graphic{width:75px}
  .cargo-intro-detail .body-copy{font-size:15px}
}