/* Scoped to the recognised original homepage hero; shared pages are untouched. */
.bbs-site .visual-hero.bbs-home-hero {
  min-height: 620px;
  padding: 64px max(48px, calc((100vw - 1280px) / 2));
  gap: 0;
  justify-content: center;
  background-color: #081e28;
}
.bbs-site .bbs-home-hero > * { margin-block: 0; }
.bbs-site .bbs-home-hero .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  order: 0;
  margin-bottom: 26px;
  color: #c5efdf;
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .12em;
}
.bbs-site .bbs-home-hero .eyebrow::before {
  content: "";
  width: 30px;
  height: 1px;
  flex: 0 0 30px;
  background: #87d8b6;
}
.bbs-site .visual-hero.bbs-home-hero h1 {
  order: 1;
  max-width: 860px;
  margin: 0 0 24px;
  font-size: clamp(2.4rem, 4.55vw, 4.25rem);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.042em;
  text-wrap: balance;
  color: #ffffff;
}
.bbs-site .visual-hero.bbs-home-hero h1 em {
  display: inline;
  font-style: normal;
  color: #a8e7cc;
}
.bbs-site .bbs-home-hero h1 em::before { content: none; }
.bbs-site .bbs-home-hero .bbs-home-purpose {
  order: 2;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(1.1rem, 1.65vw, 1.35rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.01em;
}
.bbs-site .visual-hero.bbs-home-hero .hero-copy {
  order: 3;
  max-width: 560px;
  margin: 0 0 28px;
  color: #d7e4e7;
  font-size: 16px;
  line-height: 1.7;
  text-wrap: pretty;
}
.bbs-site .bbs-home-hero .button-row {
  order: 4;
  align-items: center;
  gap: 18px 26px;
  margin: 0 0 16px;
}
.bbs-site .bbs-home-hero .button-row p,
.bbs-site .bbs-home-hero .wp-block-buttons { margin: 0; }
.bbs-site .bbs-home-hero .button-row .wp-block-button__link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}
.bbs-site .bbs-home-hero .button-row .text-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f6faf9;
  font-size: 14px;
  border-bottom-color: #789b9e;
}
.bbs-site .bbs-home-hero > .bbs-brochure-link {
  order: 5;
  align-self: flex-start;
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 10px 0;
  color: #c4d9dc;
  border-bottom-color: transparent;
  font-size: 13px;
  line-height: 1.5;
}
.bbs-site .bbs-home-hero > .bbs-brochure-link:hover { color: #fff; border-bottom-color: #a8e7cc; }
.bbs-site .bbs-home-hero a:focus-visible { outline: 2px solid #a8e7cc; outline-offset: 5px; }
.bbs-site .bbs-home-hero .hero-caption { order: 6; }
@media (min-width: 1600px) {
  .bbs-site .visual-hero.bbs-home-hero { min-height: 650px; }
}
@media (max-width: 900px) {
  .bbs-site .visual-hero.bbs-home-hero { padding: 54px 32px; min-height: 590px; }
  .bbs-site .visual-hero.bbs-home-hero h1 { max-width: 700px; font-size: clamp(2.35rem, 5.5vw, 3.2rem); }
}
@media (max-width: 600px) {
  .bbs-site .visual-hero.bbs-home-hero { padding: 38px 24px 28px; min-height: 0; }
  .bbs-site .bbs-home-hero .eyebrow { font-size: 9px; gap: 9px; margin-bottom: 22px; letter-spacing: .09em; }
  .bbs-site .bbs-home-hero .eyebrow::before { width: 20px; flex-basis: 20px; }
  .bbs-site .visual-hero.bbs-home-hero h1 { font-size: clamp(1.95rem, 8.4vw, 3rem); line-height: 1.14; letter-spacing: -.035em; margin-bottom: 22px; }
  .bbs-site .bbs-home-hero .bbs-home-purpose { font-size: 17px; }
  .bbs-site .visual-hero.bbs-home-hero .hero-copy { font-size: 14px; line-height: 1.7; margin-bottom: 22px; }
  .bbs-site .bbs-home-hero .button-row { gap: 10px 22px; margin-bottom: 8px; justify-content: flex-start; align-items: flex-start; }
  .bbs-site .bbs-home-hero .button-row .wp-block-buttons { justify-content: flex-start; }
  .bbs-site .bbs-home-hero .button-row p { text-align: left; }
  .bbs-site .bbs-home-hero .button-row .wp-block-button__link { padding-inline: 16px; font-size: 13px; }
  .bbs-site .bbs-home-hero .hero-caption { position: static; align-self: flex-end; margin: 20px 0 0; padding: 0; background: none; font-size: 9px; color: #b8ccce; }
}