/* Verbatim from https://markroserealty.com/styles.css (header section + 640px header rules) and /brand-lockup.css, fetched 2026-11-05. Scoped vars. */
.site-header{--cream-rgb:246 241 232;--cream:#f6f1e8;--line:rgb(0 35 73 / 0.1);--gold:#BD9042;--ink:#002349;--ink-soft:#666666;--max:1120px;--header-h:4.25rem;--ease-out:cubic-bezier(0.22,1,0.36,1);--navy:#002349;font-family:"Open Sans","Segoe UI",system-ui,sans-serif}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgb(var(--cream-rgb) / 0.72);
  border-bottom: 1px solid transparent;
  transition:
    background 0.35s var(--ease-out),
    border-color 0.35s var(--ease-out),
    box-shadow 0.35s var(--ease-out);
}

.site-header.is-scrolled {
  background: rgb(var(--cream-rgb) / 0.82);
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  border-bottom-color: var(--line);
  box-shadow: 0 8px 30px rgb(0 35 73 / 0.06);
}

.header-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0.72rem 1.5rem 0.98rem;
  min-height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--ink);
}

.brand-logo {
  display: block;
  width: 154px;
  height: auto;
  transform: translateY(-2px);
}

.header-cta {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--navy);
  border: 1px solid var(--navy);
  padding: 0.55rem 1.05rem;
  border-radius: 999px;
  transition:
    background 0.3s var(--ease-out),
    color 0.3s var(--ease-out),
    border-color 0.3s var(--ease-out),
    transform 0.3s var(--ease-out);
}

.header-cta:hover,
.header-cta:focus-visible {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--cream);
  transform: translateY(-1px);
  outline: none;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 1.35rem;
  margin-left: auto;
  margin-right: 1.25rem;
}

.site-nav a {
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ink-soft);
  padding: 0.25rem 0;
  border-bottom: 1px solid transparent;
  transition:
    color 0.25s var(--ease-out),
    border-color 0.25s var(--ease-out);
}

.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--navy);
  border-bottom-color: var(--gold);
  outline: none;
}
@media (max-width: 640px) {
  .header-inner {
    padding: 0.62rem 1.1rem 0.88rem;
    flex-wrap: wrap;
  }

  .site-nav {
    order: 3;
    width: 100%;
    margin: 0.15rem 0 0;
    gap: 1.1rem;
  }

  .header-cta {
    font-size: 0.72rem;
    padding: 0.5rem 0.85rem;
  }
}
/* Header lockup: MARK ROSE wordmark | rule (matches logo color) | official Sotheby's International Realty logo */
.brand--lockup { display: inline-flex; align-items: center; gap: 16px; text-decoration: none; line-height: 0; flex-shrink: 0; white-space: nowrap; }
.brand--lockup .brand-mr { display: block; height: 17px; width: auto; max-width: none; }
.brand--lockup .brand-rule { display: block; flex: none; width: 1px; height: 38px; background: #002349; }
.brand--lockup.brand--light .brand-rule { background: #FFFFFF; }
.brand--lockup .brand-sir { display: block; flex: none; line-height: 0; }
.brand--lockup .brand-sir img { display: block; height: 36px; width: auto; max-width: none; }
@media (max-width: 640px) {
  .brand--lockup { gap: 12px; }
  .brand--lockup .brand-mr { height: 13px; }
  .brand--lockup .brand-rule { height: 28px; }
  .brand--lockup .brand-sir img { height: 26px; }
}
@media (max-width: 360px) {
  .brand--lockup { gap: 9px; }
  .brand--lockup .brand-mr { height: 11px; }
  .brand--lockup .brand-rule { height: 24px; }
  .brand--lockup .brand-sir img { height: 22px; }
}
/* Mobile header rules verbatim from https://markroserealty.com/home.css */
@media (max-width: 640px) {
  .site-header { background: var(--cream); }
  .header-inner { padding: .5rem 1rem .1rem; min-height: 0; gap: 0; }
  .brand { min-height: 40px; }
  .brand-logo { width: 140px; transform: none; }
  .header-cta { display: none; }
  .site-nav { order: 3; width: 100%; margin: 0; gap: 0; justify-content: space-between; border-top: 1px solid var(--line); }
  .site-nav a { display: inline-flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 42px; font-size: .74rem; padding: 0 .2rem; }
  .site-nav .nav-extra { display: none; }
}
@media (max-width: 380px) {
  .site-nav a { font-size: .68rem; letter-spacing: .03em; }
}

/* Solid cream header on every page (Mark 2026-11-05) */
.site-header,.site-header.is-scrolled,body .site-header{background:#f6f1e8 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}

/* Hide empty form status boxes (Mark 2026-11-05) */
.form-status:empty{display:none !important}

/* Sell final form: hide invisible labels, tighten spacing (Mark 2026-11-05) */
#seller-final-form .field{font-size:0;line-height:0}
#seller-final-form .field input,#seller-final-form .field select{font-size:16px;line-height:normal;margin-top:0}
#seller-final-form .field__hint{font-size:11px;line-height:1.4;display:block;margin-top:6px}
/* Buy page: white Explore section, tight buyer final form (Mark 2026-11-05) */
section.areas[aria-labelledby="buy-areas"]{background:#ffffff !important}
#buy-partner{margin-top:0 !important}
#buyer-final-form .field{font-size:0;line-height:0}
#buyer-final-form .field input,#buyer-final-form .field select{font-size:16px;line-height:normal;margin-top:0}
#buyer-final-form .field__hint{font-size:11px;line-height:1.4;display:block;margin-top:6px}
section.areas[aria-labelledby="buy-areas"]{padding-bottom:0 !important}section.areas[aria-labelledby="buy-areas"] > *:last-child{margin-bottom:0 !important}
section[aria-labelledby="sell-benefits"]{background:#ffffff !important;background-image:none !important}
.city-cta{white-space:nowrap !important;font-size:clamp(11px,0.95vw,14px) !important;padding-left:clamp(12px,1.4vw,24px) !important;padding-right:clamp(12px,1.4vw,24px) !important;max-width:100% !important}

/* sell testimonial */
#sell-testimonial.testimonial{background:#002349 url('/assets/sections/navy-pattern-1440.webp') center/cover no-repeat;color:#fff;padding:65px 7%}#sell-testimonial .testimonial-inner{max-width:940px;margin:auto;padding:35px 65px 40px;background:rgb(0 23 48 / .52)}#sell-testimonial.testimonial h2{font-size:31px;color:#fff;text-align:center;margin-bottom:22px}#sell-testimonial .testimonial-quote{margin:0;text-align:left}#sell-testimonial .testimonial-quote .quote-mark{display:block;color:#cfdae6;font-size:48px;height:34px;line-height:1}#sell-testimonial .testimonial-quote blockquote{margin:0}#sell-testimonial .testimonial-quote blockquote p{font:25px/1.5 Georgia,'Times New Roman',serif;color:#f1f4f8}#sell-testimonial .testimonial-quote figcaption{margin-top:28px;font:14px Georgia,serif;color:#d5dfeb}
@media(min-width:1600px){#sell-testimonial.testimonial{background-image:url('/assets/sections/navy-pattern-2400.webp')}.inquiry-section{background-image:url('/assets/sections/blue-marble-2400.webp')}}
@media(max-width:640px){#sell-testimonial.testimonial{background-image:url('/assets/sections/navy-pattern-640.webp');padding:38px 16px}#sell-testimonial .testimonial-inner{padding:27px 21px 30px}#sell-testimonial.testimonial h2{font-size:27px;margin-bottom:22px}#sell-testimonial .testimonial-quote blockquote p{font-size:20px;line-height:1.5}#sell-testimonial .testimonial-quote figcaption{font-size:13px;margin-top:24px}.inquiry-section{background-image:url('/assets/sections/blue-marble-640.webp');padding:32px 16px}.inquiry-card{padding:28px 24px}}
#sell-testimonial{margin:0;text-align:center}