/* ==========================================================================
   Header size option 3 (recommended): 96px desktop / 56px mobile, badge only.
   The official badge already carries "REA'S" and "AIR CONDITIONING & HEATING
   INC"; at 96px that tagline is readable, so the text wordmark is redundant
   and is visually hidden (kept for assistive tech). Sticky header, no scroll
   shrink, no layout risk. Clear space 0.25 × logo height.
   ========================================================================== */
html.logo-big-opt3 {
  --logo-h: 96px;
  --logo-clear: 24px;
}
@media (max-width: 760px) {
  html.logo-big-opt3 {
    --logo-h: 56px;
    --logo-clear: 14px;
  }
}
html.logo-big-opt3 .nav-container {
  padding-top: var(--logo-clear) !important;
  padding-bottom: var(--logo-clear) !important;
  padding-left: max(var(--logo-clear), 20px) !important;
  /* Right padding stays at the stylesheet default (20px at 1440).
     The 0.25h clear rule applies around the badge, not the trailing CTA. */
  min-height: calc(var(--logo-h) + 2 * var(--logo-clear));
  align-items: center;
}
html.logo-big-opt3 .brand-logo {
  height: var(--logo-h) !important;
  width: auto !important;
  flex-shrink: 0 !important;
}
html.logo-big-opt3 .brand-identity {
  gap: var(--logo-clear) !important;
  align-items: center;
  position: relative;
}
html.logo-big-opt3 .brand-text-wrap {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html.logo-big-opt3 section[id] {
  scroll-margin-top: calc(var(--logo-h) + 2 * var(--logo-clear) + 12px);
}

@media (max-width: 760px) {
  html.logo-big-opt3 .nav-container {
    padding-left: var(--logo-clear) !important;
    padding-right: var(--logo-clear) !important;
  }
}

@media (min-width: 761px) and (max-width: 1340px) {
  html.logo-big-opt3 .nav-container {
    padding-left: max(var(--logo-clear), 32px) !important;
    padding-right: max(var(--logo-clear), 32px) !important;
  }
}