/* v233 - Align hero copy precisely to the header's logo and reserve the trust
   strip in the homepage's first desktop viewport. All title sizes remain CMS-driven. */
:root {
  --helprite-hero-align-left: max(var(--gutter, 24px), calc((100vw - var(--helprite-content-width, 1280px)) / 2));
  --helprite-measured-header-height: 90px;
  --helprite-measured-trust-height: 98px;
  --helprite-firstscreen-hero-height: max(300px, calc(100svh - var(--helprite-measured-header-height) - var(--helprite-measured-trust-height)));
}

@media (min-width: 901px) {
  /* Exact alignment: the same left edge as the real logo, not an extra gutter. */
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="about"] > .about-hero .about-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="standards"] > .standards-hero .standards-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="careers"] > .careers-hero-v188 .careers-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="partner"] > .partner-hero-v196 .partner-hero-copy {
    padding-left: var(--helprite-hero-align-left) !important;
    padding-right: clamp(20px, 2.5vw, 46px) !important;
  }

  /* The trust bar is the final row of the homepage's first-screen experience. */
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier > .w.hero-artboard {
    height: var(--helprite-firstscreen-hero-height) !important;
    min-height: var(--helprite-firstscreen-hero-height) !important;
    max-height: var(--helprite-firstscreen-hero-height) !important;
    box-sizing: border-box !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier {
    overflow: hidden !important;
  }
  /* Long administrator-edited hero text may extend the layout instead of clipping. */
  html.helprite-hero-content-expanded body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier,
  html.helprite-hero-content-expanded body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier > .w.hero-artboard {
    height: auto !important;
    min-height: var(--helprite-firstscreen-hero-height) !important;
    max-height: none !important;
  }
  html.helprite-hero-content-expanded body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero.hero-atelier {
    overflow: visible !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-stage {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy {
    min-height: 0 !important;
    padding-block: clamp(16px, 3.2svh, 43px) !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="about"] > .about-hero .about-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="standards"] > .standards-hero .standards-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="careers"] > .careers-hero-v188 .careers-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="partner"] > .partner-hero-v196 .partner-hero-copy > h1 {
    font-size: clamp(var(--helprite-h1-mobile-size, 42px), 4.8vw, var(--helprite-h1-desktop-size, 66px)) !important;
    line-height: 1.065 !important;
    letter-spacing: 0 !important;
    max-width: 19ch !important;
    margin-bottom: clamp(15px, 2.3svh, 25px) !important;
    text-wrap: balance;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-summary {
    max-width: 54ch !important;
    margin-bottom: 0 !important;
    line-height: 1.52 !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-actions {
    margin-top: clamp(16px, 2.8svh, 29px) !important;
    align-items: center;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > #helprite-trust-v108 {
    margin-top: 0 !important;
    border-top: 0 !important;
  }
}

/* Short desktop viewports preserve full title, description, CTA and trust. */
@media (min-width: 901px) and (max-height: 720px) {
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="about"] > .about-hero .about-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="standards"] > .standards-hero .standards-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="careers"] > .careers-hero-v188 .careers-hero-copy,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="partner"] > .partner-hero-v196 .partner-hero-copy {
    padding-block: 15px !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="about"] > .about-hero .about-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="standards"] > .standards-hero .standards-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="careers"] > .careers-hero-v188 .careers-hero-copy > h1,
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="partner"] > .partner-hero-v196 .partner-hero-copy > h1 {
    font-size: clamp(37px, min(4.5vw, 8.8svh), min(53px, var(--helprite-h1-desktop-size, 66px))) !important;
    line-height: 1.055 !important;
    margin-bottom: 10px !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-summary {
    font-size: clamp(16px, 1.6vw, 18px) !important;
    line-height: 1.37 !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-actions {
    margin-top: 13px !important;
    gap: 8px 12px !important;
  }
}
@media (min-width: 901px) and (max-height: 540px) {
  /* Very short desktop windows retain function with a smaller heading. */
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-copy > h1 {
    font-size: clamp(31px, 6.8svh, 37px) !important;
  }
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-summary {font-size:15px!important;line-height:1.3!important;}
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > .hero .hero-actions {margin-top:8px!important;}
}