/* Daniel Roe: transparent workshop views, aligned with the existing dark visual system. */
.defining-site .dr-real-details {
  background: #10110f;
  color: #fbf8f2;
  padding: clamp(56px, 7vw, 100px) 0;
}
.dr-real-details > .container { max-width: 1280px; margin: 0 auto; padding: 0 5vw; }
.dr-real-details .eyebrow { color: #c2bdaF; font-family: Manrope, "Avenir Next", "Segoe UI", sans-serif; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
.defining-site .dr-real-details h2 { color: #fbf8f2; font-family: Manrope, "Avenir Next", "Segoe UI", sans-serif; font-size: clamp(36px, 5.2vw, 72px); font-weight: 400; line-height: 1.04; letter-spacing: -.045em; margin: 24px 0 48px; }
.dr-real-details-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: clamp(32px, 6vw, 90px); }
.dr-real-details-grid figure { margin: 0; background: transparent; min-width: 0; }
.defining-site .dr-real-details-grid img { display: block; width: 100%; height: clamp(330px, 40vw, 560px); object-fit: contain; background: transparent; border: 0; border-radius: 0; }
.dr-real-details-grid figcaption { margin-top: 24px; padding-top: 18px; border-top: 1px solid #fbf8f233; color: #c2bdaf; font-family: Manrope, "Avenir Next", "Segoe UI", sans-serif; font-size: 12px; line-height: 1.5; }
@media (max-width: 700px) {
  .dr-real-details-grid { grid-template-columns: 1fr; gap: 44px; }
  .dr-real-details-grid figure { max-width: 520px; }
  .defining-site .dr-real-details-grid img { height: auto; max-height: 640px; }
  .dr-real-details h2 { margin-bottom: 32px; }
}