/* =====================================================================
   v36 · hero, refined: a smaller moon, quieter type, more air
   switch: FEATURES["hero_v36"] in build.py
   ===================================================================== */
/* phones & upright tablets: the limb still arcs across the top, but smaller */
.fg-h8 { --ms: 128vw; }                 /* v45: a little bigger (was 116vw) */
.fg-h8-title { font-size: clamp(36px, 10.4vw, 50px); }
.fg-h8-sub { font-size: 15.5px; line-height: 24px; }
.fg-h8 .fg-status { font-size: 12.5px; padding: 7px 15px 7px 12px; }

@media (min-width: 992px) and (orientation: landscape) {
    .fg-h8 { --ms: clamp(480px, 78vh, 980px); }   /* v45: a little bigger (was clamp(440px, 70vh, 880px)) */
    .fg-h8-title { font-size: min(4.5vw, calc(clamp(440px, 70vh, 880px) * 0.1)); margin: 18px 0 16px; letter-spacing: -0.035em; }
    .fg-h8-sub { max-width: 610px; font-size: 16.5px; line-height: 26px; color: rgba(243, 241, 236, 0.7); }
    .fg-h8-actions { margin-top: 26px; }
    .fg-h8-actions .fg-btn { padding: 14px 24px; font-size: 15px; }
    .fg-h8 .fg-status { font-size: 13px; }
    .fg-h8-meta { font-size: 13px; }
}