/* Only capable desktop layouts become a pinned, six-scene exhibition. */
.story-page .application-atlas.atlas-scroll { height: 430svh; padding: 0; overflow: visible; }
.atlas-scroll .atlas-scroll-stage { position: sticky; top: 66px; height: calc(100svh - 66px); padding: 32px var(--gutter) 22px; display: flex; flex-direction: column; box-sizing: border-box; }
.atlas-scroll .atlas-heading { gap: 45px; margin-bottom: 18px; flex-shrink: 0; }
.atlas-scroll .atlas-heading h2 { font-size: clamp(43px, 4vw, 60px); line-height: 1.04; }
.atlas-scroll .atlas-kicker { font-size: 9px; margin-bottom: 12px; }
.atlas-scroll .atlas-intro { font-size: 13px; line-height: 1.65; max-width: 420px; }
.atlas-scroll-hint { display: none; }
.atlas-scroll .atlas-scroll-hint { display: flex; justify-content: space-between; gap: 20px; font-size: 9px; color: #09695e; letter-spacing: .09em; margin: 0 0 10px; flex-shrink: 0; }
.atlas-scroll .atlas-tabs { margin-bottom: 12px; flex-shrink: 0; }
.atlas-scroll .atlas-tab { padding-block: 12px; gap: 6px; }
.atlas-scroll .atlas-tab span { font-size: 9px; }
.atlas-scroll .atlas-tab strong { font-size: 10px; }
.atlas-scroll .atlas-panel { min-height: 0; flex: 1; gap: 40px; }
.atlas-scroll .atlas-art { height: 100%; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) 44px 20px; }
.atlas-scroll .atlas-image { aspect-ratio: auto; min-height: 0; height: 100%; }
.atlas-scroll .atlas-technical { position: static; }
.atlas-scroll .atlas-technical summary { position: relative; z-index: 2; height: 44px; }
.atlas-scroll .atlas-diagram-sheet { position: absolute; inset: 0 0 64px; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 10px; }
.atlas-scroll .atlas-diagram-sheet svg { max-height: calc(100% - 28px); flex: 1; min-height: 0; }
.atlas-scroll .atlas-diagram-caption { flex-shrink: 0; margin-top: 8px; font-size: 9px; }
.atlas-scroll .atlas-art figcaption { font-size: 8px; }
.atlas-scroll .atlas-copy { padding-block: 12px; padding-left: 26px; }
.atlas-scroll .atlas-counter { font-size: 10px; }
.atlas-scroll .atlas-copy h3 { font-size: clamp(25px, 2.2vw, 33px); margin: 12px 0 14px; }
.atlas-scroll .atlas-copy > p { font-size: 13px; line-height: 1.65; }
.atlas-scroll .atlas-source { margin-top: 12px; font-size: 10px; }
.atlas-scroll .atlas-value { margin-top: 14px; padding: 11px 14px; }
.atlas-scroll .atlas-value small { font-size: 9px; margin-bottom: 5px; }
.atlas-scroll .atlas-value p { font-size: 12px; line-height: 1.6; }
.atlas-scroll .atlas-value a { font-size: 10px; }
.atlas-scroll .atlas-question { margin-top: 18px; padding-top: 14px; }
.atlas-scroll .atlas-question small { font-size: 9px; margin-bottom: 6px; }
.atlas-scroll .atlas-question p { font-size: 12px; line-height: 1.6; }
.atlas-scroll .atlas-bottom { margin-top: 14px; padding-top: 12px; font-size: 10px; flex-shrink: 0; }
.atlas-scroll.atlas-scroll-compact .atlas-scroll-stage { padding-top: 22px; padding-bottom: 16px; }
.atlas-scroll.atlas-scroll-compact .atlas-heading { margin-bottom: 12px; }
.atlas-scroll.atlas-scroll-compact .atlas-heading h2 { font-size: 43px; }
.atlas-scroll.atlas-scroll-compact .atlas-intro { font-size: 12px; line-height: 1.55; }
.atlas-scroll.atlas-scroll-compact .atlas-copy h3 { font-size: 25px; margin-block: 9px 11px; }
.atlas-scroll.atlas-scroll-compact .atlas-copy > p { font-size: 12px; line-height: 1.55; }
.atlas-scroll.atlas-scroll-compact .atlas-question { margin-top: 12px; padding-top: 10px; }
.atlas-scroll.atlas-scroll-compact .atlas-question p { font-size: 11px; }
.atlas-scroll.atlas-scroll-compact .atlas-value { margin-top: 10px; padding: 9px 12px; }
.atlas-scroll.atlas-scroll-compact .atlas-value p { font-size: 11px; line-height: 1.55; }
.atlas-scroll.atlas-scroll-compact .atlas-source { margin-top: 8px; }
/* Short laptop windows keep the pinned sequence with a condensed header. */
.atlas-scroll.atlas-scroll-tight .atlas-scroll-stage { padding-top: 16px; padding-bottom: 10px; }
.atlas-scroll.atlas-scroll-tight .atlas-heading { margin-bottom: 8px; align-items: center; }
.atlas-scroll.atlas-scroll-tight .atlas-kicker { margin-bottom: 6px; }
.atlas-scroll.atlas-scroll-tight .atlas-heading h2 { font-size: 34px; }
.atlas-scroll.atlas-scroll-tight .atlas-intro { font-size: 11px; line-height: 1.5; }
.atlas-scroll.atlas-scroll-tight .atlas-scroll-hint { margin-bottom: 4px; }
.atlas-scroll.atlas-scroll-tight .atlas-tabs { margin-bottom: 6px; }
.atlas-scroll.atlas-scroll-tight .atlas-tab { padding-block: 8px; gap: 3px; }
.atlas-scroll.atlas-scroll-tight .atlas-copy { padding-block: 4px; }
.atlas-scroll.atlas-scroll-tight .atlas-copy h3 { font-size: 22px; margin-block: 6px 8px; }
.atlas-scroll.atlas-scroll-tight .atlas-copy > p { font-size: 11.5px; line-height: 1.5; }
.atlas-scroll.atlas-scroll-tight .atlas-value { margin-top: 8px; padding: 7px 10px; }
.atlas-scroll.atlas-scroll-tight .atlas-value p { font-size: 11px; line-height: 1.5; }
.atlas-scroll.atlas-scroll-tight .atlas-source { margin-top: 6px; }
.atlas-scroll.atlas-scroll-tight .atlas-question { margin-top: 8px; padding-top: 7px; }
.atlas-scroll.atlas-scroll-tight .atlas-question small { margin-bottom: 3px; }
.atlas-scroll.atlas-scroll-tight .atlas-bottom { margin-top: 6px; padding-top: 7px; }
.atlas-scroll.atlas-scroll-tight .atlas-art { grid-template-rows: minmax(0, 1fr) 36px 0; }
.atlas-scroll.atlas-scroll-tight .atlas-technical summary { height: 36px; min-height: 36px; }
@media (prefers-reduced-motion: reduce) { .atlas-scroll .atlas-scroll-stage { position: static; height: auto; } .story-page .application-atlas.atlas-scroll { height: auto; } }
@media print {
  .story-page .application-atlas.atlas-scroll { height: auto; }
  .atlas-scroll .atlas-scroll-stage { position: static; height: auto; display: block; padding: 30px; }
  .atlas-scroll .atlas-scroll-hint { display: none; }
  .atlas-scroll .atlas-panel { break-inside: avoid; padding-block: 30px; }
  .atlas-scroll .atlas-art { display: block; height: auto; }
  .atlas-scroll .atlas-image { aspect-ratio: 4 / 3; height: auto; }
  .atlas-scroll .atlas-diagram-sheet { position: static; display: block; }
}