.situations { background: #e9e1d5; }
.story-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 330px; gap: 12px; }
.story-grid figure { margin: 0; position: relative; overflow: hidden; background: var(--ink); }
.story-grid .story-wide { grid-column: span 2; }
.story-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.story-grid figure:hover img { transform: scale(1.025); }
.story-grid figure::after { content: ""; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(3,19,25,.82)); }
.story-grid figcaption { position: absolute; z-index: 2; left: 22px; bottom: 19px; color: white; font: 22px var(--serif); }
.story-grid figcaption span { display: block; font: 700 10px var(--sans); letter-spacing: .15em; text-transform: uppercase; color: #efaa76; margin-bottom: 5px; }
.cabinet { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(35px,7vw,100px); background: var(--cream); }
.cabinet-copy { align-self: center; }
.cabinet-copy h2 { font: clamp(38px,5vw,68px)/1.05 var(--serif); letter-spacing: -.035em; margin: 0 0 20px; }
.cabinet-copy p:not(.eyebrow) { color: var(--muted); margin-bottom: 28px; }
.cabinet-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cabinet-gallery img { width: 100%; height: 260px; object-fit: cover; }
.cabinet-gallery img:first-child { grid-column: 1/-1; height: 370px; }
.confidence-strip { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.confidence-strip img { width: 100%; height: 310px; object-fit: cover; }
.confidence-strip img:first-child { object-position: left center; }
@media (max-width: 900px) {
  .story-grid { grid-template-columns: 1fr 1fr; }
  .cabinet { grid-template-columns: 1fr; }
  .confidence-strip { grid-column: 1; }
}
@media (max-width: 600px) {
  .story-grid { display: flex; overflow: auto; scroll-snap-type: x mandatory; margin-right: -20px; padding-right: 20px; }
  .story-grid figure, .story-grid .story-wide { flex: 0 0 86%; height: 360px; scroll-snap-align: start; }
  .cabinet-gallery img, .cabinet-gallery img:first-child { height: 230px; }
  .confidence-strip { overflow: auto; scroll-snap-type: x mandatory; }
  .confidence-strip img { min-width: 86%; height: 260px; scroll-snap-align: start; }
}