/* Page-local full-width hero, preserving the approved Commercial V2 copy. */
.cf-page .cf-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #121214;
  color: #fff;
}
.cf-page .cf-hero > .cf-hero-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 66% 50%;
  border: 0;
  border-radius: 0;
  pointer-events: none;
}
.cf-page .cf-hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(9,13,17,.94), rgba(9,13,17,.84) 42%, rgba(9,13,17,.45) 75%, rgba(9,13,17,.25));
}
.cf-page .cf-hero-content {
  min-height: 650px;
  padding-top: 32px;
  padding-bottom: 74px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}
.cf-page .cf-hero-copy { width: 100%; max-width: 760px; min-width: 0; }
.cf-page .cf-hero h1 { color: #fff; max-width: 760px; }
.cf-page .cf-hero .cf-lead { max-width: 665px; color: #f5f5f5; }
.cf-page .cf-hero .cf-local { max-width: 665px; color: #eee; }
.cf-page .cf-hero .cf-eyebrow { color: #ffb1b5; }
.cf-page .cf-hero .cf-breadcrumb { color: #eee; }
.cf-page .cf-hero .cf-breadcrumb a { color: #fff; }
.cf-page .cf-hero .cf-actions { max-width: 760px; }
.cf-page .cf-hero .cf-button {
  background: var(--cf-red);
  border-color: var(--cf-red);
  color: #fff !important;
}
.cf-page .cf-hero .cf-button:hover,
.cf-page .cf-hero .cf-button:focus-visible {
  background: #a9141c;
  border-color: #a9141c;
  color: #fff !important;
}
.cf-page .cf-hero .cf-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 1000px) {
  .cf-page .cf-hero-content { min-height: 620px; }
  .cf-page .cf-hero-shade { background: linear-gradient(90deg, rgba(9,13,17,.94), rgba(9,13,17,.84) 60%, rgba(9,13,17,.65)); }
}
@media (max-width: 700px) {
  .cf-page .cf-hero-content { min-height: 620px; padding-top: 28px; padding-bottom: 48px; }
  .cf-page .cf-hero > .cf-hero-photo { object-position: 72% 50%; }
  .cf-page .cf-hero-shade { background: rgba(9,13,17,.82); }
  .cf-page .cf-hero h1 { font-size: clamp(2.2rem, 9vw, 3rem); overflow-wrap: break-word; }
  .cf-page .cf-hero .cf-actions { width: 100%; }
  .cf-page .cf-hero .cf-button { width: 100%; flex: 1 1 100%; }
}