/* daylight-bundle-buy-main.css — generated by tools/build-css-bundles.cjs; do not edit. */

/* ==== web/app/themes/daylight/assets/css/daylight-inner-light.css ==== */
/* Daylight inner pages: no dark gradient overlays on photos (Ryan, 2026-10-10; homepage done in
   daylight-home-light.css). Text that sits on a photo gets its own warm-white backing plate instead,
   because the rendered-contrast QA gate (tools/qa/visual/lib/rendered-contrast.mjs) measures with
   text-shadow removed. Hero titles no longer use plates (Ryan, 2026-10-19): they sit where each
   photo is naturally dark (see the About hero rules below and luxury-refresh.css). */
/* Compatibility aliases for photo-led variants share the published palette. */
:root {
  --daylight-ink: var(--vr-color-text);
  --daylight-ink-soft: var(--vr-color-text);
  --daylight-ink-muted: var(--vr-color-muted);
  --daylight-ink-deep: var(--vr-color-accent);
  --daylight-ink-on-dark: var(--vr-color-on-inverse);
  --daylight-plate-bg: color-mix(in srgb, var(--vr-color-surface) 88%, transparent);
  --daylight-plate-bg-strong: color-mix(in srgb, var(--vr-color-surface) 90%, transparent);
  --daylight-plate-bar: color-mix(in srgb, var(--vr-color-surface) 92%, transparent);
}
.daylight-lux-hero__overlay,
.daylight-buy-hero__scrim,
.daylight-sell-hero__scrim,
.daylight-about-hero__scrim,
.daylight-lux-neighborhood__photo-overlay,
.single-localpages .hero-section.has-overlay::before,
.post-type-archive-localpages .hero-section.has-overlay::before { background: none; }

/* About hero (Ryan, 2026-10-19): no plate, no scrim, no type on the photo. The three About pages
   carry editor-chosen photos whose dark ground sits in different places (lawn at the bottom of the
   house photo; a broken rooftop strip mid-frame on the city photo, whose bottom is 1.1-1.9:1 for
   white), so no fixed position keeps white type legible. The photo runs full-bleed under the header
   and the title and lead sit on a clean band below it, like /buy/ and /sell/. The header is out of
   flow in both states, so turning fixed on scroll never moves the band. */
.daylight-about-hero { --about-photo-h: clamp(420px, 72svh, 780px); min-height: 0; background: var(--vr-color-surface); }

.daylight-about-hero__photo { inset: 0 0 auto; height: var(--about-photo-h); }
.daylight-about-hero__inner { flex: 0 0 auto; }
.daylight-about-hero__copy { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: clamp(2rem, 5vw, 5rem); align-items: start; max-width: none; margin: var(--about-photo-h) 0 0; padding: clamp(2.5rem, 5vw, 4.5rem) max(1.5rem, calc((100% - 1180px) / 2)); text-align: left; color: var(--daylight-ink); }
.daylight-about-hero__title { max-width: 9em; color: var(--daylight-ink); font-size: clamp(3rem, 5.6vw, 5.5rem); font-weight: 400; letter-spacing: -.025em; line-height: .95; text-shadow: none; text-wrap: balance; }
.daylight-about-hero__lead { max-width: 38rem; margin: 0; color: var(--daylight-ink-soft); font-weight: 400; line-height: 1.7; letter-spacing: 0; opacity: 1; text-shadow: none; }
@media (max-width: 767px) {
  .daylight-about-hero { --about-photo-h: clamp(320px, 52svh, 460px); }
  .daylight-about-hero__copy { grid-template-columns: minmax(0, 1fr); row-gap: 1rem; padding: 2rem 1.25rem 2.5rem; }
  .daylight-about-hero__title { font-size: clamp(2.5rem, 12vw, 3.25rem); }
  .daylight-about-hero__lead { font-size: var(--vr-type-body, 1rem); line-height: 1.65; }
}

/* Linked agent and team photos use a two-tone edge cue instead of the expanding gradient. */
.agent-card::before,
.team-card::before { height: 0; background: none; opacity: 0; }
.agent-card .card-caption,
.team-card .card-content { background: rgba(0,0,0,.78); }
.agent-card .card-image > a { display: block; }
.agent-card .card-image > a:hover,
.agent-card .card-image > a:focus-visible,
.team-card:hover .card-image,
.team-card:focus-visible .card-image {
  outline: 2px solid #fff;
  outline-offset: -5px;
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.8);
}
.team-card:focus-visible { outline: 2px solid #18181b; outline-offset: 3px; }

/* Localpage hero: title on its own plate over the (now ungraded) photo. */
:is(.single-localpages, .post-type-archive-localpages) .hero-section.has-overlay .hero-heading { display: inline-block; max-width: 100%; color: var(--daylight-ink) !important; padding: .5rem 1.25rem .65rem; background: var(--daylight-plate-bg); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); text-shadow: none; }
@media (max-width: 767px) {
  .daylight-buy-hero__inner, .daylight-sell-hero__inner { padding-bottom: 1rem; padding-left: .75rem; padding-right: .75rem; }
  .daylight-buy-hero__title, .daylight-sell-hero__title { font-size: clamp(1.5rem, 7vw, 1.9rem); line-height: 1.12; }
}

.page-template-about-us .daylight-editorial__cta { font-size: var(--vr-type-small); letter-spacing: .12em; }

/* Luxury neighborhood tiles: label sits on the (ungraded) photo, so it gets a plate. */
.daylight-lux-neighborhood__photo-label { width: fit-content; max-width: calc(100% - 1rem); margin: 0 0 .6rem .6rem; padding: .4rem .7rem; background: var(--daylight-plate-bg-strong); }
.daylight-lux-neighborhood__name { color: var(--daylight-ink); margin: 0; text-shadow: none; }

/* VIR-1269: shared region/neighborhood presentation, using homepage typography. */
.daylight-community { color: var(--vr-color-text); overflow-wrap: anywhere; }
.daylight-community .daylight-community-hero { position: relative; padding: 0; background-color: var(--vr-color-surface); }
.daylight-community-hero__copy { display: grid; align-content: end; min-height: clamp(20rem, 48vw, 38rem); padding-block: 3rem; }
.daylight-community .daylight-community-hero .hero-heading { display: inline-block; max-width: 100%; padding: .6rem 1.5rem; color: var(--vr-color-text); background: var(--daylight-plate-bg-strong); font-family: var(--vr-font-display); font-weight: 300; font-size: clamp(2.75rem, 6vw, 5.5rem); line-height: 1.1; text-shadow: none; }
.daylight-community .region-overview-section { margin: 3rem 0; }
.daylight-community .region-overview-section::before { content: none; }
.daylight-community .region-location-section { margin-block: clamp(2rem, 5vw, 4rem); }
.daylight-community .location-card { box-shadow: none; }
.daylight-community .location-map { overflow: hidden; border: 1px solid var(--vr-color-rule); }
.daylight-community .location-map .embed-responsive { min-height: 18rem; }
.daylight-community .region-meta-section { padding-block: 2rem !important; text-align: left !important; }
.daylight-community .region-meta-section .tab-content { max-width: 60rem; line-height: 1.8; }
.daylight-community .daylight-tabs { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding: 0; }
.daylight-community .daylight-tabs li { margin: 0; }
.daylight-community .daylight-tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .25rem; color: var(--vr-color-text); border-bottom: 2px solid transparent; text-decoration: none; }
.daylight-community .daylight-tabs a:is(.active, :hover) { border-bottom-color: currentColor; }
.daylight-community :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.daylight-community .table-responsive-md { overflow-x: auto; }
/* Empty edge placeholders must not reserve a blank screen; retain the widget for hydration. */
.daylight-community .office-listings .vr-idx-embed:empty { min-height: 0; }
.daylight-community-listings-fallback { display: none; margin: 0; }
.daylight-community .office-listings:has(.vr-idx-embed:empty) .daylight-community-listings-fallback { display: block; }
@media (max-width: 767px) {
  .daylight-community-hero__copy { min-height: 20rem; padding-block: 2rem; }
  .daylight-community .region-location-section { margin-block: 2rem; }
  .daylight-community .location-map .embed-responsive { min-height: 16rem; }
}

.daylight-community .region-meta-section .tab-content p { text-align: left !important; }

/* ==== web/app/themes/daylight/assets/css/bitforms.css ==== */
/* Daylight's shared form language: white canvas, precise rules, legible type. */
:root {
  --daylight-form-ink: var(--vr-color-text, #231f1c);
  --daylight-form-muted: var(--vr-color-muted, #514f4b);
  --daylight-form-surface: var(--vr-color-surface, #fff);
  --daylight-form-subtle: var(--vr-color-surface-subtle, #f4f3ef);
  --daylight-form-rule: var(--vr-color-control-border, #aaa8a2);
  --daylight-form-accent: var(--vr-color-accent, #315b5e);
  --daylight-form-on-accent: var(--vr-color-on-accent, #fff);
  --daylight-form-error: var(--vr-color-warning, #854d0e);
}

body .bit-form.bf-form-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  color: var(--daylight-form-ink) !important;
  background: transparent !important;
}
/* The plugin grid already spaces its layout items. Do not stack an inner
   20px margin onto that gap, or depend on Turnstile being mounted to reset it. */
body .bit-form .bf-form {
  margin: 0 !important;
  padding: 0 !important;
  row-gap: 16px !important;
}
body .bit-form .bf-form > .btcd-fld-itm { min-width: 0; margin-block: 0 !important; }
/* Forms without Turnstile (agent-profile contact) otherwise fall back to the
   plugin's generated grid as a block with 0px gaps, so each label touches the
   field above. Give them the same column the Turnstile forms use below. */
body .bit-form .bf-form:not(:has(.cf-turnstile)) {
  display: flex !important;
  flex-direction: column;
  gap: 16px !important;
}
body .bit-form .bf-form:not(:has(.cf-turnstile)) > .btcd-fld-itm { min-height: 0 !important; }
body .bit-form :is(.bf-label, .bf-field, .bf-phone-number-input, .bf-dpd-wrapper, .bf-button) {
  font-family: var(--vr-font-body, Montserrat, sans-serif) !important;
}

/* Bit Form labels are normally screen-reader-only in Daylight's placeholder-led
   contexts. Keep that accessible caption visible so filled fields retain a name. */
body .vr-one-form .vr-one-form__field label,
body .vr-one-form .vr-one-form__field label.sr-only,
body .bit-form .bf-field-wrapper > label,
body .bit-form .bf-label-wrapper > .bf-label,
body .daylight-form-specimen > div > label {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  white-space: normal !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--daylight-form-ink) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: capitalize;
}
body .bit-form .bf-field-wrapper { margin: 0 !important; min-width: 0; }
body .vr-one-form .vr-one-form__field { margin-bottom: 16px !important; }

body .bit-form input.bf-field:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body .bit-form select.bf-field,
body .bit-form textarea.bf-field,
body .daylight-form-specimen input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body .daylight-form-specimen select,
body .daylight-form-specimen textarea,
body .bit-form .bf-phone-field-wrapper,
body .bit-form .bf-dpd-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid var(--daylight-form-rule) !important;
  border-radius: 0 !important;
  background: var(--daylight-form-surface) !important;
  box-shadow: none !important;
  color: var(--daylight-form-ink) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
body .bit-form :is(input.bf-field:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select.bf-field, textarea.bf-field),
body .daylight-form-specimen :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { padding: 11px 13px !important; }
body .bit-form textarea.bf-field,
body .daylight-form-specimen textarea { min-height: 112px !important; resize: vertical; }
body .bit-form .bf-phone-number-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 10px 8px !important;
  border: 0 !important;
  background: var(--daylight-form-surface) !important;
  color: var(--daylight-form-ink) !important;
  font-size: 16px !important;
}
body .bit-form .bf-phone-inner-wrapper { display: flex; align-items: center; }
body .bit-form .bf-phone-inner-wrapper > .bf-dpd-wrapper {
  display: flex;
  width: auto;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  background: transparent !important;
}
body .bit-form .bf-phone-field-wrapper { position: relative; }
body .bit-form .bf-phone-field-wrapper .bf-option-wrapper { overflow: hidden; }
body .bit-form .bf-phone-field-wrapper:has(.bf-dpd-wrapper[aria-expanded="false"]) .bf-option-wrapper { max-height: 0 !important; }
body .bit-form .bf-input-clear-button {
  flex: 0 0 36px;
  width: 36px;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--daylight-form-ink);
}
body .bit-form .bf-phone-inner-wrapper:has(input:placeholder-shown) > .bf-input-clear-button { visibility: hidden; }
body .bit-form .bf-option-wrapper { background: var(--daylight-form-surface) !important; color: var(--daylight-form-ink) !important; }

body .bit-form :is(input, textarea)::placeholder,
body .daylight-form-specimen :is(input, textarea)::placeholder {
  color: var(--daylight-form-muted) !important;
  opacity: 1;
}
body .bit-form input:-webkit-autofill,
body .bit-form textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--daylight-form-ink);
  box-shadow: 0 0 0 1000px var(--daylight-form-surface) inset;
  caret-color: var(--daylight-form-ink);
}

body .bit-form .bf-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 13px 24px !important;
  border: 1px solid var(--daylight-form-ink) !important;
  border-radius: 0 !important;
  background: var(--daylight-form-ink) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
body .bit-form .bf-button:hover {
  border-color: var(--daylight-form-accent) !important;
  background: var(--daylight-form-accent) !important;
  color: var(--daylight-form-on-accent) !important;
}
body .bit-form :is(.bf-button, button[type="submit"]):disabled,
body .bit-form .bf-button:disabled { opacity: .55; cursor: wait; }

body .bit-form :is(input, select, textarea, button, a, [role="combobox"]):focus-visible,
body .daylight-form-specimen :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--daylight-form-accent) !important;
  outline-offset: 3px;
}
body .bit-form :is(input, select, textarea)[aria-invalid="true"],
body .daylight-form-specimen :is(input, select, textarea)[aria-invalid="true"] {
  border-color: var(--daylight-form-error) !important;
}
/* Catalog statuses use the same published warning role; long copy stays neutral. */
body .vr-catalog-section .vr-status--error {
  border-inline-start-color: var(--daylight-form-error) !important;
  color: var(--daylight-form-ink) !important;
}
body .vr-catalog-section .vr-status--error > strong {
  color: var(--daylight-form-error) !important;
}
/* Daylight's primary action is the published deepgreen role used by live forms. */
body #buttons .vr-button:not(.vr-button--secondary):not(:disabled) {
  background: var(--daylight-form-accent) !important;
  border-color: var(--daylight-form-accent) !important;
  color: var(--daylight-form-on-accent) !important;
}
body .bit-form :is(.bf-asterisk-symbol, .bf-error-text, [role="alert"], .invalid-feedback, .alert-danger) { color: var(--daylight-form-error) !important; }
body .bit-form .daylight-form-network-error {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: var(--daylight-form-error) !important;
  font-size: 14px;
  line-height: 1.45;
}
body .bit-form .bf-hidden-field,
body .bit-form .btcd-fld-itm:has(> .bf-hidden-field) { display: none !important; margin: 0 !important; padding: 0 !important; }
body .bit-form.bf-form-wrapper > [role="dialog"].deactive { display: none; }

/* Single-column order keeps verification ahead of the action without altering
   any Bit Form field, hidden input, or submission semantics. */
body .bit-form .bf-form:has(.cf-turnstile) {
  display: flex !important;
  flex-direction: column;
  gap: 16px !important;
}
body .bit-form .bf-form:has(.cf-turnstile) > .btcd-fld-itm { min-width: 0; }
body .bit-form .bf-form > .btcd-fld-itm:has(.cf-turnstile) { order: 1; }
body .bit-form .bf-form:has(.cf-turnstile) > .btcd-fld-itm:has(button[type="submit"]) { order: 2; }

/* Normal Turnstile is 300px wide inside a closed shadow root. On the
   narrowest phones, center its natural width into the available page gutters
   rather than clipping, scaling, or changing the verification interaction. */
@media (max-width: 359px) {
  body .bit-form .cf-turnstile[data-size="normal"] {
    width: 300px;
    margin-inline: calc((100% - 300px) / 2);
  }
}

/* The modal is one white page surface, not a panel nested around another panel. */
#contactModal {
  --contact-inset: clamp(12px, 3vw, 32px);
  padding: max(var(--contact-inset), env(safe-area-inset-top)) max(var(--contact-inset), env(safe-area-inset-right)) max(var(--contact-inset), env(safe-area-inset-bottom)) max(var(--contact-inset), env(safe-area-inset-left)) !important;
  overflow: hidden;
}
#contactModal .daylight-contact-dialog {
  display: flex;
  width: 100%;
  max-width: 44rem;
  min-height: calc(100dvh - var(--contact-inset) * 2);
  max-height: calc(100dvh - var(--contact-inset) * 2);
  align-items: center;
  margin: 0 auto !important;
}
#contactModal .modal-content {
  display: flex;
  width: 100%;
  max-height: inherit;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--vr-color-rule, #d8d7d2);
  border-radius: 0;
  background: var(--daylight-form-surface);
  color: var(--daylight-form-ink);
  box-shadow: 0 18px 48px rgba(35, 31, 28, .16);
}
#contactModal .daylight-contact-dialog__header {
  position: relative;
  flex: 0 0 auto;
  padding: 24px 76px 18px 32px;
  border-bottom: 1px solid var(--vr-color-rule, #d8d7d2);
}
#contactModal .daylight-contact-dialog__header h2 {
  margin: 0;
  color: inherit;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: clamp(1.15rem, 2.5vw, 1.35rem);
  font-weight: 700;
  line-height: 1.1;
}
#contactModal .daylight-contact-dialog__close {
  position: absolute;
  top: 12px;
  right: 16px;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
#contactModal .daylight-contact-dialog__close:hover { border-color: var(--vr-color-rule, #d8d7d2); }
#contactModal .daylight-contact-dialog__close:focus-visible {
  outline: 2px solid var(--daylight-form-accent);
  outline-offset: 2px;
}
#contactModal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 22px 32px 28px !important;
  scrollbar-color: var(--daylight-form-accent) var(--daylight-form-subtle);
  scrollbar-width: thin;
}
#contactModal .bit-form.bf-form-wrapper { padding: 0 !important; background: transparent !important; }
#contactModal .modal-body > .vr-one-form { min-width: 0; }

@media (max-width: 600px) {
  #contactModal .daylight-contact-dialog { min-height: 0; }
  #contactModal .daylight-contact-dialog__header { padding: 18px 64px 16px 20px; }
  #contactModal .daylight-contact-dialog__close { top: 8px; right: 8px; }
  #contactModal .modal-body { padding: 18px 20px max(24px, env(safe-area-inset-bottom)) !important; }
  body .bit-form .bf-button,
  body .bit-form .bf-button { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  body .bit-form .bf-button,
  body .bit-form .bf-button { transition: none; }
}

/* Shared attention states: amber and explicit correction text, never red.
   Plugin visibility stays authoritative; the controller reflects visible errors. */
body .bit-form .bf-error-wrapper {
  min-width: 0;
  max-width: 100%;
  margin: 0 !important;
  transition: none !important;
}
body .bit-form .bf-error-wrapper[data-daylight-error-visible="true"] {
  height: auto !important;
  opacity: 1 !important;
  padding-top: 6px !important;
}
body .bit-form .bf-error-text {
  position: static !important;
  max-width: 100%;
  margin: 0 !important;
  font: 400 1rem/1.4 var(--vr-font-body, Montserrat, sans-serif) !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
body .bit-form .bf-asterisk-symbol { color: var(--daylight-form-error) !important; }
body .bit-form .alert-danger {
  color: var(--daylight-form-ink) !important;
  background: var(--daylight-form-subtle) !important;
  border-color: var(--daylight-form-error) !important;
}
body .bit-form a,
body .bit-form a:visited,
body .bit-form a:hover,
body .bit-form a:focus-visible { color: var(--daylight-form-accent) !important; }
body .bit-form :is(input[type="checkbox"], input[type="radio"]),
body .daylight-form-specimen :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--daylight-form-accent);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
body .bit-form :is(.bf-check-label, .bf-radio-label) { min-height: 44px; }
.daylight-form-error-description {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* Native choice controls keep space/arrows/submission semantics. Style their
   real labels and states rather than replacing inputs with clickable drawings. */
body .bit-form label:has(input:is([type="checkbox"], [type="radio"])),
body .daylight-form-specimen label:has(input:is([type="checkbox"], [type="radio"])) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
  cursor: pointer;
}
body .bit-form input:is([type="checkbox"], [type="radio"]):hover:not(:disabled),
body .daylight-form-specimen input:is([type="checkbox"], [type="radio"]):hover:not(:disabled) {
  outline: 1px solid var(--daylight-form-accent);
  outline-offset: 3px;
}
body .bit-form input:is([type="checkbox"], [type="radio"]):disabled,
body .daylight-form-specimen input:is([type="checkbox"], [type="radio"]):disabled {
  opacity: .55;
  cursor: not-allowed;
}
body .bit-form label:has(input:is([type="checkbox"], [type="radio"]):disabled),
body .daylight-form-specimen label:has(input:is([type="checkbox"], [type="radio"]):disabled) { cursor: not-allowed; }
body .bit-form input:is([type="checkbox"], [type="radio"])[aria-invalid="true"],
body .daylight-form-specimen input:is([type="checkbox"], [type="radio"])[aria-invalid="true"] {
  outline: 2px solid var(--daylight-form-error);
  outline-offset: 3px;
}
body .bit-form .bf-dpd-field-wrapper {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid var(--daylight-form-rule) !important;
  border-radius: 0 !important;
  background: var(--daylight-form-surface) !important;
  color: var(--daylight-form-ink) !important;
  font: 400 16px/1.45 var(--vr-font-body, Montserrat, sans-serif) !important;
}
body .bit-form .bf-selected-option-label {
  max-width: 100%;
  font: inherit !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Bootstrap forms have no saved Bit Form style sheet. Preserve the installed
   DropdownField/bit-select contract: JS owns menu-open and inline max-height;
   source lists stay hidden while the single active-list supplies the choices. */
body .bit-form .bf-dpd-fld-container { position: relative; min-height: 48px; }
body .bit-form .bf-dpd-field-wrapper {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body .bit-form .bf-dpd-field-wrapper.menu-open { z-index: 20; }
body .bit-form .bf-dpd-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 46px;
  padding: 11px 13px;
  cursor: pointer;
}
body .bit-form .bf-dpd-button-wrapper { display: flex; align-items: center; }
body .bit-form .bf-selected-option-clear-button { display: none; }
body .bit-form .bf-option-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
}
body .bit-form .bf-option-inner-wrapper { display: flex; flex-direction: column; overflow: hidden; }
body .bit-form .bf-option-list { margin: 0; padding: 0; overflow-y: auto; list-style: none; }
body .bit-form .bf-option-list:not(.active-list) { display: none !important; }
body .bit-form .bf-option-list .option { padding: .65rem .8rem; cursor: pointer; }
body .bit-form .bf-option-list .option:is(:hover, :focus-visible, .selected-opt) { background: var(--daylight-form-subtle); }
body .bit-form .bf-dpd-field-wrapper:is(.disabled, .readonly) .bf-dpd-wrapper { pointer-events: none; }
body .bit-form .bf-option-search-wrapper { position: relative; margin: 5px; }
body .bit-form .bf-option-search-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 8px 36px 8px 12px;
  border: 1px solid var(--daylight-form-rule);
  background: var(--daylight-form-surface);
  color: var(--daylight-form-ink);
  font: inherit;
}
body .bit-form .bf-option-search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }

/* ==== web/app/themes/daylight/assets/css/daylight-buy-sell.css ==== */
/* Buy/Sell composition only; form controls retain the shared BitForms layer. */
.daylight-buy-contact,
.daylight-sell-contact {
  background: var(--vr-color-surface-subtle, #f4f3ef);
  color: var(--vr-color-text, #18181b);
}
.daylight-buy-contact .daylight-buy-contact__title,
.daylight-sell-contact .daylight-sell-contact__title { color: inherit; }
.daylight-buy-contact .daylight-buy-contact__lead { color: var(--vr-color-muted, #52525b); }
.daylight-buy-contact__form,
.daylight-sell-contact__form { min-width: 0; }
.daylight-service-hero--sell-daylight .daylight-service-hero__media {
  min-width: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.daylight-service-hero--sell-daylight .daylight-service-hero__media > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  margin: 0;
}
/* Authored lockups remain original images. Never replace them with wrapping text
   or distort their proportions to make the containing prose column fit. */
.daylight-sell-prose__body img,
.daylight-sell-story__col img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.daylight-sell-prose__body a:has(> img),
.daylight-sell-story__col a:has(> img) { display: inline-block; max-width: 100%; }

/* ==== web/app/themes/daylight/assets/css/interior-navigation.css ==== */
/* 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;
}
/* Person photos keep one 4:5 box whatever the upload's shape, so a missing
   photo (the wide noimage fallback) or an odd-sized upload can't break a grid. */
.agent-card .card-img,
img.staff-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-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);
}

/* ==== web/app/themes/daylight/assets/css/service-pages.css ==== */
/* Sell and Careers share one restrained, image-led composition using the Daylight tokens. */

.daylight-service-hero {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  min-height: clamp(34rem, 54vw, 47rem);
  max-width: 100rem;
  margin-inline: auto;
  color: var(--vr-color-text, #231f1c);
  background: var(--vr-color-surface, #f1f3f2);
}

.daylight-service-hero__copy {
  display: flex;
  align-items: center;
  padding: clamp(2.5rem, 6vw, 6rem);
}

.daylight-service-hero__copy-inner { width: 100%; max-width: 40rem; margin-inline: auto; }

.daylight-service-hero__title {
  margin: 0;
  color: var(--vr-color-text, #231f1c);
  font-family: var(--vr-font-display, Georgia, serif);
  font-size: clamp(2.75rem, 4.6vw, 4.5rem);
  font-weight: 300;
  line-height: 1.04;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.daylight-service-hero__lead {
  max-width: 65ch;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0;
  color: var(--vr-color-text, #231f1c);
  font-family: var(--vr-font-body, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
}

.daylight-service-hero__cta {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  margin-top: 1.75rem;
  padding: .75rem 1.5rem;
  border: 1px solid var(--vr-color-text, #231f1c);
  background: var(--vr-color-text, #231f1c);
  color: #fff;
  font-family: var(--vr-font-body, Arial, sans-serif);
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.daylight-service-hero__cta:hover,
.daylight-service-hero__cta:focus-visible {
  border-color: #000;
  background: #000;
  color: #fff;
}

.daylight-service-hero__cta:focus-visible {
  outline: 2px solid var(--vr-color-text, #231f1c);
  outline-offset: 3px;
}

/* Buy and Sell interior heroes follow the approved Pure Daylight shell. */
.daylight-buy-hero--daylight,
.daylight-service-hero--sell-daylight {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: stretch;
  min-height: clamp(25rem, 42vw, 37rem);
  max-width: none;
  margin-inline: 0;
  overflow: hidden;
  color: var(--vr-color-text, #232b2b);
  background: var(--vr-color-surface, #f1f3f2);
}

.daylight-buy-hero--daylight {
  position: relative;
  height: auto;
  max-height: none;
}

.daylight-buy-hero--daylight .daylight-buy-hero__copy,
.daylight-service-hero--sell-daylight .daylight-service-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  padding: clamp(2rem, 6vw, 6rem);
}

.daylight-buy-hero--daylight.daylight-buy-hero--text-only,
.daylight-service-hero--sell-daylight.daylight-service-hero--text-only {
  grid-template-columns: minmax(0, 1fr);
  min-height: 24rem;
}

.daylight-buy-hero--daylight.daylight-buy-hero--text-only .daylight-buy-hero__copy,
.daylight-service-hero--sell-daylight.daylight-service-hero--text-only .daylight-service-hero__copy-inner {
  width: 100%;
  max-width: 56rem;
  margin-inline: auto;
}

.daylight-buy-hero--daylight .daylight-buy-hero__title,
.daylight-service-hero--sell-daylight .daylight-service-hero__title {
  max-width: 14ch;
  margin: 0;
  color: var(--vr-color-text, #232b2b);
  font-family: var(--vr-font-display, Georgia, serif);
  font-size: clamp(2.75rem, 5vw, 4.5rem);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.daylight-buy-hero--daylight .daylight-buy-hero__lead,
.daylight-service-hero--sell-daylight .daylight-service-hero__lead {
  max-width: 48ch;
  margin: 1.25rem 0 0;
  color: var(--vr-color-text, #3a342f);
  font-family: var(--vr-font-body, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0;
}

.daylight-buy-hero--daylight .daylight-buy-hero__cta,
.daylight-service-hero--sell-daylight .daylight-service-hero__cta {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: 1.75rem;
  padding: .75rem 1.5rem;
  border: 1px solid var(--daylight-journal-forest, #245b57);
  border-radius: 0;
  background: var(--daylight-journal-forest, #245b57);
  color: #f7f5ef;
  font-family: var(--vr-font-body, Arial, sans-serif);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.4;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.daylight-buy-hero--daylight .daylight-buy-hero__cta:hover,
.daylight-buy-hero--daylight .daylight-buy-hero__cta:focus-visible,
.daylight-service-hero--sell-daylight .daylight-service-hero__cta:hover,
.daylight-service-hero--sell-daylight .daylight-service-hero__cta:focus-visible {
  border-color: #1c4945;
  background: #1c4945;
  color: #f7f5ef;
}

.daylight-buy-hero--daylight .daylight-buy-hero__cta:focus-visible,
.daylight-service-hero--sell-daylight .daylight-service-hero__cta:focus-visible {
  outline: 2px solid #1c4945;
  outline-offset: 3px;
}

.daylight-buy-hero--daylight .daylight-buy-hero__media,
.daylight-service-hero--sell-daylight .daylight-service-hero__media {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--vr-color-surface-raised, #e6e5df);
}

.daylight-buy-hero--daylight .daylight-buy-hero__media img,
.daylight-service-hero--sell-daylight .daylight-service-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 900px) {
  .daylight-buy-hero--daylight,
  .daylight-service-hero--sell-daylight {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .daylight-buy-hero--daylight .daylight-buy-hero__copy,
  .daylight-service-hero--sell-daylight .daylight-service-hero__copy {
    padding: clamp(2rem, 9vw, 3.5rem) clamp(1.25rem, 6vw, 2rem);
  }

  .daylight-buy-hero--daylight .daylight-buy-hero__title,
  .daylight-service-hero--sell-daylight .daylight-service-hero__title {
    font-size: clamp(2.5rem, 11vw, 3.5rem);
  }

  .daylight-buy-hero--daylight .daylight-buy-hero__media,
  .daylight-buy-hero--daylight .daylight-buy-hero__media img,
  .daylight-service-hero--sell-daylight .daylight-service-hero__media,
  .daylight-service-hero--sell-daylight .daylight-service-hero__media img {
    height: clamp(15rem, 67vw, 25rem);
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .daylight-buy-hero--daylight .daylight-buy-hero__cta,
  .daylight-service-hero--sell-daylight .daylight-service-hero__cta {
    transition: none;
  }
}

.daylight-service-hero__media {
  min-width: 0;
  min-height: 34rem;
  overflow: hidden;
  background: var(--vr-color-surface-raised, #e6e5df);
}

.daylight-service-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 34rem;
  object-fit: cover;
  object-position: center;
}

.daylight-service-hero--text-only { grid-template-columns: minmax(0, 1fr); min-height: 24rem; }
.daylight-service-hero--text-only .daylight-service-hero__copy-inner { max-width: 52rem; }

@media (max-width: 900px) {
  .daylight-service-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .daylight-service-hero__copy { padding: clamp(2rem, 9vw, 3.5rem) clamp(1.25rem, 6vw, 2rem); }
  .daylight-service-hero__title { font-size: clamp(2.5rem, 11vw, 3.5rem); }
  .daylight-service-hero__media,
  .daylight-service-hero__media img { height: clamp(15rem, 67vw, 23rem); min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .daylight-service-hero__cta { transition: none; }
}

/* ==== web/app/themes/daylight/assets/css/daylight-widget-tokens.css ==== */
/* Daylight brand inputs for Signals-owned widget presentation; no listing markup or layout. */
:root {
  --vri-ink: var(--vr-color-text);
  --vri-muted: var(--vr-color-muted);
  --vri-font-display: var(--vr-font-display);
  --vri-font-sans: var(--vr-font-body);
}

/* Signals owns the single light pill. WordPress retains this wrapper's position/width. */
.home .daylight-hero__search:has([data-vr-idx-display="search"]) {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ==== web/app/themes/daylight/assets/css/daylight-daylight-shell.css ==== */
/* Daylight — Pure Daylight shell, selected 2026-10-14.
   Semantic colors resolve from the published site design contract on every route;
   this component layer owns composition, not a second brand palette.
   Scoped to the shared header/footer and the front-page hero; listing components
   and their parent-theme markup keep their existing styling. */

/* ONE source for the site chrome (Ryan 2026-10-29). This file loads on every Daylight page type (each
   surface bundle and the unbundled stack) and is the only theme stylesheet that may style the header,
   nav, wordmark, menu drawer or page-wide rendering (scrollbar, font smoothing). The nav once moved and
   looked heavier on inner pages because home-only CSS set those. Guarded by
   tests/DaylightHeaderSingleSourceTest.cjs and the header check in tools/qa/visual/layout-smoke.mjs. */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* The header sets its own base type so no page's body rules (line-height, font stack) reach it. */
.daylight-header { font-family: var(--vr-font-body, Montserrat, sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: normal; }

/* Home photo hero: desktop nav links sat directly on the photo (CONTACT measured 3.43:1), so they get a
   warm-white plate while the header is not the fixed bar. Nav links are display:none below 1024px. */
@media (min-width: 1024px) {
  .home .daylight-hero .daylight-header:not(.is-fixed) .daylight-nav__link { padding: .4rem .8rem; background: rgba(250,248,244,.9); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 999px; }
}

/* Headers floating over a hero photo (Luxury, About): a solid light bar, not a dark gradient. The About
   bar stays opaque: its photo's dark tree left BUY/SELL at 1.0-1.5:1 through a see-through header. */
.daylight-about-hero .daylight-header:not(.is-fixed) { position: absolute; inset: 0 0 auto; }
.daylight-lux-page .daylight-header:not(.is-fixed) { background: var(--daylight-plate-bar); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.daylight-about-hero .daylight-header:not(.is-fixed) { background: var(--vr-color-surface); backdrop-filter: none; -webkit-backdrop-filter: none; }
:is(.daylight-lux-page, .daylight-about-hero) .daylight-header:not(.is-fixed) :is(.daylight-wordmark, .daylight-wordmark__brand, .daylight-wordmark__sub, .daylight-nav__link, .daylight-menu-toggle) { color: var(--daylight-ink); }

/* Wordmark fit: the brand stays on one line down to 320px; on phones brand and sub-line stack, one line each. */
.daylight-wordmark__brand {
  font-size: clamp(1.05rem, 6vw, 1.5rem);
  letter-spacing: clamp(0.08em, 0.9vw + 0.02em, 0.3em);
}
@media (max-width: 767.98px) {
  .daylight-wordmark { white-space: nowrap; min-width: 0; }
.daylight-wordmark__brand, .daylight-wordmark__sub { display: block; }
.daylight-wordmark__sub { margin-top: 0.35rem; }
}
@media (min-width: 768px) {
  .daylight-wordmark__brand { font-size: 1.875rem; letter-spacing: 0.3em; }
}

/* Interior pages wrap the header in .daylight-interior-navigation (partials/interior-header.twig); inside a
   legacy page-builder hero it is pinned to the hero's top edge instead of the hero's centered flow. */
.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; }
.hero-section:not(.daylight-community-hero) > .daylight-interior-navigation {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 30;
}

/* Careers: the header bar sits on the surface colour. */
.daylight-careers-page .daylight-interior-navigation .daylight-header:not(.is-fixed) {
  position: relative;
  background: var(--vr-color-surface, #f1f3f2);
  box-shadow: 0 1px 0 rgba(35, 31, 28, .08);
}
.daylight-careers-page .daylight-interior-navigation .daylight-header:not(.is-fixed) :is(.daylight-wordmark, .daylight-wordmark__brand, .daylight-wordmark__sub, .daylight-nav__link, .daylight-menu-toggle) {
  color: var(--vr-color-text, #231f1c);
}

.daylight-header--daylight {
  position: relative;
  inset: auto;
  z-index: 40;
  padding: 0;
  border-bottom: 1px solid #d9dedb;
  background: #fff;
  color: var(--vr-color-nav-text, #232b2b);
  box-shadow: none;
}
.daylight-header--daylight.is-fixed { width: 100%; }
.daylight-header--daylight .daylight-header__inner {
  display: grid;
  width: min(100%, 1500px);
  min-height: 72px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(1rem, 2.2vw, 2.5rem);
  margin-inline: auto;
  padding: .75rem clamp(1.25rem, 4vw, 3.75rem);
}
.daylight-header--daylight .daylight-wordmark {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  justify-self: center;
  position: relative;
  inset: auto;
  transform: none;
  gap: .28rem;
  min-width: 0;
  color: var(--vr-color-nav-text, #232b2b);
  text-decoration: none;
  white-space: nowrap;
}
.daylight-header--daylight .daylight-wordmark__brand {
  color: inherit;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .84rem;
  font-weight: 500;
  letter-spacing: .25em;
  line-height: 1.2;
  text-transform: uppercase;
}
.daylight-header--daylight .daylight-wordmark__sub {
  color: inherit;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .55rem;
  font-weight: 500;
  letter-spacing: .52em;
  line-height: 1.2;
  text-transform: uppercase;
}
.daylight-header--daylight .daylight-nav {
  display: flex;
  align-items: center;
  gap: clamp(.8rem, 1.55vw, 1.5rem);
  min-width: 0;
}
.daylight-header--daylight .daylight-nav[aria-label="Primary"] {
  grid-column: 1;
  grid-row: 1;
  justify-content: flex-start;
}
.daylight-header--daylight .daylight-nav[aria-label="Account"] {
  grid-column: 3;
  grid-row: 1;
  justify-content: flex-end;
  gap: clamp(.8rem, 1.35vw, 1.25rem);
}
.daylight-header--daylight .daylight-nav__link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--vr-color-nav-text, #232b2b);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .875rem;
  font-weight: 300;
  letter-spacing: .1em;
  line-height: 1.3;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  transition: color 160ms ease;
}
.daylight-header--daylight .daylight-nav__link:hover,
.daylight-header--daylight .daylight-nav__link:focus-visible { color: #245b57; }
.daylight-header--daylight .daylight-menu-toggle {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  width: 44px;
  height: 44px;
  color: var(--vr-color-nav-text, #232b2b);
}
.daylight-header--daylight :is(a, button):focus-visible,
.daylight-menu--daylight :is(a, button):focus-visible {
  outline: 2px solid #245b57;
  outline-offset: 4px;
}

/* Keep the existing drawer controller and focus behavior, with the same light shell. */
.daylight-menu--daylight {
  background: var(--vr-color-surface);
  color: var(--vr-color-text);
}
/* Every registered destination must remain reachable in the fixed drawer. */
.daylight-menu--daylight {
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.daylight-menu--daylight[hidden] { display: none; }
.daylight-menu--daylight .daylight-menu__close { color: var(--vr-color-text); }
.daylight-menu--daylight .daylight-menu__link {
  display: flex;
  align-items: center;
  min-height: 44px;
  overflow-wrap: anywhere;
  border-radius: 0;
  color: var(--vr-color-text);
  text-decoration: none;
}
.daylight-menu--daylight .list-unstyled { padding-inline-start: 1rem; }
.daylight-menu--daylight .daylight-menu__link:hover,
.daylight-menu--daylight .daylight-menu__link:focus-visible { color: var(--vr-color-accent); }
.daylight-menu--daylight .daylight-menu__divider { border-top: 1px solid var(--vr-color-rule); }

.daylight-daylight-footer .daylight-footer {
  padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 4vw, 3.75rem) 1.5rem;
  border-top: 1px solid var(--vr-color-rule);
  background: var(--vr-color-surface, #f7f5ef);
  color: var(--vr-color-text, #232b2b);
}
.daylight-daylight-footer .daylight-footer__inner { width: min(100%, 1500px); max-width: 1500px; }
.daylight-daylight-footer .daylight-footer__cols {
  display: grid;
  grid-template-columns: minmax(12rem, 1.3fr) repeat(var(--daylight-footer-columns, 4), minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 3rem);
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.daylight-daylight-footer .daylight-footer__cols > div { min-width: 0; }

.daylight-daylight-footer .daylight-footer__brand {
  font-style: normal;
  color: var(--vr-color-text, #232b2b);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .84rem;
  font-weight: 500;
  letter-spacing: .25em;
  line-height: 1.2;
  text-transform: uppercase;
}
.daylight-daylight-footer .daylight-footer__brand-sub {
  margin-top: .35rem;
  color: var(--vr-color-text, #232b2b);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .55rem;
  font-weight: 500;
  letter-spacing: .52em;
  line-height: 1.2;
  text-transform: uppercase;
}
.daylight-daylight-footer .daylight-footer__col-title {
  margin: 0 0 .85rem;
  color: var(--vr-color-text, #232b2b);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.4;
  text-transform: uppercase;
}
.daylight-daylight-footer .daylight-footer__list {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.daylight-daylight-footer .daylight-footer__list a,
.daylight-daylight-footer .daylight-footer__bottom {
  color: var(--vr-color-muted, #52525b);
  opacity: 1;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
}
.daylight-daylight-footer .daylight-footer__list a {
  font-weight: 500;
  text-decoration: none;
  text-underline-offset: 3px;
}
.daylight-daylight-footer .daylight-footer__list a:hover { color: var(--vr-color-text, #232b2b); text-decoration: underline; }
.daylight-daylight-footer .daylight-footer__social { display: flex; gap: .9rem; margin-top: 1.25rem; }
/* Shared Daylight footer social states use the same deep-green action palette. */
.daylight-daylight-footer .daylight-footer__social a {
  display: inline-flex; width: 44px; min-height: 44px; align-items: center; justify-content: center;
  border: 1px solid var(--vr-color-rule); background: var(--vr-color-surface, #f7f5ef);
  color: var(--vr-color-accent, #245b57); border-radius: var(--vr-radius-control, 0);
}
.daylight-daylight-footer .daylight-footer__social a:hover,
.daylight-daylight-footer .daylight-footer__social a:active { background: var(--vr-color-accent, #245b57); color: var(--vr-color-on-accent, #fff); }
.daylight-daylight-footer .daylight-footer__social a:focus-visible { background: var(--vr-color-accent, #245b57); color: var(--vr-color-on-accent, #fff); outline: 2px solid var(--vr-color-accent, #245b57); outline-offset: 4px; }
.daylight-daylight-footer .daylight-footer__social svg { width: 18px; height: 18px; fill: currentColor; }
.daylight-daylight-footer .daylight-footer__bottom {
  padding-top: 1rem;
  text-align: left;
  font-size: var(--vr-type-small, .875rem);
  border-top: 1px solid var(--vr-color-muted, #52525b);
}
/* Keep the short copyright/link row aligned with the MLS/EOH disclosures.
   Both legal roles remain below one divider, on the same gutter and surface. */
.wp-child-theme-daylight footer.vri-disclaimer {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 clamp(1.25rem, 4vw, 3.75rem) 1.5rem !important;
  background: var(--vr-color-surface, #f7f5ef);
  color: var(--vr-color-muted, #52525b);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: var(--vr-type-small, .875rem) !important;
  line-height: var(--vr-line-body, 1.65) !important;
  opacity: 1 !important;
  text-align: left;
}
.wp-child-theme-daylight footer.vri-disclaimer p {
  max-width: 1500px;
  margin: .75rem auto 0;
}
.wp-child-theme-daylight footer.vri-disclaimer p:first-child { margin-top: 0; }
.wp-child-theme-daylight footer.vri-disclaimer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.wp-child-theme-daylight footer.vri-disclaimer a:focus-visible { outline: 2px solid var(--vr-color-accent, #245b57); outline-offset: 3px; }

.daylight-daylight-footer .daylight-footer__bottom a {
  color: var(--vr-color-text, #232b2b);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.daylight-daylight-footer a:focus-visible,
.daylight-daylight-footer button:focus-visible {
  outline: 2px solid var(--vr-color-accent, #245b57);
  outline-offset: 3px;
}

:is(.home, .daylight-daylight-page) .daylight-hero--daylight {
  position: relative;
  display: block;
  height: auto;
  min-height: 0;
  overflow: visible;
  scroll-snap-align: none;
  background: var(--vr-color-surface);
  color: var(--vr-color-text);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-header--daylight:not(.is-fixed) { position: relative; }
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__scrim { display: none; }
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-header--daylight:not(.is-fixed) .daylight-nav__link {
  padding: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__layout {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(20rem, .82fr) minmax(0, 1.38fr);
  grid-template-rows: auto auto;
  min-height: calc(100svh - 72px);
  align-items: center;
  column-gap: 0;
  row-gap: clamp(1.5rem, 3vw, 2.75rem);
  margin-inline: auto;
  padding: 0;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__copy {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  max-width: 37rem;
  margin-top: 0;
  padding: 0;
  opacity: 1;
  transform: none;
  animation: none;
  color: var(--vr-color-text);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__kicker {
  margin: 0 0 1rem;
  color: var(--vr-color-muted);
  font-family: var(--vr-font-body);
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title {
  width: auto;
  max-width: 13ch;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--vr-color-text);
  font-family: var(--vr-font-display, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(2.6rem, 4.6vw, 4.35rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: .99;
  text-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title-nowrap { white-space: nowrap; }
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__photo {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1.55;
  max-height: 72svh;
  overflow: hidden;
  background: var(--vr-color-surface-subtle);
  transform: none;
  animation: none;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__photo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
  animation: none;
}
/* Keep real photographic detail at rest; no blur or perpetual zoom. */
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__image {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__photo-bg {
    inset: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
  }
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search {
  position: relative;
  inset: auto;
  top: auto;
  left: auto;
  transform: none;
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  width: 100%;
  max-width: 34rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--vr-color-text);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:not(:has([data-vr-idx-display="search"])) :is(input, select) {
  min-height: 48px;
  border: 1px solid var(--vr-color-control-border);
  border-radius: 0;
  background: var(--vr-color-surface);
  color: var(--vr-color-text);
  box-shadow: none;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:not(:has([data-vr-idx-display="search"])) :is(input, select)::placeholder { color: var(--vr-color-muted); opacity: 1; }
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:not(:has([data-vr-idx-display="search"])) :is(input, select):focus-visible {
  outline: 2px solid var(--vr-color-accent);
  outline-offset: 2px;
  border-color: var(--vr-color-accent);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:not(:has([data-vr-idx-display="search"])) :is(button[type="submit"], input[type="submit"], .daylight-hero__search-btn) {
  min-height: 48px;
  border: 1px solid var(--vr-color-accent);
  border-radius: 0;
  background: var(--vr-color-accent);
  color: var(--vr-color-on-accent);
  box-shadow: none;
  font-family: var(--vr-font-body, Montserrat, sans-serif);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:not(:has([data-vr-idx-display="search"])) :is(button[type="submit"], input[type="submit"], .daylight-hero__search-btn):hover {
  border-color: var(--vr-color-inverse);
  background: var(--vr-color-inverse);
  color: var(--vr-color-on-inverse);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__lead {
  max-width: 39rem;
  margin: 1rem 0 0;
  color: var(--vr-color-muted);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.65;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search .daylight-hero__search-suggestions {
  position: static;
  inset: auto;
  transform: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem 1rem;
  margin: 1rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  transition: none;
  color: var(--vr-color-muted);
  font-family: var(--vr-font-body, Montserrat, sans-serif);
  font-size: .69rem;
  line-height: 1.5;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search-suggestions-label {
  color: var(--vr-color-muted);
  font-size: .61rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search-suggestions a {
  color: var(--vr-color-accent);
  text-decoration: underline;
  text-decoration-color: var(--vr-color-rule);
  text-underline-offset: 3px;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search-suggestions a:hover { text-decoration-color: var(--vr-color-accent); }

@media (max-width: 1100px) {
  .daylight-header--daylight .daylight-header__inner {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .daylight-header--daylight .daylight-nav { display: none; }
  .daylight-header--daylight .daylight-menu-toggle { grid-column: 2; }
  .daylight-header--daylight .daylight-menu-toggle { display: inline-flex; }
  .daylight-menu--daylight:not([hidden]) { display: block; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__layout {
    grid-template-columns: minmax(18rem, .9fr) minmax(0, 1.1fr);
    column-gap: clamp(1.5rem, 3vw, 2.75rem);
  }
}

@media (min-width: 1101px) {
  .daylight-header--daylight .daylight-menu-toggle { display: none; }
}

/* The homepage stage wrapper sets a full-viewport height for the old hero.
   This daylight hero is content-led, including when wrapped by Scrollcraft. */
.home .daylight-sc-hero-stage .daylight-hero--daylight {
  height: auto;
  min-height: 0;
  overflow: visible;
  scroll-snap-align: none;
}

@media (max-width: 380px) {
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title { max-width: 100%; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title-nowrap { white-space: normal; }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .daylight-daylight-footer .daylight-footer__cols {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 1fr));
  }
  .daylight-daylight-footer .daylight-footer__cols > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  .daylight-daylight-footer .daylight-footer { padding: 3rem 1.25rem 1.25rem; }
  .daylight-daylight-footer .daylight-footer__cols {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem 1rem;
  }
  .daylight-daylight-footer .daylight-footer__cols > div:first-child { grid-column: 1 / -1; }
  .daylight-daylight-footer .daylight-footer__bottom { font-size: .875rem; }
  /* Give every footer destination a comfortable touch target and let legal links
     wrap as separate controls instead of overlapping inside a long text line. */
  .daylight-daylight-footer .daylight-footer__list a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
  .daylight-daylight-footer .daylight-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 .5rem;
  }
  .daylight-daylight-footer .daylight-footer__bottom a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0;
    padding: 2rem 0 2.5rem;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__copy {
    grid-column: 1;
    grid-row: 1;
    padding: 0 1.25rem 1.5rem;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title {
    max-width: 13ch;
    font-size: clamp(2.65rem, 9.5vw, 4rem);
    line-height: .98;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__photo {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-height: none;
    aspect-ratio: 1.25;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search {
    grid-column: 1;
    grid-row: 3;
    max-width: none;
    padding: 1.5rem 1.25rem 0;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__lead { margin-top: 1rem; }
}

@media (max-width: 380px) {
  .daylight-daylight-footer .daylight-footer__brand { font-size: .76rem; letter-spacing: .2em; }
  .daylight-daylight-footer .daylight-footer__brand-sub { font-size: .5rem; letter-spacing: .45em; }
}

@media (max-width: 380px) {
  .daylight-header--daylight .daylight-header__inner { padding-inline: 1rem; }
  .daylight-header--daylight .daylight-wordmark__brand { font-size: .76rem; letter-spacing: .2em; }
  .daylight-header--daylight .daylight-wordmark__sub { font-size: .5rem; letter-spacing: .45em; }
}

@media (prefers-reduced-motion: reduce) {
  .daylight-header--daylight *,
  .daylight-menu--daylight *,
  .daylight-daylight-footer *,
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* The optional authored contact line closes the copy column on the same gutter as the search. */
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__contact { grid-column: 1; padding: 1rem 1.25rem 0; }
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__contact a { white-space: nowrap; }

/* The approved split hero meets the image edge-to-edge beneath navigation.
   Keep actual authored copy and the native enrolled search independently sized. */
@media (min-width: 768px) {
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__copy { padding: clamp(2rem, 4vw, 4rem) clamp(1.25rem, 3.6vw, 3.5rem) 0; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search { padding: 0 clamp(1.25rem, 3.6vw, 3.5rem) clamp(2rem, 4vw, 4rem); max-width: none; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__photo { align-self: stretch; height: 100%; min-height: 32rem; max-height: none; aspect-ratio: auto; grid-row: 1 / span 3; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search:has(~ .daylight-hero__contact) { padding-bottom: 1.25rem; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__contact { grid-row: 3; padding: 0 clamp(1.25rem, 3.6vw, 3.5rem) clamp(2rem, 4vw, 4rem); }
}
@media (max-width: 1100px) {
  .daylight-header--daylight .daylight-wordmark { grid-column: 1; justify-self: start; }
}

/* Homepage composition owns its form chrome; the registered renderer retains
   its real inputs, autocomplete, transport and Explore destinations. */
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search {
  padding: 0; border: 0; border-radius: 0; background: transparent;
  box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; overflow: visible;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform {
  display: flex; align-items: stretch; gap: 0; width: 100%; border-radius: 0;
  border: 1px solid var(--vr-color-control-border, #52525b); background: var(--vr-color-surface); box-shadow: none;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform:focus-within {
  outline: 2px solid var(--vr-color-accent, #245b57); outline-offset: 2px;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search:focus-within > .vri-sug {
  position: static; inset: auto; transform: none; width: 100%; margin: 4px 0 16px;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > input[type="search"] {
  -webkit-appearance: none; appearance: none;
  flex: 1 1 0; min-width: 0; min-height: 48px; padding: 0 1rem; border: 0; border-radius: 0;
  background: transparent; color: var(--vr-color-text, #18181b); font: inherit;
}
/* Buy/Rent select: one drawn control in every engine (Chrome otherwise paints its native
   arrow and an inner box). Gray segment flush inside the form border, custom chevron,
   same 48px height as the input; the only ring is :focus-visible. */
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > select.vri-transaction {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  flex: 0 0 auto; align-self: stretch; min-height: 48px; height: auto; margin: 0;
  padding: 0 2.25rem 0 1rem; border: 0; border-right: 1px solid var(--vr-color-control-border, #52525b); border-radius: 0;
  background: #f1f3f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2318181b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .9rem center / 12px 8px;
  color: var(--vr-color-text, #18181b); font: inherit; font-size: 1rem; line-height: 1.2;
  box-shadow: none; outline: none; cursor: pointer;
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > select.vri-transaction:focus-visible {
  outline: 2px solid var(--vr-color-accent, #245b57); outline-offset: -2px;
}
@media (max-width: 767px) {
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > select.vri-transaction {
    padding: 0 1.5rem 0 .625rem; background-position: right .5rem center;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > input[type="search"] {
    padding: 0 .25rem 0 .75rem;
  }
}
@media (forced-colors: active) {
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > select.vri-transaction {
    -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; background-image: none;
  }
}
@media (max-width: 767px) {
  /* Keep the full location hint visible on phones without shrinking entered text or controls. */
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > input[type="search"]::placeholder {
    font-size: 13px;
  }
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-sform > button[type="submit"] {
  position: static; inset: auto; transform: none; flex: 0 0 48px; min-height: 48px;
  margin: 0; border: 0; border-radius: 0; background: var(--vr-color-accent, #245b57); color: var(--vr-color-on-accent);
}
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .vr-idx-embed[data-vr-idx-display="search"] .vri-search .vri-quickfilters {
  position: static; inset: auto; transform: none; width: auto; height: auto;
  display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: .75rem 0 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}

@media (max-width: 767px) { :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__layout { min-height: calc(100svh - 68px); } }

/* Confirmation actions sit on the existing dark interior hero. */
.daylight-form-confirmation .daylight-confirmation-actions {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--vr-space-4, 1rem); margin-top: var(--vr-space-8, 2rem);
}
/* Imported tenant link rules can be important; inverse confirmation actions
   must retain their own accessible foreground in every interaction state. */
.daylight-form-confirmation [data-daylight-confirmation] .vr-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: .75rem 1.5rem;
  border: 1px solid currentColor;
  color: var(--vr-color-on-inverse, #fff) !important;
  text-decoration: underline;
  text-underline-offset: .2em;
}
.daylight-form-confirmation [data-daylight-confirmation] .vr-button:hover {
  color: var(--vr-color-on-inverse, #fff) !important;
  text-decoration-thickness: 2px;
}
.daylight-form-confirmation [data-daylight-confirmation] .vr-button:focus-visible {
  color: var(--vr-color-on-inverse, #fff) !important;
  outline: 2px solid var(--vr-color-on-inverse, #fff);
  outline-offset: 3px;
}

/* Long authored calculator labels must fit their phone column. */
a.sale-proceeds-calculator__contact { max-width: 100%; white-space: normal; }


/* Reserve the search control before its streamed widget/CSS arrives, so the auto grid
   row cannot move the already-painted headline. Reserve the control itself (48px field
   plus border), not a 14rem slot: the taller slot pushed the headline up on every
   widget-search homepage. Longer content can grow. */
:is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__search--widget > .vr-idx-embed {
  min-block-size: 3.125rem;
}


/* Shared phone reading grid: content uses the width available, not desktop line caps. */
@media (max-width: 767px) {
  .daylight-header--daylight .daylight-header__inner {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 0; padding-inline: 20px;
  }
  .daylight-header--daylight .daylight-wordmark { grid-column: 2; justify-self: center; text-align: center; }
  .daylight-header--daylight .daylight-menu-toggle { grid-column: 3; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__layout { min-height: 0; padding-block: 32px; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title {
    width: 100%; max-width: none; font-size: clamp(38px, 10vw, 46px); line-height: 1.08;
  }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__title-nowrap { white-space: normal; }
  :is(.home, .daylight-daylight-page) .daylight-hero--daylight .daylight-hero__lead {
    max-width: none; margin-inline: 0; font-size: 16px; line-height: 1.6; letter-spacing: 0;
    text-align: justify; text-align-last: left; text-wrap: wrap;
  }
  .daylight-daylight-footer .daylight-footer__cols { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-bottom: 24px; }
  .daylight-daylight-footer .daylight-footer__cols > div:first-child { justify-self: center; text-align: center; }
  .daylight-daylight-footer .daylight-footer__social { justify-content: center; }
  .daylight-daylight-footer .daylight-footer__col-title { margin-bottom: 8px; font-size: 14px; font-weight: 600; }
  .daylight-daylight-footer .daylight-footer__list { gap: 0; }
  .daylight-daylight-footer .daylight-footer__list li { margin: 0; }
  .daylight-daylight-footer .daylight-footer__list a { font-size: 16px; line-height: 1.5; }
  .daylight-daylight-footer .daylight-footer__bottom { display: block; font-size: 14px; line-height: 1.65; }
  .daylight-daylight-footer .daylight-footer__bottom p { margin: 0 0 16px; }
}

/* Parent navigation keeps its authored groups; office details get a readable full row. */
@media (min-width: 390px) and (max-width: 767px) {
  .daylight-daylight-footer .daylight-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daylight-daylight-footer .daylight-footer__cols > div:first-child,
  .daylight-daylight-footer .daylight-footer__col--office { grid-column: 1 / -1; }
}

/* Page templates that load after this file. */
/* Luxury Division page: transparent header over the full-bleed hero, white bar once fixed. */
.daylight-lux-page .daylight-header.is-fixed .daylight-wordmark,
.daylight-lux-page .daylight-header.is-fixed .daylight-nav__link,
.daylight-lux-page .daylight-header.is-fixed .daylight-menu-toggle { color: #18181b; }
.daylight-lux-page .daylight-header.is-fixed { background: #fff; box-shadow: 0 5px 24px rgba(20,20,20,.08); }
.daylight-lux-page .daylight-header.is-fixed .daylight-wordmark__brand,
.daylight-lux-page .daylight-header.is-fixed .daylight-wordmark__sub { color: #18181b; }
.daylight-lux-page > .daylight-header.daylight-header--daylight:not(.is-fixed) {
  position: absolute;
  inset: 0 0 auto;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-bottom-color: rgba(255,255,255,.22);
}
.daylight-lux-page > .daylight-header.daylight-header--daylight:not(.is-fixed) :is(.daylight-wordmark, .daylight-wordmark__brand, .daylight-wordmark__sub, .daylight-nav__link, .daylight-menu-toggle) { color: #fff; }

/* Commercial 2 page: transparent header over the hero, paper bar once fixed. */
.commercial-2 > .daylight-header.daylight-header--daylight:not(.is-fixed) { position:absolute; inset:0 0 auto; background:transparent; box-shadow:none; border-color:rgba(255,255,255,.25); }
.commercial-2 > .daylight-header.daylight-header--daylight:not(.is-fixed) :is(.daylight-wordmark,.daylight-wordmark__brand,.daylight-wordmark__sub,.daylight-nav__link,.daylight-menu-toggle) { color:#fff; }
.commercial-2 .daylight-header.is-fixed { background:#f4f1ea; box-shadow:none; }
.commercial-2 .daylight-header.is-fixed :is(.daylight-wordmark,.daylight-wordmark__brand,.daylight-wordmark__sub,.daylight-nav__link,.daylight-menu-toggle) { color:var(--c2-ink); }