/* Apparel: the garment, its silhouette and its movement lead. */
.apparel-hero { padding:64px 0 56px; background:var(--noir-deep); }
.apparel-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(32px,6vw,88px); align-items:center; }
.apparel-breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; font:12px/1.6 var(--font-ui); color:var(--gold-light); }
.apparel-breadcrumbs a { color:var(--cream); }
.apparel-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:4px; }
.apparel-hero h1 { font:300 clamp(64px,7vw,104px)/.98 var(--font-display); letter-spacing:-.02em; text-transform:uppercase; margin-bottom:28px; }
.apparel-hero-copy > p { font:19px/1.8 var(--font-body); color:var(--cream); max-width:42ch; margin-bottom:24px; }
.apparel-hero-copy .apparel-hero-location { font:14px/1.8 var(--font-ui); color:var(--muted); margin-bottom:32px; }
.apparel-actions { display:flex; flex-wrap:wrap; gap:12px; }
.apparel-actions .btn { padding-inline:24px; letter-spacing:.08em; }
.apparel-hero-photo { margin:0; }
.apparel-hero-photo img { width:100%; height:auto; max-height:760px; object-fit:contain; background:#d8d8df; }
.apparel-hero-photo figcaption, .apparel-photo figcaption { font:12px/1.7 var(--font-ui); color:var(--muted); margin-top:14px; }
.apparel-intro { padding:44px 0; border-block:1px solid var(--line); }
.apparel-intro .container { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
.apparel-intro p { font:18px/1.8 var(--font-body); color:var(--cream); max-width:55ch; }
.apparel-intro nav { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:flex-end; }
.apparel-intro nav a { display:inline-block; padding:10px 0; font:13px/1.7 var(--font-ui); color:var(--gold-light); text-decoration:underline; text-underline-offset:6px; }
.apparel-feature-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,6vw,88px); align-items:center; }
.apparel-copy h2 { font:300 clamp(40px,4.8vw,64px)/1.03 var(--font-display); text-transform:uppercase; text-wrap:balance; margin-bottom:28px; }
.apparel-copy p { font:17px/1.85 var(--font-body); color:var(--cream); margin-bottom:22px; max-width:65ch; }
.apparel-photo { margin:0; min-width:0; }
.apparel-photo img { display:block; width:100%; height:auto; border-radius:var(--radius-sm); }
.apparel-text-link { display:inline-flex; align-items:center; gap:12px; padding-block:12px; font:600 13px/1.7 var(--font-ui); color:var(--gold-light); text-underline-offset:5px; }
.apparel-text-link:hover { text-decoration:underline; }
.section-head .right { font-size:14px; letter-spacing:0; text-transform:none; line-height:1.7; }
.apparel-look-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.apparel-look-grid figure { margin:0; min-width:0; }
.apparel-look-grid img { width:100%; height:auto; aspect-ratio:2/3; object-fit:contain; background:#d8d8df; }
.apparel-look-grid figcaption { font:13px/1.7 var(--font-ui); color:var(--muted); margin-top:14px; }
.apparel-preparation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.apparel-preparation-grid > div { border-top:1px solid var(--line); padding-top:24px; }
.apparel-preparation-grid h3 { font:400 30px/1.2 var(--font-display); text-transform:uppercase; margin-bottom:16px; }
.apparel-preparation-grid p { font:16px/1.85 var(--font-body); color:var(--cream); }
.apparel-package-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,6vw,88px); align-items:center; }
.apparel-package-grid .pkg { min-width:0; }
.apparel-package-photo { max-width:500px; }
.apparel-package-grid .pkg-name { font-size:40px; }
.apparel-package-grid .pkg-price-sub { font-size:12px; letter-spacing:.08em; }
.apparel-package-grid .pkg-features li { flex-wrap:wrap; column-gap:12px; row-gap:4px; }
.apparel-package-grid .pkg-features li small { flex-basis:100%; padding-left:22px; }
.apparel-package-grid .pkg-features li::before { content:''; width:8px; height:8px; flex:0 0 8px; margin-top:6px; border:1px solid var(--gold); border-radius:50%; }
.apparel-package-grid .pkg-features li.exc::before { content:''; border-color:var(--muted); border-radius:0; }
.apparel-question-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:start; }
.apparel-questions details { border-bottom:1px solid var(--line); }
.apparel-questions summary { cursor:pointer; padding:22px 24px 22px 0; font:500 16px/1.6 var(--font-ui); }
.apparel-questions details[open] summary { color:var(--gold-light); }
.apparel-questions details p { padding-bottom:24px; font:16px/1.85 var(--font-body); color:var(--muted); max-width:65ch; }
#right-model, #apparel-movement, #apparel-package { scroll-margin-top:120px; }
.apparel-copy, .apparel-hero-copy, .apparel-question-grid > div { min-width:0; }
@media(max-width:1100px) { .apparel-actions { flex-direction:column; align-items:flex-start; } .apparel-intro .container { grid-template-columns:1fr; gap:20px; } .apparel-intro nav { justify-content:flex-start; } }
@media(max-width:900px) {
  .apparel-hero-grid, .apparel-feature-grid, .apparel-package-grid, .apparel-question-grid { grid-template-columns:1fr; gap:36px; }
  .apparel-hero h1 { font-size:clamp(64px,10vw,96px); }
  .apparel-hero-photo { max-width:660px; }
  .apparel-hero-photo img { max-height:none; }
  .apparel-feature-grid .apparel-copy { order:-1; }
  .apparel-photo { max-width:660px; }
  .apparel-preparation-grid { grid-template-columns:1fr; gap:28px; }
  .apparel-look-grid { gap:16px; }
  .apparel-package-grid .pkg { order:-1; }
}
@media(max-width:600px) {
  .apparel-hero { padding-block:40px; }
  .apparel-hero h1 { font-size:clamp(56px,13vw,78px); }
  .apparel-hero-copy > p { font-size:17px; }
  .apparel-actions { align-items:stretch; }
  .apparel-actions .btn { width:100%; }
  .apparel-look-grid { grid-template-columns:1fr; gap:32px; }
  .apparel-intro { padding-block:32px; }
  .apparel-intro nav { gap:8px 20px; }
}

/* Natural photo proportions keep garments complete and remove pale side bands. */
.apparel-hero-photo img, .apparel-look-grid img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:initial; background:transparent; }
.apparel-look-grid { align-items:start; }