/* =========================================================
   Tom Ford Private Collection page (shared family styles in tom-ford.css)
   Deep horn browns and a warm titanium gold, after the materials.
   ========================================================= */

:root { --tfp-horn: #1c140f; --tfp-horn-2: #2a1d15; --tfp-gold: #c8a873; }

.tfp-story .eyebrow { color: var(--gold-deep); }
.tfp-quote {
  margin: 0 0 22px; padding-left: 18px; border-left: 2px solid var(--tfp-gold);
  font-family: var(--font-title); font-weight: 300; font-size: clamp(20px, 1.9vw, 25px); line-height: 1.35; color: var(--ink);
}
.tfp-quote cite { display: block; margin-top: 10px; font-family: var(--font-body); font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--teal); }

/* ---------- Materials ---------- */
.tfp-mat {
  background: radial-gradient(120% 90% at 85% 0%, var(--tfp-horn-2) 0%, var(--tfp-horn) 60%);
  color: var(--cream-2); padding-block: clamp(64px, 9vw, 120px);
}
.tfp-mat .eyebrow { color: var(--tfp-gold); }
.tfp-mat__title { margin: 12px 0 clamp(32px, 4vw, 52px); font-family: var(--font-title); font-weight: 300; font-size: clamp(36px, 5vw, 64px); line-height: 1.02; color: var(--cream-2); }
.tfp-mat__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 32px); list-style: none; padding: 0; }
.tfp-mat__grid li { padding-top: 18px; border-top: 1px solid rgba(200, 168, 115, .4); }
.tfp-mat__grid strong { display: block; font-family: var(--font-title); font-weight: 300; font-size: clamp(24px, 2.2vw, 30px); line-height: 1.1; color: var(--tfp-gold); }
.tfp-mat__grid span { display: block; margin-top: 10px; font-size: 14px; line-height: 1.6; opacity: .85; }
.tfp-mat__shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: clamp(44px, 6vw, 72px); }
.tfp-mat__shots figure { margin: 0; }
.tfp-mat__shots picture { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; }
.tfp-mat__shots img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.25); transition: transform 1.1s var(--ease-out); }
.tfp-mat__shots figure:hover img { transform: scale(1.32); }
.tfp-mat__shots figcaption { margin-top: 12px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--tfp-gold-soft, #d9c29a); }

/* ---------- Collection ---------- */
.tfp-coll .tf-switch input:checked + label { background: var(--tfp-horn); color: var(--tfp-gold); }
.tfp-coll .tf-prod__colour { color: #8a6a3c; }
.tfp-news { margin-top: clamp(32px, 4vw, 48px); text-align: center; font-size: 14.5px; color: var(--ink-soft); }

@media (max-width: 1000px) {
  .tfp-mat__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .tfp-mat__shots { grid-template-columns: 1fr; max-width: 460px; }
}
@media (max-width: 560px) {
  .tfp-mat__grid { grid-template-columns: 1fr; }
}