.experience-hero .hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); }
.experience-key { display: grid; gap: 10px; }
.experience-key div { display: grid; grid-template-columns: 132px 1fr; gap: 14px; align-items: baseline; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.09); }
.experience-key strong { color: var(--cyan); font-size: .69rem; letter-spacing: .1em; text-transform: uppercase; }
.experience-key span { color: #d7dde7; font-size: .88rem; }
.case-list { display: grid; gap: 18px; }
.case-record { scroll-margin-top: 95px; padding: 38px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018)); }
.case-record:nth-child(2) { background: linear-gradient(145deg, rgba(255,112,72,.06), rgba(255,255,255,.018)); }
.case-top { display: grid; grid-template-columns: minmax(190px,.38fr) minmax(0,1.62fr); gap: 48px; align-items: start; }
.case-tag { display: inline-flex; width: fit-content; padding: 8px 11px; border: 1px solid rgba(124,231,255,.34); border-radius: 999px; color: var(--cyan); font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.case-kicker { display: block; margin-top: 17px; color: #747f90; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.case-record h2 { max-width: 770px; font-size: clamp(2.05rem,3.6vw,3.55rem); }
.case-summary { max-width: 790px; margin: 20px 0 0; color: var(--muted); font-size: 1.03rem; line-height: 1.72; }
.case-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 35px; padding-top: 26px; border-top: 1px solid var(--line); }
.case-detail { min-height: 165px; padding: 22px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(255,255,255,.026); }
.case-detail span { display: block; margin-bottom: 30px; color: var(--coral); font-size: .69rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.case-detail p { margin: 0; color: #c1c9d5; font-size: .88rem; }
.solution-patterns { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 35px; }
.solution-pattern { padding: 23px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(255,255,255,.026); }
.solution-pattern strong { display: block; margin-bottom: 10px; font-size: 1rem; }
.solution-pattern p { margin: 0; color: var(--muted); font-size: .88rem; }
.provenance-note { display: grid; grid-template-columns: minmax(220px,.45fr) minmax(0,1.55fr); gap: 45px; padding: 34px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.03); }
.provenance-note strong { color: var(--cyan); font-size: .72rem; letter-spacing: .11em; text-transform: uppercase; }
.provenance-note p { margin: 0; color: var(--muted); }
@media (max-width:980px) {
  .case-top, .provenance-note { grid-template-columns: 1fr; gap: 22px; }
  .case-detail-grid { grid-template-columns: 1fr; }
  .case-detail { min-height: auto; }
  .case-detail span { margin-bottom: 18px; }
}
@media (max-width:760px) {
  .case-record { padding: 27px 21px; }
  .solution-patterns { grid-template-columns: 1fr; }
  .experience-key div { grid-template-columns: 1fr; gap: 4px; }
}