/* Share the homepage's type, wordmark, links and drawer on interior pages. */
.daylight-interior-navigation .daylight-header {
  position: relative !important;
  inset: auto;
  background: #fff;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: none;
}
.daylight-interior-navigation .daylight-wordmark,
.daylight-interior-navigation .daylight-nav__link,
.daylight-interior-navigation .daylight-menu-toggle { color: #202020; }
.daylight-interior-navigation .daylight-menu-toggle,
.daylight-interior-navigation .daylight-menu__close { min-width: 44px; min-height: 44px; }
.daylight-interior-navigation .daylight-menu { height: 100dvh; max-width: 100vw; overflow-y: auto; }
.daylight-interior-navigation :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* Legacy page-builder heroes include the navbar inside the hero itself; keep the
   Daylight header on the hero's top edge instead of in its centered content flow. */
.hero-section:not(.daylight-community-hero) > .daylight-interior-navigation {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 30;
}

/* Legacy closing CTA band (parent partials/cta-section.twig): Daylight surface,
   display type and the brand accent button instead of the Athena black gradient. */
.cta-section.content-section {
  padding: clamp(40px, 6vw, 72px) 0 !important;
  background: var(--vr-color-surface, #f1f2f1);
  border-top: 1px solid var(--vr-color-rule, #e3e5e3);
}
.cta-section h2 {
  font-family: var(--vr-font-display, "Cormorant Garamond", serif);
  font-weight: 400;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.15;
  color: var(--vr-color-text, #202020);
}
.cta-section h2 small {
  margin-top: .5rem;
  font-family: var(--vr-font-body, inherit);
  font-size: 1rem;
  color: var(--vr-color-muted, #5d6461);
}
.cta-section #ctaSectionBtn {
  background: var(--vr-color-accent, #1f5a50);
  background-image: none;
  border: 1px solid var(--vr-color-accent, #1f5a50);
  border-radius: 0;
  color: #fff;
  letter-spacing: .08em;
  min-height: 44px;
  padding: .85rem 1.5rem;
}
.cta-section #ctaSectionBtn:hover,
.cta-section #ctaSectionBtn:focus-visible {
  background: transparent;
  color: var(--vr-color-accent, #1f5a50);
}

/* Generic content pages (partials/daylight-page.twig): a light editorial title band
   instead of the near-black slab, matching the site's light surfaces. */
.daylight-page .daylight-page__hero {
  background: #fff;
  color: var(--vr-color-text, #202020);
  padding: 4.5rem var(--vr-space-8, 2rem) 2.5rem;
  border-bottom: 1px solid var(--vr-color-rule, #e3e5e3);
}
@media (min-width: 48rem) {
  .daylight-page .daylight-page__hero { padding: 6rem var(--vr-space-12, 3rem) 3.5rem; }
}
.daylight-page .daylight-page__eyebrow { color: var(--vr-color-muted, #5d6461); }
.daylight-page .daylight-page__heading {
  color: var(--vr-color-text, #202020);
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  margin-bottom: 0;
  overflow-wrap: anywhere;
}
.daylight-page .daylight-page__lead { color: var(--vr-color-muted, #5d6461); }

/* Legacy split content sections were a fixed 100vh with overflow hidden, which
   clipped embedded forms (off-market inquiry). Let the content set the height. */
.split-content-section {
  height: auto !important;
  min-height: min(100vh, 720px);
  overflow: visible;
}
.split-content-section .h-100 { height: auto !important; }
.split-content-section .row { min-height: inherit; }

/* Leadership / ALC cards: one portrait ratio and the name set below the photo,
   instead of dark caption plates of uneven height laid over the portraits. */
:is(.daylight-leadership-page, .office-agents) .agent-card {
  position: relative;
  color: var(--vr-color-text, #202020);
  text-decoration: none;
}
:is(.daylight-leadership-page, .office-agents) .agent-card .card-img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  background: var(--vr-color-surface, #f1f2f1);
}
:is(.daylight-leadership-page, .office-agents) .agent-card .card-caption {
  position: static !important;
  padding: .9rem 0 0;
  background: none !important;
  color: inherit;
  text-align: left;
}
:is(.daylight-leadership-page, .office-agents) .agent-card .card-title {
  font-family: var(--vr-font-display, "Cormorant Garamond", serif);
  font-weight: 500 !important;
  font-size: 1.35rem;
  color: var(--vr-color-text, #202020) !important;
}
:is(.daylight-leadership-page, .office-agents) .agent-card .card-meta {
  font-size: .8125rem;
  color: var(--vr-color-muted, #5d6461);
}
:is(.daylight-leadership-page, .office-agents) .agent-card:hover .card-title { text-decoration: underline; text-underline-offset: 4px; }

/* Guides index (/guides/): editorial heading over the shared guide tiles. */
.daylight-guides-index { padding: clamp(48px, 7vw, 96px) 0 clamp(32px, 5vw, 64px); }
.daylight-guides-index__head { max-width: 46rem; margin: 0 auto clamp(32px, 5vw, 56px); padding: 0 1.5rem; text-align: center; }
.daylight-guides-index__title {
  font-family: var(--vr-font-display, "Cormorant Garamond", serif);
  font-weight: 400;
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  line-height: 1.08;
  color: var(--vr-color-text, #202020);
}
.daylight-guides-index__lead { margin: 1rem 0 0; color: var(--vr-color-muted, #5d6461); font-size: 1.0625rem; line-height: 1.6; }
.daylight-guides-index__grid { display: grid; gap: clamp(24px, 4vw, 40px); }
.daylight-guides-index__grid .daylight-gt { margin: 0; }

/* Office hero: the long lead sat on a busy photo at low contrast (and repeats the
   intro just below). Darken the copy side of the scrim, keep the lead to three
   lines on desktop and leave it to the intro section on phones. */
.daylight-office-hero__scrim {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .38) 48%, rgba(0, 0, 0, .12) 100%),
    linear-gradient(to top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 55%);
}
.daylight-office-hero__lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: rgba(255, 255, 255, .92);
}
@media (max-width: 767.98px) {
  .daylight-office-hero__lead { display: none; }
}

/* Contact office addresses arrive as "line<br />\nline"; pre-line turned every
   break into a blank line. The <br> already breaks the line. */
.daylight-contact-office__address { white-space: normal; }

/* Home value tool: its step bar carried a platform wordmark ("Virtual Results")
   that collided with step 1 in the page column. The site header already names
   the brokerage. */
.vr-avm-home-design .step-nav__brand { display: none; }

/* Team pages: flat neutral band behind the members instead of the skewed slab,
   and left-aligned body copy instead of justified text with rivers. */
.office-agents::before,
.office-agents:before {
  transform: none;
  -webkit-transform: none;
  background: var(--vr-color-surface, #f1f2f1);
}
.text-justify { text-align: left !important; }

/* Legacy hero scroll cue uses a Font Awesome glyph Daylight does not load, so it
   rendered as an empty dark disc. */
.hero-section .scroll-to-anchor { display: none !important; }

/* Neighborhood / region hero: no white plate behind the title (Ryan 2026-10-19).
   White display type over a soft bottom gradient on the photo instead. */
.daylight-community .daylight-community-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  pointer-events: none;
}
.daylight-community .daylight-community-hero__copy { position: relative; z-index: 1; }
.daylight-community .daylight-community-hero .hero-heading {
  padding: 0;
  background: none;
  color: #fff;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .35);
}