/* The existing landscape becomes a home, not a separately maintained illustration. */
.asa-home-intro { position: relative; min-width: 0; }
/* A further, uniform 5% zoom-out of this home only. Logical canvas, breakpoints,
   dialog inverse zoom and minimum touch targets continue using the same scale. */
.asa-home-intro.asa-features--map { --asa-map-home-factor: .95; }
.asa-home-intro[data-asa-home-fit="1"] .asa-map-world { height: var(--asa-home-fit-art-height, auto); }
@supports (zoom: 1) and (width: 1cqw) {
  /* Keep the existing mobile reading frame full-width as it fits in height.
     Scaling a fixed-width phone canvas wastes its sides and shrinks copy twice. */
  @media (max-width:780px) {
    .asa-home-intro.asa-features--map[data-asa-home-fit="1"] > .asa-container { width: calc(100cqw / var(--asa-map-scale)); max-width: none; }
  }
}
@supports (zoom: 1) {
  .asa-home-intro[data-asa-home-fit="1"] :is(.asa-home-actions .asa-btn,.asa-home-social a) { min-height: calc(45px / var(--asa-map-scale,1)); min-width: calc(45px / var(--asa-map-scale,1)); }
}
.asa-home-anchor { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 1px; height: 1px; pointer-events: none; }
.asa-features.asa-home-intro { background: var(--asa-chapter-mist, var(--bg)); padding-block: var(--asa-home-fit-top, var(--asa-home-space-top, clamp(28px, 3.25vw, 54px))) var(--asa-home-fit-bottom, var(--asa-home-space-bottom, 30px)); }
.asa-home-density--compact { --asa-home-space-top: 20px; --asa-home-space-bottom: 22px; }
.asa-home-density--spacious { --asa-home-space-top: clamp(40px, 5vw, 76px); --asa-home-space-bottom: 48px; }
.asa-home-intro .section-sub { white-space: pre-line; overflow-wrap: anywhere; }
.asa-home-intro .section-title { max-width: 100%; overflow-wrap: anywhere; }
.asa-home-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin-block: 24px 4px; }
.asa-home-actions .asa-btn { max-width: 100%; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.asa-home-social { margin-block-start: 22px; }
.asa-home-social .hero-social { align-items: center; }
@media (max-width:600px) { .asa-home-actions .asa-btn { width: 100%; } }