.section-vivid-renders {
  background: var(--color-canvas) !important;
  padding: clamp(3rem, 8vw, 6rem) 0 !important;
}

.accordion-container-clean {
  gap: .75rem !important;
}

.accordion-panel-clean {
  border-radius: 32px !important;
  overflow: hidden !important;
}

.panel-clean-overlay {
  background: linear-gradient(transparent 60%, rgba(20, 18, 14, .35)) !important;
}

.floorplan-explorer-module {
  background: var(--color-surface-card) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 36px !important;
  padding: clamp(1.25rem, 3vw, 2.5rem) !important;
  box-shadow: none !important;
  margin-top: 3rem !important;
}

.explorer-main-title {
  font-family: var(--font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  text-transform: none !important;
}

.explorer-subtitle {
  color: var(--color-text-muted) !important;
}

.floorplan-collection-nav {
  display: flex !important;
  gap: .75rem !important;
  flex-wrap: wrap !important;
}

.plan-model-btn {
  background: var(--color-surface-soft) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 24px !important;
  color: var(--ink) !important;
  padding: 1rem 1.5rem !important;
}

.plan-model-btn.active {
  background: var(--ink) !important;
  color: #fff !important;
  border-color: var(--ink) !important;
}

.model-meta {
  opacity: .7 !important;
}

.floorplan-level-nav {
  display: flex !important;
  gap: .5rem !important;
  flex-wrap: wrap !important;
  border-bottom: 1px solid var(--color-border-card) !important;
}

.plan-level-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--color-text-muted) !important;
  padding: .8rem 1rem !important;
  border-radius: 0 !important;
}

.plan-level-tab.active {
  color: var(--ink) !important;
  border-bottom-color: var(--ink) !important;
  background: transparent !important;
}

.plan-image-frame {
  background: #fff !important;
  border-radius: 24px !important;
  border: 1px solid var(--color-border-card) !important;
}

.plan-collection-pill,
.plan-level-pill {
  background: var(--color-surface-soft) !important;
  color: var(--ink) !important;
  border-radius: 999px !important;
  padding: .3rem .85rem !important;
  font-size: .8rem !important;
}

.plan-level-headline {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.plan-specs-box,
.plan-inclusions-box {
  background: var(--color-surface-soft) !important;
  border: none !important;
  border-radius: 24px !important;
  padding: 1.25rem 1.5rem !important;
}

.btn-enlarge-plan {
  border-radius: 999px !important;
}

.download-regulatory-note {
  color: var(--color-text-muted) !important;
  font-size: .78rem !important;
}

.vivid-site-footer {
  background: var(--olive) !important;
  color: var(--sage-light) !important;
  padding: clamp(3rem, 7vw, 5.5rem) 0 2rem !important;
  border-radius: 40px 40px 0 0 !important;
}

.footer-col-title {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  font-size: 1.25rem !important;
}

.footer-nav-list a,
.footer-contact-item a,
.footer-cta-link,
.footer-privacy-line a {
  color: var(--sage-light) !important;
  text-decoration: none !important;
}

.footer-nav-list a:hover,
.footer-contact-item a:hover,
.footer-cta-link:hover,
.footer-privacy-line a:hover {
  color: #fff !important;
}

.footer-about-text,
.footer-brokerage-text,
.footer-dev-text,
.footer-disclaimers,
.footer-privacy-line,
.broker-badge-sub {
  color: var(--sage-light) !important;
  font-size: .9rem !important;
  line-height: 1.6 !important;
}

.broker-badge-name {
  color: #fff !important;
}

.footer-disclaimers {
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  padding-top: 1.5rem !important;
  margin-top: 2rem !important;
  font-size: .8rem !important;
}

.footer-brand-logo,
.footer-dev-logo {
  filter: brightness(0) invert(1) !important;
}

.mobile-sticky-bottom-bar {
  background: rgba(245, 245, 238, .92) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid var(--color-border-card) !important;
}

.sticky-btn {
  border-radius: 999px !important;
  min-height: 48px !important;
}

.sticky-btn-primary {
  background: var(--ink) !important;
  color: #fff !important;
}

.sticky-btn-secondary,
.sticky-btn-call {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--ink) !important;
}

.download-modal-dialog {
  background: var(--color-surface-card) !important;
  border-radius: 32px !important;
  border: 1px solid var(--color-border-card) !important;
}

.modal-heading-title {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.modal-badge-icon,
.modal-success-icon {
  background: var(--olive) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

.modal-lead-form .vivid-field input {
  background: var(--color-canvas) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 18px !important;
  padding: .9rem 1.1rem !important;
}

.modal-close-button {
  border-radius: 50% !important;
}
.plan-model-btn.active,
.plan-model-btn.active * {
  color: #fff !important;
}
.footer-dev-badge {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
}

.footer-dev-logo {
  filter: invert(1) !important;
}