/* =========================================================
   Solid Core Digital — Panelwick Collision Center case study
   Loads after project.css and project-valvepine.css: this Figma frame (1440 × 4868)
   shares the Valvepine layout; only the differences are listed here.
   ========================================================= */

/* ---------- Hero ---------- */
.page-panelwick .phero__title { width: 538px; font-family: var(--f-body); font-weight: 800; font-size: 65px; line-height: 68px; letter-spacing: -1.3px; }
.page-panelwick .phero__lead { max-width: 469px; }
@media (min-width: 1101px) {
  .page-panelwick .phero__visual { margin-top: 164px; translate: 17.33px 0; }
}

/* ---------- Context ---------- */
.ctx__lead--bold {
  font-weight: 700;
  background: var(--grad-dark-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.ctx__lead--bold span { font-weight: 500; }
.page-panelwick .preserved--list { height: 242px; }

/* ---------- Three key changes ---------- */
.change__em { font-weight: 500; }

@media (max-width: 1279px) {
  .page-panelwick .preserved--list { height: auto; min-height: 242px; }
}
@media (max-width: 1023px) {
  .page-panelwick .preserved--list { min-height: 0; }
}
@media (max-width: 767px) {
  .page-panelwick .phero__title { width: auto; font-size: clamp(40px, 11.5vw, 52px); line-height: 1.1; }
  .page-panelwick .phero__lead { max-width: none; }
}