/* Current-catalog editorial feature; no inherited outfit/reel imagery. */
.catalog-feature { background: var(--canvas); border-block: 1px solid var(--line); color: var(--ink); padding: clamp(40px, 7vw, 96px) 0; }
.catalog-feature[hidden] { display: none; }
.catalog-feature-grid { align-items: center; display: grid; gap: clamp(28px, 6vw, 88px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.catalog-feature-media { margin: 0; min-width: 0; }
.catalog-feature-media img { aspect-ratio: 1; background: var(--media-surface); border: 1px solid rgba(36,35,31,.12); border-radius: 4px; color-scheme: light; display: block; height: auto; object-fit: contain; padding: clamp(16px, 4vw, 48px); width: 100%; }
.catalog-feature-media figcaption { color: var(--stone); font-size: 12px; line-height: 1.5; margin-top: 14px; }
.catalog-feature-copy { min-width: 0; }
.catalog-feature-copy .eyebrow { color: var(--gold-dark); }
.catalog-feature-copy h2 { font-family: var(--serif); font-size: clamp(32px, 4.4vw, 60px); font-weight: 500; line-height: 1.08; margin: 18px 0 24px; overflow-wrap: anywhere; }
.catalog-feature-copy p { color: var(--stone); font-size: 16px; line-height: 1.7; max-width: 48ch; }
.catalog-feature-copy .catalog-feature-note { border-top: 1px solid var(--line); color: var(--stone); font-size: 13px; margin-top: 24px; padding-top: 18px; }
.catalog-feature-copy .button-row { flex-wrap: wrap; }
.catalog-feature-copy .btn-secondary { background: transparent; border-color: var(--line-strong); color: var(--ink); }
.catalog-feature-copy a:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 4px; }
@media (max-width: 700px) {
  .catalog-feature-grid { grid-template-columns: minmax(0, 1fr); }
  .catalog-feature-copy .button-row > a { justify-content: center; width: 100%; }
}