@import url('./season-layout.css');

:root { --line: #e2ebe5; --season-accent: #285745; --season-lead: #49675b; --season-bg: #263d31; --season-dot: var(--season-accent); }

:focus-visible { outline-color: #007d89; }
.eyebrow, .chapter, .location, .sound-volume, .scene-status, .concept-note span,
.season-work .wildlife-launchers > p { font-size: 10px; }
.header-note { font-size: 11px; }
.credits { font-size: 11px; }
footer { font-size: 10px; flex-wrap: wrap; gap: 8px 16px; }
.season-frame > figcaption { justify-content: flex-start; flex-wrap: wrap; gap: 4px 24px; font-size: 10px; line-height: 1.8; background: linear-gradient(transparent, rgb(5 23 28 / .76) 50%); }

/* The lower caption leaves the bottom-dwelling salamander clear of its text. */
@media (min-width: 701px) {
  .summer-work { height: auto; min-height: clamp(720px, calc(100svh - var(--site-header-height) - 3px), 1120px); max-height: none; }
  .summer-frame > figcaption { padding: 45px 26px 4px; line-height: 1; }
}
@media (max-width: 700px) {
  .summer-frame > figcaption > span:last-child { flex-basis: 100%; }
}

/* Normal images cover this no-script message in the same stacking layer. */
.summer-nojs-fallback { position: absolute; inset: 0; z-index: 0; display: grid; place-content: center; margin: 0; padding: 24px; color: #fff; background: var(--season-bg); font-size: 12px; line-height: 2; text-align: center; }