/* FOLD-FIT v1 (InGen standard, Kyle 11/1/2026): fold right below .core-answer on every screen.
   Canonical copy: ~/.openclaw/workspace/templates/fold-fit/. Works with assets/js/fold-fit.js. */
html.fold-on [data-section="hero"] { display: flex; flex-direction: column; overflow: hidden; }
html.fold-on [data-section="hero"] .hero-grid { flex: 1 1 auto; min-height: 0; grid-template-rows: minmax(0, 1fr); }
html.fold-on [data-section="hero"] .hero-text { min-height: 0; overflow: hidden; padding-top: calc(3rem * var(--fold-scale, 1)); padding-bottom: calc(3rem * var(--fold-scale, 1)); }
html.fold-on [data-section="hero"] .hero-text > * { zoom: var(--fold-scale, 1); }
html.fold-on [data-section="hero"] .hero-image { min-height: 0; overflow: hidden; }
html.fold-on [data-section="hero"] .hero-image.hero-video video, html.fold-on [data-section="hero"] .hero-image.hero-video .hero-poster { max-width: 100%; height: auto; }
html.fold-on [data-section="hero"] .hero-image.hero-video .hero-video-tagline { zoom: var(--fold-scale, 1); }
html.fold-on [data-section="hero"] .core-answer { flex: 0 0 auto; }
html.fold-on [data-section="hero"] .core-answer > * { zoom: var(--fold-core-scale, 1); }
@media (max-width: 899px) {
  html.fold-on [data-section="hero"] .hero-grid { grid-template-rows: auto minmax(0, 1fr); }
  html.fold-on [data-section="hero"] .hero-text { overflow: visible; padding-top: calc(1.5rem * var(--fold-scale, 1)); padding-bottom: calc(1rem * var(--fold-scale, 1)); }
  html.fold-on [data-section="hero"] .hero-image { padding: 0.75rem 1rem; }
  html.fold-on [data-section="hero"] .core-answer { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}