/* 110C HERO BALANCE B MASS APPLY 2026
   Owner-approved after sample 105. Output-only; H1 text, header, cluster, calculators, source and schema remain unchanged.
   Pattern B: desktop photo stretches to text-card visual height; calculator remains in 1280/32 corridor. */
body[data-page-id="P0807"] .clean-first-screen-block > .hero,
body[data-page-id="P0807"] .clean-first-screen-block .hero-shell,
body[data-page-id="P0807"] .clean-first-screen-block .hero-grid{
  display:grid!important;
  grid-template-columns:minmax(500px,46fr) minmax(620px,54fr)!important;
  gap:clamp(24px,2.8vw,42px)!important;
  align-items:stretch!important;
}
body[data-page-id="P0807"] .clean-first-screen-block .hero-card,
body[data-page-id="P0807"] .clean-first-screen-block .hero-copy,
body[data-page-id="P0807"] .clean-first-screen-block .hero-panel{
  max-width:800px!important;
  justify-self:end!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(24px,2.5vw,40px)!important;
}
body[data-page-id="P0807"] .clean-first-screen-block h1{
  font-size:clamp(38px,2.55vw,50px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  margin-top:0!important;
  margin-bottom:16px!important;
}
body[data-page-id="P0807"] .clean-first-screen-block .hero-card p,
body[data-page-id="P0807"] .clean-first-screen-block .hero-copy p,
body[data-page-id="P0807"] .clean-first-screen-block .hero-panel p{
  margin-top:0!important;
}
body[data-page-id="P0807"] .clean-first-screen-block .hero-art,
body[data-page-id="P0807"] .clean-first-screen-block .hero-image,
body[data-page-id="P0807"] .clean-first-screen-block .hero-media,
body[data-page-id="P0807"] .clean-first-screen-block .hero-photo-wrap{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
}
body[data-page-id="P0807"] .clean-first-screen-block .hero-art img,
body[data-page-id="P0807"] .clean-first-screen-block .hero-image img,
body[data-page-id="P0807"] .clean-first-screen-block .hero-media img,
body[data-page-id="P0807"] .clean-first-screen-block img.hero-photo{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body[data-page-id="P0807"] .calculator-card,
body[data-page-id="P0807"] .photo-calculator,
body[data-page-id="P0807"] .price-calculator{
  width:min(1280px,calc(100% - 64px))!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:1180px){
  body[data-page-id="P0807"] .clean-first-screen-block > .hero,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-shell,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-grid{
    grid-template-columns:minmax(430px,47fr) minmax(500px,53fr)!important;
  }
}
@media (max-width:900px){
  body[data-page-id="P0807"] .clean-first-screen-block > .hero,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-shell,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-grid{
    display:block!important;
    width:calc(100% - 18px)!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body[data-page-id="P0807"] .clean-first-screen-block .hero-card,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-copy,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-panel{
    max-width:100%!important;
    width:100%!important;
    padding:26px!important;
    justify-content:flex-start!important;
  }
  body[data-page-id="P0807"] .clean-first-screen-block h1{
    font-size:clamp(25px,6vw,32px)!important;
    line-height:1.05!important;
  }
  body[data-page-id="P0807"] .clean-first-screen-block .hero-art,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-image,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-media,
  body[data-page-id="P0807"] .clean-first-screen-block .hero-photo-wrap{
    min-height:0!important;
    aspect-ratio:16/10!important;
    margin-top:16px!important;
  }
  body[data-page-id="P0807"] .calculator-card,
  body[data-page-id="P0807"] .photo-calculator,
  body[data-page-id="P0807"] .price-calculator{
    width:calc(100% - 18px)!important;
    max-width:430px!important;
  }
}