/* Built by scripts/build-assets.sh. Edit resources/styles/public/*.css. */

.cta-gold,
.cta-gold-flat {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--gold-btn-radius);
  border-color: #d2a34b;
  border-width: 1px;
  border-style: solid;
  background: var(--gold-btn-bg);
  color: #3f2f17;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease, background-position 0.22s ease;
}

.cta-gold.c-border-strong,
.cta-gold-flat.c-border-strong {
  border-color: #d2a34b;
}

.cta-gold::before,
.cta-gold-flat::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(160% 92% at 50% 52%, var(--gold-btn-sheen) 0%, rgba(255, 238, 182, 0.18) 34%, rgba(255, 224, 132, 0.08) 56%, rgba(255, 223, 118, 0) 78%);
  content: "";
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.22s ease;
  pointer-events: none;
}

.cta-gold-flat:hover,
.cta-gold:hover {
  background: var(--gold-btn-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.55);
  filter: brightness(1.035);
  transform: translateY(-1px);
}

.cta-gold-flat:hover::before,
.cta-gold:hover::before {
  opacity: 0;
  transform: none;
}

.cta-gold-flat:focus-visible,
.cta-gold:focus-visible {
  outline: 2px solid rgba(216, 188, 103, 0.56);
  outline-offset: 2px;
}

.cta-gold-flat:disabled,
.cta-gold-flat[aria-disabled="true"],
.cta-gold:disabled,
.cta-gold[aria-disabled="true"] {
  box-shadow: none;
  filter: saturate(0.75);
}

.cta-gold-outline {
  border-radius: var(--gold-btn-radius);
  background: linear-gradient(180deg, rgba(22, 21, 18, 0.92), rgba(10, 10, 9, 0.9));
  color: #ebd598;
  box-shadow: inset 0 0 0 1px rgba(193, 156, 76, 0.56), 0 8px 14px -10px rgba(16, 14, 10, 0.74);
}

.cta-gold-outline:hover {
  background: linear-gradient(180deg, rgba(30, 28, 24, 0.94), rgba(14, 14, 12, 0.9));
  box-shadow: inset 0 0 0 1px rgba(214, 178, 95, 0.6), 0 10px 16px -12px rgba(12, 10, 8, 0.8);
}

.cta-gold-outline:focus-visible {
  outline: 2px solid rgba(216, 188, 103, 0.48);
  outline-offset: 2px;
}

.c-layout-shell {
  width: 100%;
  max-width: var(--layout-shell-max-width);
  margin-inline: auto;
}

.c-page-gutter {
  padding-inline: var(--layout-page-padding-x-mobile);
}

.c-main-shell {
  width: 100%;
  max-width: var(--layout-shell-max-width);
  margin-inline: auto;
  padding-inline: var(--layout-page-padding-x-mobile);
  padding-top: var(--layout-main-padding-top);
  padding-bottom: var(--layout-main-padding-bottom);
}

.c-card {
  background: var(--card);
  border: var(--border-width-base) solid var(--border-color-base);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

.c-card-soft {
  box-shadow: var(--shadow-soft);
}

.section,
.hero-section,
.search-section,
.cta-section,
.content-block {
  position: relative;
}

.home-hero-section {
  overflow: hidden;
}

.section-header {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--layout-section-gap-mobile);
}

.section-title {
  font-family: var(--font-display);
  font-size: var(--type-section-mobile);
  font-weight: var(--type-section-weight);
  line-height: var(--type-section-line);
  letter-spacing: var(--type-section-spacing);
}

.section-lead {
  max-width: 68ch;
  font-size: var(--text-lg);
  line-height: var(--line-height);
  color: var(--muted);
}

.section-grid {
  display: grid;
  gap: var(--layout-grid-gap-mobile);
}

.card-header,
.card-body,
.card-footer,
.site-nav,
.mobile-nav,
.feature-card,
.property-card,
.blog-card,
.office-card,
.testimonial-card {
  min-width: 0;
}

@media (min-width: 768px) {
  .section-header {
    margin-bottom: var(--layout-section-gap-desktop);
  }

  .section-title {
    font-size: var(--type-section-desktop);
  }

  .section-grid {
    gap: var(--layout-grid-gap-desktop);
  }
}

.c-field {
  border: var(--border-width-base) solid var(--border-color-input);
  border-radius: var(--radius-xs);
  background: var(--card);
}

.c-field-label {
  letter-spacing: var(--tracking-label);
}

.c-track-label {
  letter-spacing: var(--tracking-label);
}

.c-track-cta {
  letter-spacing: var(--tracking-cta);
}

.c-track-ui {
  letter-spacing: var(--tracking-ui);
}

.c-track-subtle {
  letter-spacing: var(--tracking-subtle);
}

.c-track-xwide {
  letter-spacing: var(--tracking-xwide);
}

.c-track-negative {
  letter-spacing: var(--tracking-negative);
}

@media (min-width: 768px) {
  .c-page-gutter,
  .c-main-shell {
    padding-inline: var(--layout-page-padding-x-tablet);
  }

}

@media (min-width: 1024px) {
  .c-page-gutter,
  .c-main-shell {
    padding-inline: var(--layout-page-padding-x-desktop);
  }
}

.c-radius-xs {
  border-radius: var(--radius-xs);
}

.c-radius-xxs {
  border-radius: var(--radius-xxs);
}

.c-radius-sm {
  border-radius: var(--radius-sm);
}

.c-radius-base {
  border-radius: var(--radius-base);
}

.c-radius-md {
  border-radius: var(--radius-md);
}

.c-radius-lg {
  border-radius: var(--radius-lg);
}

.c-border-base {
  border-color: var(--border-color-base);
}

.c-border-soft {
  border-color: var(--border-color-soft);
}

.c-border-strong {
  border-color: var(--border-color-strong);
}

.c-border-accent {
  border-color: var(--border-color-accent);
}

.c-border-accent-dark {
  border-color: var(--border-color-accent-dark);
}

.c-border-dark {
  border-color: var(--border-color-dark);
}

.c-border-neutral {
  border-color: var(--border-color-neutral);
}

.c-border-neutral-soft {
  border-color: var(--border-color-neutral-soft);
}

.c-border-neutral-soft-2 {
  border-color: var(--border-color-neutral-soft-2);
}

.c-border-charcoal {
  border-color: var(--border-color-charcoal);
}

.c-border-charcoal-alt {
  border-color: var(--border-color-charcoal-alt);
}

.c-border-hero {
  border-color: var(--border-color-hero);
}

.c-border-gold-soft {
  border-color: var(--border-color-gold-soft);
}

.c-border-footer {
  border-color: var(--border-color-footer);
}

.c-border-footer-link {
  border-color: var(--border-color-footer-link);
}

.c-border-warm {
  border-color: var(--border-color-warm);
}

.c-border-warm-soft {
  border-color: var(--border-color-warm-soft);
}

.c-border-warm-muted {
  border-color: var(--border-color-warm-muted);
}

.c-border-cream {
  border-color: var(--border-color-cream);
}

.c-border-map-divider {
  border-color: var(--border-color-map-divider);
}

.c-border-partner {
  border-color: var(--border-color-partner);
}

.c-shadow-card {
  box-shadow: var(--shadow-card);
}

.c-shadow-card-hover:hover {
  box-shadow: var(--shadow-card-hover);
}

.c-shadow-soft {
  box-shadow: var(--shadow-soft);
}

.c-shadow-elevated {
  box-shadow: var(--shadow-elevated);
}

.c-shadow-feature-card {
  box-shadow: var(--shadow-feature-card);
}

.c-shadow-feature-card-hover:hover {
  box-shadow: var(--shadow-feature-card-hover);
}

.c-shadow-footer-card {
  box-shadow: var(--shadow-footer-card);
}

.c-shadow-overlay-chip {
  box-shadow: var(--shadow-overlay-chip);
}

.c-shadow-map-frame {
  box-shadow: var(--shadow-map-frame);
}

.c-shadow-partner-chip {
  box-shadow: var(--shadow-partner-chip);
}

.c-shadow-carousel-control {
  box-shadow: var(--shadow-carousel-control);
}

.c-shadow-carousel-button {
  box-shadow: var(--shadow-carousel-button);
}

.c-shadow-banner {
  box-shadow: var(--shadow-banner);
}

.c-shadow-testimonial {
  box-shadow: var(--shadow-testimonial);
}

.c-shadow-blog-card {
  box-shadow: var(--shadow-blog-card);
}

.c-shadow-why-card {
  box-shadow: var(--shadow-why-card);
}

.c-shadow-badge {
  box-shadow: var(--shadow-badge);
}

.c-button-base {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--btn-height);
  border-radius: var(--radius-xs);
  border: var(--border-width-base) solid var(--gold-btn-border);
  padding-inline: var(--space-4);
  font-size: var(--type-cta-mobile);
  font-weight: var(--type-cta-weight);
  line-height: var(--type-cta-line);
  letter-spacing: var(--tracking-cta);
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .c-button-base {
    min-height: var(--btn-height);
    font-size: var(--type-cta-desktop);
  }
}

.glass-header-premium {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  isolation: isolate;
  background: #070707;
  border-top: 1px solid rgba(201, 159, 76, 0.28);
  border-bottom: 1px solid rgba(201, 159, 76, 0.5);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.34);
  transition: box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.is-scrolled .glass-header-premium {
  border-bottom-color: rgba(225, 185, 95, 0.64);
  background: #040404;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.36);
}

.glass-header-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.header-shell {
  width: 100%;
  max-width: var(--layout-shell-max-width);
  margin-inline: auto;
  padding-inline: var(--layout-page-padding-x-mobile);
}

.header-main-row {
  height: var(--header-height-mobile);
}

.site-logo-frame {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.44);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.52)),
    rgba(0, 0, 0, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 216, 0.1),
    0 12px 26px rgba(0, 0, 0, 0.24);
  text-decoration: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.site-logo-frame::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(216, 188, 103, 0.14), transparent 66%),
    linear-gradient(90deg, rgba(216, 188, 103, 0.08), transparent 38%, rgba(216, 188, 103, 0.06));
  content: "";
  opacity: 0.85;
  pointer-events: none;
}

.site-logo-frame:hover,
.site-logo-frame:focus-visible {
  border-color: rgba(239, 211, 143, 0.62);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 216, 0.14),
    0 14px 30px rgba(0, 0, 0, 0.3);
  transform: translateY(-1px);
}

.site-logo-frame:focus-visible {
  outline: 2px solid rgba(216, 188, 103, 0.48);
  outline-offset: 3px;
}

.site-logo-frame--header {
  width: clamp(176px, 15.5vw, 236px);
  height: min(68px, calc(var(--header-height-mobile) - 12px));
  padding: 0.42rem 0.72rem;
}

.site-logo-frame--mobile {
  width: min(172px, 46vw);
  height: 56px;
  padding: 0.42rem 0.68rem;
}

.site-logo-desktop {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-logo-mobile {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-spacer {
  height: var(--header-height-mobile);
}

.header-utility-shell {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.glass-header-chip {
  border: var(--border-width-base) solid var(--border-color-inverse);
  background: rgba(14, 14, 14, 0.97);
  box-shadow: none;
  color: #eef2f8;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.glass-header-chip:hover {
  border-color: rgba(216, 188, 103, 0.62);
  color: #fff;
  background: rgba(20, 20, 20, 0.98);
}

.header-main-nav-link,
.header-main-nav-link:hover,
.header-main-nav-link:focus-visible {
  text-decoration: none;
}

.header-main-nav-link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  height: var(--header-nav-link-height-mobile);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-inline: var(--header-nav-link-padding-x-mobile);
  border-radius: var(--header-nav-link-radius);
  border: var(--header-nav-link-border-width) solid transparent;
  background: transparent;
  font-size: var(--type-header-nav-mobile);
  font-weight: var(--type-nav-weight);
  line-height: 1;
  letter-spacing: var(--tracking-tight);
  white-space: nowrap;
  color: #f5f6f8;
  transition:
    color var(--header-nav-link-transition-ms) ease,
    border-color var(--header-nav-link-transition-ms) ease,
    background-color var(--header-nav-link-transition-ms) ease,
    box-shadow var(--header-nav-link-transition-ms) ease,
    transform var(--header-nav-link-transition-ms) ease;
}

.header-main-nav-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  border: 0;
  background:
    linear-gradient(180deg, rgba(216, 188, 103, 0.12), rgba(216, 188, 103, 0.04)),
    radial-gradient(circle at 50% 100%, rgba(216, 188, 103, 0.2), transparent 64%);
  opacity: 0;
  transform: scale(0.98);
  transition:
    opacity var(--header-nav-link-transition-ms) ease,
    transform var(--header-nav-link-transition-ms) ease;
  pointer-events: none;
}

.header-main-nav-link:hover,
.header-main-nav-link:focus-visible,
.header-main-nav-link.is-active {
  border-color: transparent;
  color: #f3dc9f;
  background: rgba(216, 188, 103, 0.055);
  box-shadow: inset 0 -1px 0 rgba(216, 188, 103, 0.28);
  transform: translateY(-1px);
}

.header-main-nav-link:hover::after,
.header-main-nav-link:focus-visible::after,
.header-main-nav-link.is-active::after {
  opacity: 0.95;
  transform: scale(1);
}

.c-header-favorites-badge {
  min-width: var(--header-favorites-badge-min-width);
}

.header-menu-chip {
  border-color: rgba(216, 188, 103, 0.38);
  background:
    linear-gradient(180deg, rgba(216, 188, 103, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(9, 9, 9, 0.82);
  font-weight: 500;
  letter-spacing: 0.02em;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.22),
    0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

.header-menu-chip:hover,
.header-menu-chip:focus-visible {
  border-color: rgba(231, 210, 149, 0.62);
  background:
    linear-gradient(180deg, rgba(216, 188, 103, 0.18), rgba(255, 255, 255, 0.055)),
    rgba(12, 12, 12, 0.9);
}

.c-mobile-nav-drawer {
  width: 100%;
  max-height: min(calc(100dvh - var(--header-height-mobile) - max(16px, env(safe-area-inset-bottom))), 720px);
  margin-top: calc(var(--header-height-mobile) + env(safe-area-inset-top));
  border-top: var(--border-width-base) solid var(--header-mobile-drawer-border-color);
  border-radius: 20px 20px 0 0;
  background: var(--header-mobile-drawer-bg);
  backdrop-filter: blur(12px);
  box-shadow: 0 -24px 60px rgba(0, 0, 0, 0.48);
  transform: translate3d(0, 105%, 0);
  transition:
    transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 240ms ease;
  opacity: 0;
  will-change: transform, opacity;
  overscroll-behavior: contain;
}

.c-mobile-nav-head {
  border-bottom: var(--border-width-base) solid var(--header-mobile-drawer-border-color);
  background: var(--header-mobile-drawer-head-bg);
}

.c-mobile-nav-item {
  border: var(--border-width-base) solid var(--header-mobile-nav-item-border-color);
  background: var(--header-mobile-nav-item-bg);
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 280ms ease,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color var(--transition-base),
    border-color var(--transition-base),
    color var(--transition-base);
}

.c-mobile-nav-item:hover {
  background: var(--header-mobile-nav-item-hover-bg);
}

.c-mobile-nav-item.is-active {
  background: var(--header-mobile-nav-item-active-bg);
  color: #fff;
}

.c-mobile-nav-footer {
  border-top: var(--border-width-base) solid var(--header-mobile-drawer-border-color);
}

.header-mobile-nav-panel {
  display: flex;
  align-items: flex-end;
  z-index: 1000;
  pointer-events: none;
}

.header-mobile-nav-panel.hidden {
  display: none;
}

.mobile-nav-backdrop {
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}

.header-mobile-nav-panel.is-open .mobile-nav-backdrop {
  opacity: 1;
  pointer-events: auto;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-drawer {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.header-mobile-nav-panel.is-open {
  pointer-events: auto;
}

.header-mobile-nav-panel.is-closing .c-mobile-nav-drawer {
  opacity: 0.96;
  transform: translate3d(0, 105%, 0);
  transition-timing-function: cubic-bezier(0.64, 0, 0.78, 0);
}

.header-mobile-nav-panel.is-closing .mobile-nav-backdrop {
  opacity: 0;
}

.c-mobile-nav-group + .c-mobile-nav-group {
  margin-top: 1rem;
}

.c-mobile-nav-group-title {
  margin: 0 0 0.45rem;
  color: #d8bc67;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.c-mobile-nav-group-links {
  display: grid;
  gap: 0.45rem;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item {
  opacity: 1;
  transform: translateY(0);
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(1) {
  transition-delay: 70ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(2) {
  transition-delay: 100ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(3) {
  transition-delay: 130ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(4) {
  transition-delay: 160ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(5) {
  transition-delay: 190ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-item:nth-of-type(6) {
  transition-delay: 220ms;
}

.header-mobile-nav-panel.is-open .c-mobile-nav-footer .glass-header-chip {
  animation: mobile-nav-item-rise 300ms ease 240ms both;
}

@keyframes mobile-nav-item-rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-mobile-nav-drawer,
  .mobile-nav-backdrop,
  .c-mobile-nav-item {
    transition-duration: 1ms;
  }

  .header-mobile-nav-panel.is-open .c-mobile-nav-footer .glass-header-chip {
    animation: none;
  }
}

body.mobile-nav-open,
body.listing-lightbox-open {
  overflow: hidden;
}

body.mobile-nav-open {
  touch-action: pan-y;
}

.header-desktop-nav-panel {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
}

.header-desktop-nav-panel.hidden {
  display: none;
}

.header-desktop-nav-panel.is-open {
  pointer-events: auto;
}

.header-desktop-nav-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 0, rgba(216, 188, 103, 0.1), transparent 34%),
    rgba(6, 6, 6, 0.32);
  opacity: 0;
  transition: opacity var(--transition-fast);
}

.header-desktop-nav-panel.is-open .header-desktop-nav-backdrop {
  opacity: 1;
}

.header-desktop-nav-menu {
  position: absolute;
  top: calc(var(--header-height-desktop, 88px) + 0.65rem);
  left: 50%;
  width: min(1120px, calc(100vw - 48px));
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.36);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(18, 16, 11, 0.98), rgba(5, 5, 5, 0.98) 58%),
    radial-gradient(circle at 18% 0, rgba(216, 188, 103, 0.2), transparent 32%);
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.48),
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 0 0 1px rgba(255, 255, 255, 0.03) inset;
  transform: translate(-50%, -10px);
  opacity: 0;
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}

.header-desktop-nav-panel.is-open .header-desktop-nav-menu {
  opacity: 1;
  transform: translate(-50%, 0);
}

.header-desktop-nav-menu__inner {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem;
  padding: 1.05rem;
}

.header-desktop-nav-group h2 {
  margin: 0 0 0.65rem;
  color: #e7d295;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.header-desktop-nav-group div {
  display: grid;
  gap: 0.42rem;
}

.header-desktop-nav-group a {
  position: relative;
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.2);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.018);
  padding: 0.62rem 0.78rem;
  color: #eef2f7;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

.header-desktop-nav-group a::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(216, 188, 103, 0.16), transparent 42%),
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.12), transparent 30%);
  opacity: 0;
  transition: opacity var(--transition-fast);
  pointer-events: none;
}

.header-desktop-nav-group a:hover,
.header-desktop-nav-group a:focus-visible,
.header-desktop-nav-group a.is-active {
  border-color: rgba(231, 210, 149, 0.58);
  background-color: rgba(216, 188, 103, 0.08);
  color: #fff;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.22),
    0 1px 0 rgba(255, 255, 255, 0.12) inset;
  transform: translateY(-1px);
}

.header-desktop-nav-group a:hover::before,
.header-desktop-nav-group a:focus-visible::before,
.header-desktop-nav-group a.is-active::before {
  opacity: 1;
}

body.mobile-nav-open .glass-header-premium {
  z-index: 1000;
}

body.listing-lightbox-open .listing-lightbox,
body.listing-lightbox-open .listing-lightbox__stage,
body.listing-lightbox-open .listing-lightbox__figure,
body.listing-lightbox-open .listing-lightbox__image {
  touch-action: pinch-zoom;
}

@media (max-width: 1023.98px) {
  html,
  body {
    background-color: #070707;
  }

  body {
    background-image: linear-gradient(
      to bottom,
      #070707 0,
      #070707 calc(var(--header-height-mobile) + 1px),
      var(--color-page, #f4f1eb) calc(var(--header-height-mobile) + 1px)
    );
    background-repeat: no-repeat;
  }

  .glass-header-premium {
    position: sticky !important;
    top: 0;
    height: var(--header-height-mobile);
    max-height: var(--header-height-mobile);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background: #070707;
  }

  .glass-header-premium::before {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: calc(var(--header-height-mobile) + 2px);
    z-index: -1;
    background: #070707;
  }

  .header-shell {
    height: 100%;
  }

  .header-main-row {
    display: flex !important;
    height: 100%;
    min-height: 0;
  }

  .site-nav,
  .header-desktop-actions {
    display: none !important;
  }

  .header-mobile-actions {
    display: flex !important;
  }

  .header-mobile-actions .glass-header-chip,
  .c-mobile-nav-head .glass-header-chip {
    min-width: 44px;
    min-height: 44px;
  }

  .header-mobile-nav-panel:not(.hidden) {
    display: flex;
  }

  .header-spacer {
    display: none;
    height: 0;
  }
}

@media (min-width: 768px) {
  .header-shell {
    padding-inline: var(--layout-page-padding-x-tablet);
  }

  .glass-form-premium {
    padding: var(--search-panel-padding-desktop);
  }
}

@media (min-width: 1024px) {
  .header-main-row {
    height: var(--header-height-desktop);
  }

  .site-logo-desktop {
    width: 100%;
    height: 100%;
  }

  .header-spacer {
    height: var(--header-height-desktop);
  }

  .header-main-nav-link {
    font-size: var(--type-header-nav-desktop);
    height: var(--header-nav-link-height-desktop);
    padding-inline: var(--header-nav-link-padding-x-desktop);
  }
}

.glass-panel-premium {
  background: var(--search-shell-bg);
  border: var(--border-width-base) solid var(--search-shell-border-color);
  border-radius: var(--search-shell-radius);
  box-shadow:
    0 28px 54px rgba(0, 0, 0, 0.5),
    0 10px 18px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 245, 220, 0.12);
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.16s ease-out;
}

.glass-panel-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 246, 223, 0.08), rgba(255, 246, 223, 0.02) 16%, rgba(255, 246, 223, 0) 36%);
}

.search-floating:focus-within .glass-panel-premium,
.search-floating:hover .glass-panel-premium {
  box-shadow:
    0 34px 62px rgba(0, 0, 0, 0.54),
    0 12px 22px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 245, 220, 0.14);
}

.search-floating .glass-panel-premium {
  background: #000;
  border: 0;
}

.search-floating .glass-form-premium {
  background: #000;
  border: 0;
  box-shadow: none;
}

@media (min-width: 768px) {
  .home-hero-section + .search-floating {
    margin-top: var(--home-search-overlap-desktop);
  }
}

@media (min-width: 1024px) {
  .header-shell {
    padding-inline: var(--layout-page-padding-x-desktop);
  }

  .home-hero-section + .search-floating {
    margin-top: var(--home-search-overlap-large);
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .header-contact-chip {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    padding-inline: 0;
  }

  .header-contact-chip__text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
}

.glass-form-premium {
  background: #090909;
  border: 1px solid rgba(243, 241, 236, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 243, 209, 0.04);
  border-radius: var(--search-shell-radius);
  padding: var(--search-panel-padding-mobile);
}

.glass-field-premium {
  background: #080808;
  border: 1px solid rgba(243, 241, 236, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 243, 209, 0.03);
  border-radius: var(--search-field-radius);
  padding: var(--search-field-padding-y) var(--search-field-padding-x);
}

.glass-field-premium:focus-within {
  border-color: rgba(201, 159, 76, 0.48);
}

@media (max-width: 767px) {
  .glass-panel-premium {
    background: #0b0b0c;
  }

  .glass-form-premium {
    background: #090909;
  }

  .glass-field-premium {
    background: #080808;
  }
}

.type-featured-badge {
  font-size: var(--type-featured-badge-mobile);
}

.type-featured-location {
  font-size: var(--type-featured-location-mobile);
}

.type-featured-title {
  font-size: var(--type-featured-title-mobile);
  line-height: 1.14;
}

.type-featured-price {
  font-size: var(--type-featured-price-mobile);
}

.type-featured-meta {
  font-size: var(--type-featured-meta-mobile);
  line-height: 1.32;
}

@media (min-width: 768px) {
  .type-featured-badge {
    font-size: var(--type-featured-badge-desktop);
  }

  .type-featured-location {
    font-size: var(--type-featured-location-desktop);
  }

  .type-featured-title {
    font-size: var(--type-featured-title-desktop);
  }

  .type-featured-price {
    font-size: var(--type-featured-price-desktop);
  }

  .type-featured-meta {
    font-size: var(--type-featured-meta-desktop);
  }
}

[data-cms-block="featured_listings"] {
  padding-top: var(--featured-section-padding-top-mobile);
  padding-bottom: var(--featured-section-padding-bottom-mobile);
}

.c-featured-heading-wrap {
  padding-block: var(--featured-section-heading-gap-mobile);
}

.c-featured-heading-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.15rem;
  text-align: center;
}

.c-featured-heading-title::before,
.c-featured-heading-title::after {
  content: "";
  flex: 1 1 auto;
  max-width: 32rem;
  height: 4px;
  align-self: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.96;
}

.c-featured-heading-title::before {
  background-image: linear-gradient(90deg, rgba(216, 188, 103, 0) 0%, rgba(214, 180, 89, 0.48) 46%, #d8bc67 78%, #f1dca2 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.c-featured-heading-title::after {
  background-image: linear-gradient(90deg, #f1dca2 0%, #d8bc67 22%, rgba(214, 180, 89, 0.48) 54%, rgba(216, 188, 103, 0) 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

[data-cms-block="featured_listings"] [data-featured-track="desktop"] {
  gap: var(--featured-carousel-gap-desktop);
}

[data-cms-block="featured_listings"] .featured-desktop-card-slot {
  flex: 0 0 calc((100% - 1.25rem) / 2) !important;
  max-width: calc((100% - 1.25rem) / 2);
}

[data-cms-block="featured_listings"] [data-featured-track="mobile"] {
  gap: var(--featured-carousel-gap-mobile);
}

@media (min-width: 768px) {
  [data-cms-block="featured_listings"] {
    padding-top: var(--featured-section-padding-top-desktop);
    padding-bottom: var(--featured-section-padding-bottom-desktop);
  }

  .c-featured-heading-wrap {
    padding-block: var(--featured-section-heading-gap-desktop);
  }
}

@media (min-width: 1024px) {
  [data-cms-block="featured_listings"] .featured-desktop-card-slot {
    flex: 0 0 calc((100% - (2 * var(--featured-carousel-gap-desktop))) / 3) !important;
    max-width: calc((100% - (2 * var(--featured-carousel-gap-desktop))) / 3);
  }
}

.search-floating [data-home-search-form] .glass-field-premium label {
  margin-bottom: var(--home-search-label-gap);
}

.search-floating [data-home-search-form] .glass-field-premium input,
.search-floating [data-home-search-form] .glass-field-premium select {
  height: var(--home-search-input-height-desktop);
}

.home-hero-section [data-home-search-form] > input[name="location"] {
  height: var(--home-search-input-height-mobile);
}

.c-search-toggle {
  margin-bottom: var(--space-2);
  display: inline-flex;
  overflow: hidden;
  border-radius: var(--search-shell-radius);
  border: var(--border-width-base) solid rgba(201, 159, 76, 0.22);
  background: #101010;
}

.c-search-shell {
  padding: var(--search-panel-padding-mobile);
}

.c-search-toggle-button {
  display: inline-flex;
  height: var(--search-toggle-height);
  width: var(--search-toggle-width-mobile);
  align-items: center;
  justify-content: center;
  border-radius: var(--search-shell-radius);
  font-size: var(--type-cta-mobile);
  font-weight: var(--type-cta-weight);
  line-height: var(--type-cta-line);
  letter-spacing: var(--tracking-cta);
  text-transform: uppercase;
}

.c-search-form {
  border-radius: var(--search-shell-radius);
  padding: var(--search-panel-padding-mobile);
}

.c-search-grid-main {
  display: grid;
  gap: var(--search-grid-gap-mobile);
  align-items: end;
}

.c-search-field {
  border-radius: var(--search-field-radius);
  padding: var(--search-field-padding-y) var(--search-field-padding-x);
}

.c-search-label {
  margin-bottom: var(--home-search-label-gap);
}

.c-search-control {
  height: var(--search-control-height);
  line-height: var(--search-control-line-height);
}

.c-search-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  height: var(--search-control-height);
}

.c-search-range .c-search-control {
  height: 100%;
  padding-inline: 0.4rem;
  background: transparent;
}

.c-search-range .c-search-control + .c-search-control {
  border-left: var(--border-width-base) solid rgba(243, 241, 236, 0.24);
}

.search-floating select.c-search-control {
  background-color: #080808;
  color: #f6f8fc;
  -webkit-text-fill-color: #f6f8fc;
  color-scheme: dark;
}

.search-floating select.c-search-control option {
  background-color: #0b0b0c;
  color: #f6f8fc;
}

.search-floating select.c-search-control optgroup {
  background-color: #0b0b0c;
  color: #d7ba74;
}

.c-search-mobile-control {
  min-height: var(--home-search-input-height-mobile);
}

.c-search-submit {
  min-height: var(--search-action-height-mobile);
  width: 100%;
}

.c-search-actions {
  display: grid;
  gap: var(--search-action-gap);
  margin-top: 0.75rem;
}

.c-search-actions .c-search-submit,
.c-search-actions .c-search-advanced-button {
  min-height: var(--search-action-height-mobile);
  width: 100%;
  padding-inline: var(--search-action-padding-x);
  font-size: var(--search-action-font-size);
  letter-spacing: var(--search-action-letter-spacing);
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}

.c-search-advanced-toggle {
  min-height: var(--search-action-height-mobile);
}

.c-search-advanced-button {
  border: 0;
  background: transparent;
}

@media (max-width: 767.98px) {
  .search-section .c-search-shell,
  .search-section .c-search-form {
    padding: 0.7rem;
  }

  .search-section .c-search-grid-main {
    gap: 0.55rem;
  }

  .search-section .c-search-actions {
    margin-top: 0.55rem;
  }

  .c-search-form--listing:not(.is-detailed-open):not(:has(.c-search-details[open])) .c-search-grid-main > .c-search-field:nth-of-type(n+2) {
    display: none;
  }
}

.c-search-details {
  width: 100%;
}

.c-search-details-label--open {
  display: none;
}

.c-search-details[open] .c-search-details-label--closed {
  display: none;
}

.c-search-details[open] .c-search-details-label--open {
  display: inline;
}

.c-search-details > summary::-webkit-details-marker {
  display: none;
}

.c-search-details-summary--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.c-search-details-panel {
  width: 100%;
}

.c-search-reset {
  min-height: var(--search-reset-height);
}

.search-floating--listing .glass-panel-premium,
.search-floating--listing .glass-form-premium {
  border: var(--border-width-base) solid rgba(210, 163, 75, 0.28);
  background: #fff;
  color: var(--color-ink);
  box-shadow:
    0 20px 38px rgba(41, 36, 26, 0.16),
    0 8px 16px rgba(41, 36, 26, 0.1);
}

.search-floating--listing:hover .glass-panel-premium,
.search-floating--listing:focus-within .glass-panel-premium {
  box-shadow:
    0 20px 38px rgba(41, 36, 26, 0.16),
    0 8px 16px rgba(41, 36, 26, 0.1);
}

.search-floating--listing .glass-form-premium {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0.62rem;
}

.search-floating--listing .glass-panel-premium::before {
  background: linear-gradient(180deg, rgba(255, 247, 226, 0.56), rgba(255, 255, 255, 0) 45%);
}

.search-floating--listing .glass-field-premium {
  border: 0;
  border-bottom: 1px solid rgba(63, 47, 23, 0.2);
  border-radius: 0;
  background: transparent;
  color: var(--color-ink);
  box-shadow: none;
  padding: 0.38rem 0.12rem 0.5rem;
}

.search-floating--listing .glass-field-premium:hover,
.search-floating--listing .glass-field-premium:focus-within {
  border-bottom-color: rgba(210, 163, 75, 0.82);
  box-shadow: none;
}

.search-floating--listing .c-search-label {
  color: #1e1a14;
}

.search-floating--listing .c-search-control,
.search-floating--listing .c-search-mobile-control {
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
}

.search-floating--listing .c-search-control::placeholder {
  color: #667085;
  -webkit-text-fill-color: #667085;
  opacity: 1;
}

.search-floating--listing select.c-search-control {
  background-color: #fff;
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
  color-scheme: light;
}

.search-floating--listing select.c-search-control option,
.search-floating--listing select.c-search-control optgroup {
  background-color: #fff;
  color: var(--color-ink);
}

.search-floating--listing .c-search-range .c-search-control + .c-search-control {
  border-left-color: rgba(63, 47, 23, 0.16);
}

.c-search-check {
  position: relative;
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  gap: 0.62rem;
  cursor: pointer;
  color: var(--color-ink);
  font-size: var(--font-size-body);
  line-height: 1.25;
  user-select: none;
}

.c-search-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.c-search-check__box {
  position: relative;
  display: inline-flex;
  width: 1.28rem;
  height: 1.28rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(63, 47, 23, 0.38);
  border-radius: 5px;
  background: linear-gradient(180deg, #fff 0%, #f7f0df 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 2px 6px rgba(41, 36, 26, 0.08);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.c-search-check__box::after {
  content: "";
  width: 0.42rem;
  height: 0.68rem;
  border: solid #171511;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transform: translateY(-1px) rotate(38deg) scale(0.42);
  transition:
    opacity 140ms ease,
    transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1.2);
}

.c-search-check__text {
  transition: color 160ms ease;
}

.c-search-check:hover .c-search-check__box,
.c-search-check__input:focus-visible + .c-search-check__box {
  border-color: rgba(210, 163, 75, 0.86);
  box-shadow:
    0 0 0 3px rgba(216, 188, 103, 0.18),
    0 3px 9px rgba(41, 36, 26, 0.12);
}

.c-search-check__input:checked + .c-search-check__box {
  border-color: rgba(154, 111, 32, 0.9);
  background: linear-gradient(135deg, #f9e9ac 0%, #d6a33d 54%, #f8d979 100%);
  box-shadow:
    0 0 0 3px rgba(216, 188, 103, 0.22),
    0 8px 16px rgba(154, 111, 32, 0.2);
  transform: scale(1.04);
}

.c-search-check__input:checked + .c-search-check__box::after {
  opacity: 1;
  transform: translateY(-1px) rotate(38deg) scale(1);
}

.c-search-check__input:checked ~ .c-search-check__text {
  color: #3f2f17;
  font-weight: 700;
}

.search-floating--listing .c-search-toggle {
  border-color: rgba(210, 163, 75, 0.42);
  background: #fff;
}

.search-floating--listing .c-search-toggle-button:not([aria-pressed="true"]) {
  color: #3f2f17;
}

.search-floating--listing .c-search-advanced-button,
.search-floating--listing .c-search-reset {
  border: var(--border-width-base) solid rgba(210, 163, 75, 0.72);
  background: #fff;
  color: #3f2f17;
}

.search-floating--listing .c-search-advanced-button:hover,
.search-floating--listing .c-search-advanced-button:focus-visible,
.search-floating--listing .c-search-reset:hover,
.search-floating--listing .c-search-reset:focus-visible {
  background: #fff9e9;
  color: #3f2f17;
}

.search-floating--listing .c-search-actions--listing {
  align-items: stretch;
  justify-self: end;
  width: auto;
}

.search-floating--listing .c-search-actions--listing .c-search-submit {
  justify-self: end;
  width: auto;
  min-width: 150px;
  padding-inline: 1.35rem;
}

.search-floating--listing .c-search-actions--listing .c-search-advanced-button {
  width: auto;
  min-width: max-content;
  padding-inline: 1.05rem;
}

.search-floating--listing .c-search-details[open] {
  display: flex;
  flex-direction: column;
}

.search-floating--listing .c-search-details[open] > summary {
  order: 2;
  align-self: center;
  width: auto;
  min-width: 0;
  margin-top: 1rem;
  padding-inline: 1.35rem;
}

.search-floating--listing .c-search-details[open] .c-search-details-panel {
  order: 1;
}

.search-floating--listing .c-search-details-panel {
  padding-top: var(--search-grid-gap-mobile);
}

.listing-watch-intro {
  position: relative;
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.58);
  border-radius: 10px;
  background:
    linear-gradient(135deg, #070707 0%, #17130d 58%, #0a0907 100%);
  box-shadow:
    0 18px 34px rgba(24, 20, 14, 0.2),
    inset 0 1px 0 rgba(255, 244, 209, 0.12);
  color: #f8f1df;
  padding: 0.95rem;
}

.listing-watch-intro::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #8f6f27 0%, #f1d384 48%, #8f6f27 100%);
  content: "";
}

.listing-watch-intro__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.listing-watch-intro__title span:last-child {
  color: #d8bc67;
}

.listing-watch-intro__copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.32rem;
  max-width: 760px;
  color: #f4ead1;
  font-size: var(--type-body-mobile);
  line-height: 1.5;
}

.listing-watch-intro__copy p {
  margin: 0;
}

.listing-watch-intro__copy strong {
  color: #ffe8a3;
  font-weight: 800;
}

.watcher-message {
  width: 100%;
  max-width: 1120px;
  text-align: center;
}

.watcher-message__line {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--font-sans);
  font-size: clamp(1.42rem, 3.15vw, 3rem);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: 0;
}

.watcher-message__line--top {
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(1.35rem, 2.8vw, 2.65rem);
}

.watcher-message__line + .watcher-message__line {
  margin-top: clamp(0.9rem, 2vw, 1.55rem);
}

.watcher-message strong {
  color: #d8bc67;
  font-weight: 800;
}

@media (max-width: 767.98px) {
  .search-floating--listing {
    width: 100%;
  }

  .watcher-message__line br {
    display: none;
  }

  .search-floating--listing .c-search-actions--listing {
    display: flex;
    flex-direction: column;
    justify-self: stretch;
    width: 100%;
  }

  .search-floating--listing .c-search-actions--listing .c-search-submit,
  .search-floating--listing .c-search-actions--listing .c-search-advanced-button {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .listing-watch-intro {
    gap: 1.15rem;
    padding: 1.35rem 1.45rem;
  }

  .listing-watch-intro__title {
    font-size: 32px;
  }

  .listing-watch-intro__copy {
    font-size: var(--type-body-desktop);
  }

  .search-floating--listing .c-search-actions--listing {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: end;
  }

  .search-floating--listing .c-search-actions--listing .c-search-submit {
    width: auto;
    min-width: 150px;
    grid-column: 2;
    grid-row: 1;
  }

  .search-floating--listing .c-search-actions--listing .c-search-details {
    grid-column: 1;
    grid-row: 1;
    width: auto;
  }

  .search-floating--listing .c-search-actions--listing:has(.c-search-details[open]) {
    grid-template-columns: minmax(0, 1fr) max-content;
    justify-self: stretch;
    width: 100%;
  }

  .search-floating--listing .c-search-actions--listing:has(.c-search-details[open]) .c-search-details {
    grid-column: 1 / -1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
  }

  .search-floating--listing .c-search-actions--listing:has(.c-search-details[open]) .c-search-submit {
    grid-column: 2;
    grid-row: 2;
    margin-top: var(--search-grid-gap-desktop);
  }

  .search-floating--listing .c-search-actions--listing:has(.c-search-details[open]) .c-search-details > summary {
    justify-self: center;
    margin-top: var(--search-grid-gap-desktop);
  }

  .search-floating--listing .c-search-details-panel {
    padding-top: var(--search-grid-gap-desktop);
  }
}

@media (min-width: 1280px) {
  .listing-watch-intro {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.65fr);
    align-items: end;
    padding: 1.55rem 1.75rem;
  }

  .listing-watch-intro__title {
    font-size: 34px;
  }

  .listing-watch-intro__copy {
    border-left: 1px solid rgba(216, 188, 103, 0.38);
    padding-left: 1.35rem;
  }

  .search-floating--listing .c-search-grid-main {
    grid-template-columns:
      minmax(180px, 1.2fr)
      minmax(150px, 0.9fr)
      minmax(130px, 0.72fr)
      minmax(142px, 0.75fr)
      minmax(142px, 0.75fr)
      max-content;
  }

  .search-floating--listing .c-search-actions--listing {
    grid-template-columns: max-content max-content;
  }
}

.listing-watch-intro--variant {
  isolation: isolate;
  display: block;
  grid-template-columns: 1fr;
  align-items: start;
  border-radius: 8px;
  padding: 1.25rem;
}

.listing-watch-intro--variant::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.listing-watch-intro--variant .listing-watch-intro__title {
  max-width: 980px;
  letter-spacing: 0.01em;
}

.listing-watch-intro--variant .listing-watch-intro__copy {
  max-width: 850px;
  margin-top: 1rem;
  border-left: 0;
  padding-left: 0;
}

.listing-watch-intro--variant .listing-watch-intro__copy p + p {
  margin-top: 0.1rem;
}

.listing-watch-intro--option-01 {
  background:
    linear-gradient(115deg, #050505 0%, #11100e 54%, #21180a 100%);
  box-shadow:
    0 22px 40px rgba(16, 14, 10, 0.28),
    inset 0 0 0 1px rgba(255, 239, 184, 0.06);
  padding: 1.55rem;
}

.listing-watch-intro--option-01::before {
  top: 1.2rem;
  right: auto;
  bottom: 1.2rem;
  left: 1.2rem;
  width: 4px;
  height: auto;
  border-radius: 999px;
  background: linear-gradient(180deg, #f7dea0 0%, #b88724 100%);
}

.listing-watch-intro--option-01::after {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 56px);
  opacity: 0.28;
}

.listing-watch-intro--option-01 .listing-watch-intro__title,
.listing-watch-intro--option-01 .listing-watch-intro__copy {
  margin-left: 1.25rem;
}

.listing-watch-intro--option-02 {
  border-color: rgba(184, 137, 42, 0.42);
  background:
    linear-gradient(145deg, #fffdf7 0%, #f5ead3 100%);
  color: #201a11;
  box-shadow:
    0 18px 34px rgba(67, 48, 19, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  padding: 1.5rem;
}

.listing-watch-intro--option-02::before {
  right: 1.4rem;
  left: 1.4rem;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #bd8b2e 18%, #f0cd75 50%, #bd8b2e 82%, transparent 100%);
}

.listing-watch-intro--option-02 .listing-watch-intro__title {
  color: #17130d;
}

.listing-watch-intro--option-02 .listing-watch-intro__title span:last-child,
.listing-watch-intro--option-02 .listing-watch-intro__copy strong {
  color: #9a6715;
}

.listing-watch-intro--option-02 .listing-watch-intro__copy {
  color: #3d3528;
}

.listing-watch-intro--option-03 {
  border-color: rgba(247, 221, 153, 0.36);
  background:
    linear-gradient(180deg, #12100c 0%, #070707 100%);
  box-shadow:
    0 18px 36px rgba(16, 13, 8, 0.26),
    inset 0 0 0 1px rgba(216, 188, 103, 0.1);
  padding: 1.45rem 1.55rem 1.55rem;
}

.listing-watch-intro--option-03::before {
  top: auto;
  bottom: 0;
  height: 6px;
  background: linear-gradient(90deg, #7a581e 0%, #d8bc67 32%, #ffedb6 50%, #d8bc67 68%, #7a581e 100%);
}

.listing-watch-intro--option-03 .listing-watch-intro__copy {
  padding-top: 0.85rem;
  border-top: 1px solid rgba(216, 188, 103, 0.22);
}

.listing-watch-intro--option-04 {
  border-color: rgba(216, 188, 103, 0.5);
  background:
    linear-gradient(100deg, #090807 0%, #111111 46%, #21170a 100%);
  box-shadow:
    0 20px 38px rgba(24, 18, 8, 0.24),
    inset 0 1px 0 rgba(255, 246, 219, 0.1);
  padding: 1.5rem;
}

.listing-watch-intro--option-04::before {
  right: auto;
  left: 0;
  width: 72px;
  height: 100%;
  background:
    linear-gradient(90deg, rgba(216, 188, 103, 0.22), transparent);
}

.listing-watch-intro--option-04::after {
  background:
    linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.04) 100%);
}

.listing-watch-intro--option-04 .listing-watch-intro__title,
.listing-watch-intro--option-04 .listing-watch-intro__copy {
  padding-left: 1rem;
}

.listing-watch-intro--option-05 {
  border-color: rgba(119, 86, 23, 0.56);
  background:
    linear-gradient(180deg, #0d0c0a 0%, #14100a 100%);
  box-shadow:
    0 24px 44px rgba(25, 18, 9, 0.28),
    inset 0 0 0 8px rgba(216, 188, 103, 0.08),
    inset 0 0 0 9px rgba(255, 239, 185, 0.08);
  padding: 1.65rem;
}

.listing-watch-intro--option-05::before {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
  width: auto;
  height: auto;
  border: 1px solid rgba(216, 188, 103, 0.26);
  border-radius: 5px;
  background: transparent;
}

.listing-watch-intro--option-05 .listing-watch-intro__copy {
  color: #f6e9c7;
}

.listing-watch-intro--option-06 {
  border-color: #d6c7a2;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f3ea 100%);
  color: #15130f;
  box-shadow:
    0 18px 32px rgba(34, 28, 16, 0.14),
    inset 0 -1px 0 rgba(130, 94, 26, 0.18);
  padding: 1.45rem 1.5rem;
}

.listing-watch-intro--option-06::before {
  top: 1.1rem;
  right: 1.25rem;
  left: auto;
  width: 112px;
  height: 3px;
  border-radius: 999px;
  background: #b18430;
}

.listing-watch-intro--option-06 .listing-watch-intro__title {
  color: #14120f;
}

.listing-watch-intro--option-06 .listing-watch-intro__title span:last-child,
.listing-watch-intro--option-06 .listing-watch-intro__copy strong {
  color: #946414;
}

.listing-watch-intro--option-06 .listing-watch-intro__copy {
  color: #363026;
}

.listing-watch-intro--option-07 {
  text-align: center;
  border-color: rgba(244, 211, 126, 0.76);
  border-radius: 10px;
  background:
    linear-gradient(155deg, #090909 0%, #17120a 48%, #070707 100%);
  box-shadow:
    0 22px 42px rgba(19, 16, 10, 0.3),
    inset 0 0 0 1px rgba(255, 243, 208, 0.12),
    inset 0 1px 0 rgba(255, 248, 219, 0.2);
  padding: 1.95rem 1.5rem 1.65rem;
}

.listing-watch-intro--option-07::before {
  right: 0;
  left: 0;
  height: 7px;
  border-radius: 10px 10px 0 0;
  background:
    linear-gradient(90deg, #8f6f27 0%, #d8aa35 16%, #fff4c6 48%, #f2ce73 58%, #ad781e 82%, #8f6f27 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 18px rgba(216, 188, 103, 0.22);
}

.listing-watch-intro--option-07 .listing-watch-intro__title,
.listing-watch-intro--option-07 .listing-watch-intro__copy {
  margin-inline: auto;
}

.listing-watch-intro--option-07 .listing-watch-intro__copy {
  max-width: 1120px;
  color: rgba(255, 255, 255, 0.86);
}

.listing-watch-intro--option-08 {
  border-color: rgba(216, 188, 103, 0.48);
  background:
    linear-gradient(135deg, #15100a 0%, #070707 47%, #171717 100%);
  box-shadow:
    0 18px 34px rgba(14, 13, 11, 0.28),
    inset 0 1px 0 rgba(255, 243, 210, 0.08);
  padding: 1.45rem;
}

.listing-watch-intro--option-08::before {
  top: 0;
  right: auto;
  bottom: 0;
  left: 1.1rem;
  width: 1px;
  height: auto;
  background: rgba(216, 188, 103, 0.45);
}

.listing-watch-intro--option-08::after {
  background:
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(216, 188, 103, 0.055) 18px 19px);
  opacity: 0.62;
}

.listing-watch-intro--option-08 .listing-watch-intro__title,
.listing-watch-intro--option-08 .listing-watch-intro__copy {
  margin-left: 1.2rem;
}

.listing-watch-intro--option-09 {
  border-color: rgba(160, 119, 34, 0.48);
  background:
    linear-gradient(180deg, #080808 0%, #11100f 100%);
  box-shadow:
    0 16px 28px rgba(19, 16, 10, 0.24),
    inset 0 -18px 0 rgba(216, 188, 103, 0.12);
  padding: 1.25rem 1.35rem 1.6rem;
}

.listing-watch-intro--option-09::before {
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d8bc67, transparent);
}

.listing-watch-intro--option-09 .listing-watch-intro__title {
  font-size: 23px;
  line-height: 1.08;
}

.listing-watch-intro--option-09 .listing-watch-intro__copy {
  margin-top: 0.75rem;
}

.listing-watch-intro--option-10 {
  border-color: rgba(216, 188, 103, 0.34);
  background:
    linear-gradient(120deg, rgba(9, 9, 9, 0.96) 0%, rgba(24, 22, 19, 0.96) 100%),
    linear-gradient(90deg, #090909, #17110a);
  box-shadow:
    0 22px 38px rgba(16, 13, 8, 0.26),
    inset 0 1px 0 rgba(255, 244, 211, 0.08);
  padding: 1.5rem;
}

.listing-watch-intro--option-10::before {
  top: 1rem;
  right: 1rem;
  left: auto;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(216, 188, 103, 0.42);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(216, 188, 103, 0.18), rgba(216, 188, 103, 0.02));
}

.listing-watch-intro--option-10 .listing-watch-intro__title {
  max-width: 880px;
}

.listing-watch-intro--option-10 .listing-watch-intro__copy {
  max-width: 780px;
}

@media (min-width: 768px) {
  .listing-watch-intro--variant {
    padding: 1.6rem 1.75rem;
  }

  .listing-watch-intro--variant .listing-watch-intro__title {
    font-size: 34px;
  }

  .listing-watch-intro--option-09 .listing-watch-intro__title {
    font-size: 30px;
  }
}

@media (min-width: 1280px) {
  .listing-watch-intro--variant {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 1.85rem 2rem;
  }

  .listing-watch-intro--variant .listing-watch-intro__title {
    font-size: 38px;
  }

  .listing-watch-intro--variant .listing-watch-intro__copy {
    border-left: 0;
    padding-left: 0;
  }

  .listing-watch-intro--option-09 .listing-watch-intro__title {
    font-size: 32px;
  }
}

.home-hero-size {
  min-height: var(--cms-hero-min-height-mobile, clamp(520px, 138vw, 640px));
  overflow-x: hidden;
  overflow-y: hidden;
}

.home-hero-copy {
  max-width: var(--home-hero-copy-max-width);
}

.home-hero-glow {
  height: var(--home-hero-glow-height);
}

.c-home-block-card {
  min-height: var(--home-block-card-min-height-mobile);
}

.c-home-block-card-content {
  min-height: var(--home-block-card-min-height-mobile);
}

.c-home-block-promo-max {
  max-width: var(--home-banner-content-max-width);
}

.c-home-block-card-content--promo {
  padding-top: 0.9rem;
}

.c-home-block-card--energy-tall {
  position: relative;
  z-index: 1;
  align-self: stretch;
}

.c-home-block-card--energy-tall .c-home-block-card-content {
  min-height: 100%;
}

.c-home-block-card--energy-tall .c-home-article-title,
.c-home-block-card--energy-tall .c-home-article-title * {
  font-size: clamp(1rem, 1.32vw, 1.24rem);
  font-weight: 700;
  line-height: 1.08;
  max-width: 100%;
  overflow-wrap: normal;
  text-wrap: balance;
  white-space: normal;
}

.c-home-block-card--energy-tall .c-public-banner-button {
  min-width: min(258px, calc(100vw - 64px));
  width: max-content;
  padding-inline: 1.15rem;
  white-space: nowrap;
}

.c-home-energy-card-link {
  cursor: pointer;
}

.c-home-block-card--energy-tall :where(.c-public-banner-button) {
  position: relative;
  z-index: 3;
}

.c-home-block-card--energy-tall.c-public-banner-surface > .c-public-banner-image {
  object-position: 68% center;
}

.c-home-block-card--energy-tall.feature-card:hover > .c-public-banner-image,
.c-home-block-card--energy-tall.feature-card:focus-within > .c-public-banner-image {
  transform: scale(1.025);
}

[data-cms-block="why_choose"] {
  position: relative;
  z-index: 2;
}

[data-cms-block="article_triplet"] {
  position: relative;
  z-index: 1;
}

.c-home-blog-item {
  min-height: calc(var(--home-blog-item-min-height) * 1.2);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xs);
  background: transparent;
  box-shadow: none;
  transition: color 220ms ease;
}

.c-home-blog-item::after {
  content: none;
}

.c-home-blog-item:hover,
.c-home-blog-item:focus-visible {
  transform: none;
  box-shadow: none;
}

.c-home-blog-item:hover::after,
.c-home-blog-item:focus-visible::after {
  opacity: 0;
}

.c-home-blog-thumb-wrap {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xs);
  flex-shrink: 0;
}

.c-home-blog-thumb-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 52% at 50% 5%, rgba(255, 246, 216, 0.32), rgba(255, 246, 216, 0)),
    linear-gradient(180deg, rgba(14, 11, 7, 0) 32%, rgba(14, 11, 7, 0.26) 100%);
  pointer-events: none;
}

.c-home-blog-thumb {
  height: calc(var(--home-blog-thumb-size-mobile) * 1.2);
  width: calc(var(--home-blog-thumb-size-mobile) * 1.2 * 16 / 9);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), filter 300ms ease;
}

.c-home-blog-item:hover .c-home-blog-thumb,
.c-home-blog-item:focus-visible .c-home-blog-thumb {
  transform: none;
  filter: none;
}

.c-home-district-image {
  height: var(--home-district-image-height-mobile);
  transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1), filter 380ms ease;
}

.c-home-blog-item-title {
  font-size: var(--type-home-blog-item-mobile);
  line-height: 1.34;
}

.c-home-discovery-panel {
  display: flex;
  flex-direction: column;
  gap: var(--home-discovery-panel-gap-mobile);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.c-home-discovery-cta {
  width: fit-content;
  max-width: 100%;
  align-self: center;
  padding-inline: 1.65rem;
}

.c-home-discovery-title {
  margin: 0;
  color: #2a251b;
  font-size: var(--type-home-discovery-title-mobile);
  letter-spacing: var(--tracking-tight);
}

.c-home-discovery-title--lined {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.c-home-discovery-title--lined::before,
.c-home-discovery-title--lined::after {
  content: "";
  flex: 1 1 auto;
  max-width: 16rem;
  height: 4px;
  align-self: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.96;
}

.c-home-discovery-title--lined::before {
  background-image: linear-gradient(90deg, rgba(216, 188, 103, 0) 0%, rgba(214, 180, 89, 0.48) 46%, #d8bc67 78%, #f1dca2 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.c-home-discovery-title--lined::after {
  background-image: linear-gradient(90deg, #f1dca2 0%, #d8bc67 22%, rgba(214, 180, 89, 0.48) 54%, rgba(216, 188, 103, 0) 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

@media (min-width: 768px) {
  [data-cms-block="blog_district"] .c-layout-shell {
    max-width: var(--layout-shell-max-width);
  }

  [data-cms-block="blog_district"] > .c-layout-shell > .grid {
    gap: 1.2rem;
  }

  .c-home-blog-district-grid {
    grid-template-columns: minmax(0, 1.22fr) minmax(0, 1.58fr);
  }

  [data-cms-block="blog_district"] .blog-card {
    align-items: stretch;
    justify-self: start;
    width: 100%;
  }
}

.c-home-article-title {
  margin: 0;
  font-size: var(--type-home-article-title-mobile);
  letter-spacing: var(--tracking-tight);
}

.c-home-article-list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--home-article-list-gap-mobile);
  min-height: calc(
    (var(--home-article-list-item-min-height) * var(--home-article-list-rows))
    + (var(--home-article-list-gap-mobile) * (var(--home-article-list-rows) - 1))
  );
}

.c-home-article-list-item {
  min-height: var(--home-article-list-item-min-height);
}

.c-home-article-list-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-home-district-card {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--radius-xs);
  box-shadow: 0 14px 28px -18px rgba(16, 12, 7, 0.52);
  transform: perspective(1200px) translateZ(0);
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.c-home-district-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(216, 188, 103, 0), rgba(216, 188, 103, 0.95), rgba(126, 203, 255, 0.85), rgba(191, 133, 255, 0.82), rgba(216, 188, 103, 0.95), rgba(216, 188, 103, 0)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(216, 188, 103, 0), rgba(191, 133, 255, 0.82), rgba(126, 203, 255, 0.85), rgba(216, 188, 103, 0.95), rgba(216, 188, 103, 0)) bottom / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(216, 188, 103, 0), rgba(216, 188, 103, 0.95), rgba(126, 203, 255, 0.8), rgba(216, 188, 103, 0)) left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(216, 188, 103, 0), rgba(191, 133, 255, 0.82), rgba(216, 188, 103, 0.95), rgba(216, 188, 103, 0)) right / 1px 100% no-repeat;
  transform: scale(1.02);
  filter: saturate(1.2);
  transition:
    opacity 320ms ease,
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 420ms ease;
}

.c-home-district-card::after {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(70% 55% at 22% 20%, rgba(255, 239, 208, 0.2), rgba(255, 239, 208, 0) 68%),
    radial-gradient(56% 42% at 82% 78%, rgba(149, 217, 255, 0.16), rgba(149, 217, 255, 0) 72%);
  transform: scale(1.14);
  opacity: 0;
  pointer-events: none;
  transition: transform 500ms ease, opacity 500ms ease;
}

.c-home-district-card:hover,
.c-home-district-card:focus-visible {
  transform: perspective(1200px) translateY(calc(var(--home-discovery-hover-lift) * 1.35)) rotateX(1.8deg) rotateY(-1.8deg) scale(1.012);
  box-shadow:
    0 32px 42px -24px rgba(10, 8, 5, 0.72),
    0 10px 20px -14px rgba(0, 0, 0, 0.48);
}

.c-home-district-card:hover::before,
.c-home-district-card:focus-visible::before {
  opacity: 0.98;
  transform: scale(1);
  filter: saturate(1.35) hue-rotate(16deg);
  animation: district-holo-edge 2.8s linear infinite;
}

.c-home-district-card:hover::after,
.c-home-district-card:focus-visible::after {
  transform: scale(1);
  opacity: 1;
}

.c-home-district-card:hover .c-home-district-image,
.c-home-district-card:focus-visible .c-home-district-image {
  transform: scale(1.14) translateY(-2px);
  filter: saturate(1.22) contrast(1.1) brightness(1.04);
}

.c-home-district-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(100% 72% at 50% 10%, rgba(255, 229, 170, 0.2), rgba(255, 229, 170, 0) 55%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.44) 100%);
  transition: opacity 300ms ease, background 300ms ease;
}

.c-home-district-card:hover .c-home-district-overlay,
.c-home-district-card:focus-visible .c-home-district-overlay {
  background:
    radial-gradient(110% 74% at 50% 10%, rgba(255, 229, 170, 0.34), rgba(255, 229, 170, 0) 58%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.62) 100%);
}

.c-home-district-chip {
  font-size: var(--type-home-district-chip-mobile);
  line-height: 1;
  box-shadow: 0 12px 18px -14px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 224, 156, 0.34);
  transition:
    transform 380ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 380ms ease,
    border-color 380ms ease;
}

.c-home-district-card:hover .c-home-district-chip,
.c-home-district-card:focus-visible .c-home-district-chip {
  transform: translateY(-2px) scale(1.04);
  box-shadow:
    0 18px 28px -16px rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(255, 232, 175, 0.5),
    0 0 0 1px rgba(216, 188, 103, 0.18);
}

.c-home-district-toggle {
  cursor: pointer;
}

.c-home-district-toggle-icon {
  flex: 0 0 auto;
  transition: transform 220ms ease;
}

.c-home-district-toggle[aria-expanded="true"] .c-home-district-toggle-icon {
  transform: rotate(180deg);
}

.c-home-district-chooser {
  margin-top: 0.75rem;
  overflow: visible;
}

.c-home-district-chooser[hidden] {
  display: none !important;
}

.c-home-district-chooser-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  padding: 0;
}

.c-home-district-option {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--radius-xs);
  border: 1px solid #d2a34b;
  background: var(--gold-btn-bg);
  color: #3f2f17;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.24);
  transition:
    transform 180ms ease,
    filter 180ms ease,
    box-shadow 180ms ease;
}

.c-home-district-option::before {
  content: none;
}

.c-home-district-option:hover,
.c-home-district-option:focus-visible {
  background: var(--gold-btn-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.34);
  filter: brightness(1.035);
  transform: translateY(-1px);
}

.c-home-district-option:hover::before,
.c-home-district-option:focus-visible::before {
  opacity: 0;
}

.c-home-district-option-title {
  position: relative;
  z-index: 1;
  max-width: 100%;
  padding-inline: 0.25rem;
  white-space: nowrap;
  font-size: clamp(0.76rem, 2.2vw, 0.88rem);
  font-weight: 800;
  line-height: 1.2;
  color: inherit;
}

@keyframes district-holo-edge {
  0% {
    filter: saturate(1.3) hue-rotate(0deg);
  }
  50% {
    filter: saturate(1.45) hue-rotate(20deg);
  }
  100% {
    filter: saturate(1.3) hue-rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-home-district-card,
  .c-home-district-image,
  .c-home-district-chip,
  .c-home-district-toggle-icon,
  .c-home-district-option {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }

  .c-home-district-card::before,
  .c-home-district-card::after {
    transition: none !important;
    animation: none !important;
  }
}







.c-public-banner-surface {
  display: grid;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0 !important;
  border: 0 !important;
}

.c-public-banner-surface > .c-public-banner-image {
  position: relative;
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  inset: auto;
  transform: none;
  object-fit: contain;
  object-position: center center;
}

.c-home-banner-content {
  max-width: var(--home-banner-content-max-width);
}

.c-home-banner-content-wide {
  max-width: var(--home-banner-content-max-width-wide);
}

.c-home-sale-content {
  max-width: var(--home-sale-content-max-width);
}

.c-home-banner-copy {
  max-width: var(--home-banner-copy-max-width);
}

.c-public-banner-body--left {
  justify-content: flex-start;
}

.c-public-banner-body--center {
  justify-content: center;
}

.c-public-banner-body--right {
  justify-content: flex-end;
}

.c-public-banner-content--left,
.c-home-why-card--left,
.c-home-block-card-content--left {
  text-align: left;
}

.c-public-banner-content--center,
.c-home-why-card--center,
.c-home-block-card-content--center {
  text-align: center;
}

.c-public-banner-content--right,
.c-home-why-card--right,
.c-home-block-card-content--right {
  text-align: right;
}

.c-public-banner-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.c-public-banner-button--outline {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(12, 12, 12, 0.26);
  color: #f4ead2;
}

.c-public-banner-button--ghost {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.12);
  color: #f8f4ea;
}

.c-public-banner-body--pinned {
  grid-area: 1 / 1;
  position: relative;
  min-height: 0 !important;
}

.c-public-banner-content--pinned {
  position: absolute;
  z-index: 11;
  width: min(100%, 620px);
  max-width: calc(100% - 32px);
}

.c-public-banner-action-row--floating {
  position: absolute;
  z-index: 12;
  max-width: calc(100% - 32px);
}

.c-public-banner-content--pin-top-left,
.c-public-banner-action-row--pin-top-left {
  top: 24px;
  left: 24px;
}

.c-public-banner-content--pin-top-center,
.c-public-banner-action-row--pin-top-center {
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}

.c-public-banner-content--pin-top-right,
.c-public-banner-action-row--pin-top-right {
  top: 24px;
  right: 24px;
}

.c-public-banner-content--pin-center-left,
.c-public-banner-action-row--pin-center-left {
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
}

.c-public-banner-content--pin-center-center,
.c-public-banner-action-row--pin-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-public-banner-content--pin-center-right,
.c-public-banner-action-row--pin-center-right {
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.c-public-banner-content--pin-bottom-left,
.c-public-banner-action-row--pin-bottom-left {
  bottom: 24px;
  left: 24px;
}

.c-public-banner-content--pin-bottom-center,
.c-public-banner-action-row--pin-bottom-center {
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

.c-public-banner-content--pin-bottom-right,
.c-public-banner-action-row--pin-bottom-right {
  bottom: 24px;
  right: 24px;
}

.c-public-banner-action-row--left,
.c-home-why-link-wrap--left {
  justify-content: flex-start;
  text-align: left;
}

.c-public-banner-action-row--center,
.c-home-why-link-wrap--center {
  justify-content: center;
  text-align: center;
}

.c-public-banner-action-row--right,
.c-home-why-link-wrap--right {
  justify-content: flex-end;
  text-align: right;
}

.c-home-banner-button {
  min-width: var(--home-banner-button-min-width-mobile);
}

.c-min-h-inherit {
  min-height: inherit;
}

[data-cms-block="why_choose"] .c-home-why-card.c-home-grid-card {
  --home-grid-card-min-height-current-mobile: var(--home-why-card-min-height);
  --home-grid-card-min-height-current-desktop: var(--home-why-card-min-height);
}

@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select,
  textarea,
  .type-input {
    font-size: 16px;
  }

  .c-public-banner > img,
  .blog-value-banner > img,
  .blog-consult-banner > img {
    object-fit: contain;
    object-position: center center;
    padding: 8px;
  }

  .c-public-banner-body--pinned {
    display: flex;
    align-items: center;
  }

  .c-public-banner-content--pinned,
  .c-public-banner-action-row--floating {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    transform: none !important;
  }

  .c-public-banner-content--pinned {
    padding-inline: 12px;
  }

  .c-public-banner-action-row--floating {
    margin-top: 14px;
    padding-inline: 12px;
  }

  .c-public-banner-content--pin-top-left,
  .c-public-banner-content--pin-center-left,
  .c-public-banner-content--pin-bottom-left,
  .c-public-banner-action-row--pin-top-left,
  .c-public-banner-action-row--pin-center-left,
  .c-public-banner-action-row--pin-bottom-left,
  .c-public-banner-action-row--pin-bottom-left {
    left: auto;
    right: auto;
  }

  .c-public-banner-content--pin-top-right,
  .c-public-banner-content--pin-center-right,
  .c-public-banner-content--pin-bottom-right,
  .c-public-banner-action-row--pin-top-right,
  .c-public-banner-action-row--pin-center-right,
  .c-public-banner-action-row--pin-bottom-right {
    left: auto;
    right: auto;
  }

  .c-public-banner-content--pin-top-center,
  .c-public-banner-content--pin-bottom-center,
  .c-public-banner-action-row--pin-top-center,
  .c-public-banner-action-row--pin-bottom-center {
    left: auto;
    right: auto;
  }

  .c-public-banner-content--pin-center-center,
  .c-public-banner-action-row--pin-center-center {
    left: auto;
    right: auto;
  }

  .c-public-banner-content--pin-center-left,
  .c-public-banner-action-row--pin-center-left,
  .c-public-banner-content--pin-center-right,
  .c-public-banner-action-row--pin-center-right {
    left: auto;
    right: auto;
  }
}

[data-cms-block="article_triplet"] .c-home-block-card.c-home-grid-card {
  --home-grid-card-min-height-current-mobile: var(--home-article-triplet-card-min-height);
  --home-grid-card-min-height-current-desktop: var(--home-article-triplet-card-min-height);
}

[data-cms-block="article_triplet"] .c-home-block-card--energy-tall {
  min-height: var(--home-article-triplet-energy-min-height);
  align-self: start;
}

.c-home-grid-card {
  min-height: var(--home-grid-card-min-height-current-mobile, var(--home-grid-card-min-height-mobile));
}

.c-home-why-copy {
  min-height: var(--home-why-card-copy-min-height);
}

.c-home-why-link-wrap {
  display: flex;
  min-height: var(--home-why-card-link-min-height);
}

.c-home-testimonial-card {
  min-height: var(--home-testimonial-card-min-height);
}

.c-home-testimonial-avatar {
  display: inline-flex;
  width: 3.25rem;
  height: 3.25rem;
  flex: 0 0 3.25rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.62);
  border-radius: 999px;
  background: #faf6ec;
  box-shadow: 0 8px 18px rgba(63, 45, 18, 0.1);
  color: #2f2a1e;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1;
}

.c-home-testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-home-testimonial-rating {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  font-size: 1.35rem;
  line-height: 1;
}

.c-home-testimonial-rating .is-active {
  background: var(--gold-btn-bg);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(98, 61, 12, 0.18);
}

.c-home-testimonial-rating .is-muted {
  color: rgba(200, 163, 78, 0.28);
}

.c-home-testimonial-rating__value {
  margin-left: 0.35rem;
  color: #8f7238;
  font-size: var(--type-small-mobile);
  font-weight: 800;
  line-height: 1.2;
}

.c-home-testimonial-google-icon {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  object-fit: contain;
}

.c-home-testimonial-copy {
  min-height: var(--home-testimonial-copy-min-height);
}

.c-home-testimonial-card [data-testimonial-readmore] {
  font-size: var(--type-body-mobile);
}

.c-home-testimonials-carousel {
  position: relative;
  padding-inline: clamp(1.25rem, 4vw, 2.25rem);
}

.c-home-testimonials-track {
  scroll-behavior: smooth;
  scroll-padding-inline: 0.25rem;
}

.c-home-testimonials-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(194, 151, 65, 0.46);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 252, 244, 0.96), rgba(232, 196, 112, 0.88)),
    #f5dfad;
  color: #2f2618;
  box-shadow: 0 14px 26px rgba(65, 45, 18, 0.16);
  font-size: 2rem;
  line-height: 1;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    opacity 160ms ease,
    transform 160ms ease;
  transform: translateY(-50%);
}

.c-home-testimonials-nav--prev {
  left: 0;
}

.c-home-testimonials-nav--next {
  right: 0;
}

.c-home-testimonials-nav:hover,
.c-home-testimonials-nav:focus-visible {
  border-color: rgba(194, 151, 65, 0.78);
  color: #7b5510;
  box-shadow: 0 18px 34px rgba(65, 45, 18, 0.2);
  transform: translateY(-50%) scale(1.04);
}

.c-home-testimonials-nav:disabled {
  cursor: default;
  opacity: 0.34;
  box-shadow: none;
  transform: translateY(-50%);
}

.c-home-testimonials-nav span {
  display: block;
  margin-top: -0.1em;
}

.c-home-testimonial-card a[aria-label*="Google"] {
  font-size: var(--type-body-mobile);
  font-weight: 700;
}

.c-listing-card-media-shell-list {
  width: 100%;
  height: var(--listing-card-media-height);
  overflow: hidden;
  align-self: stretch;
}

.c-listing-card-media-link {
  height: 100%;
  overflow: hidden;
}

.c-listing-card-media-image-grid,
.c-listing-card-media-image-list {
  display: block;
  width: 100%;
  height: var(--listing-card-media-height);
  filter: none;
  image-rendering: auto;
}

.listing-tiktok-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
  overflow: hidden;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: radial-gradient(circle at 45% 35%, #111 0%, #050505 58%, #000 100%);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  pointer-events: none;
  isolation: isolate;
  transform: translate3d(-50%, -50%, 0);
  animation: listingTikTokPulse 1.65s ease-in-out infinite;
}

.listing-tiktok-badge::before {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: -1;
  border-radius: inherit;
  border: 2px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.38),
    0 0 26px rgba(254, 44, 85, 0.18),
    0 0 24px rgba(37, 244, 238, 0.16);
  opacity: 0.76;
  animation: listingTikTokRing 1.65s ease-out infinite;
}

.listing-tiktok-badge__icon {
  position: relative;
  display: inline-flex;
  width: 1.9rem;
  height: 1.9rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  transform: scale(1.16);
  filter:
    drop-shadow(-1px 0 0 rgba(37, 244, 238, 0.9))
    drop-shadow(1px 0 0 rgba(254, 44, 85, 0.9));
}

.listing-tiktok-badge--youtube .listing-tiktok-badge__icon {
  filter: none;
}

.listing-tiktok-badge svg {
  width: 1.55rem;
  height: 1.55rem;
}

.listing-tiktok-badge--youtube svg {
  width: 1.7rem;
  height: 1.22rem;
}

@keyframes listingTikTokPulse {
  0%,
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  50% {
    transform: translate3d(-50%, -50%, 0) scale(1.08);
  }
}

@keyframes listingTikTokRing {
  0% {
    opacity: 0.62;
    transform: scale(0.86);
  }

  100% {
    opacity: 0;
    transform: scale(1.38);
  }
}

@media (prefers-reduced-motion: reduce) {
  .listing-tiktok-badge,
  .listing-tiktok-badge::before {
    animation: none;
  }
}

.c-listing-card-grid-title-wrap {
  min-height: var(--listing-card-grid-title-wrap-min-height);
}

.c-listing-card h3,
.c-listing-card h3 a,
.c-listing-card .c-listing-card-grid-title,
.c-listing-card .c-listing-card-grid-title a {
  color: #000;
}

.c-listing-card .c-listing-card-price {
  color: #000;
}

.c-listing-card .c-listing-card-price--grid {
  font-size: 22px;
}

.c-listing-card-grid-location {
  min-height: var(--listing-card-grid-location-min-height);
}

.c-listing-card-grid-title {
  min-height: var(--listing-card-grid-title-min-height);
}

.c-listing-card-grid-address {
  min-height: var(--listing-card-grid-address-min-height);
}

.c-listing-card-grid-detail {
  min-height: var(--listing-card-grid-detail-min-height);
}

.c-listing-card-grid-footer {
  min-height: var(--listing-card-grid-footer-min-height);
}

.c-listing-card-agent-image {
  width: 52px;
  height: 52px;
  object-position: center top;
}

.c-listing-card-cta {
  min-width: var(--listing-card-cta-min-width);
}

.favorites-page-head {
  max-width: var(--layout-content-max-width);
  margin-inline: auto;
}

.favorites-panel {
  max-width: var(--layout-content-max-width);
  margin-inline: auto;
  padding: clamp(1rem, 2vw, 1.45rem);
}

.favorites-panel__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

.favorites-clear-button {
  min-height: 44px;
  border-radius: var(--radius-sm);
  padding: 0.65rem 1.05rem;
  font-size: var(--type-body-mobile);
  font-weight: 800;
  letter-spacing: 0;
}

.favorites-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2vw, 1.35rem);
}

@media (min-width: 768px) {
  .favorites-clear-button {
    font-size: var(--type-body-desktop);
  }

  .favorites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .favorites-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.c-featured-card-image {
  height: var(--featured-card-image-height-mobile);
}

.c-featured-card-title {
  min-height: var(--featured-card-title-min-height);
}

.c-featured-card-footer {
  min-height: var(--featured-card-footer-min-height);
}

.c-featured-card-cta {
  min-width: var(--featured-card-cta-min-width);
}

.c-agent-list-toolbar {
  border-color: var(--agent-card-border);
  border-radius: var(--agent-card-radius);
  background: var(--agent-card-bg);
}

.c-agent-cards-list {
  display: grid;
  gap: var(--agent-list-gap);
}

.c-agent-cards-grid {
  display: grid;
  gap: var(--agent-grid-gap);
}

.c-agent-card {
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: visible;
  flex-direction: column;
  height: 100%;
  min-height: clamp(500px, 112vw, 568px);
  border: 1px solid var(--agent-card-border);
  border-radius: var(--agent-card-radius);
  background:
    radial-gradient(90% 52% at 50% 0%, rgba(216, 188, 103, 0.06), transparent 72%),
    var(--agent-card-bg);
  box-shadow: 0 10px 18px rgba(24, 20, 14, 0.08);
  transform: translateY(0);
  transition:
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.c-agent-card:hover,
.c-agent-card:focus-within {
  border-color: rgba(216, 188, 103, 0.92);
  box-shadow:
    0 16px 28px rgba(24, 20, 14, 0.12),
    0 0 0 1px rgba(216, 188, 103, 0.10);
  transform: none;
}

.c-agent-card-name {
  display: flex;
  min-height: 3.95rem;
  align-items: end;
  justify-content: center;
  margin: 0;
  color: var(--agent-name-color);
  font-size: clamp(1.72rem, 1.42vw, 1.92rem);
  line-height: 1.08;
  text-align: center;
}

.c-agent-card-name a {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-agent-card-name a:hover,
.c-agent-card-name a:focus-visible {
  color: var(--agent-name-hover-color);
}

.c-agent-card-name--compact {
  letter-spacing: 0;
}

.c-agent-card-role {
  min-height: 1.35rem;
  margin: 0.35rem 0 0;
  color: var(--agent-role-color);
  font-size: var(--agent-role-font-size);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.c-agent-card-contact {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  gap: 0.64rem;
  width: 100%;
  min-height: 2.55rem;
  color: var(--agent-contact-color);
  font-size: clamp(1.06rem, 0.96vw, 1.16rem);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.c-agent-card-contact:hover,
.c-agent-card-contact:focus-visible {
  color: #9a6818;
}

.c-agent-card-contact span:last-child {
  min-width: 0;
  font-weight: 500;
  overflow-wrap: anywhere;
  word-break: normal;
}

.c-agent-card-contact--email span:last-child {
  max-width: 100%;
  font-size: clamp(0.98rem, 0.86vw, 1.06rem);
  line-height: 1.22;
  white-space: normal;
}

.c-agent-card-contact span:first-child {
  color: #b07a1d;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}

.c-agent-card-territory {
  display: grid;
  min-height: 3rem;
  align-content: start;
  gap: 0.28rem;
  margin: 0.78rem 0 0;
  color: #241f18;
  text-align: center;
}

.c-agent-card-territory span {
  color: #667085;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: var(--type-small-mobile);
  font-weight: 800;
  line-height: 1.1;
}

.c-agent-card-territory strong {
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: clamp(0.98rem, 1vw, 1.08rem);
  font-weight: 500;
  line-height: 1.25;
}

.c-agent-card-image-link {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--agent-card-radius) var(--agent-card-radius) 0 0;
  background:
    linear-gradient(180deg, rgba(255, 250, 234, 0.22), rgba(24, 20, 14, 0.08)),
    #e9e1d1;
}

.c-agent-card-grid-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  height: clamp(232px, 60vw, 292px);
  object-fit: contain;
  object-position: center bottom;
  background: #e9e1d1;
  transform: none;
  transform-origin: center bottom;
  transition: none;
}

.c-agent-card-body {
  position: relative;
  z-index: 2;
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: minmax(8.2rem, auto) minmax(5.6rem, auto) auto;
  align-content: stretch;
  gap: clamp(0.76rem, 0.78vw, 0.95rem);
  min-height: 0;
  margin: -19px 14px 14px;
  padding: clamp(0.95rem, 1vw, 1.15rem);
  border: 1px solid rgba(216, 188, 103, 0.46);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 251, 241, 0.94));
  box-shadow:
    0 -4px 10px rgba(255, 249, 224, 0.18),
    0 14px 24px rgba(24, 20, 14, 0.08);
  transition:
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.28s cubic-bezier(0.17, 1, 0.3, 1);
}

.c-agent-card:hover .c-agent-card-grid-image,
.c-agent-card:focus-within .c-agent-card-grid-image {
  transform: none;
}

.c-agent-card:hover .c-agent-card-body,
.c-agent-card:focus-within .c-agent-card-body {
  border-color: rgba(216, 188, 103, 0.78);
  box-shadow:
    0 -5px 12px rgba(255, 249, 224, 0.20),
    0 18px 30px rgba(24, 20, 14, 0.11);
  transform: translateY(-11px);
}

.c-agent-card-main {
  display: grid;
  align-content: start;
  min-height: 8.2rem;
}

.c-agent-card-contacts {
  display: grid;
  justify-items: stretch;
  gap: 0.66rem;
  margin-top: 0;
  padding-top: 0.72rem;
  border-top: 1px solid rgba(24, 20, 14, 0.11);
  text-align: center;
}

.c-agent-card-footer {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-top: 0;
  padding-top: 0.2rem;
}

.c-agent-card-diamonds {
  position: relative;
  isolation: isolate;
  gap: 0.08rem;
  min-height: 26px;
  align-items: center;
  padding: 0;
  vertical-align: middle;
}

.c-agent-card-diamonds::before {
  content: none;
}

.c-agent-card-diamond {
  display: inline-flex;
  width: clamp(24px, 2vw, 30px);
  height: clamp(21px, 1.75vw, 26px);
  align-items: center;
  justify-content: center;
  color: #f5cc62;
  filter:
    drop-shadow(0 1px 1px rgba(58, 38, 8, 0.2))
    drop-shadow(0 0 8px rgba(216, 188, 103, 0.5));
}

.c-agent-card-diamond svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.c-agent-card-diamond__base {
  fill: #f5cc62;
  stroke: #9b6b17;
  stroke-width: 1.05;
}

.c-agent-card-diamond__shine {
  fill: none;
  stroke: #fff2bd;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.15;
  opacity: 0.96;
}

.c-agent-card-diamond-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 34px;
  padding: 5px 9px 5px 10px;
  border: 1px solid rgba(245, 204, 98, 0.88);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(18, 14, 7, 0.94), rgba(66, 45, 13, 0.9));
  color: #fff3bd;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 9px 18px rgba(20, 14, 6, 0.34);
  pointer-events: auto;
}

.c-agent-card-diamond-tooltip {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 20;
  width: max-content;
  max-width: min(260px, calc(100vw - 48px));
  padding: 8px 10px;
  border: 1px solid rgba(245, 204, 98, 0.72);
  border-radius: 8px;
  background: rgba(10, 8, 4, 0.96);
  color: #fff8dc;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  white-space: normal;
  box-shadow: 0 12px 24px rgba(15, 10, 4, 0.42);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px) scale(0.98);
  transform-origin: top right;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.c-agent-card-diamond-tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 15px;
  width: 10px;
  height: 10px;
  border-left: 1px solid rgba(245, 204, 98, 0.72);
  border-top: 1px solid rgba(245, 204, 98, 0.72);
  background: rgba(10, 8, 4, 0.96);
  transform: rotate(45deg);
}

.c-agent-card-image-link:hover .c-agent-card-diamond-tooltip,
.c-agent-card-image-link:focus-visible .c-agent-card-diamond-tooltip,
.c-agent-card-image-link:focus-within .c-agent-card-diamond-tooltip,
.c-agent-card-diamond-badge:hover .c-agent-card-diamond-tooltip,
.c-agent-card-diamond-badge:focus-within .c-agent-card-diamond-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.c-agent-card-diamond-badge__count {
  font-family: var(--font-sans);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: lowercase;
}

.c-agent-card-diamond-badge__icon {
  width: 24px;
  height: 21px;
  flex: 0 0 auto;
}

.c-contact-chip-row .c-contact-chip,
.c-contact-chip-row .c-contact-chip span {
  font-weight: 400 !important;
}

.c-agent-card-tier {
  background: var(--agent-tier-bg);
  color: var(--agent-tier-text);
  font-size: var(--agent-tier-font-size);
}

.c-agent-card-cta {
  display: inline-flex;
  min-width: min(100%, 210px);
  min-height: var(--agent-cta-height);
  align-items: center;
  justify-content: center;
  padding: 0.62rem 1.2rem;
  border: var(--border-width-base) solid var(--agent-cta-border);
  border-radius: var(--agent-cta-radius);
  background: var(--agent-cta-bg);
  color: var(--agent-cta-text);
  font-size: var(--agent-cta-font-size);
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
}

.c-agent-card-cta:hover,
.c-agent-card-cta:focus-visible {
  background: var(--agent-cta-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.55);
  filter: brightness(1.035);
}

.c-agent-card-list-media {
  width: 100%;
}

.c-agent-card-list-image {
  height: var(--agent-card-list-image-height-mobile);
  object-fit: contain;
  object-position: center bottom;
  background: #e9e1d1;
}

.c-agent-card-grid-image {
  height: var(--agent-card-grid-image-height);
  object-fit: contain;
  object-position: center bottom;
  background: #e9e1d1;
}

.c-contact-hero,
.c-contact-panel {
  border-color: var(--contact-card-border);
  border-radius: var(--contact-card-radius);
  background: var(--contact-card-bg);
  padding: var(--contact-card-padding);
}

.c-contact-title {
  color: var(--contact-title-color);
  font-size: var(--contact-title-font-size);
}

.c-contact-intro {
  color: var(--contact-intro-color);
  font-size: var(--contact-intro-font-size);
}

.c-contact-section-title {
  color: var(--contact-section-title-color);
  font-size: var(--contact-section-title-font-size);
}

.c-contact-field-grid,
.c-contact-field-list {
  gap: var(--contact-grid-gap);
}

.c-contact-field {
  border-radius: var(--contact-field-radius);
  background: var(--contact-field-bg);
  padding-block: var(--contact-field-padding-y);
  padding-inline: var(--contact-field-padding-x);
}

.c-contact-field-label {
  color: var(--contact-field-label-color);
  font-size: var(--contact-field-label-font-size);
  letter-spacing: 0;
  text-transform: none;
}

.c-contact-field-value {
  color: var(--contact-field-value-color);
  font-size: var(--contact-field-value-font-size);
}

.c-contact-field-value--copyable {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.c-contact-field-value--copyable > span,
.c-contact-field-value--copyable > a {
  min-width: 0;
  color: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.c-contact-field-value--copyable > a:hover,
.c-contact-field-value--copyable > a:focus-visible {
  color: var(--brand-orange);
}

.c-contact-copy-button {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(216, 188, 103, 0.68);
  border-radius: 7px;
  background: #0b0b0b;
  color: #d8bc67;
  box-shadow: 0 4px 10px rgba(24, 20, 14, 0.12);
  transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), color var(--transition-base);
}

.c-contact-copy-button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.c-contact-copy-button:hover,
.c-contact-copy-button:focus-visible {
  border-color: #d8bc67;
  background: var(--gold-btn-bg);
  color: #15120c;
  transform: translateY(-1px);
}

.c-contact-copy-button.is-copied {
  border-color: #d8bc67;
  background: #d8bc67;
  color: #15120c;
}

.c-contact-chip {
  min-height: clamp(56px, 5.4vw, 64px);
  justify-content: center;
  gap: 0.72rem;
  border-color: var(--contact-chip-border);
  border-radius: var(--contact-chip-radius);
  padding-inline: clamp(1.2rem, 2.1vw, 1.85rem);
  font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  font-weight: 800;
  line-height: 1.08;
}

.c-contact-chip > span:first-child {
  flex: 0 0 auto;
  font-size: 1.08em;
}

.c-contact-chip > span:last-child {
  font-weight: 800;
  white-space: nowrap;
}

.c-contact-chip--primary {
  background: var(--contact-chip-bg);
  color: var(--contact-chip-text);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
}

.c-contact-chip--primary:hover,
.c-contact-chip--primary:focus-visible {
  background: var(--gold-btn-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.55);
  filter: brightness(1.035);
}

.c-contact-chip--secondary,
.c-contact-chip--hours {
  background: var(--contact-secondary-chip-bg);
  color: var(--contact-secondary-chip-text);
  border-color: var(--contact-secondary-chip-border);
  border-width: 2px;
}

.c-contact-submit {
  font-size: var(--contact-field-value-font-size);
}

.c-agent-profile-image {
  height: var(--agent-profile-image-height-mobile);
}

.agent-profile-hero {
  display: grid;
  gap: clamp(1rem, 2vw, 1.6rem);
  border: 1px solid rgba(210, 163, 75, 0.38);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(247, 241, 229, 0.96)),
    #fffaf0;
  box-shadow: 0 18px 42px rgba(24, 20, 14, 0.1);
  padding: clamp(1rem, 2vw, 1.6rem);
}

.agent-profile-hero__media {
  position: relative;
  max-width: 70%;
  min-height: 182px;
  justify-self: center;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}

.agent-profile-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 182px;
  object-fit: cover;
  object-position: center top;
}

.agent-profile-hero__content {
  min-width: 0;
  position: relative;
}

.agent-profile-hero__head {
  display: grid;
  gap: 0.8rem;
}

.agent-profile-hero__headline {
  min-width: 0;
}

.agent-profile-hero__eyebrow {
  margin: 0 0 0.35rem;
  color: #9a731f;
  font-size: clamp(0.78rem, 1vw, 0.88rem);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-profile-hero__title {
  margin: 0;
  color: #1f2633;
  font-family: var(--font-heading, "Playfair Display", serif);
  font-size: clamp(1.9rem, 3.2vw, 2.75rem);
  line-height: 1.05;
}

.agent-profile-hero__territory {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin: 0.75rem 0 0;
  color: #46546a;
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.45;
}

.agent-profile-hero__territory span {
  display: inline-grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  color: #b68a1f;
}

.agent-profile-hero__territory svg,
.agent-profile-hero__action-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.agent-profile-hero__actions {
  display: grid;
  gap: 0.75rem;
  margin-top: clamp(1rem, 2vw, 1.35rem);
}

.agent-profile-hero__action {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  min-height: 70px;
  border: 1px solid rgba(222, 210, 190, 0.92);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  color: #1f2633;
  padding: 0.7rem;
  text-decoration: none;
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}

.agent-profile-hero__action:hover,
.agent-profile-hero__action:focus-visible {
  border-color: rgba(210, 163, 75, 0.72);
  background: #fffaf0;
  box-shadow: 0 12px 26px rgba(24, 20, 14, 0.1);
  transform: translateY(-1px);
}

.agent-profile-hero__action--gold {
  background:
    linear-gradient(135deg, rgba(255, 242, 190, 0.94), rgba(208, 151, 45, 0.88)),
    #d6a13a;
  border-color: rgba(176, 127, 35, 0.8);
}

.agent-profile-hero__action--whatsapp {
  border-color: rgba(37, 211, 102, 0.34);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(233, 255, 241, 0.9)),
    #ffffff;
}

.agent-profile-hero__action--whatsapp:hover,
.agent-profile-hero__action--whatsapp:focus-visible {
  border-color: rgba(37, 211, 102, 0.62);
  background: #f3fff7;
}

.agent-profile-hero__action--whatsapp .agent-profile-hero__action-icon {
  color: #128c4a;
}

.agent-profile-hero__action-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  color: #2b2112;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.agent-profile-hero__action small {
  display: block;
  color: #5e687b;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.1;
  text-transform: uppercase;
}

.agent-profile-hero__action strong {
  display: block;
  min-width: 0;
  margin-top: 0.18rem;
  color: #1f2633;
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.agent-profile-hero__intro {
  position: static;
  justify-self: center;
  z-index: 8;
  margin-top: 0.9rem;
}

.agent-profile-hero__intro summary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 38px;
  border: 1px solid rgba(176, 127, 35, 0.72);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 242, 190, 0.94), rgba(208, 151, 45, 0.88)),
    #d6a13a;
  color: #2b2112;
  padding: 0.52rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  list-style: none;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(122, 82, 22, 0.16);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    border-color var(--transition-fast);
}

.agent-profile-hero__intro summary::-webkit-details-marker {
  display: none;
}

.agent-profile-hero__intro summary::after {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform var(--transition-fast);
}

.agent-profile-hero__intro summary:hover,
.agent-profile-hero__intro summary:focus-visible {
  border-color: rgba(154, 115, 31, 0.9);
  box-shadow: 0 14px 28px rgba(122, 82, 22, 0.2);
  transform: translateY(-1px);
}

.agent-profile-hero__intro[open] summary::after {
  transform: rotate(225deg) translate(-1px, -1px);
}

.agent-profile-hero__intro-label--open,
.agent-profile-hero__intro[open] .agent-profile-hero__intro-label--closed {
  display: none;
}

.agent-profile-hero__intro[open] .agent-profile-hero__intro-label--open {
  display: inline;
}

.agent-profile-hero__intro-panel {
  width: 100%;
  margin-top: 0.75rem;
  border: 1px solid rgba(210, 163, 75, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.58);
  padding: clamp(1rem, 1.8vw, 1.25rem);
  box-shadow: 0 18px 36px rgba(24, 20, 14, 0.14);
}

.agent-profile-hero__intro-panel h2 {
  margin: 0;
  color: #1f2633;
  font-family: var(--font-heading, "Playfair Display", serif);
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.05;
}

.agent-profile-hero__intro-panel p {
  margin: 0.65rem 0 0;
  color: #46546a;
  font-size: clamp(1rem, 1.35vw, 1.14rem);
  line-height: 1.65;
}

@media (min-width: 768px) {
  .agent-profile-hero {
    grid-template-columns: minmax(154px, 0.24fr) minmax(0, 1fr);
    align-items: start;
  }

  .agent-profile-hero__head {
    padding-right: 150px;
  }

  .agent-profile-hero__intro {
    justify-self: stretch;
  }

  .agent-profile-hero__intro summary {
    position: absolute;
    top: 0;
    right: 0;
  }

  .agent-profile-hero__media,
  .agent-profile-hero__image {
    min-height: 266px;
  }

  .agent-profile-hero__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.about-page {
  --about-gold: #d8bc67;
  --about-gold-bright: #f2c45e;
  --about-gold-dark: #9d6b18;
  --about-ink: #090c0f;
  --about-text: #1e1b18;
  --about-muted: #5c5b58;
  --about-line: rgba(216, 188, 103, 0.34);
  overflow: clip;
  background:
    radial-gradient(circle at 50% 16%, rgba(216, 188, 103, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f1 100%);
  color: var(--about-text);
}

.about-shell {
  width: min(100% - 32px, var(--layout-content-max-width));
  margin-inline: auto;
}

.about-hero {
  position: relative;
  min-height: var(--cms-hero-min-height-mobile, clamp(560px, 142vw, 620px));
  overflow: hidden;
  border-top: 2px solid rgba(216, 188, 103, 0.72);
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.58) 40%, rgba(0, 0, 0, 0.18) 76%, rgba(0, 0, 0, 0.12) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.42)),
    url("/brand/hero-header-1920x600.png");
  background-position: center;
  background-size: cover;
  color: #ffffff;
}

.about-hero__inner {
  display: flex;
  min-height: inherit;
  align-items: center;
}

.about-hero__content {
  width: min(100%, 620px);
  padding-block: clamp(3rem, 6vw, 5rem);
}

.about-hero h1 {
  display: grid;
  margin: 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(30px, 5.1vw, 60px);
  font-weight: 400;
  line-height: var(--type-hero-preset-line-height);
  letter-spacing: var(--type-hero-spacing);
  text-shadow: 0 5px 24px rgba(0, 0, 0, 0.72);
}

.about-hero h1 span {
  display: block;
}

.about-hero p {
  max-width: 520px;
  margin: 1.35rem 0 0;
  color: #f6f1e6;
  font-size: clamp(1.12rem, 1.45vw, 1.35rem);
  font-weight: 500;
  line-height: 1.5;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.7);
}

.about-stat-band {
  background:
    radial-gradient(circle at 12% 0%, rgba(216, 188, 103, 0.14), transparent 30%),
    linear-gradient(180deg, #0b0f12 0%, #050607 100%);
  color: #fff7e5;
}

.about-stat-band {
  border-top: 1px solid rgba(216, 188, 103, 0.35);
  border-bottom: 1px solid rgba(216, 188, 103, 0.32);
}

.about-stat-grid {
  display: grid;
  gap: 0;
}

.about-stat-card {
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  min-height: 104px;
  padding: clamp(0.7rem, 1.35vw, 1rem);
  text-align: center;
}

.about-stat-card + .about-stat-card {
  border-top: 1px solid rgba(216, 188, 103, 0.2);
}

.about-icon {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: var(--about-gold-bright);
  filter: drop-shadow(0 0 10px rgba(216, 188, 103, 0.18));
}

.about-icon svg {
  width: 100%;
  height: 100%;
}

.about-icon--large {
  width: 66px;
  height: 66px;
}

.about-stat-card h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  font-weight: 900;
  line-height: 1.2;
}

.about-stat-card p {
  max-width: 190px;
  margin: 0;
  color: #f3ead7;
  font-size: clamp(0.92rem, 1.1vw, 1rem);
  font-weight: 700;
  line-height: 1.35;
}

.about-section-light {
  background:
    radial-gradient(circle at 70% 18%, rgba(216, 188, 103, 0.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fdfaf3 100%);
}

.about-intro,
.about-why,
.about-experts {
  padding-block: clamp(2.1rem, 4.8vw, 4.2rem);
}

.about-intro-grid {
  display: grid;
  gap: clamp(1.6rem, 4vw, 3rem);
  align-items: stretch;
}

.about-office-card {
  position: relative;
  aspect-ratio: 16 / 5;
  min-height: clamp(220px, 34vw, 360px);
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.36);
  border-radius: 8px;
  background: #080a0c;
  box-shadow: 0 20px 46px rgba(36, 28, 16, 0.14);
}

.about-office-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 45% center;
}

.about-office-card::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 58%),
    linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.48));
  content: "";
}

.about-office-card figcaption {
  position: absolute;
  top: clamp(1.1rem, 3vw, 2rem);
  left: clamp(1.1rem, 3vw, 2rem);
  z-index: 1;
  display: inline-flex;
  width: min(44%, 235px);
  min-width: 165px;
  align-items: center;
  border: 1px solid rgba(216, 188, 103, 0.44);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.58);
  padding: 0.85rem 1rem;
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

.about-office-card figcaption img {
  width: 100%;
  height: auto;
}

.about-copy {
  display: grid;
  gap: 1rem;
}

.about-copy h2,
.about-section-title,
.about-sale-cta h2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: 0;
}

.about-copy h2 {
  position: relative;
  padding-bottom: 0.9rem;
  color: #1e1a14;
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  line-height: 1.08;
}

.about-copy h2::after,
.about-section-title::after {
  display: block;
  width: 72px;
  height: 2px;
  margin-top: 0.78rem;
  background: linear-gradient(90deg, var(--about-gold-bright), transparent);
  content: "";
}

.about-copy p {
  margin: 0;
  color: #34312d;
  font-size: clamp(1rem, 1.22vw, 1.08rem);
  font-weight: 600;
  line-height: 1.78;
}

.about-section-title {
  display: grid;
  justify-items: center;
  margin-bottom: clamp(1.6rem, 3.4vw, 2.6rem);
  color: #1f1b16;
  font-size: clamp(1.9rem, 3.25vw, 2.85rem);
  line-height: 1.08;
  text-align: center;
}

.about-section-title--dark {
  color: #ffffff;
}

.about-section-title--dark::after {
  background: linear-gradient(90deg, transparent, var(--about-gold-bright), transparent);
}

.about-reason-grid {
  display: grid;
  gap: 1rem;
}

.about-reason-card {
  display: grid;
  gap: 0.7rem;
  justify-items: center;
  padding: clamp(1.15rem, 2.4vw, 1.65rem);
  text-align: center;
}

.about-reason-card + .about-reason-card {
  border-top: 1px solid rgba(31, 27, 22, 0.1);
}

.about-reason-card h3,
.about-process-step h3,
.about-expert-card h3 {
  margin: 0;
  color: #171512;
  font-size: clamp(1.02rem, 1.24vw, 1.14rem);
  font-weight: 900;
  line-height: 1.25;
}

.about-reason-card p,
.about-process-step p,
.about-expert-card p {
  margin: 0;
  color: #383633;
  font-size: clamp(0.94rem, 1.05vw, 1rem);
  font-weight: 600;
  line-height: 1.58;
}

.about-process-section,
.about-sale-cta-section {
  padding-block: clamp(1.6rem, 3.2vw, 2rem);
}

.about-process {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: center;
  gap: clamp(0.65rem, 1.3vw, 1rem);
  min-height: clamp(218px, 24vw, 266px);
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background-image: url("/brand/hero-header-1920x600.png");
  background-position: center;
  background-size: cover;
  box-shadow: var(--shadow-banner);
  color: #fff7e5;
  padding: clamp(1.1rem, 2vw, 1.65rem) clamp(1.1rem, 3vw, 2rem);
}

.about-process::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.42)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.44));
  content: "";
}

.about-process > * {
  position: relative;
  z-index: 1;
}

.about-process .about-section-title {
  margin-bottom: 0;
  font-size: clamp(1.65rem, 2.35vw, 2.2rem);
  line-height: 1;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.78);
}

.about-process .about-section-title::after {
  width: 56px;
  height: 2px;
  margin-top: 0.45rem;
  box-shadow: 0 0 12px rgba(216, 188, 103, 0.36);
}

.about-process-grid {
  position: relative;
  display: grid;
  gap: clamp(0.6rem, 1vw, 0.9rem);
  align-items: start;
}

.about-process-grid::before {
  display: none;
}

.about-process-step {
  position: relative;
  display: grid;
  gap: 0.45rem;
  justify-items: center;
  padding: 0.2rem 0.45rem 0;
  text-align: center;
}

.about-process-step__number {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 2.15rem;
  height: 2.15rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe49a, #bd831b);
  color: #17110b;
  font-size: 1rem;
  font-weight: 900;
  box-shadow: 0 0 0 5px rgba(216, 188, 103, 0.14);
}

.about-process-step__line {
  display: none;
}

.about-process .about-icon {
  width: 44px;
  height: 44px;
}

.about-process-step h3 {
  color: #fff7e5;
  font-size: clamp(0.92rem, 1vw, 1.04rem);
  line-height: 1.18;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.76);
}

.about-process-step p {
  max-width: 190px;
  color: #e9ddc7;
  font-size: clamp(0.82rem, 0.92vw, 0.94rem);
  font-weight: 700;
  line-height: 1.36;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.72);
}

.about-expert-grid {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.about-expert-card {
  display: grid;
  gap: 0.65rem;
}

.about-expert-card a {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.26);
  border-radius: 8px;
  background: #eae2d3;
}

.about-expert-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1.42 / 1;
  object-fit: cover;
  object-position: center top;
  transition: transform 320ms ease;
}

.about-expert-card a:hover img,
.about-expert-card a:focus-visible img {
  transform: scale(1.035);
}

.about-expert-card h3 {
  color: #1e1a14;
  font-family: var(--font-display);
  font-size: clamp(1.22rem, 1.65vw, 1.5rem);
  line-height: 1.12;
}

.about-expert-card__role {
  color: #6c4b11 !important;
  font-weight: 900 !important;
}

.about-sale-cta {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: var(--shadow-banner);
  min-height: clamp(218px, 24vw, 266px);
  background-image: url("/brand/hero-header-1920x600.png");
  background-position: center;
  background-size: cover;
  color: #ffffff;
}

@media (min-width: 768px) {
  .about-process,
  .about-sale-cta {
    height: clamp(280px, 42vw, 380px);
    min-height: 0;
  }
}

@media (min-width: 1024px) {
  .about-process,
  .about-sale-cta {
    height: clamp(218px, 24vw, 266px);
  }
}

.about-sale-cta__shade {
  min-height: inherit;
  height: 100%;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.67) 45%, rgba(0, 0, 0, 0.28)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.4));
}

.about-sale-cta__inner {
  display: grid;
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: center;
  min-height: inherit;
  height: 100%;
  padding: clamp(1.1rem, 2vw, 1.65rem) clamp(1.1rem, 3vw, 2rem);
}

.about-sale-cta h2 {
  color: #ffffff;
  font-size: clamp(2rem, 3.8vw, 3.4rem);
  line-height: 1.02;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.64);
}

.about-sale-cta h2 span {
  display: block;
  color: var(--about-gold-bright);
}

.about-sale-cta p {
  margin: 0.9rem 0 0;
  color: #f7eddb;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  font-weight: 800;
}

.about-sale-cta__actions {
  display: grid;
  gap: 0.75rem;
}

.about-cta {
  display: inline-flex;
  position: relative;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 8px;
  padding: 0.9rem 1.25rem;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.15;
  isolation: isolate;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.about-cta span {
  display: inline-flex;
  position: relative;
  z-index: 1;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
}

.about-cta svg {
  width: 100%;
  height: 100%;
}

.about-cta--gold {
  border: 1px solid #d2a34b;
  background: var(--gold-btn-bg);
  color: #3f2f17;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 14px 30px rgba(0, 0, 0, 0.28);
}

.about-cta--dark {
  border: 1px solid rgba(216, 188, 103, 0.82);
  background: linear-gradient(180deg, rgba(22, 21, 18, 0.92), rgba(10, 10, 9, 0.9));
  color: #ebd598;
  box-shadow: inset 0 0 0 1px rgba(193, 156, 76, 0.56), 0 8px 14px -10px rgba(16, 14, 10, 0.74);
}

@media (min-width: 768px) {
  .about-hero {
    height: var(--cms-hero-min-height-tablet, var(--page-hero-visible-height-tablet));
    min-height: 0;
  }

  .about-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .about-stat-card + .about-stat-card {
    border-top: 0;
    border-left: 1px solid rgba(216, 188, 103, 0.23);
  }

  .about-intro-grid {
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1fr);
  }

  .about-office-card {
    height: 100%;
    min-height: 100%;
    aspect-ratio: auto;
  }

  .about-reason-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .about-reason-card + .about-reason-card {
    border-top: 0;
    border-left: 1px solid rgba(31, 27, 22, 0.12);
  }

  .about-process-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .about-process-grid::before {
    position: absolute;
    top: 1.08rem;
    right: calc(10% + 1.1rem);
    left: calc(10% + 1.1rem);
    z-index: 0;
    display: block;
    border-top: 1px dashed rgba(216, 188, 103, 0.5);
    content: "";
  }

  .about-process-step {
    z-index: 1;
    grid-template-rows: 2.15rem 2.75rem minmax(2.35rem, auto) minmax(3.8rem, auto);
    align-content: start;
    gap: 0.34rem;
    min-width: 0;
  }

  .about-process-step__line {
    display: none;
  }

  .about-process .about-icon {
    width: 2.55rem;
    height: 2.55rem;
    align-self: center;
  }

  .about-process-step h3,
  .about-process-step p {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
  }

  .about-process-step h3 {
    min-height: 2.35rem;
  }

  .about-process-step p {
    align-items: flex-start;
    min-height: 3.8rem;
  }

  .about-expert-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .about-sale-cta__inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  }
}

@media (min-width: 1024px) {
  .about-process {
    align-content: stretch;
    gap: 0.58rem;
    padding: 0.95rem clamp(1.35rem, 2.4vw, 2rem) 0.9rem;
    background-position: center 44%;
  }

  .about-process .about-section-title {
    font-size: clamp(1.55rem, 2vw, 2rem);
  }

  .about-process .about-section-title::after {
    width: 50px;
    margin-top: 0.36rem;
  }

  .about-process-grid {
    gap: clamp(0.25rem, 0.6vw, 0.55rem);
  }

  .about-process-grid::before {
    top: 1.02rem;
    right: calc(10% + 1.05rem);
    left: calc(10% + 1.05rem);
  }

  .about-process-step {
    grid-template-rows: 2.05rem 2.35rem minmax(2.2rem, auto) minmax(3.35rem, auto);
    gap: 0.22rem;
    padding-inline: 0.28rem;
  }

  .about-process-step__number {
    width: 2.05rem;
    height: 2.05rem;
    font-size: 0.92rem;
    box-shadow: 0 0 0 4px rgba(216, 188, 103, 0.15);
  }

  .about-process .about-icon {
    width: 2.2rem;
    height: 2.2rem;
  }

  .about-process-step h3 {
    min-height: 2.2rem;
    font-size: clamp(0.86rem, 0.86vw, 0.98rem);
  }

  .about-process-step p {
    max-width: 176px;
    min-height: 3.35rem;
    font-size: clamp(0.78rem, 0.78vw, 0.88rem);
    line-height: 1.28;
  }
}

@media (max-width: 767.98px) {
  .about-shell {
    width: min(100% - 28px, 430px);
  }

  .about-hero {
    min-height: var(--cms-hero-min-height-mobile, clamp(560px, 142vw, 620px));
    background-position: 62% center;
  }

  .about-hero h1 {
    font-size: clamp(28px, 8.2vw, 36px);
    line-height: 0.98;
  }

  .about-hero p {
    font-size: clamp(19px, 5.6vw, 23px);
    line-height: 1.24;
  }

  .about-office-card figcaption {
    width: min(62%, 220px);
  }

  .about-section-title {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  .about-expert-card img {
    aspect-ratio: 1.55 / 1;
  }

  .about-sale-cta__shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.76)),
      linear-gradient(90deg, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.45));
  }
}

@media (min-width: 1024px) {
  .about-hero {
    height: var(--cms-hero-min-height-desktop, var(--page-hero-visible-height-desktop));
  }
}

.career-page {
  --career-gold: #d8bc67;
  --career-gold-bright: #f0c45d;
  --career-gold-dark: #9b6b17;
  --career-ink: #0a0d0f;
  --career-paper: #fffdf8;
  --career-muted: #5b5f66;
  background:
    radial-gradient(circle at 14% 34%, rgba(216, 188, 103, 0.08), transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f1 100%);
}

.career-shell {
  width: min(100% - 32px, var(--layout-content-max-width));
  margin-inline: auto;
}

.career-hero {
  position: relative;
  min-height: var(--cms-hero-min-height-mobile, clamp(520px, 138vw, 640px));
  overflow: hidden;
  border-top: 2px solid rgba(216, 188, 103, 0.7);
  background-image: url("/brand/hero-header-1920x600.png");
  background-position: center;
  background-size: cover;
  color: #ffffff;
}

.career-hero__inner {
  display: flex;
  min-height: inherit;
  align-items: center;
}

.career-hero__content {
  width: min(100%, 670px);
  padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.career-title {
  display: grid;
  margin: 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.05vw, 3.45rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.72);
}

.career-title span {
  display: block;
  white-space: nowrap;
}

.career-title span:nth-child(2) {
  color: var(--career-gold-bright);
}

.career-lead {
  max-width: 430px;
  margin: clamp(1.1rem, 2vw, 1.45rem) 0 0;
  color: #f8f4e9;
  font-size: clamp(1.05rem, 1.45vw, 1.36rem);
  font-weight: 400;
  line-height: 1.55;
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.68);
}

.career-title-line {
  display: block;
  width: 92px;
  height: 2px;
  margin-top: clamp(1.45rem, 3vw, 2.25rem);
  background: linear-gradient(90deg, var(--career-gold-bright), transparent);
}

.career-proof-band {
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 188, 103, 0.14), transparent 26%),
    linear-gradient(180deg, #090c0e 0%, #050607 100%);
  border-top: 1px solid rgba(216, 188, 103, 0.28);
  border-bottom: 1px solid rgba(216, 188, 103, 0.42);
  color: #f8f1df;
}

.career-proof-grid {
  display: grid;
  gap: clamp(1.2rem, 2.8vw, 2.4rem);
  padding-block: clamp(1.55rem, 3vw, 2rem);
}

.career-proof-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.career-proof-icon {
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  color: var(--career-gold-bright);
  filter: drop-shadow(0 0 12px rgba(216, 188, 103, 0.24));
}

.career-proof-icon svg {
  width: 100%;
  height: 100%;
}

.career-proof-item h2 {
  margin: 0;
  color: var(--career-gold-bright);
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  font-weight: 800;
  line-height: 1.2;
}

.career-proof-item p,
.career-response-note,
.career-seek-card p,
.career-apply__head p {
  margin: 0;
  color: #f2ead9;
  font-size: clamp(0.98rem, 1.16vw, 1.08rem);
  line-height: 1.55;
}

.career-proof-note {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-top: 1px solid rgba(216, 188, 103, 0.24);
  padding: clamp(1rem, 2vw, 1.35rem) 0 clamp(1.25rem, 2.3vw, 1.65rem);
  color: #f8f1df;
  font-family: var(--font-display);
  font-size: clamp(1.16rem, 2vw, 1.7rem);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.career-proof-note span {
  color: var(--career-gold-bright);
}

.career-main,
.career-seek {
  padding-block: clamp(1.6rem, 3.5vw, 2.6rem);
}

.career-main-grid {
  display: grid;
  gap: clamp(1.2rem, 2.4vw, 1.75rem);
  align-items: stretch;
}

.career-benefits-card {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.28);
  border-radius: 8px;
  background: #060809;
  box-shadow: 0 20px 44px rgba(24, 20, 14, 0.12);
}

.career-benefits-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.career-benefits-card::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.16) 42%, rgba(0, 0, 0, 0.88) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.68), transparent 58%);
  content: "";
}

.career-benefits-card__content {
  position: absolute;
  right: clamp(1.15rem, 3vw, 2.2rem);
  bottom: clamp(1.2rem, 3vw, 2.35rem);
  left: clamp(1.15rem, 3vw, 2.2rem);
  z-index: 1;
  color: #ffffff;
}

.career-benefits-card h2,
.career-apply__head h2,
.career-seek h2,
.career-contact-strip h2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.career-benefits-card h2 {
  max-width: 430px;
  color: #ffffff;
  font-size: clamp(1.72rem, 3vw, 2.55rem);
  line-height: 1.04;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.72);
}

.career-benefits-card h2 span,
.career-contact-strip h2 {
  color: var(--career-gold-bright);
}

.career-benefits-card ul {
  display: grid;
  gap: 1rem;
  margin: clamp(1.25rem, 2.5vw, 1.7rem) 0 0;
  padding: 0;
  list-style: none;
}

.career-benefits-card li {
  position: relative;
  padding-left: 2rem;
  color: #f7f1e2;
  font-size: clamp(1rem, 1.2vw, 1.08rem);
  font-weight: 700;
  line-height: 1.45;
}

.career-benefits-card li::before {
  position: absolute;
  top: 0.12rem;
  left: 0;
  display: inline-flex;
  width: 1.28rem;
  height: 1.28rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe59a, #c98b20);
  color: #17110a;
  content: "✓";
  font-size: 0.82rem;
  font-weight: 900;
  box-shadow: 0 0 0 3px rgba(216, 188, 103, 0.16);
}

.career-apply {
  border: 1px solid rgba(216, 188, 103, 0.38);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 188, 103, 0.11), transparent 28%),
    #ffffff;
  padding: clamp(1.35rem, 3vw, 2.2rem);
  box-shadow: 0 20px 46px rgba(74, 53, 23, 0.12);
  scroll-margin-top: calc(var(--header-height-mobile) + 18px);
}

.career-apply__head {
  display: grid;
  gap: 0.75rem;
  margin-bottom: clamp(1.1rem, 2.5vw, 1.55rem);
  text-align: center;
}

.career-apply__head h2,
.career-seek h2 {
  color: #201a12;
  font-size: clamp(1.55rem, 2.45vw, 2.2rem);
  line-height: 1.05;
}

.career-apply__head p {
  max-width: 440px;
  margin-inline: auto;
  color: #4a4540;
  font-weight: 600;
}

.career-form {
  display: grid;
  gap: 0.92rem;
}

.career-field {
  position: relative;
  display: block;
}

.career-field__icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  color: #c59438;
  transform: translateY(-50%);
}

.career-field__icon svg {
  width: 100%;
  height: 100%;
}

.career-field--textarea .career-field__icon {
  top: 1.2rem;
  transform: none;
}

.career-form .input {
  width: 100%;
  min-height: 58px;
  border: 1px solid rgba(24, 20, 14, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  padding: 0 1rem 0 3rem;
  color: #171717;
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  font-weight: 600;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 7px 18px rgba(15, 12, 8, 0.04);
}

.career-form .input::placeholder {
  color: #8c8b88;
  opacity: 1;
}

.career-form .input:focus {
  border-color: rgba(216, 188, 103, 0.78);
  outline: 2px solid rgba(216, 188, 103, 0.18);
  outline-offset: 1px;
}

.career-form textarea.input {
  min-height: 118px;
  padding-top: 1rem;
  resize: vertical;
}

.career-upload {
  position: relative;
  display: grid;
  gap: 0.28rem;
  place-items: center;
  min-height: 146px;
  border: 1px dashed rgba(24, 20, 14, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(250, 247, 239, 0.92));
  padding: 1rem;
  color: #4b4338;
  text-align: center;
  cursor: pointer;
}

.career-upload:hover,
.career-upload:focus-within {
  border-color: rgba(216, 188, 103, 0.82);
  box-shadow: 0 0 0 4px rgba(216, 188, 103, 0.13);
}

.career-upload__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.career-upload__icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  color: #c88d24;
}

.career-upload__icon svg {
  width: 100%;
  height: 100%;
}

.career-upload span:not(.career-upload__icon) {
  color: #31291d;
  font-size: 0.98rem;
  font-weight: 800;
}

.career-upload strong {
  color: #3f3831;
  font-size: 0.92rem;
  font-weight: 800;
}

.career-upload small {
  color: #6a655f;
  font-size: 0.82rem;
  font-weight: 700;
}

.career-checkbox {
  align-items: flex-start;
  border: 1px solid rgba(216, 188, 103, 0.32);
  border-radius: 8px;
  background: #fffaf0;
  padding: 0.85rem;
  color: #4f4a43;
  font-size: 0.9rem;
  line-height: 1.45;
}

.career-checkbox a {
  color: #9a6f2b;
  font-weight: 900;
}

.career-submit {
  width: 100%;
  min-height: 60px;
  border-radius: 8px;
  font-size: clamp(1.02rem, 1.22vw, 1.12rem);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.career-response-note {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin-top: clamp(1rem, 2vw, 1.45rem);
  color: #3e3830;
  font-weight: 800;
  text-align: center;
}

.career-response-note span {
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  color: #c58b24;
}

.career-seek {
  padding-top: 0;
}

.career-seek h2 {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1.3rem, 2.8vw, 2rem);
  text-align: center;
}

.career-seek h2::before,
.career-seek h2::after {
  width: min(14vw, 96px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 188, 103, 0.72));
  content: "";
}

.career-seek h2::after {
  background: linear-gradient(90deg, rgba(216, 188, 103, 0.72), transparent);
}

.career-seek-grid {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.career-seek-card {
  display: grid;
  gap: 0.78rem;
  justify-items: center;
  min-height: 255px;
  border: 1px solid rgba(216, 188, 103, 0.34);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 188, 103, 0.1), transparent 28%),
    #ffffff;
  padding: clamp(1.4rem, 3vw, 2rem);
  box-shadow: 0 16px 32px rgba(74, 53, 23, 0.08);
  text-align: center;
}

.career-seek-card > span {
  display: inline-flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  color: #c18a22;
}

.career-seek-card svg {
  width: 100%;
  height: 100%;
}

.career-seek-card h3 {
  max-width: 280px;
  margin: 0;
  color: #211b14;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1.65vw, 1.55rem);
  font-weight: 800;
  line-height: 1.13;
}

.career-seek-card p {
  max-width: 300px;
  color: #3f3d3a;
  font-weight: 600;
}

.career-contact-strip {
  background:
    radial-gradient(circle at 20% 0%, rgba(216, 188, 103, 0.15), transparent 28%),
    linear-gradient(180deg, #080a0b 0%, #020303 100%);
  border-top: 1px solid rgba(216, 188, 103, 0.34);
  color: #ffffff;
}

main:has(> .career-page) + .site-footer {
  margin-top: 0 !important;
}

.career-contact-strip__inner {
  display: grid;
  gap: 1rem;
  align-items: center;
  padding-block: clamp(1.55rem, 3vw, 2.1rem);
}

.career-contact-strip h2 {
  font-size: clamp(1.35rem, 2.1vw, 1.9rem);
  font-weight: 400;
  line-height: 1.05;
}

.career-contact-strip p {
  margin: 0.3rem 0 0;
  color: #f6ead2;
  font-size: clamp(1rem, 1.3vw, 1.14rem);
  font-weight: 400;
}

.career-contact-strip a {
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
  width: fit-content;
  color: #f8f1df;
  font-size: clamp(1.08rem, 2.1vw, 1.75rem);
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
}

.career-contact-strip a span {
  color: var(--career-gold-bright);
}

.energy-page {
  --energy-gold: #d8bc67;
  --energy-gold-bright: #f0c45d;
  --energy-ink: #090c0f;
  background:
    radial-gradient(circle at 14% 18%, rgba(216, 188, 103, 0.1), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f1 100%);
  color: #1f1b16;
}

.energy-main {
  padding-block: clamp(2rem, 5vw, 4.4rem);
}

.energy-main__grid {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: stretch;
}

.energy-image-card,
.energy-copy-card,
.energy-contact-card {
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.34);
  border-radius: 8px;
  box-shadow: 0 20px 46px rgba(74, 53, 23, 0.12);
}

.energy-image-card {
  position: relative;
  min-height: clamp(340px, 48vw, 590px);
  margin: 0;
  background: #060809;
}

.energy-image-card::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.16) 58%, rgba(0, 0, 0, 0.48) 100%),
    radial-gradient(circle at 24% 20%, rgba(216, 188, 103, 0.2), transparent 30%);
  content: "";
  pointer-events: none;
}

.energy-image-card img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
}

.energy-copy-card {
  display: grid;
  align-content: center;
  gap: clamp(1rem, 2.4vw, 1.55rem);
  background:
    radial-gradient(circle at 92% 0%, rgba(216, 188, 103, 0.14), transparent 32%),
    #ffffff;
  padding: clamp(1.45rem, 3.6vw, 2.8rem);
}

.energy-eyebrow {
  margin: 0;
  color: #9b6b17;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.energy-copy-card h1,
.energy-contact-card__head h2 {
  margin: 0;
  color: var(--energy-ink);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.45rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}

.energy-profession {
  margin: -0.45rem 0 0;
  color: #9b6b17;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  font-weight: 800;
  line-height: 1.35;
}

.energy-direct-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.energy-direct-contact a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  border: 1px solid rgba(216, 188, 103, 0.5);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 238, 172, 0.92), rgba(198, 139, 32, 0.88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 10px 20px rgba(121, 81, 20, 0.12);
  color: #1b140b;
  font-weight: 900;
  line-height: 1.2;
  padding: 0.65rem 1rem;
  text-decoration: none;
}

.energy-lead,
.energy-contact-card__head p {
  margin: 0;
  color: #4a4540;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem);
  font-weight: 400;
  line-height: 1.65;
}

.energy-intro {
  display: grid;
  gap: 0.8rem;
}

.energy-intro p {
  margin: 0;
  color: #36302a;
  font-size: clamp(0.98rem, 1.16vw, 1.08rem);
  font-weight: 500;
  line-height: 1.62;
}

.energy-feature-list {
  display: grid;
  gap: 0.8rem;
  margin-top: 0.25rem;
}

.energy-feature-list div {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  border: 1px solid rgba(216, 188, 103, 0.26);
  border-radius: 8px;
  background: #fffaf0;
  padding: 0.8rem 0.9rem;
}

.energy-feature-list span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe59a, #c98b20);
  color: #17110a;
  font-weight: 900;
}

.energy-feature-list p {
  margin: 0;
  color: #2e2922;
  font-weight: 700;
  line-height: 1.35;
}

.energy-contact-section {
  padding: 0 0 clamp(2rem, 5vw, 4rem);
}

.energy-contact-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 188, 103, 0.11), transparent 28%),
    #ffffff;
  padding: clamp(1.35rem, 3vw, 2.2rem);
}

.energy-contact-card__head {
  display: grid;
  gap: 0.72rem;
  max-width: 860px;
  margin-bottom: clamp(1.1rem, 2.5vw, 1.55rem);
}

.energy-contact-card__head h2 {
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.energy-contact-list {
  display: grid;
  gap: 0.85rem;
  margin-bottom: clamp(1.1rem, 2.4vw, 1.55rem);
}

.energy-person-card {
  display: grid;
  gap: 0.34rem;
  border: 1px solid rgba(216, 188, 103, 0.34);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 0%, rgba(240, 196, 93, 0.18), transparent 38%),
    #fffaf0;
  padding: 1rem;
}

.energy-person-card strong {
  color: #17110a;
  font-family: var(--font-display);
  font-size: 1.16rem;
  line-height: 1.2;
}

.energy-person-card a {
  color: #8f5f10;
  font-weight: 800;
  text-decoration: none;
}

.energy-contact-form {
  display: grid;
  gap: 0.92rem;
}

@media (min-width: 768px) {
  .c-home-testimonial-card [data-testimonial-readmore],
  .c-home-testimonial-card a[aria-label*="Google"] {
    font-size: var(--type-body-desktop);
  }

  .career-proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .career-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
  }

  .career-apply {
    scroll-margin-top: calc(var(--header-height-desktop) + 18px);
  }

  .career-seek-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .career-contact-strip__inner {
    grid-template-columns: minmax(220px, 0.9fr) max-content max-content;
    justify-content: space-between;
  }

  .energy-main__grid {
    grid-template-columns: minmax(0, 0.94fr) minmax(380px, 1.06fr);
  }

  .energy-contact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .career-shell {
    width: min(100% - 28px, 430px);
  }

  .career-hero {
    min-height: var(--cms-hero-min-height-mobile, clamp(560px, 144vw, 640px));
    background-position: 59% center;
  }

  .career-title {
    font-size: clamp(2rem, 8.2vw, 2.55rem);
  }

  .career-proof-item {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .career-proof-icon {
    width: 46px;
    height: 46px;
  }

  .career-benefits-card {
    min-height: 640px;
  }

  .career-benefits-card img {
    object-position: center top;
  }

  .career-contact-strip a {
    font-size: 1.14rem;
  }
}

.c-blog-card-image {
  height: var(--blog-card-image-height);
}

.c-blog-faq-image {
  min-height: var(--blog-faq-image-min-height);
}

.c-blog-bottom-banner-image {
  height: var(--blog-bottom-banner-height-mobile);
}

.c-listing-detail-hero-image {
  height: var(--listing-detail-hero-image-height-mobile);
}

.c-listing-detail-map {
  height: var(--listing-detail-map-height);
}

.c-listing-sidebar-map {
  height: var(--listing-sidebar-map-height);
}

.c-listing-lead-submit {
  width: 100%;
}

.site-logo-footer {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-logo-frame--footer {
  width: min(238px, 64vw);
  height: 72px;
  padding: 0.55rem 0.9rem;
}

.footer-partner-logo {
  max-width: var(--footer-partner-logo-max-width);
}

@media (min-width: 768px) {
  .home-search-desktop-panel {
    display: none !important;
  }

  .home-search-mobile-panel {
    display: block !important;
  }

  .search-floating {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: min(
      calc(var(--search-shell-content-max-width) + (var(--search-shell-side-offset-desktop) * 2)),
      calc(100vw - 16px)
    );
    max-width: none;
    padding-inline: 0;
  }

  .search-floating .c-search-shell {
    width: 100%;
    max-width: none;
    margin-inline: auto;
  }

  .c-search-toggle {
    width: var(--search-first-field-width-md);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-floating .c-search-grid-main > .c-search-field {
    position: relative;
    margin-top: var(--search-label-outside-offset-desktop);
    padding-top: 0.4rem;
  }

  .search-floating .c-search-grid-main > .c-search-field > .c-search-label {
    position: absolute;
    top: calc(-1 * var(--search-label-outside-offset-desktop));
    left: 0;
    margin-bottom: 0;
  }

  .c-search-shell {
    padding: var(--search-panel-padding-desktop);
  }

  .c-search-toggle-button {
    width: auto;
    font-size: var(--type-cta-desktop);
  }

  .c-search-form {
    padding: var(--search-panel-padding-desktop);
  }

  .c-search-grid-main {
    gap: var(--search-grid-gap-desktop);
    grid-template-columns: var(--search-grid-template-md);
    align-items: center;
  }

  .c-search-submit {
    min-height: var(--search-action-height-desktop);
  }

  .c-search-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: stretch;
    align-self: end;
    gap: var(--search-action-gap);
    margin-top: 0;
  }

  .c-search-actions .c-search-submit,
  .c-search-actions .c-search-advanced-button {
    min-height: var(--search-action-height-desktop);
    width: 100%;
  }

  .c-search-actions--listing .c-search-details {
    width: 100%;
  }

  .c-search-actions--listing:has(.c-search-details[open]) {
    grid-column: 1 / -1;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
  }

  .c-search-actions--listing:has(.c-search-details[open]) .c-search-details {
    display: block;
    width: 100%;
  }

  .c-search-actions--listing:has(.c-search-details[open]) .c-search-details > .c-search-details-panel {
    width: 100%;
  }

  .home-hero-size {
    height: var(--cms-hero-min-height-tablet, var(--home-hero-height-tablet));
  }

  .c-home-block-card,
  .c-home-block-card-content {
    min-height: var(--home-block-card-min-height-desktop);
  }

  .c-home-district-image {
    height: var(--home-district-image-height-tablet);
  }

  [data-cms-block="blog_district"] .c-home-district-image {
    height: calc(var(--home-district-image-height-tablet) * 0.85);
  }

  .c-home-discovery-panel {
    gap: var(--home-discovery-panel-gap-desktop);
  }

  .c-home-discovery-cta {
    width: fit-content;
    max-width: 100%;
  }

  .c-home-discovery-title {
    font-size: var(--type-home-discovery-title-desktop);
  }

  [data-cms-block="blog_district"] .c-home-discovery-title {
    font-size: calc(var(--h2) * 0.92);
  }

  .c-home-article-title {
    font-size: var(--type-home-article-title-desktop);
  }

  .c-home-article-list {
    gap: var(--home-article-list-gap-desktop);
    min-height: calc(
      (var(--home-article-list-item-min-height) * var(--home-article-list-rows))
      + (var(--home-article-list-gap-desktop) * (var(--home-article-list-rows) - 1))
    );
  }

  .c-home-blog-item-title {
    font-size: var(--type-home-blog-item-desktop);
  }

  [data-cms-block="blog_district"] .c-home-blog-item-title {
    font-size: var(--type-home-blog-item-desktop);
  }

  .c-home-blog-thumb {
    height: calc(var(--home-blog-thumb-size-desktop) * 1.2);
    width: calc(var(--home-blog-thumb-size-desktop) * 1.2 * 16 / 9);
  }

  [data-cms-block="blog_district"] .c-home-blog-thumb {
    height: calc(var(--home-blog-thumb-size-desktop) * 0.86);
    width: calc(var(--home-blog-thumb-size-desktop) * 0.86 * 16 / 9);
  }

  .c-home-district-chip {
    font-size: var(--type-home-district-chip-desktop);
  }

  [data-cms-block="blog_district"] .c-home-district-chip {
    font-size: calc(var(--type-home-district-chip-desktop) * 0.85);
  }

  .c-home-district-chooser-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0;
  }

  .c-home-district-option-title {
    font-size: clamp(0.76rem, 1vw, 0.88rem);
  }






  .c-home-banner-button {
    min-width: var(--home-banner-button-min-width-desktop);
  }

  .c-listing-card-media-shell-list {
    width: var(--listing-card-media-width-md);
    flex-shrink: 0;
  }

  .c-listing-card-media-image-list {
    height: 100%;
  }

  .c-featured-card-image {
    height: var(--featured-card-image-height-sm);
  }

  .c-blog-bottom-banner-image {
    height: var(--blog-bottom-banner-height-tablet);
  }
}

@media (min-width: 1024px) {
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall {
    margin-top: calc(-1 * (var(--home-energy-card-overlap-desktop) + var(--home-energy-card-top-align-offset-desktop)));
    height: calc(100% + var(--home-energy-card-overlap-desktop) + var(--home-energy-card-top-align-offset-desktop));
    min-height: 0;
  }
}

@media (min-width: 640px) {
  .c-agent-card-list-media {
    width: var(--agent-card-list-media-width-sm);
    flex-shrink: 0;
  }

  .c-agent-card-list-image {
    height: 100%;
  }

  .c-agent-card-grid-image {
    height: clamp(254px, 17vw, 294px);
  }
}

@media (min-width: 1280px) {
  .c-listing-lead-submit {
    width: var(--listing-lead-cta-width-desktop);
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .c-featured-card-image {
    height: var(--featured-card-image-height-md);
  }
}

@media (min-width: 1024px) {
  .c-search-toggle {
    width: var(--search-first-field-width-lg);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-hero-size {
    height: var(--cms-hero-min-height-desktop, var(--home-hero-height-desktop));
  }

  .c-home-district-image {
    height: var(--home-district-image-height-desktop);
  }

  [data-cms-block="blog_district"] .c-home-district-image {
    height: calc(var(--home-district-image-height-desktop) * 0.85);
  }

  .c-home-district-chooser-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }






  .c-listing-card-media-shell-list {
    width: var(--listing-card-media-width-lg);
  }

  .c-agent-card-list-media {
    width: var(--agent-card-list-media-width-lg);
  }

  .c-agent-profile-image {
    height: 100%;
  }

  .c-featured-card-image {
    height: var(--featured-card-image-height-lg);
  }

  .site-logo-footer {
    width: 100%;
    height: 100%;
  }

  .site-logo-frame--header {
    width: clamp(198px, 14vw, 248px);
    height: min(72px, calc(var(--header-height-desktop) - 12px));
    padding: 0.48rem 0.85rem;
  }

  .site-logo-frame--footer {
    width: min(260px, 34vw);
    height: 82px;
    padding: 0.65rem 1rem;
  }
}

@media (min-width: 1024px) {
  .home-search-desktop-panel {
    display: block !important;
  }

  .home-search-mobile-panel {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .c-search-grid-main {
    grid-template-columns: var(--search-grid-template-lg);
  }

  .c-search-actions {
    grid-column: auto;
  }
}

p,
ul,
ol {
  margin: 0;
}

.footer-offices-shell {
  max-width: var(--footer-offices-shell-max-width);
}

.footer-office-media-image,
.home-calculator-banner,
.home-hero-body-rich,
.cta-card-details {
  min-width: 0;
}

.footer-offices-grid {
  gap: var(--footer-offices-grid-gap-mobile);
  justify-items: center;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.85rem;
}

.section-head-stack {
  flex-direction: column;
  align-items: flex-start;
}

.card {
  background: var(--card);
  border: var(--border-width-base) solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: var(--space-4);
}

.muted-card {
  background: #fbf8f1;
}

.grid {
  display: grid;
}

.grid-2 {
  gap: var(--layout-grid-gap-mobile);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-3 {
  gap: var(--layout-grid-gap-mobile);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.muted {
  color: var(--muted);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0.62rem 1rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.btn:hover {
  text-decoration: none;
}

.btn[aria-disabled="true"] {
  opacity: 0.55;
  pointer-events: none;
}

.btn-primary {
  border-color: var(--gold-btn-border);
  background: var(--gold-btn-bg);
  color: var(--gold-btn-text);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
}

.btn-primary:hover {
  background: var(--gold-btn-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.55);
  filter: brightness(1.035);
}

.btn-secondary {
  background: #fff;
  color: #3a2b13;
  border-color: #cfb488;
}

.btn-secondary:hover {
  background: #fdf6e9;
}

.btn-ghost {
  background: #f8f1e4;
  color: #4e3a1b;
  border-color: #e5d0aa;
}

.listing-card {
  padding: 0;
  overflow: hidden;
}

.listing-image-link {
  position: relative;
  display: block;
}

.listing-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  border-radius: 999px;
  padding: 0.3rem 0.7rem;
  background: rgba(34, 21, 2, 0.83);
  color: #fff;
  font-size: var(--type-label-mobile);
  font-weight: 700;
}

.listing-body {
  padding: 0.95rem;
  display: grid;
  gap: var(--listing-body-gap);
}

.listing-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.listing-price {
  color: #7a5318;
  font-weight: 800;
  font-size: var(--listing-price-font-size-mobile);
}

@media (min-width: 768px) {
  .listing-price {
    font-size: var(--listing-price-font-size-desktop);
  }
}

.favorite-btn {
  width: var(--listing-favorite-size);
  height: var(--listing-favorite-size);
  border: 1px solid #dec69e;
  border-radius: 999px;
  background: #fff8ea;
  color: #845a1e;
  font-size: calc(var(--listing-favorite-size) * 0.5);
}

[data-favorite-toggle] {
  min-width: 44px;
  min-height: 44px;
}

.favorite-btn.is-favorited,
.btn.is-favorited {
  background: #fde7df;
  color: var(--danger);
  border-color: #e8ac9f;
}

.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  padding: 0;
}

.chip {
  border-radius: 999px;
  padding: 0.18rem 0.66rem;
  border: 1px solid #ead9b8;
  background: #fcf7eb;
  color: #6b4b19;
  font-size: var(--type-small-mobile);
}

.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 1rem;
  color: #6f6556;
  font-size: var(--type-meta-mobile);
}

.breadcrumbs a,
.breadcrumbs span[aria-current="page"] {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
}

@media (max-width: 767.98px) {
  .breadcrumbs a {
    min-height: 44px;
  }
}

.breadcrumbs .sep {
  color: #b5a48a;
}

.filters {
  margin-bottom: 1rem;
}

.form-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.input {
  width: 100%;
  margin-top: 0.3rem;
  border: 1px solid #dbc8a8;
  border-radius: 11px;
  padding: 0.65rem 0.78rem;
  background: #fff;
  color: var(--text);
}

.input:focus {
  outline: 2px solid rgba(122, 84, 21, 0.22);
  border-color: #c69b52;
}

.stack {
  display: grid;
  gap: 0.9rem;
}

.stack-sm {
  gap: 0.55rem;
}

.checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: var(--type-meta-mobile);
}

.honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.form-status {
  min-height: 1.2rem;
  font-size: var(--type-meta-mobile);
}

.captcha-field {
  display: flex;
  min-height: 65px;
  align-items: center;
  justify-content: flex-start;
}

.listing-recaptcha-check {
  position: relative;
  display: grid;
  width: min(100%, 25rem);
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.42);
  border-radius: 0.8rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 242, 232, 0.96)),
    radial-gradient(circle at 100% 0%, rgba(216, 188, 103, 0.22), transparent 44%);
  padding: 0.95rem 1rem;
  color: #202633;
  box-shadow:
    0 14px 34px rgba(24, 20, 14, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

.listing-recaptcha-check:hover,
.listing-recaptcha-check:focus-within {
  border-color: rgba(216, 188, 103, 0.82);
  box-shadow:
    0 18px 40px rgba(24, 20, 14, 0.12),
    0 0 0 3px rgba(216, 188, 103, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.86);
  transform: translateY(-1px);
}

.listing-recaptcha-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.listing-recaptcha-check__box {
  display: inline-grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border: 1px solid rgba(156, 112, 26, 0.42);
  border-radius: 0.55rem;
  background: #ffffff;
  color: transparent;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    transform var(--transition-fast);
}

.listing-recaptcha-check__box svg {
  width: 1.45rem;
  height: 1.45rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.listing-recaptcha-check input:checked + .listing-recaptcha-check__box {
  border-color: rgba(122, 83, 15, 0.78);
  background: linear-gradient(180deg, #fff7d7 0%, #d9a832 100%);
  color: #2a1c09;
  transform: scale(1.03);
}

.listing-recaptcha-check__copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.listing-recaptcha-check__copy strong {
  color: #202633;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: clamp(0.98rem, 1.7vw, 1.08rem);
  font-weight: 900;
  line-height: 1.15;
}

.listing-recaptcha-check__copy em {
  color: #667085;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
}

.listing-recaptcha-check__shield {
  display: inline-grid;
  width: 2.1rem;
  height: 2.1rem;
  place-items: center;
  border-radius: 999px;
  background: rgba(32, 38, 51, 0.06);
  color: #9c701a;
}

.listing-recaptcha-check__shield svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.form-status.success {
  color: var(--success);
}

.form-status.error {
  color: var(--danger);
}

.pagination {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.45rem;
}

.auth-layout {
  display: grid;
  gap: 1rem;
}

.valuation-page {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 clamp(3rem, 6vw, 5rem);
  background: #f7f4ec;
}

.valuation-home-hero {
  overflow: hidden;
}

.valuation-home-hero.home-hero-size {
  min-height: clamp(390px, 54vh, 520px);
}

.valuation-hero-content {
  max-width: min(100%, 560px);
}

.valuation-hero-title {
  margin: 0;
  color: #fffaf0;
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  font-weight: 800;
  line-height: 0.96;
  text-wrap: balance;
}

.valuation-hero-title span {
  color: #d8bc67;
}

.valuation-hero-subtitle {
  max-width: 520px;
  margin: 0.9rem 0 0;
  color: #fff7df;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  font-weight: 800;
  line-height: 1.45;
}

.valuation-hero-proofs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem clamp(1rem, 3vw, 2.2rem);
  margin-top: clamp(1.2rem, 2.5vw, 1.9rem);
}

.valuation-hero-proofs span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #fff8e6;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.25;
}

.valuation-hero-proofs svg {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  border: 1px solid rgba(216, 188, 103, 0.72);
  border-radius: 999px;
  padding: 0.52rem;
  background: rgba(0, 0, 0, 0.34);
  color: #d8bc67;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  box-shadow: inset 0 0 0 0.45rem rgba(0, 0, 0, 0.2);
}

.valuation-result-card__eyebrow {
  display: block;
  margin-bottom: 0.45rem;
  color: #b2811d;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.valuation-range-bar {
  height: 0.58rem;
  margin: 1rem 0 1.05rem;
  overflow: hidden;
  border-radius: 999px;
  background: #efe6d4;
}

.valuation-range-bar span {
  display: block;
  width: 58%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #bf871f, #d9a72c);
}

.valuation-result-metrics span,
.valuation-factor-list span {
  color: rgba(216, 188, 103, 0.88);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.valuation-faq {
  width: min(100% - 2rem, 1180px);
  margin: clamp(1.2rem, 3vw, 2.4rem) auto 0;
}

.valuation-section-head {
  display: grid;
  gap: 0.85rem;
  align-items: start;
  grid-template-columns: auto minmax(0, 1fr);
  margin-bottom: 1rem;
}

.valuation-section-icon {
  display: inline-grid;
  width: 2.8rem;
  height: 2.8rem;
  place-items: center;
  border-radius: 999px;
  background: #050607;
  color: #d9a72c;
}

.valuation-section-icon svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.valuation-section-head h2 {
  margin: 0;
  color: #1c1812;
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.35vw, 2.1rem);
  line-height: 1.05;
}

.valuation-result-card h2 {
  margin: 0;
  color: #221f1a;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.05;
}

.valuation-section-head p {
  max-width: 780px;
  margin: 0.35rem 0 0;
  color: #656053;
  font-size: 0.9rem;
  line-height: 1.65;
}

.valuation-form {
  display: grid;
  gap: 1.15rem;
}

.valuation-estimator-grid {
  display: grid;
  gap: 0.65rem 0.85rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.valuation-search-panel {
  display: block;
}

.valuation-search-panel .home-hero-trustline {
  display: none;
}

.valuation-estimator-shell {
  display: grid;
  gap: clamp(0.85rem, 1.5vw, 1.1rem);
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.46fr);
  max-width: 1440px;
  border: 1px solid rgba(191, 164, 106, 0.36);
  border-radius: 10px;
  padding: clamp(0.85rem, 1.45vw, 1.2rem);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22);
  container-type: inline-size;
}

.valuation-form-head {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: clamp(0.7rem, 1.45vw, 1rem);
}

.valuation-form-icon {
  display: inline-grid;
  width: 3.1rem;
  height: 3.1rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 999px;
  background: #080808;
  color: #d8bc67;
}

.valuation-form-icon svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.valuation-form-head h2 {
  margin: 0;
  color: #22201d;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.08;
}

.valuation-form-head p {
  margin: 0.25rem 0 0;
  color: #6f695f;
  font-size: 0.88rem;
  line-height: 1.45;
}

.valuation-field {
  min-width: 0;
  border: 0;
  padding: 0;
}

.valuation-field label,
.valuation-field legend {
  display: block;
  margin: 0 0 0.32rem;
  color: #24211d;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.2;
}

.valuation-field input,
.valuation-field select {
  width: 100%;
  height: 2.55rem;
  border: 1px solid rgba(33, 30, 25, 0.16);
  border-radius: 5px;
  padding: 0 0.8rem;
  background: #fff;
  color: #25221e;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.valuation-field input:focus,
.valuation-field select:focus {
  border-color: rgba(190, 137, 26, 0.72);
  outline: 2px solid rgba(216, 188, 103, 0.28);
  outline-offset: 1px;
}

.valuation-choice-field {
  min-width: 0;
}

.valuation-choice-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  min-height: var(--search-control-height);
}

.valuation-choice {
  position: relative;
  display: flex;
  min-width: 0;
}

.valuation-choice input {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.valuation-choice span {
  display: inline-flex;
  width: 100%;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(33, 30, 25, 0.14);
  border-radius: 5px;
  background: #fff;
  color: #22201d;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.valuation-choice input:checked + span {
  border-color: #080808;
  background: #080808;
  color: #fff;
}

.valuation-choice input:focus-visible + span {
  outline: 2px solid #f4d57f;
  outline-offset: 2px;
}

.valuation-email-field {
  grid-column: span 2;
}

.valuation-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.1rem;
}

.valuation-form-actions .form-status {
  margin: 0;
  color: #5d564b;
  font-weight: 800;
}

.valuation-form-actions .form-status:empty {
  display: none;
}

.valuation-form-actions .form-status.error {
  color: #a93520;
}

.valuation-form-actions .form-status.success {
  color: #7c5b12;
}

.valuation-progress {
  display: none;
  gap: 0.55rem;
  border: 1px solid rgba(216, 188, 103, 0.28);
  border-radius: var(--search-field-radius);
  padding: 0.85rem;
  background: #fff9ec;
}

.valuation-progress.is-active {
  display: grid;
}

.valuation-progress__head {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  color: #29241c;
  font-size: 0.86rem;
  font-weight: 900;
}

.valuation-progress__head strong {
  color: #d8bc67;
}

.valuation-progress__track {
  height: 0.62rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(34, 29, 19, 0.12);
}

.valuation-progress__track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #b6841e, #f3d372);
  transition: width 0.42s ease;
}

.valuation-result-card {
  position: relative;
  align-self: stretch;
  border: 1px solid rgba(216, 188, 103, 0.32);
  border-radius: 10px;
  padding: clamp(1rem, 1.75vw, 1.45rem);
  background:
    radial-gradient(circle at 98% 0%, rgba(216, 188, 103, 0.22), rgba(216, 188, 103, 0) 34%),
    linear-gradient(145deg, #fffdf8 0%, #fbf5e8 58%, #f4ead4 100%);
  color: #221f1a;
  box-shadow: 0 28px 62px rgba(35, 27, 14, 0.22), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
  isolation: isolate;
}

.valuation-result-card--inline {
  margin-top: 0;
}

.valuation-result-card.is-ready {
  background: linear-gradient(135deg, #fffdf8, #f7f0df);
  color: #221f1a;
}

.valuation-result-card.is-ready h2,
.valuation-result-card.is-ready .valuation-result-card__summary,
.valuation-result-card.is-ready .valuation-result-metrics strong,
.valuation-result-card.is-ready .valuation-factor-list strong {
  color: #221f1a;
}

.valuation-result-card__ornament {
  position: absolute;
  z-index: 2;
  display: inline-grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border: 1px solid rgba(183, 132, 31, 0.38);
  border-radius: 999px;
  background: linear-gradient(135deg, #f3ce64, #b9811e);
  color: #fff7df;
  box-shadow: 0 10px 22px rgba(89, 62, 15, 0.2);
}

.valuation-result-card__ornament svg {
  width: 1.12rem;
  height: 1.12rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.valuation-result-card__ornament--top {
  top: 0.7rem;
  left: 0.72rem;
}

.valuation-result-card__ornament--bottom {
  right: 0.72rem;
  bottom: 0.7rem;
}

.valuation-result-card__intro {
  display: grid;
  gap: 0.85rem;
  min-height: 2.7rem;
  padding-left: 3rem;
}

.valuation-result-card__intro p {
  margin: 0;
  color: #2f2b25;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.55;
}

.valuation-result-card__range {
  display: block;
  margin-top: 0.45rem;
  color: #111;
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 2.8vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.02;
  white-space: nowrap;
}

.valuation-result-card__summary {
  margin: 0.85rem 0 0;
  color: #5f574a;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
}

.valuation-result-card__empty {
  display: grid;
  gap: 0.8rem;
  margin: 1.05rem 0 0;
  border-top: 1px solid rgba(155, 117, 28, 0.18);
  border-bottom: 1px solid rgba(155, 117, 28, 0.18);
  padding: 1.05rem 0;
}

.valuation-result-card__empty strong {
  color: #221f1a;
  font-size: clamp(1.05rem, 1.35vw, 1.18rem);
  font-weight: 900;
  line-height: 1.25;
}

.valuation-result-card__empty p {
  margin: 0;
  color: #2f2b25;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.55;
}

.valuation-preview-list {
  display: grid;
  gap: 0.58rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.valuation-preview-list li {
  display: grid;
  gap: 0.65rem;
  align-items: start;
  grid-template-columns: auto minmax(0, 1fr);
  color: #3f3931;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.38;
}

.valuation-preview-list span {
  display: inline-grid;
  width: 1.12rem;
  height: 1.12rem;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #e7bd45, #b77c18);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
}

.valuation-result-card__email {
  border-top: 1px solid rgba(155, 117, 28, 0.2);
  padding: 0.85rem 0;
  color: #4a4338;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
}

.valuation-result-metrics,
.valuation-factor-list {
  display: grid;
  gap: 0.65rem;
  margin: 0.9rem 0 0;
}

.valuation-result-metrics--preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.valuation-result-metrics div,
.valuation-factor-list li {
  display: grid;
  gap: 0.32rem;
  border-top: 1px solid rgba(155, 117, 28, 0.2);
  padding: 0.9rem 0 0;
}

.valuation-result-metrics strong {
  color: #16130f;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1.2;
}

.valuation-result-metrics--preview div {
  border-top: 1px solid rgba(155, 117, 28, 0.18);
  padding: 0.7rem 0.7rem 0 0;
}

.valuation-result-metrics--preview div + div {
  border-left: 1px solid rgba(155, 117, 28, 0.16);
  padding-left: 0.7rem;
}

.valuation-contact-panel {
  margin-top: 1.05rem;
  border-radius: 7px;
  padding: 0.95rem;
  background: rgba(255, 251, 241, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 12px 30px rgba(90, 67, 20, 0.08);
}

.valuation-contact-panel h3 {
  margin: 0 0 0.7rem;
  color: #29241c;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.25;
}

.valuation-contact-grid {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.valuation-contact-phone {
  grid-column: 1 / -1;
}

.valuation-contact-submit {
  width: 100%;
  margin-top: 0.7rem;
}

.valuation-contact-submit svg {
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.valuation-factor-list {
  padding: 0;
  list-style: none;
}

.valuation-result-cta {
  width: 100%;
  justify-content: center;
  margin-top: 1rem;
}

.valuation-result-card__note {
  margin: 0;
  color: #5f574a;
}

.valuation-benefits {
  border-radius: 18px;
  padding: clamp(1.1rem, 3vw, 2rem);
  background: linear-gradient(135deg, rgba(12, 10, 7, 0.96), rgba(49, 35, 13, 0.94));
  color: #fff8e4;
}

.valuation-benefits .valuation-section-head h2,
.valuation-benefits .valuation-section-head p,
.valuation-benefits h3 {
  color: #fff8e4;
}

.valuation-benefit-grid article {
  background: rgba(255, 255, 255, 0.08);
}

.valuation-benefit-grid p {
  color: rgba(255, 248, 228, 0.78);
}

.valuation-faq-list {
  overflow: hidden;
  border: 1px solid rgba(181, 139, 43, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
}

.valuation-faq-item {
  border-bottom: 1px solid rgba(181, 139, 43, 0.22);
  background: rgba(255, 255, 255, 0.72);
}

.valuation-faq-item:last-child {
  border-bottom: 0;
}

.valuation-faq-item summary {
  cursor: pointer;
  padding: 1.05rem clamp(1rem, 2vw, 1.35rem);
  color: #1d1a15;
  font-weight: 900;
  list-style: none;
}

.valuation-faq-item summary::-webkit-details-marker {
  display: none;
}

.valuation-faq-item summary::after {
  content: "+";
  float: right;
  color: #9a711a;
  font-weight: 900;
}

.valuation-faq-item[open] summary::after {
  content: "-";
}

.valuation-faq-item p {
  margin: 0;
  padding: 0 clamp(1rem, 2vw, 1.35rem) 1.1rem;
  color: #615a4d;
  line-height: 1.7;
}

.valuation-maintenance {
  display: grid;
  min-height: clamp(520px, 75vh, 760px);
  place-items: center;
  padding: clamp(2rem, 6vw, 5rem) 1rem;
  background: #f7f4ec;
}

.valuation-maintenance__panel {
  width: min(100%, 720px);
  border: 1px solid rgba(181, 139, 43, 0.22);
  border-radius: 12px;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: #fff;
  text-align: center;
  box-shadow: 0 22px 60px rgba(26, 22, 14, 0.12);
}

.valuation-maintenance__eyebrow {
  margin: 0 0 0.55rem;
  color: #a77618;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.valuation-maintenance h1 {
  margin: 0;
  color: #201d18;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 4vw, 3rem);
  line-height: 1.05;
}

.valuation-maintenance p:not(.valuation-maintenance__eyebrow) {
  max-width: 520px;
  margin: 1rem auto 1.35rem;
  color: #625b50;
  line-height: 1.65;
}

@media (max-width: 1023px) {
  .valuation-estimator-shell {
    grid-template-columns: 1fr;
  }

  .valuation-estimator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .valuation-home-hero.home-hero-size {
    height: clamp(390px, 52vh, 500px);
  }
}

@media (min-width: 1024px) {
  .valuation-home-hero.home-hero-size {
    height: clamp(370px, 46vh, 440px);
  }

  .valuation-home-hero + .valuation-search-panel {
    margin-top: clamp(-230px, -17vw, -210px);
  }

  .valuation-home-hero .valuation-hero-content {
    transform: translateY(calc(-1 * clamp(3.6rem, 6.1vw, 5rem)));
  }

  .valuation-hero-title {
    font-size: clamp(3rem, 4.6vw, 4.1rem);
  }

  .valuation-hero-subtitle {
    max-width: 760px;
    margin-top: 0.35rem;
    font-size: clamp(0.92rem, 1.08vw, 1.05rem);
  }

  .valuation-hero-proofs {
    gap: 0.6rem clamp(0.85rem, 2vw, 1.4rem);
    margin-top: 0.4rem;
  }

  .valuation-hero-proofs span {
    font-size: 0.94rem;
  }

  .valuation-hero-proofs svg {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0.5rem;
  }

  .valuation-estimator-shell {
    --valuation-result-card-width: clamp(37rem, 38vw, 42rem);
    position: relative;
    display: block;
    padding: clamp(0.65rem, 1.05vw, 0.9rem);
    padding-right: calc(var(--valuation-result-card-width) + clamp(2rem, 2.4vw, 2.5rem));
    overflow: visible;
  }

  .valuation-form {
    gap: 0.58rem;
  }

  .valuation-form-head {
    margin-bottom: 0.55rem;
  }

  .valuation-estimator-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .valuation-field input,
  .valuation-field select,
  .valuation-choice span {
    height: 2.32rem;
    min-height: 2.32rem;
  }

  .valuation-result-card {
    position: absolute;
    top: 50%;
    right: clamp(-3rem, -2.2vw, -1.25rem);
    width: var(--valuation-result-card-width);
    margin: 0;
    padding: 1.65rem 1.35rem;
    transform: translateY(-50%);
  }

  .valuation-result-card--inline {
    margin: 0;
  }

  .valuation-result-card__empty {
    gap: 0.58rem;
    margin-top: 1rem;
    padding: 1rem 0;
  }

  .valuation-result-card__empty strong {
    font-size: 1.05rem;
  }

  .valuation-result-card__empty p {
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .valuation-preview-list li {
    font-size: 0.95rem;
    line-height: 1.32;
  }

  .valuation-preview-list li:last-child {
    white-space: nowrap;
  }

  .valuation-result-card h2 {
    font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  }

  .valuation-result-card__range {
    margin-top: 0.25rem;
    font-size: clamp(1.75rem, 2.25vw, 2.25rem);
  }

  .valuation-range-bar {
    margin: 0.55rem 0 0.65rem;
  }

  .valuation-result-metrics {
    margin-top: 0.55rem;
  }

  .valuation-result-metrics--preview div {
    padding-top: 0.5rem;
  }

  .valuation-contact-panel {
    margin-top: 0.9rem;
    padding: 0.85rem;
  }

  .valuation-contact-panel h3 {
    margin-bottom: 0.6rem;
    font-size: 1rem;
  }

  .valuation-contact-grid {
    gap: 0.55rem;
  }

  .valuation-contact-panel .valuation-field label {
    margin-bottom: 0.28rem;
    font-size: 0.84rem;
  }

  .valuation-contact-panel .valuation-field input {
    height: 2.25rem;
    min-height: 2.25rem;
    font-size: 0.92rem;
  }

  .valuation-form-actions {
    min-height: 0;
    margin-top: 0;
  }

  .valuation-contact-submit {
    min-height: 2.56rem;
    margin-top: 0.62rem;
    padding-block: 0.45rem;
  }
}

@media (max-width: 767px) {
  .valuation-hero-content {
    max-width: min(100%, 360px);
  }

  .valuation-hero-title {
    font-size: clamp(2.15rem, 11vw, 3.25rem);
  }

  .valuation-hero-proofs {
    display: grid;
    gap: 0.7rem;
  }

  .valuation-search-panel {
    margin-top: clamp(-130px, -28vw, -92px);
  }

  .valuation-estimator-shell {
    padding: 1rem;
  }

  .valuation-estimator-grid {
    grid-template-columns: 1fr;
  }

  .valuation-email-field {
    grid-column: auto;
  }

  .valuation-form-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

.listing-gallery {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.listing-gallery img {
  border-radius: 12px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.listing-detail-gallery-grid {
  container-type: inline-size;
  display: grid;
  gap: 1rem;
  align-items: start;
}

.listing-description-content {
  line-height: 1.72;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.listing-description-content > :first-child {
  margin-top: 0;
}

.listing-description-content > :last-child {
  margin-bottom: 0;
}

.listing-description-content p {
  margin: 0 0 0.85rem;
}

.listing-description-content ul,
.listing-description-content ol {
  margin: 0.75rem 0 0.95rem;
  padding-left: 1.45rem;
}

.listing-description-content ul {
  list-style: disc;
}

.listing-description-content ol {
  list-style: decimal;
}

.listing-description-content li {
  margin: 0.32rem 0;
  padding-left: 0.15rem;
}

.listing-description-content h2,
.listing-description-content h3,
.listing-description-content h4 {
  margin: 1.35rem 0 0.65rem;
  color: #1f2633;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-weight: 700;
  line-height: 1.22;
}

.listing-description-content h2 {
  font-size: clamp(1.35rem, 2vw, 1.65rem);
}

.listing-description-content h3 {
  font-size: clamp(1.18rem, 1.7vw, 1.4rem);
}

.listing-description-content h4 {
  font-size: clamp(1.05rem, 1.45vw, 1.18rem);
}

.listing-description-content strong {
  color: #253044;
  font-weight: 800;
}

.listing-description-content br {
  display: block;
  content: "";
  margin-top: 0.35rem;
}

.listing-description-content a {
  color: #cfa956;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.listing-detail-gallery-main,
.listing-detail-gallery-thumb {
  position: relative;
  display: block;
  border: 0;
  background: #eee8dc;
  line-height: 0;
}

.listing-detail-gallery-main {
  aspect-ratio: 16 / 10;
  align-self: start;
  justify-self: stretch;
  min-height: 0;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

.listing-detail-gallery-main img {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 0;
  object-fit: cover;
}

.listing-detail-video-poster {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  appearance: none;
  overflow: hidden;
  border: 0;
  background: #111111;
  box-shadow: none;
  line-height: 0;
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

.listing-detail-video-poster:hover,
.listing-detail-video-poster:focus,
.listing-detail-video-poster:focus-visible {
  border: 0;
  box-shadow: none;
  outline: 0;
}

.listing-detail-video-poster img,
.listing-detail-video-poster__shade {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.listing-detail-video-poster img {
  object-fit: cover;
  filter: none;
  transform: none;
  transition: none;
}

.listing-detail-video-poster__shade {
  background: transparent;
}

.listing-detail-video-poster__badge {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.listing-detail-video-poster__tiktok {
  display: inline-grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.82);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
}

.listing-detail-video-poster__tiktok svg,
.listing-detail-video-poster__youtube svg {
  transform: scale(1.15);
  transform-origin: center;
}

.listing-detail-video-poster__badge--youtube {
  width: 52px;
  height: 52px;
  place-self: center;
}

.listing-detail-video-poster__badge--youtube::before {
  display: none;
}

.listing-detail-video-poster__youtube {
  display: inline-grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.82);
  filter: none;
}

.listing-detail-video-poster.is-loading {
  cursor: progress;
}

.listing-detail-video-main__frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  background: #080808;
}

.listing-detail-gallery-side {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 0;
}

.listing-detail-gallery-thumb {
  aspect-ratio: 16 / 10;
  min-height: 0;
  overflow: hidden;
  cursor: zoom-in;
  border: 1px solid rgba(216, 188, 103, 0.34);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(247, 242, 232, 0.92));
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.listing-detail-gallery-thumb img {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 0;
  object-fit: contain;
  image-rendering: auto;
  transition: filter var(--transition-base);
}

.listing-detail-gallery-thumb:hover,
.listing-detail-gallery-thumb:focus-visible {
  border-color: rgba(216, 188, 103, 0.88);
  box-shadow: 0 10px 22px rgba(24, 20, 14, 0.14);
}

.listing-detail-gallery-thumb:hover img,
.listing-detail-gallery-thumb:focus-visible img {
  filter: saturate(1.03) contrast(1.02);
}

.listing-detail-gallery-thumb.is-active {
  box-shadow: inset 0 0 0 3px rgba(216, 188, 103, 0.9);
}

.listing-detail-gallery-more {
  position: absolute;
  right: 0.55rem;
  bottom: 0.55rem;
  display: inline-flex;
  min-width: 3rem;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  padding: 0.28rem 0.55rem;
  color: #2f3137;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.15;
}

.listing-detail-gallery-hidden {
  display: none;
}

.listing-detail-facts {
  padding-top: var(--layout-section-gap-mobile);
}

.listing-detail-facts__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 0;
  padding-bottom: 0.35rem;
}

.listing-detail-facts h2 {
  color: #1f2633;
  line-height: 1.05;
}

.listing-detail-facts-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(48px, auto);
  gap: 0;
  margin-top: 0.75rem;
  border-top: 0;
}

.listing-detail-fact {
  display: grid;
  grid-template-columns: 24px minmax(8.25rem, 8.25rem) minmax(0, 1fr);
  grid-template-areas:
    "icon label value";
  column-gap: 0.85rem;
  row-gap: 0.18rem;
  min-height: 48px;
  min-width: 0;
  align-items: center;
  border: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #1f2633;
  font-family: var(--font-body, "Mulish", sans-serif);
  padding: 0.38rem 0;
  text-align: left;
}

.listing-detail-fact dt {
  grid-area: label;
  display: contents;
  min-width: 0;
  color: #1f2633;
  font-size: clamp(0.84rem, 1.18vw, 0.96rem);
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-transform: uppercase;
}

.listing-detail-fact dt > span:last-child {
  grid-area: label;
  min-width: 0;
  color: #1f2633;
  white-space: nowrap;
}

.listing-detail-fact dd {
  grid-area: value;
  display: block;
  min-width: 0;
  margin: 0;
  color: #1f2633;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: clamp(1rem, 1.45vw, 1.12rem);
  font-weight: 400;
  line-height: 1.25;
  overflow-wrap: normal;
  word-break: normal;
}

.listing-detail-fact__icon {
  grid-area: icon;
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b68a1f;
  box-shadow: none;
}

.listing-detail-fact__icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

@media (min-width: 768px) {
  .listing-detail-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(50px, auto);
    column-gap: 0.95rem;
  }

  .listing-detail-fact {
    min-height: 50px;
    padding: 0.38rem 0;
  }

  .listing-detail-fact:nth-child(even) {
    border-left: 1px solid rgba(210, 163, 75, 0.28);
    padding-left: 0.95rem;
  }
}

@media (min-width: 1024px) {
  .listing-detail-gallery-grid {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.35fr);
  }

  .listing-detail-gallery-side {
    align-self: stretch;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .listing-detail-gallery-main,
  .listing-detail-gallery-main img {
    height: calc((100cqw - 250px - 1rem) / 1.6);
    min-height: 0;
  }

  .listing-detail-gallery-side {
    height: calc((100cqw - 250px - 1rem) / 1.6);
    overflow: hidden;
  }

  .listing-detail-gallery-thumb,
  .listing-detail-gallery-thumb img {
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }

  .listing-detail-facts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(50px, auto);
    column-gap: 1rem;
    row-gap: 0;
  }

  .listing-detail-fact {
    grid-template-columns: 24px minmax(6.75rem, 6.75rem) minmax(0, 1fr);
    column-gap: 0.78rem;
    row-gap: 0.18rem;
    min-height: 50px;
    padding: 0.34rem 0;
  }

  .listing-detail-fact:nth-child(even) {
    border-left: 0;
    padding-left: 0;
  }

  .listing-detail-fact:nth-child(3n + 2),
  .listing-detail-fact:nth-child(3n + 3) {
    border-left: 1px solid rgba(210, 163, 75, 0.3);
    padding-left: 1rem;
  }

  .listing-detail-fact dt {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
  }

  .listing-detail-fact dd {
    font-size: clamp(1.05rem, 1.12vw, 1.14rem);
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .listing-detail-gallery-grid {
    gap: 0.7rem;
  }

  .listing-detail-gallery-side {
    gap: 0.7rem;
  }

  .listing-detail-gallery-main,
  .listing-detail-gallery-main img {
    min-height: 260px;
  }

  .listing-detail-facts-grid {
    gap: 0.5rem;
  }

  .listing-detail-fact {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "icon label"
      "icon value";
    min-height: 48px;
    padding: 0.42rem 0;
  }

  .listing-detail-fact dt > span:last-child {
    align-self: end;
  }

  .listing-detail-fact dd {
    align-self: start;
  }
}

[data-listing-thumb] {
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

[data-listing-thumb].is-active {
  border-color: #d8bc67;
  box-shadow: 0 0 0 1px rgba(216, 188, 103, 0.24);
}

.listing-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: none;
}

.listing-lightbox.is-open {
  display: block;
}

.listing-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.96);
}

.listing-lightbox__stage {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, max-content) auto;
  gap: 0.75rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.1rem 2.5rem;
}

.listing-lightbox__figure {
  display: grid;
  gap: 0.75rem;
  width: min(1536px, calc(100vw - 10rem));
  justify-items: center;
}

.listing-lightbox__image {
  max-height: calc(100vh - 8rem);
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  background: #111;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 24px rgba(0, 0, 0, 0.88),
    0 10px 36px rgba(0, 0, 0, 0.72);
}

.listing-lightbox__image.is-clickable {
  cursor: pointer;
}

.listing-lightbox__meta {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: #fff;
  font-family: var(--font-body, "Mulish", sans-serif);
}

.listing-lightbox__title {
  font-size: var(--type-meta-mobile);
  font-weight: 600;
}

.listing-lightbox__counter {
  font-size: var(--type-meta-mobile);
  font-weight: 600;
  opacity: 0.9;
}

.prose-content p {
  margin-top: 0.9rem;
  line-height: 1.75;
}

.prose-content h2,
.prose-content h3 {
  margin-top: 1.75rem;
  font-weight: 600;
  color: #1f2937;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

main .text-sm {
  font-size: var(--type-meta-mobile);
  line-height: 1.45;
}

@media (min-width: 768px) {
  .breadcrumbs,
  .checkbox-row,
  .form-status,
  .listing-lightbox__title,
  .listing-lightbox__counter,
  main .text-sm {
    font-size: var(--type-meta-desktop);
  }

  .badge {
    font-size: var(--type-label-desktop);
  }

  .chip {
    font-size: var(--type-small-desktop);
  }
}

.listing-lightbox__close {
  position: fixed;
  top: 1.1rem;
  right: 1.1rem;
  z-index: 2;
  display: inline-flex;
  height: 2.6rem;
  width: 2.6rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: var(--type-lightbox-close-desktop);
  line-height: 1;
}

.listing-lightbox__arrow {
  position: static;
  z-index: 2;
  transform: none;
  display: inline-flex;
  height: 3.15rem;
  width: 3.15rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: var(--type-lightbox-arrow-desktop);
  line-height: 1;
}

.listing-lightbox__arrow--prev {
  grid-column: 1;
}

.listing-lightbox__arrow--next {
  grid-column: 3;
}

.listing-lightbox__arrow.is-disabled {
  opacity: 0.34;
  cursor: default;
}

@media (max-width: 900px) {
  .listing-lightbox__stage {
    grid-template-columns: minmax(0, 1fr);
    padding: 3.5rem 1rem 2rem;
  }

  .listing-lightbox__figure {
    width: min(100%, calc(100vw - 2rem));
  }

  .listing-lightbox__image {
    max-height: calc(100vh - 7rem);
  }

  .listing-lightbox__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2.45rem;
    width: 2.45rem;
    font-size: var(--type-lightbox-arrow-mobile);
  }

  .listing-lightbox__arrow--prev {
    left: 0.75rem;
  }

  .listing-lightbox__arrow--next {
    right: 0.75rem;
  }

  .listing-lightbox__close {
    top: 0.5rem;
    right: 0.5rem;
    height: 2.3rem;
    width: 2.3rem;
    font-size: var(--type-lightbox-close-mobile);
  }

  .listing-lightbox__meta {
    flex-direction: column;
    gap: 0.2rem;
    text-align: center;
  }
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid rgba(216, 188, 103, 0.72);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(216, 188, 103, 0.16);
}

html {
  scroll-behavior: auto;
  overflow-x: clip;
}

body {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

.home-hero-section > img,
.home-hero-content,
.search-floating {
  animation: none;
}

.header-main-nav-link::before {
  position: absolute;
  right: 22%;
  bottom: 0.42rem;
  left: 22%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #f2d98e 18%, #d8bc67 50%, #f2d98e 82%, transparent);
  content: "";
  opacity: 0;
  transform: scaleX(0.34);
  transition: opacity var(--transition-base), transform var(--transition-base), left var(--transition-base), right var(--transition-base);
}

.header-main-nav-link:hover::before,
.header-main-nav-link:focus-visible::before,
.header-main-nav-link.is-active::before {
  opacity: 1;
  right: 17%;
  left: 17%;
  transform: scaleX(1);
}

.glass-header-chip:focus-visible,
.c-mobile-nav-item:focus-visible {
  border-color: rgba(216, 188, 103, 0.84);
}

.c-search-toggle {
  position: relative;
}

.c-search-toggle-button {
  transition:
    color var(--transition-base),
    background-color var(--transition-base),
    border-color var(--transition-base),
    transform var(--transition-fast);
}

.c-search-toggle-button:hover {
  transform: translateY(-1px);
}

.glass-field-premium,
.c-search-control,
.c-search-advanced-button,
.c-search-reset {
  transition:
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    background-color var(--transition-base),
    color var(--transition-base),
    transform var(--transition-fast);
}

.glass-field-premium:hover {
  border-color: rgba(216, 188, 103, 0.48);
}

.glass-field-premium:focus-within {
  border-color: rgba(216, 188, 103, 0.78);
  box-shadow:
    0 0 0 3px rgba(216, 188, 103, 0.14),
    inset 0 1px 0 rgba(255, 243, 209, 0.05);
}

.c-search-details-panel {
  opacity: 0;
  transform: translateY(-8px);
  transition:
    opacity var(--transition-base),
    transform var(--transition-base);
}

.c-search-details[open] > .c-search-details-panel {
  opacity: 1;
  transform: translateY(0);
}

.property-card,
.blog-card,
.feature-card,
.c-card,
.c-home-district-card,
.c-home-blog-item,
.c-agent-card-list-media,
.c-agent-card-grid-image,
.testimonial-card,
.office-card {
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base),
    border-color var(--transition-base),
  filter var(--transition-base);
}

.property-card:hover,
.property-card:focus-within,
.feature-card:hover,
.feature-card:focus-within,
.c-card:hover,
.c-card:focus-within {
  border-color: rgba(216, 188, 103, 0.58);
  box-shadow: var(--shadow-card-hover);
  transform: perspective(900px) rotateX(var(--motion-tilt-x, 0deg)) rotateY(var(--motion-tilt-y, 0deg)) translateY(-4px);
}

.c-home-blog-item:hover,
.c-home-blog-item:focus-within,
.testimonial-card:hover,
.testimonial-card:focus-within,
.office-card:hover,
.office-card:focus-within,
.blog-feature-card:hover,
.blog-feature-card:focus-within,
.blog-related-card:hover,
.blog-related-card:focus-within,
.blog-agent-card:hover,
.blog-agent-card:focus-within,
.blog-popular-card:hover,
.blog-popular-card:focus-within {
  border-color: rgba(216, 188, 103, 0.48);
  box-shadow: var(--shadow-card-hover);
  transform: perspective(900px) rotateX(var(--motion-tilt-x, 0deg)) rotateY(var(--motion-tilt-y, 0deg)) translateY(-3px);
}

@supports selector(.c-card:has(input:focus)) {
  .property-card:has(input:focus),
  .property-card:has(select:focus),
  .property-card:has(textarea:focus),
  .feature-card:has(input:focus),
  .feature-card:has(select:focus),
  .feature-card:has(textarea:focus),
  .c-card:has(input:focus),
  .c-card:has(select:focus),
  .c-card:has(textarea:focus),
  .office-card:has(input:focus),
  .office-card:has(select:focus),
  .office-card:has(textarea:focus) {
    transform: none;
  }
}

.property-card img,
.blog-card img,
.feature-card img,
.c-featured-card-image,
.c-listing-card-media-image-grid,
.c-listing-card-media-image-list,
.c-agent-card-list-image,
.c-agent-card-grid-image,
.c-blog-card-image,
[data-listing-lightbox-trigger] img {
  transform-origin: center;
  transition: transform var(--transition-slow), filter var(--transition-base);
}

.feature-card:hover img,
.feature-card:focus-within img,
article:hover .c-agent-card-list-image,
article:focus-within .c-agent-card-list-image {
  transform: scale(1.018);
}

@media (prefers-reduced-motion: reduce) {
  .c-agent-card-body {
    transition: none;
  }
}

.feature-card:hover > .c-public-banner-image,
.feature-card:focus-within > .c-public-banner-image {
  transform: translate(-50%, -50%) scale(1.035);
}

.property-card a,
.blog-card a,
.feature-card a {
  text-underline-offset: 0.18em;
}

.property-card h3 a:hover,
.property-card h3 a:focus-visible,
.blog-card h3 a:hover,
.blog-card h3 a:focus-visible,
.feature-card h3 a:hover,
.feature-card h3 a:focus-visible {
  text-decoration: underline;
}

.blog-card:hover,
.blog-card:focus-within {
  border-color: inherit;
  box-shadow: none;
  transform: none;
}

.blog-card:hover img,
.blog-card:focus-within img {
  transform: none;
  filter: none;
}

[data-cms-block="why_choose"] .c-home-grid-card:hover,
[data-cms-block="why_choose"] .c-home-grid-card:focus-within,
[data-cms-block="article_triplet"] .c-home-grid-card:hover,
[data-cms-block="article_triplet"] .c-home-grid-card:focus-within {
  border-color: rgba(216, 188, 103, 0.58);
  box-shadow: var(--shadow-card-hover);
  transform: perspective(900px) rotateX(var(--motion-tilt-x, 0deg)) rotateY(var(--motion-tilt-y, 0deg)) translateY(-4px);
}

.cta-gold,
.cta-gold-flat,
.btn-primary,
.cta-gold-outline {
  border-radius: var(--gold-btn-radius) !important;
  background-size: 100% 100%;
}

.cta-gold:hover,
.cta-gold-flat:hover,
.btn-primary:hover,
.cta-gold-outline:hover {
  background-position: 0 0;
  filter: saturate(1.08) brightness(1.02);
  transform: translateY(-2px);
}

.btn:hover,
.btn:focus-visible,
.c-contact-copy-button:hover,
.c-contact-copy-button:focus-visible,
.blog-read-more:hover,
.blog-read-more:focus-visible,
.blog-category-tab:hover,
.blog-category-tab:focus-visible,
.glass-header-chip:hover,
.glass-header-chip:focus-visible {
  transform: translateY(-2px);
}

:where(.property-card, .blog-card, .feature-card, .c-card, .c-home-blog-item, .c-home-district-card, .testimonial-card, .office-card, .blog-feature-card, .blog-related-card, .blog-agent-card, .blog-popular-card) :where(a, button) {
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast),
    filter var(--transition-fast);
}

:where(.property-card, .blog-card, .feature-card, .c-card, .c-home-blog-item, .c-home-district-card, .testimonial-card, .office-card, .blog-feature-card, .blog-related-card, .blog-agent-card, .blog-popular-card) :where(a, button):hover,
:where(.property-card, .blog-card, .feature-card, .c-card, .c-home-blog-item, .c-home-district-card, .testimonial-card, .office-card, .blog-feature-card, .blog-related-card, .blog-agent-card, .blog-popular-card) :where(a, button):focus-visible {
  transform: translateY(-1px);
}

.badge,
[class*="badge"],
.c-home-district-chip {
  transition: transform var(--transition-fast), filter var(--transition-fast);
}

.badge:hover,
[class*="badge"]:hover,
.c-home-district-chip:hover {
  filter: brightness(1.06);
  transform: scale(1.025);
}

[data-favorite-toggle] {
  transition:
    transform var(--transition-fast),
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

[data-favorite-toggle]:hover {
  transform: translateY(-1px) scale(1.04);
}

.listing-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.listing-action-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid #d9cfbb;
  border-radius: 999px;
  padding: 0.45rem 0.95rem;
  color: var(--color-text);
  font-size: clamp(0.82rem, 0.78rem + 0.15vw, 0.92rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    transform var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

.listing-action-button svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.listing-print-gallery {
  display: none;
}

.listing-action-button--neutral {
  background: rgba(255, 252, 246, 0.9);
  border-color: #d9cfbb;
  color: #1f2633;
}

.listing-action-button--favorite,
.listing-print-button,
.listing-action-button--facebook,
.listing-facebook-share,
.listing-action-button--whatsapp,
.listing-action-button--share,
.listing-action-button--copy {
  font-weight: 400 !important;
  text-transform: none;
}

.listing-action-button--neutral svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.listing-action-button--neutral:hover,
.listing-action-button--neutral:focus-visible {
  background: #fff7e3;
  border-color: #d2a34b;
  box-shadow: 0 10px 22px rgba(153, 111, 36, 0.16);
  color: #111827;
  transform: translateY(-1px);
}

[data-favorite-toggle].is-favorited.listing-action-button--neutral {
  background: #fff3c9;
  border-color: #d2a34b;
  color: #8a6318;
}

.listing-action-button--facebook,
.listing-facebook-share {
  background: #1877f2;
  border-color: #1877f2;
  color: #fff;
  box-shadow: 0 10px 22px rgba(24, 119, 242, 0.24);
}

.listing-action-button--facebook:hover,
.listing-action-button--facebook:focus-visible,
.listing-facebook-share:hover,
.listing-facebook-share:focus-visible {
  background: #0f64d2;
  border-color: #0f64d2;
  color: #fff;
  box-shadow: 0 12px 26px rgba(24, 119, 242, 0.32);
  transform: translateY(-1px);
}

.listing-action-button--whatsapp {
  background: #25d366;
  border-color: #1ebe57;
  color: #fff;
  box-shadow: 0 10px 22px rgba(37, 211, 102, 0.22);
}

.listing-action-button--whatsapp:hover,
.listing-action-button--whatsapp:focus-visible {
  background: #1ebe57;
  border-color: #17a94a;
  color: #fff;
  box-shadow: 0 12px 26px rgba(37, 211, 102, 0.3);
  transform: translateY(-1px);
}

.listing-action-button--share {
  background:
    linear-gradient(135deg, rgba(255, 246, 220, 0.98), rgba(215, 165, 60, 0.94)),
    #d7a53c;
  border-color: #b98627;
  color: #2b2112;
  box-shadow: 0 10px 22px rgba(153, 111, 36, 0.2);
}

.listing-action-button--share:hover,
.listing-action-button--share:focus-visible {
  background:
    linear-gradient(135deg, rgba(255, 250, 232, 0.98), rgba(230, 184, 76, 0.96)),
    #e1b250;
  border-color: #9f701d;
  color: #17120b;
  box-shadow: 0 12px 26px rgba(153, 111, 36, 0.28);
  transform: translateY(-1px);
}

.listing-action-button--copy.is-copied {
  background: #edfdf3;
  border-color: #37b86f;
  color: #0f6b3a;
  box-shadow: 0 10px 22px rgba(15, 107, 58, 0.16);
}

.listing-action-button--facebook svg {
  fill: currentColor;
}

.listing-action-button--share svg,
.listing-action-button--copy svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.listing-action-button--whatsapp svg {
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  border-radius: 999px;
  background: #fff;
  padding: 2px;
}

.listing-action-button--mobile-share {
  display: none;
}

@media (max-width: 767px) {
  .listing-action-button--facebook,
  .listing-action-button--desktop-share,
  .listing-action-button--copy {
    display: none;
  }

  .listing-action-button--mobile-share {
    display: inline-flex;
  }
}

@media (max-width: 560px) {
  .listing-action-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .listing-action-button {
    width: 100%;
    min-width: 0;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    font-size: 0.78rem;
  }
}

[data-favorite-toggle].is-popping {
  animation: favoritePop 360ms cubic-bezier(0.18, 0.9, 0.32, 1.25);
}

@keyframes favoritePop {
  0% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.26);
  }
  100% {
    transform: scale(1);
  }
}

footer a {
  text-underline-offset: 0.22em;
  transition: color var(--transition-base), opacity var(--transition-base);
}

footer a:hover,
footer a:focus-visible {
  text-decoration: underline;
}

.listing-detail-aside {
  min-width: 0;
}

.listing-agent-premium-card {
  --listing-agent-card-image-size: clamp(98px, 7.6vw, 118px);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(210, 163, 75, 0.46);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, 0.98), rgba(247, 240, 223, 0.94)),
    #fffaf0;
  box-shadow:
    0 22px 48px rgba(24, 20, 14, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  color: #1f2633;
  padding: clamp(1rem, 1.7vw, 1.35rem);
}

.listing-agent-premium-card__shine {
  position: absolute;
  inset: 0 0 auto;
  height: 118px;
  background:
    radial-gradient(circle at 82% 10%, rgba(216, 188, 103, 0.32), transparent 34%),
    linear-gradient(135deg, #17130d, #2d2414 54%, #5e4218);
  pointer-events: none;
}

.listing-agent-premium-card__header,
.listing-agent-premium-card__profile,
.listing-agent-premium-card__contact-list,
.listing-agent-premium-card__note,
.listing-agent-premium-card__price,
.listing-agent-premium-card__actions {
  position: relative;
  z-index: 1;
}

.listing-agent-premium-card__header {
  margin: calc(clamp(1rem, 1.7vw, 1.35rem) * -1) calc(clamp(1rem, 1.7vw, 1.35rem) * -1) 1rem;
  border-bottom: 1px solid rgba(210, 163, 75, 0.42);
  background:
    radial-gradient(circle at 84% 0%, rgba(216, 188, 103, 0.32), transparent 36%),
    linear-gradient(135deg, #17130d 0%, #2d2414 56%, #5e4218 100%);
  color: #fff8dd;
  padding: clamp(0.9rem, 1.45vw, 1.05rem) clamp(1rem, 1.7vw, 1.35rem);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.14),
    0 10px 24px rgba(24, 20, 14, 0.12);
}

.listing-agent-premium-card__eyebrow {
  margin: 0 0 0.3rem;
  color: #dec681;
  font-size: clamp(0.78rem, 1.15vw, 0.88rem);
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.listing-agent-premium-card__header h2 {
  margin: 0;
  color: #fffaf0;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}

.listing-agent-premium-card__profile {
  display: grid;
  grid-template-columns: var(--listing-agent-card-image-size) minmax(0, 1fr);
  gap: clamp(0.95rem, 1.6vw, 1.2rem);
  align-items: center;
  margin-top: 0;
  padding: clamp(0.95rem, 1.55vw, 1.15rem);
  border: 1px solid rgba(210, 163, 75, 0.34);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 26px rgba(24, 20, 14, 0.08);
}

.listing-agent-premium-card__image-wrap {
  position: relative;
}

.listing-agent-premium-card__image-frame {
  display: block;
  width: var(--listing-agent-card-image-size);
  height: var(--listing-agent-card-image-size);
  overflow: hidden;
  border: 3px solid #f0dfb0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(24, 20, 14, 0.18);
}

.listing-agent-premium-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transform: none;
  transform-origin: center;
}

.listing-agent-premium-card__status {
  position: absolute;
  right: 2px;
  bottom: 9px;
  width: 20px;
  height: 20px;
  border: 3px solid #fffaf0;
  border-radius: 999px;
  background: #19a463;
}

.listing-agent-premium-card__name {
  margin: 0;
  color: #1f2633;
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  font-weight: 600;
  line-height: 1.15;
}

.listing-agent-premium-card__role {
  margin: 0.25rem 0 0;
  color: #697387;
  font-size: 1rem;
  font-weight: 500;
}

.listing-agent-premium-card__contact-list {
  display: grid;
  gap: 0.7rem;
  margin-top: 0.85rem;
}

.listing-agent-premium-card__contact-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  min-height: 58px;
  padding: 0.62rem;
  border: 1px solid rgba(222, 210, 190, 0.9);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: #263244;
  text-decoration: none;
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}

.listing-agent-premium-card__contact-item:hover,
.listing-agent-premium-card__contact-item:focus-visible {
  border-color: rgba(210, 163, 75, 0.76);
  background: #fffaf0;
  box-shadow: 0 12px 24px rgba(24, 20, 14, 0.1);
  transform: translateY(-1px);
}

.listing-agent-premium-card__icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 8px;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 245, 203, 0.92), transparent 48%),
    var(--gold-btn-bg);
  color: #2f210e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 8px 16px rgba(151, 105, 31, 0.22);
}

.listing-agent-premium-card__icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.listing-agent-premium-card__contact-item strong,
.listing-agent-premium-card__contact-item em {
  display: block;
  font-style: normal;
}

.listing-agent-premium-card__contact-item strong {
  color: #59657a;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.listing-agent-premium-card__contact-item em {
  margin-top: 0.15rem;
  color: #1f2633;
  font-size: clamp(1.03rem, 1.7vw, 1.18rem);
  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.listing-agent-premium-card__note {
  margin: 0.85rem 0 0;
  padding: 0.75rem 0.85rem;
  border-left: 4px solid #d2a34b;
  border-radius: 8px;
  background: rgba(246, 238, 218, 0.82);
  color: #4d596d;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.48;
}

.listing-agent-premium-card__price {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.85rem;
  padding: 0.85rem;
  border: 1px solid rgba(210, 163, 75, 0.42);
  border-radius: 8px;
  background:
    linear-gradient(135deg, #17130d, #2d2414 54%, #5e4218);
  color: #fff8dd;
}

.listing-agent-premium-card__price span {
  color: #dec681;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.listing-agent-premium-card__price strong {
  color: #fffaf0;
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 2.5vw, 2.05rem);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.listing-agent-premium-card__actions {
  display: grid;
  gap: 0.7rem;
  margin-top: 0.85rem;
}

.listing-agent-premium-card__primary,
.listing-agent-premium-card__secondary {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: var(--gold-btn-radius);
  padding: 0.85rem 1rem;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

.listing-agent-premium-card__primary {
  border: 1px solid var(--gold-btn-border);
  background: var(--gold-btn-bg);
  color: var(--gold-btn-text);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 9px 18px rgba(151, 105, 31, 0.22);
}

.listing-agent-premium-card__secondary {
  border: 1px solid rgba(210, 163, 75, 0.62);
  background: rgba(255, 255, 255, 0.78);
  color: #1f2633;
}

.listing-agent-premium-card__primary:hover,
.listing-agent-premium-card__primary:focus-visible,
.listing-agent-premium-card__secondary:hover,
.listing-agent-premium-card__secondary:focus-visible {
  transform: translateY(-1px);
}

.listing-description-sales-note {
  border: 1px solid rgba(210, 163, 75, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 253, 247, 0.96), rgba(247, 241, 229, 0.9)),
    #fffaf0;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.listing-description-sales-note h3,
.listing-description-sales-note h4 {
  margin: 0;
  color: #1f2633;
  font-family: var(--font-heading, "Playfair Display", serif);
  line-height: 1.15;
}

.listing-description-sales-note h3 {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.listing-description-sales-note h4 {
  margin-top: 1rem;
  font-size: clamp(1.1rem, 1.55vw, 1.35rem);
}

.listing-description-sales-note p,
.listing-description-sales-note li {
  color: #46546a;
  font-size: var(--type-body-mobile);
  line-height: 1.55;
}

.listing-description-sales-note p {
  margin: 0.75rem 0 0;
}

.listing-description-sales-note ul {
  display: grid;
  gap: 0.35rem;
  margin: 0.75rem 0 0;
  padding-left: 1.15rem;
  list-style: disc;
}

.listing-description-sales-note a {
  color: #9a731f;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .listing-detail-aside {
    position: sticky;
    top: calc(var(--header-height-desktop) + 1rem);
  }

  .listing-agent-premium-card__secondary {
    display: none;
  }
}

.mobile-sticky-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 45;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 0.6rem;
  padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
  background: rgba(6, 6, 6, 0.9);
  border-top: 1px solid rgba(216, 188, 103, 0.28);
  backdrop-filter: blur(14px);
}

.mobile-sticky-cta__button {
  min-height: var(--btn-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  padding-inline: 1rem;
  font-size: var(--btn-font);
  font-weight: 800;
  letter-spacing: var(--tracking-cta);
  text-transform: uppercase;
  color: var(--gold-btn-text);
}

.mobile-sticky-cta__button--secondary {
  border: 1px solid rgba(216, 188, 103, 0.48);
  background: rgba(16, 16, 16, 0.94);
  color: #f3dfb4;
}

.listing-print-brochure {
  display: none;
}

.listing-lightbox {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--transition-base), visibility var(--transition-base);
}

.listing-lightbox.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.listing-lightbox__stage {
  opacity: 0;
  transition: opacity var(--transition-base);
}

.listing-lightbox.is-open .listing-lightbox__stage {
  opacity: 1;
}

.listing-lightbox__close,
.listing-lightbox__arrow {
  border-radius: 999px;
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    transform var(--transition-fast),
    opacity var(--transition-fast);
}

.listing-lightbox__close:hover,
.listing-lightbox__arrow:hover:not(.is-disabled) {
  border-color: rgba(216, 188, 103, 0.75);
  background: rgba(24, 20, 14, 0.72);
}

.listing-lightbox__mobile-summary {
  position: fixed;
  top: max(0.9rem, env(safe-area-inset-top));
  z-index: 4;
  display: grid;
  width: min(42rem, calc(100vw - 8rem));
  gap: 0.28rem;
  padding: 1rem 1.2rem;
  border-radius: 0.7rem;
  background: rgba(0, 0, 0, 0.88);
  color: #fff;
  transform: translateX(-50%);
}

.listing-lightbox__subtitle {
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: 0.98rem;
  font-weight: 800;
}

.listing-lightbox__quick-actions {
  position: fixed;
  top: max(1rem, env(safe-area-inset-top));
  right: 1rem;
  z-index: 5;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.7rem;
  align-items: center;
}

.listing-lightbox__icon-button {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 188, 103, 0.55);
  background: linear-gradient(180deg, #fff7d7 0%, #d9a832 100%);
  color: #2a1c09;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}

.listing-lightbox__icon-button svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.listing-lightbox__quick-actions .listing-lightbox__close {
  position: static;
  height: 3rem;
  width: 3rem;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(10, 10, 10, 0.72);
  color: #fff7d7;
  font-size: 1.55rem;
  font-weight: 500;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.listing-lightbox__quick-actions .listing-lightbox__close:hover,
.listing-lightbox__quick-actions .listing-lightbox__close:focus-visible {
  border-color: rgba(216, 188, 103, 0.78);
  background: rgba(24, 20, 14, 0.88);
  color: #ffffff;
  transform: translateY(-1px);
}

.listing-lightbox__favorite svg {
  fill: none;
  stroke: #7a530f;
}

.listing-lightbox__favorite.is-favorited svg {
  fill: #d9a832;
  stroke: #7a530f;
}

.listing-lightbox__fullscreen {
  height: 3rem;
  width: 3rem;
}

.listing-lightbox__fullscreen svg {
  width: 1.55rem;
  height: 1.55rem;
}

.listing-lightbox.is-fullscreen .listing-lightbox__close {
  display: none;
}

@media (max-width: 900px) {
  .listing-lightbox__backdrop {
    background: rgba(0, 0, 0, 0.96);
  }

  .listing-lightbox__stage {
    display: flex;
    min-height: 100dvh;
    padding: 3.25rem 0.75rem 4.6rem;
    align-items: center;
    justify-content: center;
  }

  .listing-lightbox__mobile-summary {
    top: max(0.8rem, env(safe-area-inset-top));
    left: 1rem;
    width: calc(100vw - 6.4rem);
    max-width: none;
    padding: 0.9rem 1rem;
    transform: none;
  }

  .listing-lightbox__title {
    color: #fff;
    font-size: clamp(1.08rem, 4.2vw, 1.35rem);
    font-weight: 900;
    line-height: 1.16;
  }

  .listing-lightbox__subtitle {
    font-size: clamp(0.92rem, 3.6vw, 1.08rem);
    line-height: 1.2;
  }

  .listing-lightbox__quick-actions {
    top: max(1rem, env(safe-area-inset-top));
    right: 1rem;
    gap: 0.7rem;
  }

  .listing-lightbox__icon-button,
  .listing-lightbox__close,
  .listing-lightbox__arrow {
    border-radius: 0.7rem;
  }

  .listing-lightbox__close,
  .listing-lightbox__favorite {
    position: static;
    height: 3.25rem;
    width: 3.25rem;
    border-color: rgba(216, 188, 103, 0.65);
    background: linear-gradient(180deg, #fff7d7 0%, #d9a832 100%);
    color: #2a1c09;
    font-size: 2.2rem;
    line-height: 1;
  }

  .listing-lightbox__favorite {
    color: #7a530f;
  }

  .listing-lightbox__figure {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-height: 100dvh;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  .listing-lightbox__image {
    width: 100vw;
    max-width: 100%;
    max-height: calc(100dvh - 9.25rem);
    height: auto;
    object-fit: contain;
    box-shadow: none;
  }

  .listing-lightbox__arrow {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 3.05rem;
    width: 3.05rem;
    border: 1px solid rgba(17, 24, 39, 0.28);
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    font-size: 2.4rem;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
  }

  .listing-lightbox__arrow--prev {
    left: 0.75rem;
  }

  .listing-lightbox__arrow--next {
    right: 0.75rem;
  }

  .listing-lightbox__meta {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: 1rem;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: auto;
    gap: 0;
    color: #fff;
    pointer-events: none;
  }

  .listing-lightbox__counter {
    grid-column: 2;
    padding: 0.4rem 0.6rem;
    color: #fff;
    font-size: 1.38rem;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    opacity: 1;
  }

  .listing-lightbox__fullscreen {
    grid-column: 3;
    justify-self: end;
    pointer-events: auto;
  }
}

[data-mortgage-result].is-updating {
  animation: resultPulse 320ms ease;
}

.listing-mortgage-card {
  overflow: hidden;
}

.mortgage-page {
  display: grid;
  gap: 1.5rem;
}

.mortgage-page__calculator {
  overflow: hidden;
}

.mortgage-page__widget {
  min-height: 640px;
}

.mortgage-page__widget .listing-mortgage-widget__frame {
  min-height: 640px;
}

@media (min-width: 1024px) {
  .listing-mortgage-card {
    position: sticky;
    top: calc(var(--header-height-desktop) + 1rem);
    align-self: start;
    max-height: calc(100dvh - var(--header-height-desktop) - 2rem);
    overflow: auto;
  }
}

.listing-mortgage-widget {
  min-height: 360px;
  overflow: hidden;
}

.listing-mortgage-widget,
.listing-mortgage-widget * {
  box-sizing: border-box;
}

.listing-mortgage-widget__loading {
  margin: 0;
}

.listing-mortgage-widget .hitelnet-calculator {
  width: 100%;
  max-width: 100%;
}

.listing-mortgage-widget__frame {
  display: block;
  width: 100%;
  min-height: 360px;
  border: 0;
}

.listing-mortgage-widget :where(iframe, table, form, input, select) {
  max-width: 100%;
}

.listing-mortgage-widget :where(input, select, textarea) {
  border-color: var(--border) !important;
  border-radius: var(--radius-xs) !important;
  color: var(--text) !important;
  font-family: var(--font-body) !important;
}

.listing-mortgage-widget :where(button, input[type="button"], input[type="submit"], .post) {
  border-color: #8f6f27 !important;
  background: var(--gold-btn-bg, #d8bc67) !important;
  color: var(--brand-ink) !important;
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.listing-mortgage-widget .hitelkalkulator h3 span {
  background: #171717 !important;
  color: #d8bc67 !important;
}

.listing-mortgage-widget div.hc_small div.hc_form_box div.post {
  border-color: #8f6f27 !important;
  background: var(--gold-btn-bg, #d8bc67) !important;
}

body div.hitelnet_overlay {
  top: calc(var(--header-height-mobile) + 2px) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 49 !important;
  width: 100vw !important;
  height: calc(100dvh - var(--header-height-mobile) - 2px) !important;
}

body div.hitelnet_overlay div.hitelnet_table {
  display: block !important;
  width: 100vw !important;
  height: 100% !important;
  padding: 0 !important;
  text-align: left !important;
  vertical-align: top !important;
}

body div.hitelnet_overlay div.hitelnet_panel {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  box-shadow: none !important;
}

body div.hitelnet_overlay div.hitelnet_panel div.hitelnet_head {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

body div.hitelnet_overlay div.hitelnet_panel span.close {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(20, 20, 20, 0.84) !important;
  color: #fff !important;
  line-height: 40px !important;
  text-align: center !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24) !important;
}

body div.hitelnet_overlay div.hitelnet_panel span.close:hover {
  width: 44px !important;
}

body div.hitelnet_overlay div.hitelnet_panel span.close:hover::after {
  content: "" !important;
}

body div.hitelnet_overlay div.hitelnet_panel div.hitelnet_body,
body div.hitelnet_overlay div.hitelnet_panel div.hitelnet_body iframe {
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 1024px) {
  body div.hitelnet_overlay {
    top: calc(var(--header-height-desktop) + 2px) !important;
    height: calc(100dvh - var(--header-height-desktop) - 2px) !important;
  }
}

@keyframes resultPulse {
  0% {
    opacity: 0.68;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

img {
  max-width: 100%;
}

.c-blog-card-image,
.c-listing-card-media-image-grid,
.c-listing-card-media-image-list,
.c-featured-card-image,
.c-agent-card-list-image,
.c-agent-card-grid-image,
.c-listing-detail-hero-image {
  background-color: #e7e0d2;
}

@media (max-width: 1023.98px) {
  body:has(.mobile-sticky-cta) {
    padding-bottom: calc(74px + env(safe-area-inset-bottom));
  }

}

@media (min-width: 1024px) {
  .mobile-sticky-cta {
    display: none;
  }
}

@media (max-width: 767px) {
  .property-card:hover,
  .property-card:focus-within,
  .blog-card:hover,
  .blog-card:focus-within,
  .feature-card:hover,
  .feature-card:focus-within,
  .c-card:hover,
  .c-card:focus-within {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  .home-hero-section > img,
  .home-hero-content,
  .search-floating {
    animation: none;
  }

}

.home-hero-top-fade {
  background: linear-gradient(
    180deg,
    rgba(8, 8, 8, calc(0.9 * var(--hero-overlay-reduction-factor))) 0%,
    rgba(8, 8, 8, calc(0.38 * var(--hero-overlay-reduction-factor))) 50%,
    rgba(8, 8, 8, 0) 100%
  );
}

.home-hero-section .home-hero-overlay {
  background: linear-gradient(
    97deg,
    rgba(6, 6, 6, calc((var(--cms-hero-overlay-strength) + 0.12) * var(--hero-overlay-reduction-factor))) 0%,
    rgba(6, 6, 6, calc(var(--cms-hero-overlay-strength) * var(--hero-overlay-reduction-factor))) 33%,
    rgba(6, 6, 6, calc(var(--cms-hero-overlay-strength) * 0.42 * var(--hero-overlay-reduction-factor))) 64%,
    rgba(6, 6, 6, calc(var(--cms-hero-overlay-strength) * 0.14 * var(--hero-overlay-reduction-factor))) 100%
  );
}

.home-hero-trustline {
  margin: 0 auto var(--hero-trustline-gap-mobile);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  text-align: center;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(18px, 5.5vw, 24px);
  font-weight: 700;
  line-height: var(--type-hero-preset-line-height);
  letter-spacing: var(--type-hero-spacing);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.home-hero-highlight-rich {
  color: #ffffff;
}

.home-hero-highlight-rich,
.home-hero-highlight-rich p,
.home-hero-highlight-rich span,
.home-hero-highlight-rich strong,
.home-hero-highlight-rich em {
  display: inline;
}

.home-hero-trustline--desktop .home-hero-highlight-rich {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.home-hero-highlight-rich > *,
.home-hero-highlight-rich > * > * {
  display: inline;
  margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-align: inherit;
}

.home-hero-trustline__icon {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #cfa956;
  background: #0d0d0d;
  color: #d8bc67;
  font-size: 15px;
  flex-shrink: 0;
}

.home-hero-trustline--mobile {
  margin-top: 0.5rem;
  max-width: 34rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(216, 188, 103, 0.38);
  border-radius: var(--radius-sm);
  background: rgba(255, 250, 238, 0.94);
  color: #211b12;
  box-shadow: 0 10px 28px rgba(31, 24, 14, 0.1);
  text-shadow: none;
}

.home-hero-trustline--desktop {
  margin-bottom: var(--hero-trustline-gap-desktop);
  transform: translateY(var(--home-search-trustline-offset-desktop));
}

.home-search-trustline-align-left .home-hero-trustline--desktop,
.home-search-trustline-align-left .home-hero-trustline--mobile {
  justify-content: flex-start;
  text-align: left;
}

.home-search-trustline-align-center .home-hero-trustline--desktop,
.home-search-trustline-align-center .home-hero-trustline--mobile {
  justify-content: center;
  text-align: center;
}

.home-search-trustline-align-right .home-hero-trustline--desktop,
.home-search-trustline-align-right .home-hero-trustline--mobile {
  justify-content: flex-end;
  text-align: right;
}

@media (min-width: 768px) {
  .home-hero-trustline {
    font-size: clamp(18px, 2.1vw, 26px);
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .home-hero-trustline__icon {
    width: 34px;
    height: 34px;
    font-size: 22px;
  }

  .home-sale-cta__benefits {
    font-size: var(--type-sale-benefits-desktop);
  }
}

.home-sale-cta {
  min-height: clamp(218px, 24vw, 266px);
}

.home-sale-cta__content {
  margin-left: 18px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.home-sale-cta__actions {
  max-width: 760px;
  flex-wrap: nowrap;
}

.home-sale-cta__action {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  align-self: flex-start;
}

.home-sale-cta__benefits {
  font-size: var(--type-sale-benefits-mobile);
  line-height: 1.34;
}

.home-hero-shell {
  padding-top: var(--home-hero-content-offset-mobile);
  align-items: flex-start;
  --cms-hero-shift-x-mobile: 0px;
  --cms-hero-shift-y-mobile: 0px;
  --cms-hero-shift-x-desktop: 0px;
  --cms-hero-shift-y-desktop: 0px;
}

.home-hero-content {
  display: grid;
  align-content: start;
  justify-items: start;
  max-width: var(--home-hero-copy-max-width);
  transform: translate3d(var(--cms-hero-shift-x-mobile), var(--cms-hero-shift-y-mobile), 0);
}

.c-public-hero-surface > .c-public-hero-image {
  width: 100%;
  height: 100%;
  max-width: none;
  inset: auto;
  left: 50%;
  top: 50%;
  scale: 1.055;
  transform: translate(-50%, calc(-50% + var(--home-hero-parallax-y, 0px)));
  transition: transform 80ms linear;
  animation: home-hero-cinematic-drift 18s ease-in-out infinite alternate;
  will-change: transform, scale, object-position;
}

.c-public-hero-surface {
  --home-hero-parallax-y: 0px;
}

@keyframes home-hero-cinematic-drift {
  0% {
    object-position: 63% 49%;
    scale: 1.055;
  }

  100% {
    object-position: 68% 52%;
    scale: 1.095;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-public-hero-surface > .c-public-hero-image {
    animation: none;
    scale: 1.055;
  }
}

.home-hero-shell.hero-align-x-center .home-hero-content {
  margin-left: 0;
  margin-right: auto;
  justify-items: start;
  text-align: left;
}

.home-hero-shell.hero-align-x-right .home-hero-content {
  margin-left: 0;
  margin-right: auto;
  justify-items: start;
  text-align: left;
}

.home-hero-shell.hero-align-x-center .home-hero-highlight {
  margin-left: 0;
  margin-right: auto;
  justify-content: flex-start;
  text-align: left;
}

.home-hero-shell.hero-align-x-right .home-hero-highlight {
  margin-left: 0;
  margin-right: auto;
  justify-content: flex-start;
  text-align: left;
}

.home-hero-highlight.home-hero-highlight-align-x-left {
  margin-left: 0;
  margin-right: auto;
  justify-content: flex-start;
  text-align: left;
}

.home-hero-highlight.home-hero-highlight-align-x-center {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  text-align: center;
}

.home-hero-highlight.home-hero-highlight-align-x-right {
  margin-left: auto;
  margin-right: 0;
  justify-content: flex-end;
  text-align: right;
}

.home-hero-shell.hero-align-x-center .home-hero-cta-group {
  justify-content: center;
}

.home-hero-shell.hero-align-x-right .home-hero-cta-group {
  justify-content: flex-end;
}

.home-hero-floating-cta {
  position: absolute;
  z-index: 35;
  max-width: min(92vw, 620px);
}

.home-hero-cta-placement-top_left,
.home-hero-cta-placement-center_left,
.home-hero-cta-placement-bottom_left {
  left: clamp(18px, 5vw, 72px);
  justify-content: flex-start;
}

.home-hero-cta-placement-top_center,
.home-hero-cta-placement-center,
.home-hero-cta-placement-bottom_center {
  left: 50%;
  justify-content: center;
  transform: translateX(-50%);
}

.home-hero-cta-placement-top_right,
.home-hero-cta-placement-center_right,
.home-hero-cta-placement-bottom_right {
  right: clamp(18px, 5vw, 72px);
  justify-content: flex-end;
}

.home-hero-cta-placement-top_left,
.home-hero-cta-placement-top_center,
.home-hero-cta-placement-top_right {
  top: clamp(92px, 13vw, 132px);
}

.home-hero-cta-placement-center_left,
.home-hero-cta-placement-center,
.home-hero-cta-placement-center_right {
  top: 50%;
}

.home-hero-floating-cta.home-hero-cta-placement-center_left,
.home-hero-floating-cta.home-hero-cta-placement-center_right {
  transform: translateY(-50%);
}

.home-hero-floating-cta.home-hero-cta-placement-center {
  transform: translate(-50%, -50%);
}

.home-hero-cta-placement-bottom_left,
.home-hero-cta-placement-bottom_center,
.home-hero-cta-placement-bottom_right {
  bottom: clamp(26px, 7vw, 80px);
}

.home-hero-shell.hero-align-y-center,
.home-hero-shell.hero-align-y-bottom {
  padding-top: 0;
}

.home-hero-shell.hero-align-y-center {
  align-items: center;
}

.home-hero-shell.hero-align-y-bottom {
  align-items: flex-end;
  padding-bottom: clamp(24px, 5vw, 60px);
}

.home-hero-shell.hero-lines-0 {
  padding-top: var(--home-hero-offset-lines-0-mobile);
}

.home-hero-shell.hero-lines-1 {
  padding-top: var(--home-hero-offset-lines-1-mobile);
}

.home-hero-shell.hero-lines-2 {
  padding-top: var(--home-hero-offset-lines-2-mobile);
}

.home-hero-shell.hero-lines-3 {
  padding-top: var(--home-hero-offset-lines-3-mobile);
}

.home-hero-shell.hero-lines-4 {
  padding-top: var(--home-hero-offset-lines-4-mobile);
}

.home-hero-shell.hero-lines-5 {
  padding-top: var(--home-hero-offset-lines-5-mobile);
}

@media (max-width: 767px) {
  .home-hero-size {
    min-height: var(--cms-hero-min-height-mobile, clamp(520px, 138vw, 640px));
    overflow: hidden;
  }

  .home-hero-shell {
    min-height: inherit;
    padding-bottom: clamp(34px, 10vw, 58px);
  }

  .home-hero-content {
    max-width: min(100%, 344px);
  }

  .home-sale-cta__actions {
    width: 100%;
  }

  .home-sale-cta__action {
    width: auto;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .home-hero-size {
    min-height: var(--cms-hero-min-height-mobile, clamp(620px, 156vw, 690px));
  }

  .home-search-mobile-panel {
    position: relative;
    z-index: 34;
    margin-top: clamp(-178px, -42vw, -138px);
  }

  .home-search-mobile-panel .search-floating {
    margin-top: 0 !important;
  }

  .home-search-mobile-panel .home-hero-trustline--mobile {
    margin-bottom: clamp(10px, 3vw, 14px);
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.46);
  }
}

.home-hero-body > *:first-child,
.home-hero-highlight-rich > *:first-child {
  margin-top: 0;
}

.home-hero-body > *:last-child,
.home-hero-highlight-rich > *:last-child {
  margin-bottom: 0;
}

.home-hero-body {
  display: grid;
  gap: 0.35rem;
  max-width: var(--home-hero-copy-max-width);
  color: #f4f5f7;
  font-family: var(--font-body);
  font-size: var(--type-body-mobile);
  font-weight: 500;
  line-height: 1.5;
  text-wrap: balance;
}

.home-hero-body > * {
  margin: 0;
}

.home-hero-body p,
.home-hero-body ul,
.home-hero-body ol,
.home-hero-body blockquote,
.home-hero-body table {
  margin: 0;
}

.home-hero-body h1,
.home-hero-body h2,
.home-hero-body h3,
.home-hero-body h4,
.home-hero-body h5,
.home-hero-body h6 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--type-hero-preset-line-height);
  letter-spacing: var(--type-hero-spacing);
  color: #ffffff;
  text-wrap: pretty;
}

.home-hero-body h1 {
  font-size: clamp(30px, 5.1vw, 60px);
}

.home-hero-body h2 {
  font-size: clamp(26px, 4.2vw, 48px);
  color: #d8bc67;
}

.home-hero-body h3 {
  font-size: clamp(22px, 3.4vw, 38px);
}

.home-hero-body h4 {
  font-size: clamp(18px, 2.6vw, 30px);
}

.home-hero-body h5 {
  font-size: clamp(16px, 2.2vw, 24px);
}

.home-hero-body h6 {
  font-size: clamp(15px, 2vw, 20px);
}

.home-hero-body strong {
  font-weight: 700;
}

.home-hero-body p {
  color: #ffffff;
}

.home-hero-body ul,
.home-hero-body ol {
  padding-left: 1.15em;
}

.home-hero-body blockquote {
  border-left: 3px solid rgba(216, 188, 103, 0.75);
  padding-left: 0.9rem;
  color: #ece3cf;
}

.home-hero-body a {
  color: inherit;
  text-decoration: none;
}

.home-hero-body mark {
  background: rgba(223, 192, 106, 0.32);
  color: inherit;
}

.home-hero-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.92em;
  background: rgba(12, 12, 12, 0.45);
  border: 1px solid rgba(223, 192, 106, 0.36);
  border-radius: 4px;
  padding: 0.08em 0.38em;
}

.home-hero-body pre {
  margin: 0;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.9em;
  line-height: 1.45;
  background: rgba(6, 6, 6, 0.48);
  border: 1px solid rgba(223, 192, 106, 0.33);
  border-radius: 6px;
  padding: 0.55rem 0.7rem;
}

.home-hero-highlight-rich p {
  margin: 0;
}

.home-hero-highlight-rich a {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  .home-hero-trustline--desktop .home-hero-highlight-rich,
  .home-hero-trustline--desktop .home-hero-highlight-rich p,
  .home-hero-trustline--desktop .home-hero-highlight-rich > *,
  .home-hero-trustline--desktop .home-hero-highlight-rich > * > * {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .home-hero-shell.hero-lines-0 {
    padding-top: var(--home-hero-offset-lines-0-tablet);
  }

  .home-hero-shell.hero-lines-1 {
    padding-top: var(--home-hero-offset-lines-1-tablet);
  }

  .home-hero-shell.hero-lines-2 {
    padding-top: var(--home-hero-offset-lines-2-tablet);
  }

  .home-hero-shell.hero-lines-3 {
    padding-top: var(--home-hero-offset-lines-3-tablet);
  }

  .home-hero-shell.hero-lines-4 {
    padding-top: var(--home-hero-offset-lines-4-tablet);
  }

  .home-hero-shell.hero-lines-5 {
    padding-top: var(--home-hero-offset-lines-5-tablet);
  }

  .home-hero-body {
    font-size: var(--type-body-desktop);
  }
}

@media (min-width: 1024px) {
  .home-hero-content {
    transform: translate3d(var(--cms-hero-shift-x-desktop), var(--cms-hero-shift-y-desktop), 0);
  }

  .home-hero-shell.hero-lines-0 {
    padding-top: var(--home-hero-offset-lines-0-desktop);
  }

  .home-hero-shell.hero-lines-1 {
    padding-top: var(--home-hero-offset-lines-1-desktop);
  }

  .home-hero-shell.hero-lines-2 {
    padding-top: var(--home-hero-offset-lines-2-desktop);
  }

  .home-hero-shell.hero-lines-3 {
    padding-top: var(--home-hero-offset-lines-3-desktop);
  }

  .home-hero-shell.hero-lines-4 {
    padding-top: var(--home-hero-offset-lines-4-desktop);
  }

  .home-hero-shell.hero-lines-5 {
    padding-top: var(--home-hero-offset-lines-5-desktop);
  }
}

[data-cms-block="valuation_banner"] .banner-title,
[data-cms-block="mortgage_banner"] .banner-title,
[data-cms-block="sale_cta"] .banner-title {
  font-size: var(--type-banner-title-desktop);
  line-height: var(--type-banner-title-line);
  font-weight: var(--type-banner-title-weight);
  letter-spacing: var(--type-banner-title-spacing);
}

@media (max-width: 1279px) {
  [data-cms-block="valuation_banner"] .banner-title,
  [data-cms-block="mortgage_banner"] .banner-title,
  [data-cms-block="sale_cta"] .banner-title {
    font-size: var(--type-banner-title-tablet);
  }
}

@media (max-width: 767px) {
  [data-cms-block="valuation_banner"] .banner-title,
  [data-cms-block="mortgage_banner"] .banner-title,
  [data-cms-block="sale_cta"] .banner-title {
    font-size: var(--type-banner-title-mobile);
    line-height: 1.02;
  }
}

[data-cms-block="valuation_banner"] .banner-copy,
[data-cms-block="mortgage_banner"] .banner-copy,
[data-cms-block="sale_cta"] .banner-copy {
  font-size: var(--type-banner-copy-mobile);
  line-height: var(--type-banner-copy-line);
  font-weight: var(--type-banner-copy-weight);
}

@media (min-width: 768px) {
  [data-cms-block="valuation_banner"] .banner-copy,
  [data-cms-block="mortgage_banner"] .banner-copy,
  [data-cms-block="sale_cta"] .banner-copy {
    font-size: var(--type-banner-copy-desktop);
  }
}

[data-cms-block="valuation_banner"] .cta-gold,
[data-cms-block="mortgage_banner"] .cta-gold,
[data-cms-block="sale_cta"] .home-sale-cta__action {
  font-size: var(--type-banner-button-mobile);
  line-height: 1.1;
  min-height: var(--banner-button-height-mobile);
  height: auto;
  padding-inline: var(--banner-button-padding-x-mobile);
}

[data-cms-block="sale_cta"] .home-sale-cta__action {
  font-size: max(var(--home-sale-phone-font-size-mobile), 1.48rem);
  font-weight: 400;
}

@media (min-width: 768px) {

  .home-sale-cta__action {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .c-home-grid-card {
    min-height: var(--home-grid-card-min-height-current-desktop, var(--home-grid-card-min-height-desktop));
  }

  [data-cms-block="valuation_banner"] .cta-gold,
  [data-cms-block="mortgage_banner"] .cta-gold,
  [data-cms-block="sale_cta"] .home-sale-cta__action {
    font-size: var(--type-banner-button-desktop);
    min-height: var(--banner-button-height-desktop);
    padding-inline: var(--banner-button-padding-x-desktop);
  }

  [data-cms-block="sale_cta"] .home-sale-cta__action {
    font-size: max(var(--home-sale-phone-font-size-desktop), 1.72rem);
  }
}

.footer-office-card-layout {
  height: 100%;
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr);
}

.footer-office-main {
  min-height: 0;
}

.footer-office-item {
  display: grid;
  gap: 0.55rem;
  width: 100%;
  max-width: var(--footer-office-card-max-width);
}

.footer-office-title,
.footer-office-title.footer-heading-title {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #f0dfb0;
}

.footer-office-content {
  padding: var(--footer-office-content-padding-mobile);
}

.footer-office-media-image--single {
  height: var(--footer-office-media-single-height-mobile);
}

.footer-office-media-image--dual {
  height: var(--footer-office-media-dual-height-mobile);
}

.footer-office-map-panel {
  min-height: var(--footer-office-media-single-height-mobile);
  display: flex;
}

.footer-office-map-frame {
  min-height: var(--footer-office-media-single-height-mobile);
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
}

.footer-office-map-iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  transform: scale(var(--footer-office-map-scale));
  transform-origin: center;
}

.footer-office-map-open {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  cursor: pointer;
  background: transparent;
}

.footer-office-map-open:focus-visible {
  outline: 2px solid rgba(216, 188, 103, 0.72);
  outline-offset: -4px;
}

.footer-office-lines {
  display: grid;
  gap: var(--footer-office-row-gap);
}

.footer-office-hours {
  display: grid;
  gap: 0.08rem;
  padding-top: var(--footer-office-hours-top);
}

.footer-office-row {
  margin: 0;
  display: grid;
  grid-template-columns: var(--footer-office-icon-size) minmax(0, 1fr);
  column-gap: 0.62rem;
  padding-top: var(--footer-office-row-padding-y);
  padding-bottom: var(--footer-office-row-padding-y);
  line-height: var(--footer-office-line-height);
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

.footer-office-row--address {
  align-items: flex-start;
  margin-bottom: var(--footer-office-address-bottom-gap);
}

.footer-office-row--address .footer-office-icon {
  margin-top: 0.08em;
}

.footer-office-address {
  white-space: normal;
  min-width: 0;
  overflow-wrap: anywhere;
}

.footer-office-value {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.footer-office-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--footer-office-icon-size);
  min-width: var(--footer-office-icon-size);
  height: var(--footer-office-icon-size);
  align-self: center;
  text-align: center;
  color: var(--footer-office-text-color);
}

.footer-office-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--footer-office-icon-stroke-width);
}

.footer-office-row-text {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.site-footer .footer-office-content .footer-office-row,
.site-footer .footer-office-content .footer-office-link,
.site-footer .footer-office-content .footer-office-value,
.site-footer .footer-office-content .footer-office-address {
  color: var(--footer-office-text-color);
  font-size: var(--footer-office-font-size-mobile);
}

.site-footer .footer-office-content,
.site-footer .footer-office-content a,
.site-footer .footer-office-content p,
.site-footer .footer-office-content span {
  color: var(--footer-office-text-color);
}

.site-footer .footer-office-link {
  color: var(--footer-office-text-color);
  text-decoration: none;
}

.site-footer .footer-office-link:hover {
  color: var(--footer-office-text-color);
  text-decoration: none;
}

@media (min-width: 768px) {
  .footer-offices-grid {
    gap: var(--footer-offices-grid-gap-desktop);
  }

  .footer-office-card-layout {
    grid-template-areas:
      "media map"
      "content map";
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    min-height: 0;
  }

  .footer-office-card-layout > * {
    min-width: 0;
  }

  .footer-office-main {
    display: contents;
  }

  .footer-office-main > .relative {
    grid-area: media;
  }

  .footer-office-content {
    grid-area: content;
    width: 100%;
    padding: var(--footer-office-content-padding-desktop);
  }

  .footer-office-media-image--single {
    aspect-ratio: var(--footer-office-media-aspect-ratio);
    height: auto;
  }

  .footer-office-media-image--dual {
    aspect-ratio: var(--footer-office-media-aspect-ratio);
    height: auto;
  }

  .footer-office-map-panel {
    grid-area: map;
    min-height: 0;
    align-self: stretch;
  }

  .footer-office-map-frame {
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
  }

  .site-footer .footer-office-content .footer-office-row,
  .site-footer .footer-office-content .footer-office-link,
  .site-footer .footer-office-content .footer-office-value,
  .site-footer .footer-office-content .footer-office-address {
    font-size: var(--footer-office-font-size-desktop);
  }

  .footer-office-address,
  .footer-office-value,
  .footer-office-row-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
  }
}

@media (min-width: 1024px) {
  .footer-offices-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.footer-social-link {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}

.footer-heading-title {
  font-family: var(--font-display);
  font-size: var(--type-footer-heading-mobile);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: var(--tracking-ui);
}

.footer-link-list--sitemap {
  display: grid;
  gap: 0.46rem;
}

.footer-link-list--sitemap > li {
  margin-top: 0 !important;
}

.footer-sitemap-groups {
  display: grid;
  gap: 1.35rem 1.6rem;
  margin-top: 1.05rem;
}

.footer-sitemap-group {
  display: grid;
  align-content: start;
  gap: 0.56rem;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.footer-sitemap-group__title {
  position: relative;
  margin: 0;
  padding-bottom: 0.38rem;
  color: #d8bc67;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}

.footer-sitemap-group__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34px;
  height: 1px;
  background: rgba(216, 188, 103, 0.54);
}

.site-footer .footer-nav-link {
  color: var(--footer-nav-link-color);
}

.site-footer .footer-nav-link:hover,
.site-footer .footer-nav-link:focus-visible {
  color: var(--footer-nav-link-hover-color);
}

.site-footer .footer-legal-links,
.site-footer .footer-legal-links a {
  color: #f4f4f4;
}

.site-footer .footer-legal-links a:hover,
.site-footer .footer-legal-links a:focus-visible {
  color: #ffffff;
}

@media (min-width: 768px) {
  .footer-heading-title {
    font-size: var(--type-footer-heading-desktop);
  }

  .footer-link-section--sitemap .footer-heading-title {
    text-align: left;
  }

  .footer-sitemap-groups {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    align-items: start;
    column-gap: clamp(1.8rem, 4vw, 3rem);
  }

  .footer-link-list--sitemap {
    justify-content: stretch;
  }
}

@media (min-width: 1280px) {
  .footer-link-columns {
    grid-template-columns:
      minmax(220px, 1fr)
      minmax(300px, 1.25fr)
      minmax(430px, 1.65fr)
      minmax(190px, 0.9fr);
    align-items: start;
    column-gap: clamp(2rem, 4vw, 4.25rem);
  }

  .footer-link-section--sitemap {
    justify-self: stretch;
    grid-column: span 2;
    width: 100%;
    max-width: 100%;
  }

  .footer-sitemap-groups {
    grid-template-columns: repeat(5, max-content);
    justify-content: space-between;
    gap: 1rem clamp(1.35rem, 2.4vw, 2.6rem);
  }

  .footer-link-list--sitemap {
    gap: 0.42rem;
  }

  .footer-link-list--sitemap .footer-nav-link {
    white-space: nowrap;
  }
}

.bullet-list {
  margin-left: 1rem;
  display: grid;
  gap: 0.4rem;
}

.card.agent-card,
.card.blog-card,
.card.district-card,
.card.testimonial-card {
  display: grid;
  gap: 0.7rem;
}

.agent-avatar {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid #eadcc3;
}

.district-hero {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.blog-thumb,
.district-thumb,
.district-hero-image,
.blog-hero {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.blog-thumb,
.district-thumb {
  aspect-ratio: 16 / 10;
}

.blog-hero,
.district-hero-image {
  aspect-ratio: 16 / 8;
}

.blog-article {
  display: grid;
  gap: 1rem;
}

.blog-section {
  display: grid;
  gap: 0.55rem;
}

.blog-index {
  background:
    linear-gradient(180deg, rgba(242, 241, 236, 0.96), rgba(247, 244, 238, 0.98) 48%, rgba(242, 241, 236, 0.98));
  color: var(--text);
}

.blog-index__shell {
  width: min(100%, var(--layout-shell-max-width));
  margin-inline: auto;
  padding: 0 var(--layout-page-padding-x-mobile) 34px;
}

.blog-hero-panel {
  position: relative;
  min-height: var(--cms-hero-min-height-mobile, clamp(520px, 138vw, 640px));
  overflow: hidden;
  border-bottom: 1px solid rgba(154, 111, 43, 0.28);
  background: #0b0b0b;
}

.blog-hero-panel__image,
.blog-hero-panel__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.blog-hero-panel__image {
  display: block;
  object-fit: cover;
  object-position: 65% 50%;
}

.blog-hero-panel__shade {
  z-index: 1;
  display: none;
  background: transparent;
}

.blog-hero-panel__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  padding: clamp(46px, 8vw, 92px) 18px clamp(64px, 8vw, 96px);
}

.blog-hero-panel__content--top-left {
  place-items: start start;
  text-align: left;
}

.blog-hero-panel__content--top-center {
  place-items: start center;
  text-align: center;
}

.blog-hero-panel__content--top-right {
  place-items: start end;
  text-align: right;
}

.blog-hero-panel__content--center-left {
  place-items: center start;
  text-align: left;
}

.blog-hero-panel__content--center-center {
  place-items: center center;
  text-align: center;
}

.blog-hero-panel__content--center-right {
  place-items: center end;
  text-align: right;
}

.blog-hero-panel__content--bottom-left {
  place-items: end start;
  text-align: left;
}

.blog-hero-panel__content--bottom-center {
  place-items: end center;
  text-align: center;
}

.blog-hero-panel__content--bottom-right {
  place-items: end end;
  text-align: right;
}

.blog-hero-panel__copy {
  display: grid;
  gap: 12px;
  width: min(100%, 820px);
}

.c-blog-hero-surface > .c-public-profiled-image {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: none;
  inset: 0;
  left: 0;
  top: 0;
  transform: none;
  scale: 1;
  object-fit: cover;
  object-position: 65% 50%;
}

.blog-hero-panel__title :where(h1, h2) {
  margin: 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(42px, 7vw, 82px);
  font-weight: 700;
  line-height: 0.96;
  text-shadow: 0 5px 24px rgba(0, 0, 0, 0.72);
}

.blog-hero-panel__title :where(h3, p) {
  margin: 0;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 600;
  line-height: 1.02;
  text-shadow: 0 5px 24px rgba(0, 0, 0, 0.72);
}

.blog-hero-panel__title :where(strong, em) {
  color: inherit;
}

.blog-hero-panel__title span:not([class*="cms-rich-fg-"]),
.blog-section-title span {
  color: var(--color-accent);
}

.blog-hero-panel__ornament {
  width: min(180px, 42vw);
  height: 12px;
  background:
    linear-gradient(90deg, transparent, var(--color-accent), transparent) 50% 50% / 100% 1px no-repeat,
    radial-gradient(circle, var(--color-accent) 0 4px, transparent 4.5px) 50% 50% / 12px 12px no-repeat;
}

.blog-hero-panel__subtitle {
  max-width: min(100%, 920px);
  color: #f8fafc;
  font-size: var(--type-home-article-title-mobile);
  font-weight: 800;
  line-height: 1.18;
  text-align: center;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.72);
}

.blog-hero-panel__subtitle :where(p, h1, h2, h3, strong) {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.blog-hero-panel__subtitle span:not([class*="cms-rich-fg-"]) {
  color: var(--color-accent);
}

.blog-hero-panel__title [class*="cms-rich-fg-"] [class*="cms-rich-fg-"],
.blog-hero-panel__subtitle [class*="cms-rich-fg-"] [class*="cms-rich-fg-"],
.blog-hero-panel__highlight [class*="cms-rich-fg-"] [class*="cms-rich-fg-"] {
  color: inherit;
}

.blog-hero-panel__title [class*="cms-rich-fs-"] [class*="cms-rich-fs-"],
.blog-hero-panel__subtitle [class*="cms-rich-fs-"] [class*="cms-rich-fs-"],
.blog-hero-panel__highlight [class*="cms-rich-fs-"] [class*="cms-rich-fs-"] {
  font-size: inherit;
}

.blog-hero-panel__title [class*="cms-rich-lh-"] [class*="cms-rich-lh-"],
.blog-hero-panel__subtitle [class*="cms-rich-lh-"] [class*="cms-rich-lh-"],
.blog-hero-panel__highlight [class*="cms-rich-lh-"] [class*="cms-rich-lh-"] {
  line-height: inherit;
}

.blog-hero-panel__highlight {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #3f3a32;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.blog-hero-panel__highlight--top-left,
.blog-hero-panel__highlight--center-left,
.blog-hero-panel__highlight--bottom-left {
  justify-self: start;
}

.blog-hero-panel__highlight--top-center,
.blog-hero-panel__highlight--center-center,
.blog-hero-panel__highlight--bottom-center {
  justify-self: center;
}

.blog-hero-panel__highlight--top-right,
.blog-hero-panel__highlight--center-right,
.blog-hero-panel__highlight--bottom-right {
  justify-self: end;
}

.blog-hero-panel__highlight-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 188, 103, 0.72);
  border-radius: 999px;
  background: rgba(11, 11, 12, 0.82);
  color: #d8bc67;
}

.blog-hero-panel__cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-hero-panel__content--top-left .blog-hero-panel__cta-group,
.blog-hero-panel__content--center-left .blog-hero-panel__cta-group,
.blog-hero-panel__content--bottom-left .blog-hero-panel__cta-group {
  justify-content: flex-start;
}

.blog-hero-panel__content--top-center .blog-hero-panel__cta-group,
.blog-hero-panel__content--center-center .blog-hero-panel__cta-group,
.blog-hero-panel__content--bottom-center .blog-hero-panel__cta-group {
  justify-content: center;
}

.blog-hero-panel__content--top-right .blog-hero-panel__cta-group,
.blog-hero-panel__content--center-right .blog-hero-panel__cta-group,
.blog-hero-panel__content--bottom-right .blog-hero-panel__cta-group {
  justify-content: flex-end;
}

.blog-category-tabs {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 10px;
  align-items: stretch;
  justify-content: center;
  width: fit-content;
  max-width: min(calc(100vw - 48px), 1840px);
  box-sizing: border-box;
  margin: -31px auto 0;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid rgba(216, 188, 103, 0.64);
  border-radius: 12px;
  background: #0b0b0b;
  box-shadow: 0 18px 34px rgba(24, 20, 14, 0.22), 0 6px 14px rgba(216, 188, 103, 0.16);
  scrollbar-width: none;
}

.blog-category-tabs::-webkit-scrollbar {
  display: none;
}

.blog-category-anchor {
  scroll-margin-top: 108px;
}

.blog-category-select-form {
  display: none;
}

@media (max-width: 639px) {
  .blog-category-tabs {
    justify-content: flex-start;
  }
}

.blog-category-tab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: clamp(172px, 10vw, 232px);
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid rgba(216, 188, 103, 0.72);
  border-radius: 8px;
  background: var(--gold-btn-bg);
  color: #15120c;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(216, 188, 103, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.38);
  transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), color var(--transition-base);
}

@media (max-width: 767px) {
  .blog-category-tab {
    flex: 0 0 auto;
    min-width: 172px;
  }

  .blog-category-tabs {
    display: none;
  }

  .blog-category-select-form {
    position: relative;
    z-index: 4;
    display: grid;
    gap: 8px;
    width: 100%;
    max-width: var(--layout-content-max-width);
    box-sizing: border-box;
    margin: -24px auto 18px;
    padding: 12px;
    border: 1px solid rgba(216, 188, 103, 0.68);
    border-radius: 12px;
    background: #0b0b0b;
    box-shadow: 0 16px 28px rgba(24, 20, 14, 0.2), 0 6px 14px rgba(216, 188, 103, 0.14);
  }

  .blog-category-select-form label {
    color: #f7e7bb;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
  }

  .blog-category-select-form select {
    width: 100%;
    min-height: 50px;
    padding: 0 42px 0 14px;
    border: 1px solid rgba(216, 188, 103, 0.78);
    border-radius: 8px;
    background:
      linear-gradient(45deg, transparent 50%, #15120c 50%) right 18px center / 7px 7px no-repeat,
      linear-gradient(135deg, #ffe891 0%, #d8a83a 46%, #98681d 100%);
    color: #15120c;
    font: inherit;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    appearance: none;
  }
}

.blog-category-tab:hover,
.blog-category-tab:focus-visible {
  border-color: #f2d985;
  background: var(--gold-btn-hover-bg);
  transform: translateY(-1px);
}

.blog-category-tab.is-active {
  border-color: #ffeaa0;
  background:
    linear-gradient(180deg, rgba(255, 235, 170, 0.18) 0%, rgba(255, 235, 170, 0) 100%),
    #11100d;
  color: #f8e6ab;
  box-shadow:
    0 0 0 2px rgba(248, 217, 133, 0.32),
    0 10px 22px rgba(24, 20, 14, 0.28),
    inset 0 1px 0 rgba(255, 244, 204, 0.2);
  transform: translateY(-1px);
}

.blog-category-tab__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #5f4217;
}

.blog-category-tab.is-active .blog-category-tab__icon {
  color: #f8d975;
}

.blog-category-tab svg,
.blog-feature-card__badge svg,
.blog-value-banner__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.blog-section-title {
  max-width: 780px;
  margin: 18px auto 12px;
  color: #201b14;
  font-family: var(--font-display);
  font-size: var(--type-home-article-title-mobile);
  font-weight: 900;
  line-height: 1.02;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
}

.blog-section-description {
  max-width: 760px;
  margin: 0 auto 16px;
  color: #4f4638;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.blog-result-count {
  margin: 0 auto 18px;
  color: var(--color-brand-muted);
  font-size: 0.95rem;
  font-weight: 800;
  text-align: center;
}

.blog-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.blog-feature-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-width: 0;
  min-height: clamp(440px, 40vw, 500px);
  flex-direction: column;
  overflow: visible;
  border: 1px solid #e3d7c1;
  border-radius: 8px;
  background:
    radial-gradient(110% 64% at 50% 0%, rgba(216, 188, 103, 0.07), transparent 74%),
    var(--card);
  box-shadow: 0 8px 18px rgba(24, 20, 14, 0.12);
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.blog-feature-card::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(118deg, transparent 0%, transparent 42%, rgba(255, 239, 188, 0.16) 50%, transparent 59%, transparent 100%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translateX(-28%);
  transition:
    opacity 0.24s ease,
    transform 0.5s ease;
}

.blog-feature-card:hover,
.blog-feature-card:focus-within {
  border-color: rgba(216, 188, 103, 0.72);
  box-shadow:
    0 18px 34px rgba(24, 20, 14, 0.14),
    0 0 0 1px rgba(216, 188, 103, 0.16);
  transform: none;
}

.blog-feature-card:hover::before,
.blog-feature-card:focus-within::before {
  opacity: 0.58;
  transform: translateX(18%);
}

.blog-feature-card__media {
  z-index: 1;
  display: block;
  position: sticky;
  top: clamp(82px, 11vh, 128px);
  height: clamp(230px, 18vw, 270px);
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: #171511;
}

.blog-feature-card__media::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(14, 12, 8, 0.08), rgba(154, 111, 43, 0.18)),
    linear-gradient(90deg, rgba(216, 188, 103, 0.08), rgba(14, 12, 8, 0.06));
  content: "";
  pointer-events: none;
}

.blog-feature-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none;
  transition: transform var(--transition-slow);
}

.blog-feature-card:hover .blog-feature-card__media img,
.blog-feature-card:focus-within .blog-feature-card__media img {
  transform: none;
}

.blog-feature-card__badge {
  position: absolute;
  top: 0;
  left: 16px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 46px;
  padding: 8px 8px 12px;
  color: #fff8dc;
  background: linear-gradient(180deg, #d8bc67, #9a6f2b);
  clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
  filter: drop-shadow(0 4px 7px rgba(42, 30, 12, 0.22));
}

.blog-feature-card__body {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  margin: -16px 14px 14px;
  padding: 16px 18px 15px;
  border: 1px solid rgba(216, 188, 103, 0.42);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 251, 241, 0.95));
  box-shadow:
    0 -4px 10px rgba(255, 249, 224, 0.16),
    0 14px 24px rgba(24, 20, 14, 0.08);
  transition:
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.blog-feature-card:hover .blog-feature-card__body,
.blog-feature-card:focus-within .blog-feature-card__body {
  border-color: rgba(216, 188, 103, 0.82);
  box-shadow:
    0 -5px 12px rgba(255, 249, 224, 0.20),
    0 20px 32px rgba(24, 20, 14, 0.12);
}

.blog-feature-card__category {
  color: #1e1a14;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.blog-feature-card h3 {
  margin: 0;
  color: #050505;
  font-family: var(--font-display);
  font-size: var(--type-home-article-title-mobile);
  font-weight: 800;
  line-height: 1.02;
}

.blog-feature-card h3 a {
  color: #050505;
  text-decoration: none;
}

.blog-feature-card h3 a:hover,
.blog-feature-card h3 a:focus-visible {
  color: #050505;
  text-decoration: none;
}

.blog-feature-card__body > p:not(.blog-feature-card__category) {
  display: -webkit-box;
  overflow: hidden;
  color: #111;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blog-read-more {
  align-self: flex-end;
  margin-top: auto;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--gold-btn-border);
  border-radius: 7px;
  background: var(--gold-btn-bg);
  color: var(--gold-btn-text);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 2px 4px rgba(0, 0, 0, 0.48);
  text-transform: none;
  transition: transform var(--transition-base), background var(--transition-base), color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.blog-read-more:hover,
.blog-read-more:focus-visible {
  border-color: var(--gold-btn-border);
  background: var(--gold-btn-hover-bg);
  color: var(--gold-btn-text);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 4px 9px rgba(0, 0, 0, 0.55);
  transform: translateY(-1px);
}

.blog-empty-state {
  padding: 34px;
  border: 1px dashed #d6af58;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  font-weight: 800;
}

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin: 26px auto 0;
}

.blog-pagination__link,
.blog-pagination__status {
  min-height: 2.8rem;
  border-radius: 999px;
  font-weight: 900;
}

.blog-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 8.5rem;
  padding-inline: 1.2rem;
  border: 1px solid var(--gold-btn-border);
  background: var(--gold-btn-bg);
  color: var(--gold-btn-text);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 8px 16px rgba(26, 18, 8, 0.18);
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base);
}

.blog-pagination__link:hover,
.blog-pagination__link:focus-visible {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 10px 20px rgba(26, 18, 8, 0.22);
}

.blog-pagination__link.is-disabled {
  opacity: 0.48;
  pointer-events: none;
}

.blog-pagination__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.8rem;
  padding-inline: 1rem;
  border: 1px solid rgba(194, 150, 54, 0.34);
  color: var(--color-brand-ink);
  background: rgba(255, 255, 255, 0.82);
}

.blog-value-banner {
  position: relative;
  display: grid;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0 !important;
  margin-top: 26px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 8px;
  background: #0f0f0e;
  box-shadow: 0 12px 26px rgba(24, 20, 14, 0.18);
}

.blog-value-banner > img {
  position: relative;
  grid-area: 1 / 1;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  opacity: 1;
  transform: none;
}

.blog-value-banner::after {
  content: none;
}

.blog-value-banner__content {
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
  align-items: center;
  width: 100%;
  padding: 24px;
  color: #fff7dc;
}

.blog-banner-content--top-left,
.blog-banner-content--center-left,
.blog-banner-content--bottom-left {
  text-align: left;
  justify-items: start;
}

.blog-banner-content--top-center,
.blog-banner-content--center-center,
.blog-banner-content--bottom-center {
  text-align: center;
  justify-items: center;
}

.blog-banner-content--top-right,
.blog-banner-content--center-right,
.blog-banner-content--bottom-right {
  text-align: right;
  justify-items: end;
}

.blog-banner-content--top-left,
.blog-banner-content--top-center,
.blog-banner-content--top-right {
  align-content: start;
}

.blog-banner-content--center-left,
.blog-banner-content--center-center,
.blog-banner-content--center-right {
  align-content: center;
}

.blog-banner-content--bottom-left,
.blog-banner-content--bottom-center,
.blog-banner-content--bottom-right {
  align-content: end;
}

.blog-value-banner__icon {
  width: 74px;
  height: 74px;
  color: #d8bc67;
}

.blog-value-banner__title,
.blog-consult-banner__title {
  margin: 0;
  color: #fff7dc;
  font-family: var(--font-display);
  font-size: clamp(27px, 3.2vw, 44px);
  font-weight: 800;
  line-height: 1;
}

.blog-value-banner__title :where(p, h1, h2, h3, strong),
.blog-consult-banner__title :where(p, h1, h2, h3, strong) {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.blog-value-banner__copy,
.blog-consult-banner__copy {
  margin-top: 6px;
  color: rgba(255, 247, 220, 0.92);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.blog-value-banner__copy :where(p, h1, h2, h3, strong),
.blog-consult-banner__copy :where(p, h1, h2, h3, strong) {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.blog-value-banner__actions,
.blog-consult-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}

.blog-value-banner__actions a,
.blog-consult-banner__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  font-size: 1rem;
  font-weight: 700;
}

.blog-value-banner__phone {
  display: grid;
  justify-items: start;
  color: #fff7dc;
  font-size: clamp(25px, 3.2vw, 39px);
  font-weight: 900;
  line-height: 1;
}

.blog-value-banner__phone span {
  margin-top: 6px;
  font-size: clamp(1rem, 1.35vw, 1.3rem);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0.01em;
}

.valuation-market-banner-placement {
  width: min(100% - 2rem, 1440px);
  margin: clamp(10rem, 12vw, 13rem) auto 0;
}

.valuation-market-banner-placement .blog-value-banner {
  margin: 0;
}

@media (max-width: 767px) {
  .blog-value-banner > img,
  .blog-consult-banner > img {
    object-fit: contain;
    object-position: center center;
    padding: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-hero-panel {
    height: var(--cms-hero-min-height-tablet, var(--page-hero-visible-height-tablet));
    min-height: 0;
  }

  .career-hero {
    height: var(--cms-hero-min-height-tablet, var(--page-hero-visible-height-tablet));
    min-height: 0;
  }
}

@media (min-width: 1024px) {
  .blog-hero-panel {
    height: var(--cms-hero-min-height-desktop, var(--page-hero-visible-height-desktop));
    min-height: 0;
  }

  .career-hero {
    height: var(--cms-hero-min-height-desktop, var(--page-hero-visible-height-desktop));
    min-height: 0;
  }
}

.blog-popular-panel {
  position: relative;
  margin-top: 28px;
  padding: 0;
}

.blog-popular-heading {
  display: grid;
  grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 12px;
}

.blog-popular-heading span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 188, 103, 0.82));
}

.blog-popular-heading span:last-child {
  background: linear-gradient(90deg, rgba(216, 188, 103, 0.82), transparent);
}

.blog-popular-heading h2,
.blog-agent-team__heading h2 {
  margin: 0;
  color: #1f1a13;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.8vw, 42px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
}

.blog-popular-grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
}

.blog-popular-card {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.7);
  border-radius: 8px;
  background: rgba(255, 253, 247, 0.92);
  box-shadow: 0 8px 18px rgba(24, 20, 14, 0.08);
}

.blog-popular-link {
  display: grid;
  grid-template-columns: 140px 11px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 124px;
  padding: 10px 18px;
  border-bottom: 1px solid rgba(216, 188, 103, 0.28);
  color: #050505;
  font-size: clamp(14px, 1.7vw, 17px);
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
  transition: background var(--transition-base), color var(--transition-base);
}

.blog-popular-link:last-child {
  border-bottom: 0;
}

.blog-popular-link img {
  width: 140px;
  height: 104px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid rgba(216, 188, 103, 0.35);
  filter: none;
}

.blog-popular-link__dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #d8bc67;
  box-shadow: 0 0 0 3px rgba(216, 188, 103, 0.18);
}

.blog-popular-link__title {
  min-width: 0;
}

.blog-popular-link:hover,
.blog-popular-link:focus-visible {
  color: #050505;
  background: rgba(216, 188, 103, 0.1);
}

.blog-consult-banner {
  position: relative;
  min-height: 230px;
  margin-top: 28px;
  overflow: hidden;
  border-radius: 4px;
  background: #16120c;
}

.blog-consult-banner > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.78;
}

.blog-consult-banner::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 8, 7, 0.88), rgba(14, 12, 8, 0.7) 52%, rgba(216, 188, 103, 0.5));
  content: "";
}

.blog-consult-banner__content {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: clamp(32px, 6vw, 54px) 18px;
  color: #fff;
  text-align: center;
}

.blog-consult-banner__title {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.42);
}

.blog-consult-banner__copy {
  color: rgba(255, 255, 255, 0.92);
}

.blog-consult-banner__phone {
  border-radius: 8px;
  background: #fff;
  color: #8a641f;
  box-shadow: 0 8px 18px rgba(16, 9, 4, 0.3);
}

.blog-agent-team {
  margin-top: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.blog-agent-team__heading {
  display: grid;
  grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
  gap: 18px;
  align-items: center;
}

.blog-agent-team__heading span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 188, 103, 0.86));
}

.blog-agent-team__heading span:last-child {
  background: linear-gradient(90deg, rgba(216, 188, 103, 0.86), transparent);
}

.blog-agent-team__heading h2 {
  max-width: min(760px, 72vw);
}

.blog-agent-team__intro {
  width: min(100%, 920px);
  margin: 12px auto 0;
  color: #111111;
  font-family: var(--font-body);
  font-size: var(--type-testimonial-subtitle-mobile);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.blog-agent-carousel {
  margin-top: 26px;
}

.blog-agent-carousel__viewport {
  overflow: hidden;
}

.blog-agent-carousel__track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.blog-agent-carousel__track::-webkit-scrollbar {
  display: none;
}

.blog-agent-card {
  --blog-agent-name-row-height: 48px;
  --blog-agent-role-row-height: 34px;
  --blog-agent-district-row-height: 52px;
  --blog-agent-contact-row-height: 32px;
  position: relative;
  display: grid;
  grid-template-rows: auto var(--blog-agent-name-row-height) var(--blog-agent-role-row-height) var(--blog-agent-district-row-height) minmax(var(--blog-agent-contact-row-height), auto);
  justify-items: center;
  align-content: start;
  flex: 0 0 100%;
  min-width: 0;
  overflow: hidden;
  padding: 16px 16px 14px;
  border: 1px solid rgba(216, 188, 103, 0.64);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 251, 241, 0.82));
  box-shadow: 0 8px 18px rgba(24, 20, 14, 0.08);
  scroll-snap-align: start;
  text-align: center;
  transform: translateY(0);
  transition:
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.blog-agent-card::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 42% at 50% 0%, rgba(216, 188, 103, 0.16), transparent 68%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.24s ease;
}

.blog-agent-card:hover,
.blog-agent-card:focus-within {
  border-color: rgba(216, 188, 103, 0.92);
  box-shadow:
    0 18px 34px rgba(24, 20, 14, 0.14),
    0 0 0 1px rgba(216, 188, 103, 0.16);
  transform: translateY(-5px);
}

.blog-agent-card:hover::before,
.blog-agent-card:focus-within::before {
  opacity: 1;
}

.blog-agent-card__image-link {
  position: relative;
  z-index: 1;
  display: block;
  width: min(164px, 56vw);
  aspect-ratio: 1;
  overflow: hidden;
  border: 2px solid rgba(216, 188, 103, 0.72);
  border-radius: 999px;
  background: #f7f4ee;
  box-shadow: 0 7px 18px rgba(24, 20, 14, 0.12);
  transition:
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.blog-agent-card__image-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transition: transform 0.24s ease;
}

.blog-agent-card h3,
.blog-agent-card__role,
.blog-agent-card__district,
.blog-agent-card__contact {
  transition: transform 0.28s cubic-bezier(0.17, 1, 0.3, 1);
}

.blog-agent-card:hover .blog-agent-card__image-link,
.blog-agent-card:focus-within .blog-agent-card__image-link {
  border-color: rgba(216, 188, 103, 0.96);
  box-shadow:
    0 12px 26px rgba(24, 20, 14, 0.16),
    0 0 0 6px rgba(216, 188, 103, 0.08);
  transform: translateY(-2px);
}

.blog-agent-card:hover .blog-agent-card__image-link img,
.blog-agent-card:focus-within .blog-agent-card__image-link img {
  transform: scale(1.025);
}

.blog-agent-card:hover h3,
.blog-agent-card:focus-within h3,
.blog-agent-card:hover .blog-agent-card__role,
.blog-agent-card:focus-within .blog-agent-card__role,
.blog-agent-card:hover .blog-agent-card__district,
.blog-agent-card:focus-within .blog-agent-card__district,
.blog-agent-card:hover .blog-agent-card__contact,
.blog-agent-card:focus-within .blog-agent-card__contact {
  transform: translateY(-8px);
}

.blog-agent-card h3 {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-width: 0;
  height: var(--blog-agent-name-row-height);
  align-items: end;
  justify-content: center;
  margin: 0;
  color: #171511;
  font-family: var(--font-display);
  font-size: clamp(1.58rem, 7vw, 2.08rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

.blog-agent-card h3 a {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.blog-agent-card h3 a:hover,
.blog-agent-card h3 a:focus-visible {
  color: #8a641f;
}

.blog-agent-card__role {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: var(--blog-agent-role-row-height);
  align-items: start;
  justify-content: center;
  margin: 0;
  padding-top: 10px;
  color: #667085;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: var(--type-small-mobile);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.blog-agent-card__district {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  min-width: 0;
  width: 100%;
  min-height: var(--blog-agent-district-row-height);
  margin-top: 10px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #8a641f;
  font-size: var(--type-small-mobile);
  font-weight: 500;
  line-height: 1.2;
}

.blog-agent-card__district svg {
  align-self: start;
  margin-top: 25px;
}

.blog-agent-card__district--empty {
  visibility: hidden;
  pointer-events: none;
}

.blog-agent-card__district svg,
.blog-agent-card__contact svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.blog-agent-card__district-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.blog-agent-card__district-copy > span {
  color: #667085;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: var(--type-small-mobile);
  font-weight: 800;
  line-height: 1.15;
}

.blog-agent-card__district-copy strong {
  display: block;
  min-width: 0;
  color: #241f18;
  font-family: var(--font-body, "Mulish", sans-serif);
  font-size: clamp(0.95rem, 1vw, 1.04rem);
  font-weight: 500;
  line-height: 1.22;
  overflow-wrap: normal;
}

.blog-agent-card__contact span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.blog-agent-card__contact {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: var(--blog-agent-contact-row-height) var(--blog-agent-contact-row-height);
  gap: 9px;
  align-self: start;
  width: 100%;
  margin-top: 0;
  border-top: 1px solid rgba(24, 20, 14, 0.1);
}

.blog-agent-card__contact a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: var(--blog-agent-contact-row-height);
  padding: 0;
  color: #4f5b6f;
  font-size: var(--type-small-mobile);
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
}

.blog-agent-card__contact a + a {
  margin-top: 0;
  color: #9a6f2b;
  font-family: var(--font-body);
  font-size: var(--type-body-mobile);
  font-weight: 700;
}

.blog-agent-card__contact a:hover,
.blog-agent-card__contact a:focus-visible {
  color: #8a641f;
}

.blog-agent-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 20px;
}

.blog-agent-carousel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(216, 188, 103, 0.78);
  border-radius: 999px;
  background: #fff;
  color: #b37b1e;
  box-shadow: 0 8px 18px rgba(24, 20, 14, 0.1);
  transition: background var(--transition-base), color var(--transition-base), opacity var(--transition-base);
}

.blog-agent-carousel__button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.blog-agent-carousel__button:hover,
.blog-agent-carousel__button:focus-visible {
  background: #14110b;
  color: #f0d28a;
}

.blog-agent-carousel__button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.blog-agent-carousel__status {
  min-width: 58px;
  color: #1f1a13;
  font-size: var(--type-body-mobile);
  font-weight: 700;
  text-align: center;
}

@media (min-width: 768px) {
  .blog-agent-team__heading h2 {
    font-size: clamp(26px, 3.8vw, 42px);
  }

  .blog-agent-team__intro {
    font-size: var(--type-testimonial-subtitle-desktop);
  }

  .blog-agent-card h3 {
    font-size: clamp(1.65rem, 3.3vw, 2.25rem);
  }

  .blog-agent-card__role,
  .blog-agent-card__district,
  .blog-agent-card__district-copy > span,
  .blog-agent-card__contact a {
    font-size: var(--type-small-desktop);
  }

  .blog-agent-card__contact a + a,
  .blog-agent-carousel__status {
    font-size: var(--type-body-desktop);
  }
}

@media (min-width: 640px) {
  .blog-index__shell {
    padding-inline: var(--layout-page-padding-x-tablet);
  }

  .blog-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-agent-card {
    flex-basis: calc((100% - 18px) / 2);
  }
}

@media (min-width: 760px) {
  .blog-popular-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .blog-value-banner__content {
    grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
    padding: 24px 34px;
  }

  .blog-value-banner__phone {
    color: #15120c;
    text-shadow: 0 1px 0 rgba(255, 250, 226, 0.34);
  }

  .blog-agent-card {
    flex-basis: calc((100% - 36px) / 3);
  }
}

@media (min-width: 1024px) {
  .blog-index__shell {
    padding-inline: var(--layout-page-padding-x-desktop);
  }

  .blog-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .blog-section-title {
    font-size: var(--type-home-article-title-desktop);
  }

  .blog-feature-card h3 {
    font-size: var(--type-home-article-title-desktop);
  }

  .blog-hero-panel__subtitle {
    font-size: var(--type-home-article-title-desktop);
  }

  .blog-agent-card {
    flex-basis: calc((100% - 54px) / 4);
    padding-inline: 10px;
  }

  .blog-agent-card h3 {
    font-size: clamp(1.52rem, 1.92vw, 2rem);
  }
}

.blog-show-page {
  background:
    linear-gradient(180deg, rgba(242, 241, 236, 0.96), rgba(247, 244, 238, 0.98) 50%, rgba(242, 241, 236, 0.98));
  color: var(--text);
}

.blog-show-shell {
  width: min(100%, var(--layout-shell-max-width));
  margin-inline: auto;
  padding: 24px var(--layout-page-padding-x-mobile) 44px;
}

.blog-show-article {
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.46);
  border-radius: 12px;
  background: #fffdf8;
  box-shadow: 0 16px 34px rgba(24, 20, 14, 0.12);
}

.blog-show-hero {
  display: grid;
  gap: 20px;
  padding: clamp(18px, 4vw, 32px);
}

.blog-show-hero__copy {
  display: grid;
  gap: 10px;
  max-width: 980px;
}

.blog-show-category {
  margin: 0;
  color: #7c5c21;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.blog-show-hero h1 {
  margin: 0;
  color: #201b14;
  font-family: var(--font-display);
  font-size: clamp(34px, 6vw, 58px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: 0;
}

.blog-show-meta {
  margin: 0;
  color: #6a6052;
  font-size: 15px;
  font-weight: 700;
}

.blog-show-lead {
  max-width: 860px;
  margin: 4px 0 0;
  color: #342e24;
  font-size: clamp(17px, 2.2vw, 21px);
  font-weight: 650;
  line-height: 1.45;
}

.blog-show-hero__image {
  display: block;
  width: 65%;
  justify-self: center;
  aspect-ratio: 16 / 8;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(24, 20, 14, 0.16);
}

.blog-show-body {
  display: grid;
  gap: 28px;
  width: 100%;
  max-width: none;
  padding: 0 clamp(18px, 4vw, 32px) clamp(26px, 5vw, 42px);
}

.blog-show-section {
  display: grid;
  gap: 12px;
}

.blog-show-section h2 {
  margin: 0;
  color: #201b14;
  font-family: var(--font-display);
  font-size: clamp(25px, 3.6vw, 38px);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: 0;
}

.blog-show-section p {
  margin: 0;
  color: #3f372b;
  font-size: clamp(16px, 1.45vw, 18px);
  font-weight: 500;
  line-height: 1.72;
}

.blog-show-rich-content {
  display: grid;
  gap: 16px;
  width: 100%;
  color: #3f372b;
  font-size: clamp(16px, 1.45vw, 18px);
  font-weight: 500;
  line-height: 1.72;
}

.blog-show-rich-content > * {
  margin: 0;
}

.blog-show-rich-content h1,
.blog-show-rich-content h2,
.blog-show-rich-content h3,
.blog-show-rich-content h4,
.blog-show-rich-content h5,
.blog-show-rich-content h6 {
  margin-top: 14px;
  color: #201b14;
  font-family: var(--font-display);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: 0;
}

.blog-show-rich-content h1 {
  font-size: clamp(30px, 4.4vw, 46px);
}

.blog-show-rich-content h2 {
  font-size: clamp(25px, 3.6vw, 38px);
}

.blog-show-rich-content h3 {
  font-size: clamp(22px, 3vw, 30px);
}

.blog-show-rich-content h4,
.blog-show-rich-content h5,
.blog-show-rich-content h6 {
  font-size: clamp(18px, 2.2vw, 24px);
}

.blog-show-rich-content ul,
.blog-show-rich-content ol {
  display: grid;
  gap: 8px;
  padding-left: 1.25em;
}

.blog-show-rich-content ul {
  list-style: disc;
}

.blog-show-rich-content ol {
  list-style: decimal;
}

.blog-show-rich-content a {
  color: #8f6f27;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(143, 111, 39, 0.42);
  text-underline-offset: 0.18em;
}

.blog-show-rich-content blockquote {
  margin: 6px 0;
  padding: 14px 18px;
  border-left: 4px solid #d8bc67;
  border-radius: 0 8px 8px 0;
  background: rgba(216, 188, 103, 0.12);
  color: #2b251b;
}

.blog-show-rich-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.blog-show-rich-content th,
.blog-show-rich-content td {
  padding: 10px 12px;
  border: 1px solid rgba(143, 111, 39, 0.22);
  text-align: left;
}

.blog-show-rich-content th {
  background: rgba(216, 188, 103, 0.15);
  color: #201b14;
  font-weight: 850;
}

.blog-related-section {
  margin-top: 30px;
}

.blog-related-heading {
  margin-bottom: 14px;
  text-align: center;
}

.blog-related-heading h2 {
  margin: 0;
  color: #201b14;
  font-family: var(--font-display);
  font-size: clamp(30px, 4.2vw, 44px);
  font-weight: 900;
  line-height: 1.05;
}

.blog-related-grid {
  display: grid;
  gap: 18px;
}

.blog-related-card {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.48);
  border-radius: 10px;
  background: #fffdf8;
  box-shadow: 0 10px 22px rgba(24, 20, 14, 0.1);
}

.blog-related-card__media {
  display: block;
  overflow: hidden;
  background: #171511;
}

.blog-related-card__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: none;
  transition: transform var(--transition-slow);
}

.blog-related-card:hover .blog-related-card__media img,
.blog-related-card:focus-within .blog-related-card__media img {
  transform: scale(1.035);
}

.blog-related-card__body {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.blog-related-card__body p {
  margin: 0;
  color: #7c5c21;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.blog-related-card__body h3 {
  margin: 0;
  color: #15120c;
  font-family: var(--font-display);
  font-size: clamp(22px, 3vw, 29px);
  font-weight: 850;
  line-height: 1.06;
}

.blog-related-card__body h3 a {
  color: inherit;
  text-decoration: none;
}

.blog-related-card__body h3 a:hover,
.blog-related-card__body h3 a:focus-visible {
  color: #7c5c21;
}

.blog-related-card__body span {
  display: -webkit-box;
  overflow: hidden;
  color: #3f372b;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (min-width: 640px) {
  .blog-show-shell {
    padding-inline: var(--layout-page-padding-x-tablet);
  }

  .blog-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .blog-show-hero {
    padding: 34px;
  }

  .blog-show-body {
    padding-inline: 34px;
  }
}

@media (min-width: 1024px) {
  .blog-show-shell {
    padding-inline: var(--layout-page-padding-x-desktop);
  }

  .blog-related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .blog-show-shell {
    padding-top: 18px;
  }

  .blog-show-article {
    border-radius: 10px;
  }

  .blog-show-hero__image {
    aspect-ratio: 4 / 3;
  }
}

.lead {
  font-size: var(--type-lead-note-mobile);
  color: #4e463b;
}

@media (min-width: 768px) {
  .lead {
    font-size: var(--type-lead-note-desktop);
  }
}

.prose-block {
  display: grid;
  gap: 0.85rem;
}

.hirdetes-figyelo-btn {
  appearance: none;
  position: fixed;
  top: min(706px, calc(100dvh - 214px));
  bottom: auto;
  left: 0;
  z-index: 100;
  display: inline-flex;
  width: 46px;
  min-height: 214px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  border: 1px solid #d2a34b;
  border-left: 0;
  border-radius: 0 var(--gold-btn-radius) var(--gold-btn-radius) 0;
  background: var(--gold-btn-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.52),
    inset 0 -1px 0 rgba(100, 67, 22, 0.24),
    0 16px 30px rgba(0, 0, 0, 0.28);
  color: #3f2f17;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 15px 0 16px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  transition:
    box-shadow 0.32s cubic-bezier(0.6, 0.2, 0.2, 1),
    background 0.32s ease;
  white-space: nowrap;
}

.hirdetes-figyelo-btn::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(160% 92% at 50% 52%, var(--gold-btn-sheen) 0%, rgba(255, 238, 182, 0.18) 34%, rgba(255, 224, 132, 0.08) 56%, rgba(255, 223, 118, 0) 78%);
  content: "";
  pointer-events: none;
}

.hirdetes-figyelo-btn.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.hirdetes-figyelo-btn__text {
  position: relative;
  z-index: 1;
  line-height: 1;
  text-orientation: mixed;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.hirdetes-figyelo-btn__icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #15100a;
  box-shadow: none;
  color: #f5d986;
  font-size: 14px;
  line-height: 1;
}

.hirdetes-figyelo-btn__icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.1;
}

.hirdetes-figyelo-btn:hover,
.hirdetes-figyelo-btn:focus-visible {
  background: var(--gold-btn-hover-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 250, 226, 0.58),
    inset 0 -1px 0 rgba(100, 67, 22, 0.22),
    0 18px 34px rgba(0, 0, 0, 0.34);
}

.hirdetes-figyelo-btn:focus-visible {
  outline: 2px solid rgba(255, 228, 162, 0.82);
  outline-offset: 3px;
}

@media (max-width: 1023.98px) {
  .hirdetes-figyelo-btn {
    top: auto;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    width: 40px;
    min-height: 190px;
    gap: 7px;
    font-size: 10px;
    left: 0;
    opacity: 0;
    padding: 12px 0 13px;
    pointer-events: none;
    transform: translateX(-105%);
    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      box-shadow 0.32s cubic-bezier(0.6, 0.2, 0.2, 1),
      background 0.32s ease;
  }

  .hirdetes-figyelo-btn.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hirdetes-figyelo-btn {
    transition: none;
  }
}

.property-watcher-popup[hidden] {
  display: none;
}

.property-watcher-popup {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 2rem);
}

.property-watcher-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 4, 3, 0.72);
  backdrop-filter: blur(8px);
}

.property-watcher-popup__dialog {
  position: relative;
  width: min(920px, 100%);
  overflow: hidden;
  border: 1px solid rgba(220, 179, 87, 0.58);
  border-radius: 10px;
  background:
    radial-gradient(140% 100% at 88% 0%, rgba(220, 179, 87, 0.22), rgba(220, 179, 87, 0) 48%),
    linear-gradient(145deg, rgba(29, 24, 17, 0.98), rgba(7, 6, 5, 0.98));
  color: #f7eed9;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 247, 219, 0.12);
  opacity: 0;
  padding: clamp(1.65rem, 4.8vw, 3.2rem);
  text-align: center;
  transform: translateY(18px) scale(0.98);
  transition: opacity 0.18s ease, transform 0.22s ease;
}

.property-watcher-popup.is-open .property-watcher-popup__dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.property-watcher-popup__close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(235, 211, 150, 0.34);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #f7eed9;
  font-size: 1.45rem;
  line-height: 1;
  transition: background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);
}

.property-watcher-popup__close:hover,
.property-watcher-popup__close:focus-visible {
  border-color: rgba(248, 220, 144, 0.78);
  background: rgba(255, 255, 255, 0.11);
  color: #ffffff;
}

.property-watcher-popup__logo-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto 0.35rem;
}

.property-watcher-popup__logo {
  width: min(210px, 58vw);
  height: auto;
  max-height: 72px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28));
}

.property-watcher-popup__eyebrow {
  margin: 0.65rem auto 0.7rem;
  color: #d8b665;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: var(--tracking-cta);
  line-height: 1.2;
  text-transform: uppercase;
}

.property-watcher-popup__title {
  max-width: 30rem;
  margin: 0 auto;
  color: #fff8e5;
  font-family: var(--font-display);
  font-size: clamp(1.55rem, 4vw, 2.2rem);
  font-weight: 700;
  line-height: 1.08;
}

.property-watcher-popup__copy {
  max-width: 100%;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(247, 238, 217, 0.88);
  padding: 0;
}

.property-watcher-popup__copy p {
  margin: 0;
}

.property-watcher-popup__copy .watcher-message__line {
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(1.6rem, 3.25vw, 3rem);
}

.property-watcher-popup__copy .watcher-message__line--top {
  font-size: clamp(1.48rem, 2.85vw, 2.55rem);
}

.property-watcher-popup__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: clamp(1.35rem, 3vw, 2.2rem);
}

.property-watcher-popup__primary,
.property-watcher-popup__secondary {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0.78rem 1rem;
  font-size: var(--type-cta-mobile);
  font-weight: var(--type-cta-weight);
  letter-spacing: var(--tracking-cta);
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  transition:
    transform var(--transition-base),
    border-color var(--transition-base),
    background-color var(--transition-base),
    color var(--transition-base),
    box-shadow var(--transition-base);
}

.property-watcher-popup__primary {
  flex: 1 1 250px;
  border: 1px solid #d2a34b;
  background: var(--gold-btn-bg);
  color: #3f2f17;
  box-shadow: inset 0 1px 0 rgba(255, 250, 226, 0.48), 0 8px 18px rgba(0, 0, 0, 0.24);
  text-decoration: none;
}

.property-watcher-popup__secondary {
  flex: 0 1 auto;
  border: 1px solid rgba(235, 211, 150, 0.36);
  background: rgba(255, 255, 255, 0.06);
  color: #f7eed9;
}

.property-watcher-popup__primary:hover,
.property-watcher-popup__primary:focus-visible,
.property-watcher-popup__secondary:hover,
.property-watcher-popup__secondary:focus-visible {
  transform: translateY(-1px);
}

.property-watcher-popup__primary:hover,
.property-watcher-popup__primary:focus-visible {
  background: var(--gold-btn-hover-bg);
  color: #2f220e;
}

.property-watcher-popup__secondary:hover,
.property-watcher-popup__secondary:focus-visible {
  border-color: rgba(248, 220, 144, 0.78);
  background: rgba(255, 255, 255, 0.11);
  color: #ffffff;
}

.property-watcher-popup-lock {
  overflow: hidden;
}

@media (max-width: 767px) {
  .property-watcher-popup {
    align-items: end;
    padding: 0.85rem;
  }

  .property-watcher-popup__dialog {
    width: 100%;
    padding: 1.25rem;
  }

  .property-watcher-popup__title {
    max-width: 100%;
    font-size: clamp(1.42rem, 8vw, 1.9rem);
    line-height: 1.08;
  }

  .property-watcher-popup__copy {
    padding: 0.85rem;
    text-align: center;
  }

  .property-watcher-popup__copy .watcher-message__line,
  .property-watcher-popup__copy .watcher-message__line--top {
    font-size: clamp(1.32rem, 6vw, 1.85rem);
  }

  .property-watcher-popup__actions {
    display: grid;
  }

  .property-watcher-popup__primary,
  .property-watcher-popup__secondary {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .property-watcher-popup__dialog,
  .property-watcher-popup__primary,
  .property-watcher-popup__secondary {
    transition: none;
  }
}

.back-to-top-button {
  position: fixed;
  right: max(var(--back-top-offset), env(safe-area-inset-right));
  bottom: calc(var(--back-top-offset) + env(safe-area-inset-bottom));
  z-index: 55;
  display: inline-flex;
  width: var(--back-top-size);
  height: var(--back-top-size);
  align-items: center;
  justify-content: center;
  border: var(--border-width-base) solid var(--back-top-border);
  border-radius: var(--back-top-radius);
  background: var(--back-top-bg);
  color: var(--back-top-text);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 244, 210, 0.14);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition:
    opacity var(--transition-base),
    transform var(--transition-base),
    background-color var(--transition-base),
    color var(--transition-base),
    border-color var(--transition-base);
}

.back-to-top-button.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.back-to-top-button:hover,
.back-to-top-button:focus-visible {
  background: var(--back-top-hover-bg);
  color: #ffffff;
  transform: translateY(-2px);
}

.back-to-top-button svg {
  width: calc(var(--back-top-size) * 0.48);
  height: calc(var(--back-top-size) * 0.48);
}

@media (max-width: 1023px) {
  body:has(.mobile-sticky-cta) .back-to-top-button {
    bottom: calc(86px + env(safe-area-inset-bottom));
  }
}

@media (min-width: 760px) {
  .grid-2 {
    gap: var(--layout-grid-gap-desktop);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-3 {
    gap: var(--layout-grid-gap-desktop);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .valuation-estimator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .valuation-email-field {
    grid-column: 1 / -1;
  }

  .auth-layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
  }

  .district-hero {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .listing-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 980px) {
  .grid-3 {
    gap: var(--layout-grid-gap-desktop);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .valuation-estimator-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 759px) {
  .valuation-page {
    padding-top: 0;
  }

  .valuation-section-head {
    grid-template-columns: 1fr;
  }

  .valuation-section-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .valuation-form-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .valuation-estimator-grid {
    grid-template-columns: 1fr;
  }

  .valuation-form-actions {
    display: grid;
  }

  .valuation-form-actions .c-search-submit {
    width: 100%;
  }

  .valuation-search-panel {
    padding-inline: 0.75rem;
  }

  .valuation-result-card {
    margin-top: 0.75rem;
  }
}

@container (max-width: 680px) {
  .valuation-estimator-grid {
    grid-template-columns: 1fr;
  }

  .valuation-email-field {
    grid-column: auto;
  }

  .valuation-choice-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (min-width: 681px) and (max-width: 960px) {
  .valuation-estimator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .valuation-email-field {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .valuation-estimator-shell .valuation-estimator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.c-device-profile {
  display: none;
}

@media (max-width: 767px) {
  .c-device-profile--mobile {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .c-device-profile--tablet {
    display: block;
  }
}

@media (min-width: 1024px) {
  .c-device-profile--desktop {
    display: block;
  }
}

.c-public-banner.c-public-banner-surface,
.c-public-banner-surface.blog-value-banner,
.c-home-block-card--energy-tall.c-public-banner-surface,
.home-sale-cta.c-public-banner-surface,
.home-calculator-banner.c-public-banner-surface {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  border-radius: 12px;
  overflow: hidden;
}

.c-public-banner-surface > .c-public-banner-image,
.blog-value-banner > .c-public-banner-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  transform: none;
  object-fit: cover;
  object-position: center center;
  border: 0;
  border-radius: inherit;
}

.c-public-banner-surface > .c-public-banner-overlay {
  grid-area: 1 / 1;
  inset: 0;
}

.c-public-banner-surface > .c-public-banner-body,
.c-public-banner-surface > .c-public-banner-body--pinned,
.c-public-banner-surface > .c-home-block-card-content,
.blog-value-banner > .blog-value-banner__content {
  min-height: 0;
}

.c-public-banner-surface > .c-public-banner-body,
.c-public-banner-surface > .c-public-banner-body--pinned,
.c-public-banner-surface > .c-home-block-card-content,
.blog-value-banner > .blog-value-banner__content {
  position: absolute;
  inset: 0;
  z-index: 10;
}

.c-public-banner-surface > .c-public-banner-overlay {
  position: absolute;
  z-index: 1;
}

.c-public-banner-content--pinned,
.c-public-banner-action-row--floating {
  z-index: 12;
}

@media (max-width: 767px) {
  [data-cms-block="valuation_banner"] .c-public-banner-surface,
  [data-cms-block="mortgage_banner"] .c-public-banner-surface,
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall.c-public-banner-surface,
  [data-cms-block="sale_cta"] .c-public-banner-surface {
    width: calc(100% + 16px);
    max-width: calc(100% + 16px);
    margin-inline: -8px;
  }

  .c-public-banner-surface > .c-public-banner-image,
  .blog-value-banner > .c-public-banner-image,
  .blog-consult-banner > img {
    filter: none;
    opacity: 1;
  }

  .c-public-banner-surface > .c-public-banner-overlay,
  .blog-value-banner::after,
  .blog-consult-banner::after {
    background: transparent;
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .c-public-banner.c-public-banner-surface,
  .c-public-banner-surface.blog-value-banner,
  .home-sale-cta.c-public-banner-surface,
  .home-calculator-banner.c-public-banner-surface {
    aspect-ratio: auto;
    height: clamp(280px, 42vw, 380px);
  }
}

@media (min-width: 1024px) {
  .c-public-banner.c-public-banner-surface,
  .c-public-banner-surface.blog-value-banner,
  .home-sale-cta.c-public-banner-surface,
  .home-calculator-banner.c-public-banner-surface {
    aspect-ratio: 1570 / 370;
    height: auto;
  }

  .c-public-banner.c-public-banner-surface > .c-public-banner-image,
  .c-public-banner-surface.blog-value-banner > .c-public-banner-image,
  .home-sale-cta.c-public-banner-surface > .c-public-banner-image,
  .home-calculator-banner.c-public-banner-surface > .c-public-banner-image {
    object-fit: cover;
    object-position: center center;
  }
}

@media (min-width: 1024px) {
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall.c-public-banner-surface {
    aspect-ratio: auto;
    height: calc(100% + var(--home-energy-card-overlap-desktop) + var(--home-energy-card-top-align-offset-desktop));
    margin-top: calc(-1 * (var(--home-energy-card-overlap-desktop) + var(--home-energy-card-top-align-offset-desktop)));
    min-height: 0;
  }
}

.c-public-banner-content--pinned {
  width: min(100%, var(--home-banner-content-max-width-wide, 920px));
  max-width: calc(100% - 48px);
}

.home-sale-cta__content.c-public-banner-content--pinned {
  width: min(100%, var(--home-sale-content-max-width, 760px));
}

.c-home-block-card-content--promo .c-public-banner-content--pinned {
  width: min(100%, 420px);
}

.c-public-banner-title,
.c-public-banner-copy,
.blog-value-banner__title,
.blog-value-banner__copy,
.blog-consult-banner__title,
.blog-consult-banner__copy {
  overflow-wrap: normal;
  word-break: normal;
}

.c-public-banner-title,
.blog-value-banner__title,
.blog-consult-banner__title {
  font-family: Jost, Mulish, "Segoe UI", Arial, sans-serif;
}

.c-public-banner-copy,
.blog-value-banner__copy,
.blog-consult-banner__copy {
  font-family: Mulish, "Segoe UI", Arial, sans-serif;
}

.c-public-banner-title :where(p, div, h1, h2, h3, h4, h5, h6, span),
.c-public-banner-copy :where(p, div, h1, h2, h3, h4, h5, h6, span),
.blog-value-banner__title :where(p, div, h1, h2, h3, h4, h5, h6, span),
.blog-value-banner__copy :where(p, div, h1, h2, h3, h4, h5, h6, span),
.blog-consult-banner__title :where(p, div, h1, h2, h3, h4, h5, h6, span),
.blog-consult-banner__copy :where(p, div, h1, h2, h3, h4, h5, h6, span) {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  overflow-wrap: normal;
  word-break: normal;
}

.c-public-banner-title :where(strong, b),
.c-public-banner-copy :where(strong, b),
.blog-value-banner__title :where(strong, b),
.blog-value-banner__copy :where(strong, b),
.blog-consult-banner__title :where(strong, b),
.blog-consult-banner__copy :where(strong, b) {
  font-weight: 800;
}

.c-public-banner-title :where(em, i),
.c-public-banner-copy :where(em, i),
.blog-value-banner__title :where(em, i),
.blog-value-banner__copy :where(em, i),
.blog-consult-banner__title :where(em, i),
.blog-consult-banner__copy :where(em, i) {
  font-style: italic;
}

.c-public-banner-title :where(u),
.c-public-banner-copy :where(u),
.blog-value-banner__title :where(u),
.blog-value-banner__copy :where(u),
.blog-consult-banner__title :where(u),
.blog-consult-banner__copy :where(u) {
  text-decoration: underline;
}

.c-public-banner-title :where(strong, b, em, i, u) :where(span),
.c-public-banner-copy :where(strong, b, em, i, u) :where(span),
.blog-value-banner__title :where(strong, b, em, i, u) :where(span),
.blog-value-banner__copy :where(strong, b, em, i, u) :where(span),
.blog-consult-banner__title :where(strong, b, em, i, u) :where(span),
.blog-consult-banner__copy :where(strong, b, em, i, u) :where(span) {
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
}

.c-public-banner-content--left .c-public-banner-title > :where(p, div, h1, h2, h3, h4, h5, h6),
.c-public-banner-content--left .c-public-banner-copy > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.c-public-banner-content--center .c-public-banner-title > :where(p, div, h1, h2, h3, h4, h5, h6),
.c-public-banner-content--center .c-public-banner-copy > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.c-public-banner-content--right .c-public-banner-title > :where(p, div, h1, h2, h3, h4, h5, h6),
.c-public-banner-content--right .c-public-banner-copy > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

.blog-banner-content--top-left :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--center-left :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--bottom-left :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.blog-banner-content--top-center :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--center-center :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--bottom-center :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.blog-banner-content--top-right :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--center-right :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6),
.blog-banner-content--bottom-right :where(.blog-value-banner__title, .blog-value-banner__copy) > :where(p, div, h1, h2, h3, h4, h5, h6) {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

@media (min-width: 1024px) {
  .c-public-banner-title > :where(p, div, h1, h2, h3, h4, h5, h6),
  .blog-value-banner__title > :where(p, div, h1, h2, h3, h4, h5, h6),
  .blog-consult-banner__title > :where(p, div, h1, h2, h3, h4, h5, h6) {
    width: max-content;
    max-width: min(100%, var(--home-banner-content-max-width-wide, 920px));
  }
}

@media (max-width: 767px) {
  .home-hero-size {
    min-height: var(--cms-hero-min-height-mobile, clamp(560px, 142vw, 620px)) !important;
  }

  .home-hero-shell,
  .home-hero-shell.hero-lines-0,
  .home-hero-shell.hero-lines-1,
  .home-hero-shell.hero-lines-2,
  .home-hero-shell.hero-lines-3,
  .home-hero-shell.hero-lines-4,
  .home-hero-shell.hero-lines-5 {
    padding-top: clamp(42px, 11vw, 62px);
    padding-bottom: clamp(24px, 7vw, 42px);
  }

  .home-hero-content {
    max-width: min(100%, 352px);
  }

  .home-hero-body {
    gap: 0.16rem;
    line-height: 1.22;
  }

  .home-hero-body h1 {
    font-size: clamp(28px, 8.2vw, 36px);
    line-height: 0.98;
  }

  .home-hero-body h2 {
    font-size: clamp(21px, 6.2vw, 28px);
    line-height: 1.02;
  }

  .home-hero-body p {
    font-size: clamp(18px, 5.2vw, 22px);
    line-height: 1.24;
  }

  .home-hero-cta-group {
    margin-top: clamp(12px, 3.4vw, 18px) !important;
    gap: clamp(8px, 2.2vw, 12px) !important;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline) {
    min-height: clamp(42px, 10.4vw, 48px);
    height: auto;
    padding-inline: clamp(16px, 4.6vw, 24px);
    font-size: clamp(13px, 3.8vw, 16px);
    line-height: 1.05;
  }

  .home-search-mobile-panel {
    margin-top: clamp(-318px, -72vw, -268px);
  }

  .home-search-mobile-panel .home-hero-trustline--mobile {
    margin-top: 0;
    margin-bottom: clamp(7px, 2vw, 10px);
    gap: 0.5rem;
    font-size: clamp(20px, 6vw, 27px);
    line-height: 1.04;
  }

  .home-search-mobile-panel .home-hero-trustline__icon {
    width: 28px;
    height: 28px;
    font-size: 17px;
  }

  .home-search-mobile-panel .search-floating {
    margin-top: 0 !important;
  }

  .home-search-mobile-panel .glass-panel-premium {
    border-radius: 14px;
  }

  .home-search-mobile-panel .c-search-shell,
  .home-search-mobile-panel .c-search-form {
    padding: clamp(10px, 3vw, 14px);
  }

  .home-search-mobile-panel .c-search-toggle {
    margin-bottom: clamp(8px, 2.4vw, 12px);
  }

  .home-search-mobile-panel .c-search-toggle-button,
  .home-search-mobile-panel .c-search-submit,
  .home-search-mobile-panel .c-search-advanced-button {
    min-height: clamp(42px, 10.5vw, 50px);
  }

}

.home-hero-shell,
.home-hero-shell.hero-align-y-center,
.home-hero-shell.hero-align-y-bottom,
.home-hero-shell.hero-lines-0,
.home-hero-shell.hero-lines-1,
.home-hero-shell.hero-lines-2,
.home-hero-shell.hero-lines-3,
.home-hero-shell.hero-lines-4,
.home-hero-shell.hero-lines-5 {
  align-items: center;
  justify-content: flex-start;
  padding-top: 76px;
  padding-bottom: 150px;
}

.home-hero-content {
  align-content: center;
  justify-items: start;
  margin-left: 0;
  margin-right: auto;
  text-align: left;
  transform: none;
}

.home-hero-highlight,
.home-hero-highlight.home-hero-highlight-align-x-left,
.home-hero-highlight.home-hero-highlight-align-x-center,
.home-hero-highlight.home-hero-highlight-align-x-right {
  justify-content: center;
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.home-hero-cta-group {
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  .c-device-profile--desktop .home-hero-shell,
  .c-device-profile--desktop .home-hero-shell.hero-align-y-center,
  .c-device-profile--desktop .home-hero-shell.hero-align-y-bottom,
  .c-device-profile--desktop .home-hero-shell.hero-lines-0,
  .c-device-profile--desktop .home-hero-shell.hero-lines-1,
  .c-device-profile--desktop .home-hero-shell.hero-lines-2,
  .c-device-profile--desktop .home-hero-shell.hero-lines-3,
  .c-device-profile--desktop .home-hero-shell.hero-lines-4,
  .c-device-profile--desktop .home-hero-shell.hero-lines-5 {
    align-items: center;
    justify-content: flex-start;
  }

  .c-device-profile--desktop .home-hero-content {
    align-content: center;
    justify-items: start;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
  }

  .c-device-profile--desktop .home-hero-body,
  .c-device-profile--desktop .home-hero-body *,
  .c-device-profile--desktop .home-hero-highlight,
  .c-device-profile--desktop .home-hero-highlight-rich,
  .c-device-profile--desktop .home-hero-highlight-rich * {
    text-align: left;
  }

  .c-device-profile--desktop .home-hero-highlight,
  .c-device-profile--desktop .home-hero-highlight.home-hero-highlight-align-x-left,
  .c-device-profile--desktop .home-hero-highlight.home-hero-highlight-align-x-center,
  .c-device-profile--desktop .home-hero-highlight.home-hero-highlight-align-x-right {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .c-device-profile--desktop .home-hero-cta-group {
    justify-content: flex-start;
  }
}

.blog-hero-panel__content,
.blog-hero-panel__content--top-left,
.blog-hero-panel__content--top-center,
.blog-hero-panel__content--top-right,
.blog-hero-panel__content--center-left,
.blog-hero-panel__content--center-center,
.blog-hero-panel__content--center-right,
.blog-hero-panel__content--bottom-left,
.blog-hero-panel__content--bottom-center,
.blog-hero-panel__content--bottom-right {
  place-items: center center;
  text-align: center;
}

.blog-hero-panel__copy {
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}

.blog-hero-panel__highlight,
.blog-hero-panel__highlight--top-left,
.blog-hero-panel__highlight--top-center,
.blog-hero-panel__highlight--top-right,
.blog-hero-panel__highlight--center-left,
.blog-hero-panel__highlight--center-center,
.blog-hero-panel__highlight--center-right,
.blog-hero-panel__highlight--bottom-left,
.blog-hero-panel__highlight--bottom-center,
.blog-hero-panel__highlight--bottom-right {
  justify-self: center;
}

.blog-hero-panel__cta-group {
  justify-content: center;
}

@media (max-width: 767px) {
  .home-hero-shell,
  .home-hero-shell.hero-align-y-center,
  .home-hero-shell.hero-align-y-bottom,
  .home-hero-shell.hero-lines-0,
  .home-hero-shell.hero-lines-1,
  .home-hero-shell.hero-lines-2,
  .home-hero-shell.hero-lines-3,
  .home-hero-shell.hero-lines-4,
  .home-hero-shell.hero-lines-5 {
    padding-top: 88px !important;
    padding-bottom: 204px !important;
  }

  .home-hero-content {
    max-width: min(100%, 352px);
  }

  .home-search-mobile-panel {
    margin-top: -220px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .home-hero-shell,
  .home-hero-shell.hero-align-y-center,
  .home-hero-shell.hero-align-y-bottom,
  .home-hero-shell.hero-lines-0,
  .home-hero-shell.hero-lines-1,
  .home-hero-shell.hero-lines-2,
  .home-hero-shell.hero-lines-3,
  .home-hero-shell.hero-lines-4,
  .home-hero-shell.hero-lines-5 {
    padding-top: 72px !important;
    padding-bottom: 170px !important;
  }
}

@media print {
  @page {
    margin: 8mm;
    size: A4 portrait;
  }

  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html,
  body {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 12pt !important;
    line-height: 1.38 !important;
  }

  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body::before {
    display: none;
    content: "Starting Ingatlan";
  }

  .listing-print-brochure {
    display: block !important;
    color: #171511 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    overflow: visible !important;
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  .listing-print-brochure__topline,
  .listing-print-brochure__footer {
    display: flex !important;
    justify-content: space-between !important;
    gap: 4mm !important;
    color: #4b5563 !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  .listing-print-brochure__topline {
    margin-bottom: 0.7mm !important;
  }

  .listing-print-brochure__footer {
    display: none !important;
  }

  .listing-print-brochure__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
    gap: 6mm !important;
    align-items: start !important;
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  .listing-print-brochure__details,
  .listing-print-brochure__photos {
    min-width: 0 !important;
  }

  .listing-print-brochure__logo {
    display: block !important;
    width: 46mm !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 3mm !important;
    object-fit: contain !important;
  }

  .listing-print-brochure h2 {
    margin: 0 0 3mm !important;
    border-bottom: 1px solid #d7c28a !important;
    color: #8a641f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16pt !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
  }

  .listing-print-brochure__data {
    display: grid !important;
    gap: 1.8mm !important;
    margin: 0 0 4mm !important;
    padding: 0 0 3mm !important;
    border-bottom: 1px solid #ece5d7 !important;
  }

  .listing-print-brochure__data div {
    display: grid !important;
    grid-template-columns: 34mm minmax(0, 1fr) !important;
    gap: 2.5mm !important;
    align-items: start !important;
    break-inside: avoid !important;
  }

  .listing-print-brochure__data dt,
  .listing-print-brochure__data dd {
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  .listing-print-brochure__data dt {
    color: #4b5563 !important;
    font-size: 10pt !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  .listing-print-brochure__data dd {
    color: #111827 !important;
    font-size: 12pt !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }

  .listing-print-brochure__agent {
    display: grid !important;
    grid-template-columns: 24mm minmax(0, 1fr) !important;
    gap: 3mm !important;
    align-items: center !important;
    margin-bottom: 4mm !important;
    padding-bottom: 3mm !important;
    border-bottom: 1px solid #ece5d7 !important;
    break-inside: avoid !important;
  }

  .listing-print-brochure__agent-image {
    display: block !important;
    width: 24mm !important;
    height: 28mm !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  .listing-print-brochure__agent strong,
  .listing-print-brochure__agent span,
  .listing-print-brochure__agent a {
    display: block !important;
    color: #111827 !important;
    text-decoration: none;
    line-height: 1.3 !important;
  }

  .listing-print-brochure__agent strong {
    margin-bottom: 1mm !important;
    font-size: 12pt !important;
    font-weight: 800 !important;
  }

  .listing-print-brochure__agent span,
  .listing-print-brochure__agent a {
    font-size: 10.5pt !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }

  .listing-print-brochure__description {
    color: #111827 !important;
    overflow: visible !important;
    font-size: 12pt !important;
    line-height: 1.48 !important;
    text-align: left !important;
  }

  .listing-print-brochure__description p {
    margin: 0 0 3mm !important;
    color: #111827 !important;
  }

  .listing-print-brochure__description ul,
  .listing-print-brochure__description ol {
    margin: 2mm 0 3mm !important;
    padding-left: 6mm !important;
  }

  .listing-print-brochure__description h2,
  .listing-print-brochure__description h3,
  .listing-print-brochure__description h4 {
    margin: 4mm 0 2mm !important;
    border: 0 !important;
    color: #111827 !important;
    font-size: 13.5pt !important;
  }

  .listing-print-brochure__photo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.5mm !important;
    align-items: start !important;
  }

  .listing-print-brochure__photo-grid.listing-print-gallery--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-print-brochure__photo-grid.listing-print-gallery--dense {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-print-brochure__photo-grid figure {
    display: block !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d9d2c3 !important;
    background: #f7f4ee !important;
    break-inside: avoid !important;
  }

  .listing-print-brochure__photo-grid img {
    display: block !important;
    width: 100% !important;
    height: 46mm !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .listing-print-brochure__photo-grid.listing-print-gallery--compact img {
    height: 34mm !important;
  }

  .listing-print-brochure__photo-grid.listing-print-gallery--dense img {
    height: 28mm !important;
  }

  .glass-header-premium,
  footer,
  .breadcrumbs,
  .mobile-sticky-cta,
  .property-watcher-floating,
  .hirdetes-figyelo-btn,
  .property-watcher-popup,
  .back-to-top-button,
  .listing-lightbox,
  .listing-action-row,
  [data-favorite-toggle],
  [data-print-listing],
  [data-facebook-share],
  [data-whatsapp-open],
  [data-listing-thumb],
  .listing-detail-video-poster__shade,
  .listing-detail-video-poster__badge,
  .listing-detail-gallery-hidden,
  .listing-detail-gallery-more,
  .listing-detail-gallery-grid,
  .listing-description-sales-note,
  section.mt-8,
  [data-listing-page] {
    display: none !important;
  }

  .c-main-shell {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  article,
  section,
  aside,
  .c-card,
  .c-card-soft {
    break-inside: auto;
    border: 0 !important;
    border-color: transparent !important;
    background: #fff !important;
    color: #111 !important;
  }

  .grid,
  article.grid,
  .listing-detail-facts-grid {
    display: block !important;
  }

  [data-listing-page],
  [data-listing-page] > section,
  .listing-detail-aside {
    display: none !important;
  }

  .listing-print-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2mm !important;
    margin: 3mm 0 4mm !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .listing-print-gallery--standard {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-print-gallery--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-print-gallery--dense {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .listing-print-gallery__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d9d2c3 !important;
    background: #fff !important;
    overflow: hidden !important;
    break-inside: avoid !important;
  }

  .listing-print-gallery__item img {
    display: block !important;
    width: 100% !important;
    height: 30mm !important;
    max-height: 30mm !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .listing-print-gallery--standard .listing-print-gallery__item img {
    height: 40mm !important;
    max-height: 40mm !important;
  }

  .listing-print-gallery--dense .listing-print-gallery__item img {
    height: 23mm !important;
    max-height: 23mm !important;
  }

  h1,
  h2,
  h3 {
    color: #111 !important;
    page-break-after: avoid;
  }

  h1 {
    margin: 0 0 4mm !important;
    font-size: 19pt !important;
    line-height: 1.12 !important;
  }

  h2 {
    margin: 0 0 3mm !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 14pt !important;
    line-height: 1.15 !important;
  }

  h3 {
    font-size: 13pt !important;
  }

  .listing-detail-facts {
    margin-top: 4mm !important;
    padding: 0 !important;
    break-after: auto;
  }

  .listing-detail-facts__header {
    margin-bottom: 3mm !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .listing-detail-facts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.8mm !important;
  }

  .listing-detail-fact {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 1.8mm 2.2mm !important;
    border: 1px solid #d9d2c3 !important;
    border-radius: 0 !important;
    background: #fbfaf7 !important;
    vertical-align: top !important;
  }

  .listing-detail-fact dt {
    display: block !important;
    margin: 0 0 1mm !important;
    color: #5f6878 !important;
    font-size: 7.8pt !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  .listing-detail-fact__icon {
    display: none !important;
  }

  .listing-detail-fact dd {
    margin: 0 !important;
    color: #111 !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  .listing-detail-fact dd,
  p,
  li,
  a {
    color: #111 !important;
  }

  .listing-detail-facts + .c-card {
    break-before: page;
    page-break-before: always;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .listing-description-content {
    margin-top: 0 !important;
    color: #111 !important;
    font-size: 10pt !important;
    line-height: 1.42 !important;
  }

  .listing-description-content p {
    margin: 0 0 3mm !important;
  }

  .listing-description-content ul,
  .listing-description-content ol {
    margin: 2mm 0 3mm !important;
    padding-left: 5mm !important;
  }

  .listing-description-content h2,
  .listing-description-content h3,
  .listing-description-content h4 {
    margin: 4mm 0 2mm !important;
    color: #111 !important;
    font-size: 12pt !important;
  }

  .listing-agent-premium-card {
    display: grid !important;
    grid-template-columns: minmax(55mm, 1.15fr) minmax(52mm, 1fr) 36mm !important;
    gap: 2.5mm 5mm !important;
    margin-top: 5mm !important;
    padding: 3mm !important;
    border: 1px solid #d9d2c3 !important;
    border-radius: 0 !important;
    background: #fbfaf7 !important;
    color: #111 !important;
  }

  .listing-agent-premium-card__shine,
  .listing-agent-premium-card__status,
  .listing-agent-premium-card__actions {
    display: none !important;
  }

  .listing-agent-premium-card__header,
  .listing-agent-premium-card__profile,
  .listing-agent-premium-card__contact-list,
  .listing-agent-premium-card__price {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
  }

  .listing-agent-premium-card__header {
    grid-column: 1 / -1 !important;
  }

  .listing-agent-premium-card__eyebrow {
    margin: 0 0 1mm !important;
    color: #8a641f !important;
    font-size: 8.5pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  .listing-agent-premium-card__header h2 {
    margin: 0 !important;
    font-size: 12pt !important;
  }

  .listing-agent-premium-card__profile {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 20mm 1fr !important;
    gap: 2.4mm !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .listing-agent-premium-card__image-frame,
  .listing-agent-premium-card__image-wrap {
    width: 20mm !important;
    height: 24mm !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .listing-agent-premium-card__image {
    width: 20mm !important;
    height: 24mm !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  .listing-agent-premium-card__name {
    margin: 0 !important;
    font-size: 11.5pt !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  .listing-agent-premium-card__role {
    margin: 0.8mm 0 0 !important;
    color: #5f6878 !important;
    font-size: 8.2pt !important;
    line-height: 1.2 !important;
  }

  .listing-agent-premium-card__contact-list {
    grid-column: 2 !important;
    display: grid !important;
    gap: 0.9mm !important;
    min-width: 0 !important;
  }

  .listing-agent-premium-card__contact-item {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .listing-agent-premium-card__icon {
    display: none !important;
  }

  .listing-agent-premium-card__contact-item strong {
    display: block !important;
    color: #5f6878 !important;
    font-size: 7.4pt !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
  }

  .listing-agent-premium-card__contact-item em {
    display: block !important;
    color: #111 !important;
    font-size: 8.6pt !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    overflow-wrap: anywhere !important;
  }

  .listing-agent-premium-card__price {
    grid-column: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-end !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  .listing-agent-premium-card__price span {
    color: #5f6878 !important;
    font-size: 7.8pt !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  .listing-agent-premium-card__price strong {
    color: #111 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16pt !important;
    line-height: 1 !important;
  }

  a[href]::after {
    content: "";
  }

  .cta-gold {
    border: 1px solid #8f6f27 !important;
    background: #d8bc67 !important;
    color: #111 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  body.has-custom-cursor,
  body.has-custom-cursor * {
    cursor: none !important;
  }

  .site-custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 22px;
    height: 22px;
    background: var(--gold-btn-bg);
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.25v16.4l4.25-4.05 3.1 6.35 2.7-1.32-3.1-6.31h6.42L3 2.25z'/%3E%3C/svg%3E") 0 0 / 22px 22px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.25v16.4l4.25-4.05 3.1 6.35 2.7-1.32-3.1-6.31h6.42L3 2.25z'/%3E%3C/svg%3E") 0 0 / 22px 22px no-repeat;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: opacity 120ms ease;
    will-change: transform, opacity;
  }

  .site-custom-cursor svg {
    position: absolute;
    inset: 0;
    display: block;
    overflow: visible;
    transform-origin: 0 0;
  }

  .site-custom-cursor path {
    fill: transparent;
    stroke: #3f2f17;
    stroke-linejoin: round;
    stroke-width: 1.1px;
    vector-effect: non-scaling-stroke;
  }

  body.is-custom-cursor-visible .site-custom-cursor {
    opacity: 1;
  }
}

.services-page {
  display: grid;
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

.services-page :where(h1, h2, h3, p) {
  letter-spacing: 0;
}

.services-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.76fr);
  gap: clamp(1.6rem, 4vw, 3.4rem);
  align-items: stretch;
  min-height: min(520px, calc(100vh - 210px));
  padding: clamp(1.4rem, 3.2vw, 3rem);
  border: 1px solid rgba(216, 188, 103, 0.34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 18% 16%, rgba(216, 188, 103, 0.18), transparent 30%),
    linear-gradient(135deg, #080706 0%, #181109 50%, #4d3715 100%);
  color: #fffaf0;
  overflow: hidden;
}

.services-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: radial-gradient(circle at 70% 40%, #000 0%, transparent 62%);
  opacity: 0.32;
  pointer-events: none;
}

.services-hero__content,
.services-hero__visual {
  position: relative;
  z-index: 1;
}

.services-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 820px;
}

.services-hero h1 {
  margin: 0;
  max-width: 980px;
  color: #f4d77d;
  font-family: "Jost", "Mulish", sans-serif;
  font-size: clamp(1.9rem, 3vw, 3rem);
  font-weight: 800;
  line-height: 1.04;
}

.services-hero p {
  max-width: 720px;
  margin: 1.1rem 0 0;
  color: rgba(255, 250, 240, 0.86);
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.58;
}

.services-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  align-items: center;
  margin-top: 1.45rem;
}

.services-primary-action,
.services-secondary-action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.8rem 1.35rem;
  font-family: "Jost", "Mulish", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.services-secondary-action {
  border: 1px solid rgba(244, 215, 125, 0.42);
  background: rgba(255, 255, 255, 0.06);
  color: #fff6dd;
}

.services-secondary-action:hover {
  border-color: rgba(244, 215, 125, 0.76);
  background: rgba(255, 255, 255, 0.12);
}

.services-hero__visual {
  display: grid;
  min-height: 330px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(244, 215, 125, 0.28);
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 42%, rgba(216, 188, 103, 0.18), transparent 48%),
    linear-gradient(135deg, rgba(8, 7, 5, 0.96), rgba(34, 24, 10, 0.96));
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(255, 235, 169, 0.08) inset;
}

.services-hero__logo-mark {
  width: min(76%, 360px);
  height: auto;
  object-fit: contain;
  animation: servicesLogoMarkFloat 4.8s ease-in-out infinite;
}

.services-trust-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(216, 188, 103, 0.28);
  border-radius: 14px;
  background: rgba(216, 188, 103, 0.28);
}

.services-trust-row div {
  display: grid;
  gap: 0.3rem;
  padding: clamp(1rem, 2.2vw, 1.45rem);
  background: #fff;
}

.services-trust-row strong {
  color: #181818;
  font-family: "Jost", sans-serif;
  font-size: clamp(1.02rem, 1.4vw, 1.2rem);
  line-height: 1.16;
}

.services-trust-row span {
  color: #636a76;
  line-height: 1.45;
}

.services-section-head {
  display: grid;
  gap: 0.55rem;
  max-width: 860px;
  margin-bottom: clamp(1.2rem, 3vw, 2rem);
}

.services-section-head h2,
.services-process h2,
.services-final-cta h2 {
  margin: 0;
  color: #202020;
  font-family: "Jost", "Mulish", sans-serif;
  font-size: clamp(1.75rem, 2.6vw, 2.55rem);
  font-weight: 800;
  line-height: 1.04;
}

.services-section-head p,
.services-process__intro p,
.services-final-cta p {
  margin: 0;
  color: #626b78;
  font-size: clamp(0.98rem, 1.08vw, 1.08rem);
  line-height: 1.62;
}

.services-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.9rem, 2vw, 1.25rem);
}

.services-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 0.85rem;
  min-height: 270px;
  padding: clamp(1.1rem, 2.4vw, 1.55rem);
  border: 1px solid rgba(216, 188, 103, 0.34);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 246, 239, 0.98));
  box-shadow: 0 18px 42px rgba(38, 34, 25, 0.08);
}

.services-card__icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid rgba(149, 103, 22, 0.32);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff8d6, #d0a142);
  color: #17110a;
}

.services-card__icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
}

.services-card h3 {
  margin: 0;
  color: #20232b;
  font-family: "Jost", sans-serif;
  font-size: clamp(1.18rem, 1.45vw, 1.38rem);
  font-weight: 800;
  line-height: 1.12;
}

.services-card p {
  margin: 0;
  color: #5f6875;
  line-height: 1.58;
}

.services-card a {
  align-self: end;
  color: #7b5510;
  font-family: "Jost", sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.services-card a:hover {
  color: #231807;
}

.services-process {
  display: grid;
  grid-template-columns: minmax(0, 0.76fr) minmax(0, 1fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: start;
  padding: clamp(1.4rem, 3.5vw, 2.6rem);
  border-radius: 16px;
  background: #0c0b09;
  color: #fff8e8;
}

.services-process h2 {
  color: #f4d77d;
}

.services-process__intro p {
  margin-top: 1rem;
  color: rgba(255, 248, 232, 0.78);
}

.services-process__steps {
  display: grid;
  gap: 0.8rem;
}

.services-process__steps article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 0.2rem 1rem;
  padding: 1rem;
  border: 1px solid rgba(244, 215, 125, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
}

.services-process__steps span {
  grid-row: span 2;
  color: #f4d77d;
  font-family: "Jost", sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
}

.services-process__steps h3 {
  margin: 0;
  color: #fff8e8;
  font-family: "Jost", sans-serif;
  font-size: 1.18rem;
  line-height: 1.2;
}

.services-process__steps p {
  margin: 0;
  color: rgba(255, 248, 232, 0.72);
  line-height: 1.5;
}

.services-faq__list {
  display: grid;
  gap: 0.75rem;
}

.services-faq details {
  border: 1px solid rgba(216, 188, 103, 0.28);
  border-radius: 12px;
  background: #fff;
}

.services-faq summary {
  cursor: pointer;
  padding: 1rem 1.15rem;
  color: #20232b;
  font-family: "Jost", sans-serif;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.25;
}

.services-faq details[open] summary {
  border-bottom: 1px solid rgba(216, 188, 103, 0.24);
}

.services-faq details p {
  margin: 0;
  padding: 1rem 1.15rem 1.1rem;
  color: #626b78;
  line-height: 1.62;
}

.services-final-cta {
  display: grid;
  gap: 1rem;
  justify-items: center;
  padding: clamp(1.6rem, 4vw, 3.2rem);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 215, 125, 0.28), transparent 48%),
    linear-gradient(135deg, #17110a, #080706);
  text-align: center;
}

.services-final-cta h2 {
  max-width: 860px;
  color: #f4d77d;
}

.services-final-cta p {
  max-width: 680px;
  color: rgba(255, 248, 232, 0.78);
}

.services-reveal {
  animation: servicesEntrance 820ms cubic-bezier(0.17, 1, 0.3, 1) both;
}

.services-card:nth-child(2),
.services-trust-row.services-reveal,
.services-process.services-reveal {
  animation-delay: 90ms;
}

.services-card:nth-child(3) {
  animation-delay: 160ms;
}

.services-card:nth-child(4),
.services-faq.services-reveal {
  animation-delay: 220ms;
}

.services-card:nth-child(5) {
  animation-delay: 280ms;
}

.services-card:nth-child(6),
.services-final-cta.services-reveal {
  animation-delay: 340ms;
}

@keyframes servicesEntrance {
  from {
    opacity: 0;
    transform: translateY(28px) scale(0.985);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes servicesLogoMarkFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  45% {
    transform: translate3d(0, -8px, 0) scale(1.045);
  }
}

@media (max-width: 980px) {
  .services-hero,
  .services-process {
    grid-template-columns: 1fr;
  }

  .services-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .services-trust-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .services-page {
    gap: 2rem;
  }

  .services-hero {
    min-height: 0;
    padding: 1rem;
    border-radius: 12px;
  }

  .services-hero h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }

  .services-hero__visual {
    min-height: 240px;
  }

  .services-card-grid {
    grid-template-columns: 1fr;
  }

  .services-process__steps article {
    grid-template-columns: 1fr;
  }

  .services-process__steps span {
    grid-row: auto;
  }

  .services-primary-action,
  .services-secondary-action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-reveal {
    animation: none !important;
  }

  .services-hero__logo-mark {
    animation: none !important;
  }
}


/* Mobile responsive consolidation. Keep this as the last public CSS layer. */

:root {
  --mobile-touch-target: 44px;
  --mobile-field-height: 46px;
  --mobile-page-gutter: clamp(16px, 4.6vw, 22px);
  --mobile-card-pad: clamp(16px, 4.8vw, 22px);
  --mobile-stack-gap: clamp(12px, 3.4vw, 18px);
  --mobile-standard-banner-width: min(calc(100vw - 32px), 430px);
  --mobile-standard-banner-height: calc(var(--mobile-standard-banner-width) * 1.25);
  --mobile-standard-banner-radius: 12px;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

.glass-header-chip,
.c-mobile-nav-item,
.c-search-toggle-button,
.c-search-submit,
.c-search-advanced-button,
.c-search-reset,
.c-listing-card-cta,
.c-featured-card-cta,
.c-agent-card-cta,
.c-listing-lead-submit,
.blog-read-more,
.blog-category-tab,
.blog-agent-carousel__button,
.blog-agent-card__contact a,
.c-contact-copy-button,
.c-contact-chip,
.career-hero__actions a,
.career-link-button,
.career-submit,
.footer-social-link,
.home-hero-cta-group a,
.blog-hero-panel__cta-group a,
.blog-value-banner__actions a,
.c-public-banner-button,
a[href*="view=list"],
a[href*="view=grid"],
[data-featured-prev],
[data-featured-next] {
  min-height: var(--mobile-touch-target);
}

a[href*="view=list"],
a[href*="view=grid"] {
  align-items: center;
}

.c-agent-card-name--compact {
  white-space: normal;
}

.blog-category-select-form select,
.career-form input,
.career-form select,
.career-form textarea {
  min-height: var(--mobile-field-height);
}

.blog-agent-card__contact a,
.c-contact-chip,
.career-link-button,
.footer-nav-link {
  overflow-wrap: anywhere;
}

.c-contact-chip {
  min-height: clamp(58px, 5.4vw, 64px);
}

@media (max-width: 1023.98px) {
  .c-search-control,
  .c-search-mobile-control,
  .search-floating [data-home-search-form] .glass-field-premium input,
  .search-floating [data-home-search-form] .glass-field-premium select,
  .search-floating--listing .c-search-control,
  .search-floating--listing .c-search-mobile-control {
    min-height: var(--mobile-field-height);
  }

  .header-shell {
    padding-inline: var(--mobile-page-gutter);
    height: 100%;
  }

  .header-main-row {
    height: 100%;
    min-height: 0;
    gap: 0.65rem;
  }

  .site-logo-desktop {
    width: min(var(--header-logo-width-mobile, 160px), 42vw);
    height: auto;
    max-height: 58px;
  }

  .header-mobile-actions {
    gap: 0.5rem;
    flex: 0 0 auto;
  }

  .header-mobile-actions .glass-header-chip,
  .c-mobile-nav-head .glass-header-chip {
    width: var(--mobile-touch-target) !important;
    height: var(--mobile-touch-target) !important;
    min-width: var(--mobile-touch-target);
    min-height: var(--mobile-touch-target);
    padding: 0;
  }

  .c-mobile-nav-drawer {
    width: 100%;
    max-width: none;
  }

  .c-mobile-nav-item {
    padding-block: 0.72rem;
    line-height: 1.18;
  }

  .c-mobile-nav-footer .glass-header-chip {
    min-height: 48px;
    white-space: normal;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .home-hero-content {
    position: relative;
    max-width: min(760px, 60vw) !important;
  }

  .home-hero-body {
    display: block !important;
    max-width: min(760px, 60vw) !important;
    text-wrap: normal !important;
  }

  .home-hero-body h1,
  .home-hero-body h2,
  .home-hero-body p {
    margin: 0 !important;
    letter-spacing: 0 !important;
    text-shadow:
      0 4px 18px rgba(0, 0, 0, 0.78),
      0 1px 0 rgba(0, 0, 0, 0.7);
  }

  .home-hero-body h1 {
    display: inline-block !important;
    font-size: calc(clamp(42px, 4.05vw, 62px) * var(--home-hero-text-scale, 1)) !important;
    line-height: 0.98 !important;
    white-space: nowrap;
  }

  .home-hero-body h1 + h1 {
    margin-left: 0.28em !important;
  }

  .home-hero-body h2 {
    display: block !important;
    margin-top: clamp(0.2rem, 0.6vw, 0.45rem) !important;
    color: #e0bf5f !important;
    font-size: calc(clamp(30px, 2.75vw, 42px) * var(--home-hero-text-scale, 1)) !important;
    line-height: 1.02 !important;
    white-space: nowrap;
  }

  .home-hero-body p {
    margin-top: clamp(0.7rem, 1vw, 0.95rem) !important;
    color: #ffffff !important;
    font-size: calc(clamp(18px, 1.35vw, 22px) * var(--home-hero-text-scale, 1)) !important;
    font-weight: 600 !important;
    line-height: 1.24 !important;
  }
}

@media (max-width: 767.98px) {
  .section,
  .blog-index__shell,
  .c-container,
  .search-section > .mx-auto,
  .listings-shell,
  .content-shell {
    padding-inline: var(--mobile-page-gutter);
  }

  .home-hero-size {
    min-height: var(--cms-hero-min-height-mobile, clamp(560px, 144vw, 640px)) !important;
  }

  .home-hero-shell,
  .home-hero-shell.hero-align-y-center,
  .home-hero-shell.hero-align-y-bottom,
  .home-hero-shell.hero-lines-0,
  .home-hero-shell.hero-lines-1,
  .home-hero-shell.hero-lines-2,
  .home-hero-shell.hero-lines-3,
  .home-hero-shell.hero-lines-4,
  .home-hero-shell.hero-lines-5 {
    padding-top: clamp(72px, 18vw, 92px) !important;
    padding-bottom: clamp(190px, 49vw, 220px) !important;
  }

  .home-hero-content {
    width: 100%;
    max-width: min(100%, 356px) !important;
  }

  .home-hero-body h1 {
    font-size: calc(clamp(29px, 8.3vw, 36px) * var(--home-hero-text-scale, 1));
  }

  .home-hero-body h2 {
    font-size: calc(clamp(21px, 6.2vw, 28px) * var(--home-hero-text-scale, 1));
  }

  .home-hero-body p {
    font-size: calc(clamp(17px, 5vw, 22px) * var(--home-hero-text-scale, 1));
  }

  .home-hero-cta-group {
    width: 100%;
    justify-content: center !important;
    gap: 0.65rem !important;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline) {
    flex: 1 1 min(100%, 154px);
    min-width: min(100%, 154px);
    min-height: 48px !important;
    padding-inline: clamp(14px, 4vw, 20px);
    white-space: normal;
  }

  .home-search-mobile-panel {
    width: min(100%, 430px);
    margin-inline: auto;
    margin-top: clamp(-226px, -56vw, -204px) !important;
  }

  .home-search-mobile-panel .home-hero-trustline--mobile {
    margin-bottom: 0.65rem;
    font-size: clamp(19px, 5.7vw, 25px);
  }

  .home-search-mobile-panel .glass-panel-premium,
  .search-floating--listing .glass-panel-premium {
    border-radius: 14px;
  }

  .home-search-mobile-panel .c-search-shell,
  .home-search-mobile-panel .c-search-form,
  .search-section .c-search-shell,
  .search-section .c-search-form,
  .search-floating--listing .glass-form-premium {
    padding: clamp(12px, 3.6vw, 16px);
  }

  .c-search-grid-main {
    gap: 0.7rem;
  }

  .c-search-field,
  .search-floating--listing .glass-field-premium {
    padding-block: 0.58rem 0.64rem;
  }

  .c-search-range {
    min-height: var(--mobile-field-height);
    height: auto;
  }

  .c-search-range .c-search-control {
    min-width: 0;
  }

  .c-search-actions,
  .search-floating--listing .c-search-actions--listing {
    gap: 0.7rem;
  }

  .c-search-actions .c-search-submit,
  .c-search-actions .c-search-advanced-button,
  .c-search-reset {
    min-height: 48px;
    white-space: normal;
  }

  .search-floating--listing .c-search-details[open] > summary {
    align-self: stretch;
    min-height: 48px;
    margin-top: 0.75rem;
  }

  [data-cms-block="featured_listings"] {
    padding-top: clamp(18px, 6vw, 28px);
  }

  [data-cms-block="featured_listings"] [data-featured-track="mobile"] {
    gap: 0.9rem;
    scroll-padding-inline: var(--mobile-page-gutter);
  }

  [data-cms-block="featured_listings"] .featured-mobile-card-slot {
    flex-basis: min(88vw, 342px) !important;
  }

  [data-cms-block="featured_listings"] [data-featured-prev],
  [data-cms-block="featured_listings"] [data-featured-next] {
    width: var(--mobile-touch-target);
    height: var(--mobile-touch-target);
  }

  .c-featured-card-title,
  .c-listing-card-grid-title {
    min-height: 0;
    overflow-wrap: anywhere;
  }

  .c-featured-card-footer,
  .c-listing-card-grid-footer {
    gap: 0.75rem;
    align-items: stretch;
  }

  .c-featured-card-cta,
  .c-listing-card-cta {
    width: 100%;
  }

  .search-floating--listing {
    margin-inline: 0;
    width: 100%;
  }

  .search-floating--listing .c-search-toggle {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-floating--listing .c-search-toggle-button {
    width: 100%;
    min-width: 0;
  }

  #listing-watch-contact,
  #listing-lead-contact {
    padding: var(--mobile-card-pad);
  }

  #listing-watch-contact .grid,
  #listing-lead-contact .grid {
    gap: 0.85rem;
  }

  #listing-watch-contact input,
  #listing-lead-contact input,
  #listing-watch-contact button,
  #listing-lead-contact button {
    min-height: 48px;
  }

  #listing-watch-contact input[type="checkbox"],
  #listing-lead-contact input[type="checkbox"],
  .career-form input[type="checkbox"] {
    min-width: 22px;
    width: 22px;
    height: 22px;
    min-height: 22px;
  }

  .blog-hero-panel {
    min-height: var(--cms-hero-min-height-mobile, clamp(560px, 144vw, 640px)) !important;
  }

  .blog-hero-panel__content {
    padding: clamp(78px, 19vw, 96px) var(--mobile-page-gutter) clamp(34px, 9vw, 48px);
  }

  .blog-hero-panel__copy {
    width: 100%;
    max-width: 360px;
  }

  .blog-hero-panel__cta-group,
  .blog-value-banner__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .blog-hero-panel__cta-group a,
  .blog-value-banner__actions a {
    min-height: 48px;
    width: 100%;
  }

  .blog-category-select-form {
    padding: var(--mobile-card-pad);
  }

  .blog-category-select-form select {
    width: 100%;
  }

  .blog-category-tabs {
    grid-template-columns: 1fr;
  }

  .blog-feature-card,
  .blog-popular-panel,
  .blog-agent-team,
  .blog-value-banner {
    border-radius: 14px;
  }

  .blog-feature-card__body,
  .blog-popular-panel,
  .blog-agent-team {
    padding: var(--mobile-card-pad);
  }

  .blog-agent-team__heading h2,
  .blog-popular-heading h2 {
    font-size: clamp(1.45rem, 7vw, 1.85rem);
  }

  .blog-agent-carousel__viewport {
    overflow: hidden;
  }

  .blog-agent-carousel__track {
    gap: 0.9rem;
  }

  .blog-agent-card {
    min-width: min(88vw, 320px);
  }

  .blog-agent-card__contact {
    gap: 0.55rem;
  }

  .blog-agent-card__contact a {
    min-height: var(--mobile-touch-target);
    padding: 0;
    text-align: left;
  }

  .c-contact-copy-button {
    width: var(--mobile-touch-target);
    height: var(--mobile-touch-target);
    flex: 0 0 var(--mobile-touch-target);
  }

  .c-contact-chip {
    min-height: 52px;
    padding-block: 0.7rem;
  }

  .c-contact-chip > span:last-child {
    white-space: normal;
  }

  .career-hero__actions,
  .career-actions,
  .career-form-actions {
    gap: 0.75rem;
  }

  .career-hero__actions a,
  .career-link-button,
  .career-submit {
    width: 100%;
    min-height: 48px;
    white-space: normal;
  }

  .footer-social-link {
    width: var(--mobile-touch-target);
    height: var(--mobile-touch-target);
  }

  .footer-nav-link {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
  }

  [data-listing-page],
  [data-listing-page] > section,
  [data-listing-page] > aside,
  .listing-detail-gallery-grid,
  .listing-detail-gallery-main,
  .listing-detail-gallery-side,
  .listing-action-row,
  .listing-detail-facts,
  .listing-detail-facts__header,
  .listing-detail-facts-grid,
  .listing-detail-fact,
  .listing-detail-aside,
  .listing-agent-premium-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  [data-listing-page] {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-listing-page] .type-page-h1 {
    max-width: 100%;
    font-size: clamp(1.72rem, 8.2vw, 2.28rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .listing-detail-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
  }

  .listing-detail-gallery-main {
    aspect-ratio: 4 / 3;
    min-height: 0;
    height: auto;
  }

  .listing-detail-gallery-main img,
  .listing-detail-video-poster {
    min-height: 0;
    height: 100%;
  }

  .listing-detail-gallery-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
  }

  .listing-detail-gallery-thumb {
    min-width: 0;
  }

  .listing-detail-gallery-more {
    right: 0.35rem;
    bottom: 0.35rem;
    min-width: 2.35rem;
    padding: 0.2rem 0.42rem;
    font-size: 1rem;
  }

  .listing-action-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
  }

  .listing-action-button {
    width: 100%;
    min-width: 0;
    padding-inline: 0.5rem;
    white-space: normal;
  }

  .listing-detail-facts-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .listing-detail-fact {
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-areas:
      "icon label"
      "icon value";
  }

  .listing-detail-fact dt > span:last-child,
  .listing-detail-fact dd {
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .listing-agent-premium-card {
    --listing-agent-card-image-size: clamp(82px, 22vw, 96px);
  }

  .listing-agent-premium-card__profile {
    grid-template-columns: var(--listing-agent-card-image-size) minmax(0, 1fr);
    gap: 0.8rem;
  }

  .listing-agent-premium-card__price {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .listing-agent-premium-card__price strong {
    white-space: normal;
  }

  .about-intro-grid,
  .about-office-card,
  .about-office-card > img {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .about-office-card {
    aspect-ratio: 16 / 7;
    min-height: clamp(160px, 48vw, 210px);
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .home-hero-size {
    min-height: var(--cms-hero-min-height-tablet, clamp(620px, 78vw, 720px)) !important;
  }

  .home-hero-shell,
  .home-hero-shell.hero-align-y-center,
  .home-hero-shell.hero-align-y-bottom,
  .home-hero-shell.hero-lines-0,
  .home-hero-shell.hero-lines-1,
  .home-hero-shell.hero-lines-2,
  .home-hero-shell.hero-lines-3,
  .home-hero-shell.hero-lines-4,
  .home-hero-shell.hero-lines-5 {
    padding-bottom: clamp(150px, 20vw, 184px) !important;
  }

  .home-search-mobile-panel {
    max-width: 640px;
    margin-inline: auto;
  }

  .blog-category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-hero-panel {
    height: var(--cms-hero-min-height-tablet, var(--page-hero-visible-height-tablet)) !important;
    min-height: 0 !important;
  }
}

@media (max-width: 390px) {
  .header-shell {
    padding-inline: 12px;
  }

  .header-mobile-actions {
    gap: 0.4rem;
  }

  .header-mobile-actions .glass-header-chip {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px;
    min-height: 42px;
  }

  .site-logo-desktop {
    width: min(var(--header-logo-width-mobile, 150px), 40vw);
  }

  .home-hero-cta-group {
    flex-direction: column;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline) {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .home-hero-cta-group {
    display: grid !important;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 0.45rem !important;
    justify-content: start !important;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline) {
    width: 100%;
    min-width: 0 !important;
    min-height: 44px !important;
    padding-inline: clamp(5px, 1.7vw, 8px) !important;
    font-size: clamp(10px, 2.62vw, 11.5px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow-wrap: normal;
    overflow: hidden;
    text-align: center;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline):nth-child(2) {
    font-size: clamp(9.8px, 2.52vw, 11px) !important;
  }

  .home-hero-body {
    gap: clamp(0.12rem, 0.8vw, 0.28rem) !important;
    max-width: 100%;
    justify-items: start;
    text-align: left;
    text-wrap: normal;
  }

  .home-hero-body h1,
  .home-hero-body h2,
  .home-hero-body h3,
  .home-hero-body p {
    max-width: 100%;
    margin: 0 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  .home-hero-body h1 {
    font-size: calc(clamp(26px, 6.8vw, 30px) * var(--home-hero-text-scale, 1)) !important;
    line-height: 0.98 !important;
    text-align: left;
    white-space: nowrap;
  }

  .home-hero-body h2 {
    font-size: calc(clamp(19px, 5.25vw, 22px) * var(--home-hero-text-scale, 1)) !important;
    line-height: 1.04 !important;
    text-align: left;
  }

  .home-hero-body p {
    font-size: calc(clamp(17px, 4.65vw, 20px) * var(--home-hero-text-scale, 1)) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    text-align: left;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.72);
  }

  .home-hero-body h2 + p {
    margin-top: clamp(0.35rem, 1.5vw, 0.55rem) !important;
  }

  .home-hero-body p + p {
    margin-left: -0.22em !important;
  }

  .home-hero-content {
    justify-items: start !important;
    text-align: left !important;
  }

  .home-hero-shell.hero-align-x-center .home-hero-content,
  .home-hero-shell.hero-align-x-right .home-hero-content {
    margin-left: 0 !important;
    margin-right: auto !important;
    justify-items: start !important;
    text-align: left !important;
  }

  .home-search-mobile-panel .home-hero-trustline--mobile {
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: nowrap;
    font-size: clamp(17px, 4.75vw, 20px) !important;
    line-height: 1.08 !important;
  }

  .home-search-mobile-panel .home-hero-trustline--mobile .home-hero-highlight-rich,
  .home-search-mobile-panel .home-hero-trustline--mobile .home-hero-highlight-rich p {
    white-space: nowrap;
  }

  .c-public-banner-surface {
    overflow: hidden;
    border-radius: var(--mobile-standard-banner-radius) !important;
  }

  .c-public-banner-surface > .c-public-banner-image,
  .blog-value-banner > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    filter: none !important;
    opacity: 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .c-public-banner-surface::before,
  .blog-value-banner::before {
    content: none !important;
    background: transparent !important;
    opacity: 0 !important;
  }

  .c-public-banner-body--pinned {
    position: relative;
    z-index: 2;
    display: flex !important;
    min-height: clamp(258px, 68vw, 322px) !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: clamp(16px, 4.8vw, 22px);
  }

  .c-public-banner-content--pinned,
  .c-public-banner-action-row--floating {
    position: relative !important;
    inset: auto !important;
    z-index: 3;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    transform: none !important;
  }

  .c-public-banner-content--pinned {
    display: flex !important;
    min-height: 100%;
    flex-direction: column;
    padding-block: 0 !important;
  }

  [data-cms-block="sale_cta"] .home-sale-cta__content {
    margin-left: 0 !important;
  }

  .c-public-banner-title {
    margin-top: 0 !important;
  }

  .c-public-banner-copy {
    margin-top: clamp(8px, 2.6vw, 12px) !important;
  }

  .c-public-banner-action-row,
  .c-public-banner-action-row--floating,
  .home-sale-cta__actions,
  .blog-value-banner__actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.65rem !important;
    width: 100%;
    margin-top: auto !important;
    padding-top: clamp(12px, 4vw, 18px);
  }

  .c-public-banner-button,
  .c-home-banner-button,
  .home-sale-cta__action,
  .blog-value-banner__actions a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    height: auto !important;
    padding: 0.72rem clamp(12px, 4vw, 18px) !important;
    font-size: clamp(13px, 3.9vw, 16px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
  }

  [data-cms-block="sale_cta"] .home-sale-cta__action {
    font-size: clamp(20px, 5.6vw, 24px) !important;
    font-weight: 400 !important;
  }

  [data-cms-block="valuation_banner"] .banner-title,
  [data-cms-block="mortgage_banner"] .banner-title,
  [data-cms-block="sale_cta"] .banner-title,
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .c-home-article-title,
  .blog-value-banner__title {
    font-size: clamp(24px, 7vw, 33px) !important;
    line-height: 1.04 !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .type-body,
  [data-cms-block="valuation_banner"] .banner-copy,
  [data-cms-block="mortgage_banner"] .banner-copy,
  [data-cms-block="sale_cta"] .banner-copy,
  .blog-value-banner__copy {
    font-size: clamp(15px, 4.35vw, 18px) !important;
    font-weight: 600 !important;
    line-height: 1.34 !important;
    overflow-wrap: anywhere;
  }

  .home-sale-cta__benefits {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.45rem !important;
    order: 2;
    margin-top: clamp(10px, 3vw, 14px) !important;
    margin-bottom: clamp(10px, 3vw, 14px) !important;
    font-size: clamp(14px, 4.2vw, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  .home-sale-cta__actions {
    order: 3;
    justify-items: center;
  }

  .home-sale-cta__benefits li {
    min-width: 0;
    align-items: flex-start;
  }

  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .c-public-banner-body--pinned {
    min-height: clamp(330px, 88vw, 410px) !important;
    justify-content: space-between;
  }

  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .c-public-banner-content--pinned {
    align-self: stretch;
  }

  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .c-public-banner-action-row--floating {
    margin-top: auto !important;
  }

  .blog-value-banner {
    min-height: clamp(292px, 78vw, 360px) !important;
  }

  .blog-value-banner__content {
    position: relative;
    z-index: 2;
    min-height: clamp(292px, 78vw, 360px);
    padding: clamp(18px, 5vw, 24px);
    gap: clamp(10px, 3vw, 15px);
  }

  .blog-value-banner__phone {
    width: 100%;
    font-size: clamp(23px, 7.2vw, 31px);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  .blog-value-banner__phone span {
    font-size: clamp(13px, 4vw, 16px);
    line-height: 1.2;
  }

  .c-public-banner-surface,
  .blog-value-banner,
  .about-sale-cta {
    width: 100% !important;
    height: var(--mobile-standard-banner-height) !important;
    min-height: var(--mobile-standard-banner-height) !important;
    max-height: var(--mobile-standard-banner-height) !important;
    border-radius: var(--mobile-standard-banner-radius) !important;
  }

  .about-sale-cta {
    background-image: url("/storage/cms/uploads/mobile-banners/rolunk-eladas-mobile-960x1200.webp") !important;
  }

  .c-public-banner-body--pinned,
  .blog-value-banner__content,
  .about-sale-cta__shade,
  .about-sale-cta__inner {
    height: 100% !important;
    min-height: 100% !important;
  }

  .c-public-banner-body--pinned,
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall .c-public-banner-body--pinned {
    min-height: 100% !important;
    justify-content: center;
  }

  .blog-value-banner__content,
  .about-sale-cta__inner {
    padding: clamp(18px, 5.2vw, 24px) !important;
  }

  .about-sale-cta h2 {
    font-size: clamp(25px, 7.1vw, 34px) !important;
    line-height: 1.04 !important;
  }

  .about-sale-cta p {
    font-size: clamp(15px, 4.35vw, 18px) !important;
    line-height: 1.32 !important;
  }

  .about-sale-cta__actions {
    align-content: center;
  }

  .about-sale-cta__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  .about-cta {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    padding: 0.72rem clamp(12px, 4vw, 18px) !important;
    font-size: clamp(13px, 3.9vw, 16px) !important;
    line-height: 1.12 !important;
    text-align: center;
  }

  .c-public-banner.c-public-banner-surface,
  .c-public-banner-surface.blog-value-banner,
  .c-home-block-card--energy-tall.c-public-banner-surface,
  .home-sale-cta.c-public-banner-surface,
  .home-calculator-banner.c-public-banner-surface,
  [data-cms-block="valuation_banner"] .c-public-banner-surface,
  [data-cms-block="mortgage_banner"] .c-public-banner-surface,
  [data-cms-block="article_triplet"] .c-home-block-card--energy-tall.c-public-banner-surface,
  [data-cms-block="sale_cta"] .c-public-banner-surface,
  .about-sale-cta {
    aspect-ratio: 4 / 5 !important;
    width: var(--mobile-standard-banner-width) !important;
    max-width: var(--mobile-standard-banner-width) !important;
    height: var(--mobile-standard-banner-height) !important;
    min-height: var(--mobile-standard-banner-height) !important;
    max-height: var(--mobile-standard-banner-height) !important;
    margin-inline: calc((100% - var(--mobile-standard-banner-width)) / 2) !important;
  }

  .c-public-banner-surface > .c-public-banner-image,
  .blog-value-banner > .c-public-banner-image {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .about-sale-cta {
    background-position: center center !important;
    background-size: cover !important;
  }

  .c-public-banner-surface > .c-public-banner-body,
  .c-public-banner-surface > .c-public-banner-body--pinned,
  .c-public-banner-surface > .c-home-block-card-content,
  .blog-value-banner > .blog-value-banner__content {
    height: 100% !important;
    min-height: 100% !important;
  }

  .c-public-hero-surface > .c-public-hero-image {
    scale: 1 !important;
    animation: none !important;
  }

  .blog-category-select-form {
    margin-top: -18px !important;
  }

  .blog-category-select-form select {
    height: auto;
    min-height: 48px;
    line-height: 1.2;
  }
}

@media (max-width: 360px) {
  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline) {
    font-size: 9.5px !important;
    padding-inline: 4px !important;
  }

  .home-hero-cta-group :where(.cta-gold, .cta-gold-outline):nth-child(2) {
    font-size: 9px !important;
  }

  .home-search-mobile-panel .home-hero-trustline--mobile {
    gap: 0.45rem !important;
    font-size: 11px !important;
  }

  .home-search-mobile-panel .home-hero-trustline__icon {
    width: 23px;
    height: 23px;
    font-size: 14px;
  }
}