/* Round 05: a catalog-grounded, imageless series story. */
.lid.lid-editorial { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; padding-block: clamp(3rem, 5vw, 5.5rem); background: var(--color-off-white); }
.lid.lid-editorial > * { min-width: 0; }
.lid-editorial .lid-heading { margin: 0; font-size: clamp(6rem, 23vw, 10rem); line-height: .8; letter-spacing: -.075em; }
.lid-editorial .lid-heading span { display: block; margin-top: 1rem; font-size: .75rem; letter-spacing: .16em; line-height: 1.4; color: var(--color-brand); }
.lid-editorial .lid-story > p { max-width: 32rem; font-size: 1rem; line-height: 1.7; }
.lid-editorial .lid-types { margin: 1.5rem 0 0; }
.lid-editorial .lid-types > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1rem; border-top: 1px solid var(--color-line); padding: 1rem 0; }
.lid-editorial .lid-types dt { font-size: .6875rem; font-weight: 700; letter-spacing: .04em; }
.lid-editorial .lid-types dd { margin: 0; font-size: .8125rem; line-height: 1.7; overflow-wrap: anywhere; }
.lid-editorial .lid-colors { font-size: .75rem; color: var(--color-muted); margin: .5rem 0 1rem; }
.lid-editorial .text-link { font-size: .75rem; min-height: 48px; }
.lid-editorial .text-link:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
.lid-editorial .lid-photo { display: none; }
.lid-editorial .lid-photo:has(img) { display: block; grid-column: 1 / -1; width: 100%; aspect-ratio: 4 / 3; background: transparent; }
.lid-editorial .lid-photo > img { object-fit: contain; }
@media (min-width: 768px) {
  .lid.lid-editorial { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); align-items: start; column-gap: clamp(2rem, 6vw, 7rem); }
  .lid-editorial .lid-heading { font-size: clamp(8rem, 16vw, 17rem); }
  .lid-editorial .lid-heading span { margin-top: 1.75rem; }
  .lid-editorial .lid-story { padding-top: .25rem; }
  .lid-editorial .lid-types { margin-top: 2rem; }
}