/* Editions section */
.editions-section {
  background-color: var(--color-bg);
  padding: clamp(5rem, 10vw, 10rem) var(--gutter);
}

.editions-section__header {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.6fr);
  gap: var(--space-12);
  align-items: end;
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-line);
}

.editions-section__eyebrow,
.edition-card__header,
.edition-card__content p,
.edition-card__cta,
.editions-section__metadata,
.editions-section__footer {
  font-family: var(--font-mono);
  font-size: 0.625rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.editions-section__eyebrow { color: var(--color-botanical); margin-bottom: var(--space-4); }

.editions-section__title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5vw, 5.5rem);
  font-weight: 900;
  color: var(--color-text);
  line-height: 0.92;
  text-transform: uppercase;
}

.editions-section__subtitle {
  max-width: 45rem;
  margin-top: var(--space-6);
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.editions-section__metadata { display: grid; gap: var(--space-4); color: var(--color-text); }
.editions-section__metadata p { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-line-subtle); }
.editions-section__metadata span { color: var(--color-muted); }

.editions-section__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: var(--space-8);
  background: var(--color-line);
  border: 1px solid var(--color-line);
}

.edition-card { display: flex; position: relative; z-index: 0; min-width: 0; flex-direction: column; background: var(--color-surface); cursor: pointer; transition: transform var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base); }
.edition-card:hover,
.edition-card:focus-within { z-index: 1; background: #142018; border-color: var(--color-botanical); box-shadow: 0 18px 36px rgba(0, 0, 0, 0.36), 0 0 24px rgba(108, 143, 111, 0.14); transform: scale(1.015); }
.edition-card__header { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); color: var(--color-muted-strong); border-bottom: 1px solid var(--color-line); }
.edition-card__header span:last-child { color: var(--color-botanical); text-align: right; }
.edition-card__body { display: grid; grid-template-columns: 1fr; flex: 1; }
.edition-card__image { position: relative; min-height: 14rem; background: var(--color-bg); border-bottom: 1px solid var(--color-line); }
.edition-card__image > span { position: absolute; z-index: 1; top: var(--space-3); left: var(--space-3); color: var(--color-orange); font: 700 0.625rem var(--font-mono); letter-spacing: 0.1em; }
.edition-card__image img { display: block; width: 100%; height: 100%; min-height: 14rem; object-fit: contain; padding: var(--space-6); }
.edition-card__image--raw { position: absolute; inset: 0; opacity: 0; transition: opacity var(--transition-base); }

.edition-card:hover .edition-card__image--raw { opacity: 1; }
.edition-card:hover .edition-card__image--raw,
.edition-card--raw-visible .edition-card__image--raw { opacity: 1; }
.edition-card__content { padding: 1.25rem var(--space-4); }
.edition-card__content p { color: var(--color-muted); line-height: 1.65; }
.edition-card__content h3 { margin: var(--space-4) 0; color: var(--color-text); font: 700 1.25rem/1 var(--font-display); text-transform: uppercase; }
.edition-card__header span,
.edition-card__content p,
.edition-card__content h3 { transition: color var(--transition-fast), font-weight var(--transition-fast); }
.edition-card:hover .edition-card__header span,
.edition-card:focus-within .edition-card__header span,
.edition-card:hover .edition-card__content p,
.edition-card:focus-within .edition-card__content p { color: var(--color-text); font-weight: 600; }
.edition-card:hover .edition-card__content h3,
.edition-card:focus-within .edition-card__content h3 { font-weight: 800; }
.edition-card__cta { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); margin: var(--space-4); padding: var(--space-4); color: var(--color-text); text-decoration: none; border: 1px solid var(--color-line); transition: background-color var(--transition-fast), color var(--transition-fast); }
.edition-card:hover .edition-card__cta,
.edition-card:focus-within .edition-card__cta { background: var(--color-orange); border-color: var(--color-orange); color: #fff; }
.edition-card__cta:hover { background: var(--color-orange); border-color: var(--color-orange); color: #fff; }
.edition-card__cta strong { font: 700 0.75rem var(--font-mono); white-space: nowrap; }
.editions-section__footer { display: flex; justify-content: space-between; gap: var(--space-4); padding-top: var(--space-6); color: var(--color-muted); }
.editions-section__footer a { color: var(--color-text); text-decoration: none; white-space: nowrap; }
.editions-section__footer a span { color: var(--color-botanical); }

@media (max-width: 1100px) {
  .editions-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .editions-section__header,
  .editions-section__grid { grid-template-columns: 1fr; }
  .editions-section__header { gap: var(--space-8); }
  .editions-section__footer { flex-direction: column; }
}

@media (min-width: 901px) {
  .editions-section { display: flex; min-height: 100svh; padding-top: clamp(2rem, 5vh, 4rem); padding-bottom: clamp(2rem, 5vh, 4rem); }
  .editions-section .container { display: flex; flex: 1; flex-direction: column; justify-content: center; }
  .editions-section__header { gap: var(--space-8); padding-bottom: var(--space-6); }
  .editions-section__eyebrow { margin-bottom: var(--space-3); }
  .editions-section__title { font-size: clamp(2.25rem, 4vw, 4rem); }
  .editions-section__subtitle { margin-top: var(--space-4); font-size: 0.625rem; }
  .editions-section__grid { margin-top: var(--space-6); }
  .edition-card__header, .edition-card__content p, .edition-card__cta, .editions-section__metadata, .editions-section__footer { font-size: 0.5625rem; }
  .edition-card__header, .edition-card__cta { padding: var(--space-3); }
  .edition-card__image, .edition-card__image img { min-height: clamp(8rem, 18vh, 10rem); }
  .edition-card__image img { padding: var(--space-4); }
  .edition-card__content { padding: var(--space-3); }
  .edition-card__content h3 { margin: var(--space-3) 0; font-size: 1rem; }
  .edition-card__cta { margin: var(--space-3); }
  .editions-section__footer { padding-top: var(--space-4); }
}
