/* Approved R8 presentation. Keep historical shared styles unchanged. */
.r8-layout .r8-work {
  --r8-group-gap: 24px;
  --r8-column-gap: 40px;
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 2fr);
  align-items: start;
  gap: var(--r8-group-gap) var(--r8-column-gap);
}
.r8-layout .r8-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-self: center;
  gap: var(--r8-group-gap);
  min-width: 0;
  padding: 0;
  margin-bottom: 48px;
}
.r8-layout .r8-description {
  align-self: start;
  padding: 0;
}
.r8-layout .r8-figure { min-width: 0; }

@media (max-width: 959px) {
  .r8-layout .r8-work {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .r8-layout .r8-copy {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1fr);
    gap: 24px 32px;
    margin-bottom: 0;
  }
  .r8-layout .r8-description { align-self: end; }
}
@media (max-width: 600px) {
  .r8-layout .r8-copy {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}