/* =============================================================================
 * Krannon Archaeology — Home Hero Viewport & Breathing Space v1.4.6.4
 *
 * Scoped homepage-only patch.
 * Goal: the initial hero covers the whole visible screen and the title/lead
 * breathe away from the screen edges on desktop, tablet and mobile.
 *
 * No markup, Customizer setting, theme_mod, CPT, navigation, footer, gallery,
 * map or bibliography logic is changed.
 * ========================================================================== */

body.home .krannon-editorial-home-hero,
body.home .krannon-section-hero,
body.home .krannon-page-hero,
body.home .krannon-hero-height-full {
  min-height: 100vh;
  min-height: 100dvh;
}

@supports (height: 100svh) {
  body.home .krannon-editorial-home-hero,
  body.home .krannon-section-hero,
  body.home .krannon-page-hero,
  body.home .krannon-hero-height-full {
    min-height: 100svh;
  }
}

body.home .krannon-editorial-home-hero > .krannon-container,
body.home .krannon-section-hero > .krannon-container,
body.home .krannon-page-hero > .krannon-container {
  width: min(calc(100% - clamp(64px, 10vw, 176px)), 1320px);
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 0;
}

body.home .krannon-editorial-home-hero .krannon-section-hero-inner,
body.home .krannon-editorial-home-hero .krannon-editorial-home-hero-inner,
body.home .krannon-section-hero .krannon-section-hero-inner,
body.home .krannon-page-hero .krannon-section-hero-inner {
  max-width: 820px;
  margin-inline: 0;
  padding-inline: 0;
  text-align: left;
}

body.home .krannon-editorial-home-hero .krannon-section-hero-lead,
body.home .krannon-editorial-home-hero .krannon-editorial-home-lead,
body.home .krannon-section-hero .krannon-section-hero-lead,
body.home .krannon-page-hero .krannon-section-hero-lead,
body.home .krannon-page-hero p {
  max-width: 820px;
}

@media (max-width: 1024px) {
  body.home .krannon-editorial-home-hero > .krannon-container,
  body.home .krannon-section-hero > .krannon-container,
  body.home .krannon-page-hero > .krannon-container {
    width: min(calc(100% - clamp(48px, 8vw, 96px)), 1180px);
  }

  body.home .krannon-editorial-home-hero .krannon-section-hero-inner,
  body.home .krannon-editorial-home-hero .krannon-editorial-home-hero-inner,
  body.home .krannon-section-hero .krannon-section-hero-inner,
  body.home .krannon-page-hero .krannon-section-hero-inner {
    max-width: 760px;
  }
}

@media (max-width: 640px) {
  body.home .krannon-editorial-home-hero > .krannon-container,
  body.home .krannon-section-hero > .krannon-container,
  body.home .krannon-page-hero > .krannon-container {
    width: calc(100% - 40px);
  }

  body.home .krannon-editorial-home-hero .krannon-section-hero-inner,
  body.home .krannon-editorial-home-hero .krannon-editorial-home-hero-inner,
  body.home .krannon-section-hero .krannon-section-hero-inner,
  body.home .krannon-page-hero .krannon-section-hero-inner {
    max-width: 100%;
  }
}