/* Meadowbrook permanent source repair v0.2. Load after other stylesheets.
   Keep this asset and the installer in future website release packages. */
.hero#home {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(24px,3vw,44px);
  padding:clamp(30px,4vw,55px) max(20px,calc((100% - 1100px)/2));
  min-height:445px;
}
.hero#home > .hero-overlay {position:absolute;inset:0;pointer-events:none}
.hero#home > .hero-content {
  box-sizing:border-box;
  width:100%;min-width:0;max-width:none;
  margin:0;padding:0;
  container-type:inline-size;
}
.hero#home > .hero-content h1 {
  font-size:clamp(1rem,4.5vw,3.875rem);
  line-height:1.04;
  letter-spacing:normal;
  word-break:normal;overflow-wrap:normal;hyphens:none;
  margin:10px 0 14px;
}
@supports(font-size:1cqi) {
  .hero#home > .hero-content h1 {font-size:clamp(1rem,12cqi,3.875rem)}
}
.hero#home .mb-hero-word {
  display:block;white-space:nowrap;
  word-break:normal;overflow-wrap:normal;hyphens:none;
}
.hero#home .hero-kicker,.hero#home .eyebrow {
  word-break:normal;overflow-wrap:normal;
  line-height:1.5;letter-spacing:clamp(.08em,.3vw,.2em);
}
.hero#home .hero-text {max-width:100%}
.hero#home .hero-actions {min-width:0;gap:12px}
.hero#home .hero-actions .btn {
  box-sizing:border-box;max-width:100%;min-width:0;
  white-space:normal;overflow-wrap:normal;word-break:normal;
  line-height:1.4;text-align:center;
}
.hero#home > .hero-collage {
  display:block;position:relative;right:auto;top:auto;left:auto;
  width:min(100%,430px);height:350px;
  min-width:0;margin:0;justify-self:center;
}
/* Stack before columns can squeeze the title or overlay photographs. */
@media(max-width:1050px) {
  .hero#home {grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 24px}
  .hero#home > .hero-content {max-width:720px;margin:0 auto}
  .hero#home > .hero-collage {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;width:100%;max-width:720px;height:auto;
    padding:0;margin:0 auto;overflow:visible;
  }
  .hero#home > .hero-collage .polaroid {
    position:relative!important;inset:auto!important;transform:none!important;
    box-sizing:border-box;width:100%;min-width:0;height:auto;
    margin:0;
  }
  .hero#home > .hero-collage .polaroid img {
    display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;
  }
}
@media(max-width:480px) {
  .hero#home {padding:28px 18px;gap:20px}
  .hero#home .hero-actions {flex-direction:column;align-items:stretch}
  .hero#home .hero-actions .btn {width:100%}
  .hero#home > .hero-collage {gap:10px}
}