:root {
  --ink: #12110f;
  --charcoal: #1b1a18;
  --ivory: #f6f3ec;
  --paper: #fffdf8;
  --gold: #c7a86a;
  --gold-deep: #a88646;
  --line: rgba(18, 17, 15, 0.16);
  --muted: #69645a;
}

* { box-sizing: border-box; }
.mailing-form { max-width: 40rem; display: grid; gap: .75rem; }
.mailing-form > input { width: 100%; padding: .85rem; border: 1px solid var(--line); background: white; color: var(--ink); font: inherit; border-radius: 0; }
.mailing-form label { font-size: 1rem; }
.mailing-form label > span { font-weight: 400; }
.mailing-consent { display: flex; align-items: flex-start; gap: .7rem; margin-top: .5rem; }
.mailing-consent input { margin-top: .35rem; width: 1.2rem; height: 1.2rem; flex-shrink: 0; }
.mailing-privacy { font-size: .875rem; color: var(--muted); margin-bottom: .3rem; }
.mailing-form button { justify-self: start; cursor: pointer; font: inherit; border: 0; }
.mailing-form button:disabled { opacity: .65; cursor: wait; }
.signup-trap { position: absolute; left: -10000px; }
#mailing-status { margin: .5rem 0 0; }
.sale-connections { padding: clamp(3rem, 7vw, 6rem) max(6vw, calc((100vw - 1320px) / 2)); scroll-margin-top: 110px; }
.sale-connections > p { max-width: 48rem; }
.sale-connections .button { max-width: 100%; white-space: normal; text-align: center; }
.reviews-connection { background: var(--ivory); border-top: 1px solid var(--line); }
.review-note { font-size: .9rem; margin-top: 1.5rem; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font: 400 1rem/1.65 "Montserrat", sans-serif;
}
img { width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-weight: 400; line-height: 1.02; }
h1 { margin-bottom: 1.75rem; font-size: clamp(3.5rem, 7vw, 7.6rem); letter-spacing: -0.035em; }
h2 { margin-bottom: 1.25rem; font-size: clamp(2.5rem, 5vw, 5.1rem); letter-spacing: -0.025em; }
h3 { margin-bottom: .65rem; font-size: 1.25rem; line-height: 1.25; }
em { color: var(--gold); font-style: italic; }
.seo-headline { display: block; max-width: 44rem; font-size: clamp(2.75rem, 4.6vw, 5.35rem); line-height: 1.02; }
h1 .seo-headline + em { display: block; margin-top: .35em; font-size: .72em; line-height: 1.05; }

.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 100; padding: .7rem 1rem; background: var(--gold); }
.skip-link:focus { top: 1rem; }
.site-header {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 1.4rem clamp(1.25rem, 4vw, 4.5rem);
  color: #fff;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
}
.brand { display: inline-flex; align-items: center; gap: .8rem; }
.brand-mark {
  width: 2.6rem; height: 2.6rem;
  display: grid; place-items: center;
  border: 1px solid var(--gold);
  color: var(--gold);
  font-size: .67rem;
  letter-spacing: .1em;
}
.brand-name { font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 1.5rem; font-weight: 400; letter-spacing: -.025em; }
nav { display: flex; align-items: center; gap: 2rem; font-size: .9rem; }
nav a { opacity: .78; transition: opacity .2s ease; }
nav a:hover { opacity: 1; }
.header-call { justify-self: end; padding-bottom: .2rem; border-bottom: 1px solid var(--gold); font-size: .9rem; }
.menu-toggle { display: none; }

.hero {
  min-height: 100svh;
  color: #fff;
  background: var(--ink);
  display: grid;
  grid-template-columns: 52% 48%;
}
.hero-copy {
  align-self: center;
  padding: 10rem clamp(1.5rem, 6vw, 7.5rem) 5rem;
}
.eyebrow {
  margin-bottom: 1.5rem;
  color: var(--gold-deep);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.hero .eyebrow { color: var(--gold); }
.hero-lead { max-width: 39rem; margin-bottom: 2rem; color: rgba(255,255,255,.75); font-size: 1.15rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; }
.button {
  min-height: 3.5rem;
  padding: .9rem 1.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  font-size: .92rem;
  font-weight: 600;
  transition: transform .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-gold { color: var(--ink); background: var(--gold); }
.button-gold:hover { background: #d5bb87; }
.button-outline { border-color: rgba(255,255,255,.28); }
.button-outline:hover { border-color: var(--gold); }
.button-light { color: #fff; border-color: rgba(255,255,255,.3); }
.microcopy { margin: 1rem 0 0; color: rgba(255,255,255,.48); font-size: .8rem; }
.hero-visual { position: relative; min-height: 42rem; overflow: hidden; }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,17,15,.22), transparent 35%); }
.hero-visual img { height: 100%; object-fit: cover; }
.visual-card {
  position: absolute;
  right: 0; bottom: 0; z-index: 2;
  width: min(22rem, 80%);
  padding: 1.6rem 2rem;
  color: var(--ink);
  background: var(--gold);
}
.visual-card span { display: block; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; }
.visual-card strong { display: block; font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 1.65rem; font-weight: 400; letter-spacing: -.02em; }

.quick-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.quick-facts div { padding: 1.5rem clamp(1.5rem, 4vw, 4rem); border-right: 1px solid var(--line); }
.quick-facts span { display: block; margin-bottom: .25rem; color: var(--muted); font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; }
.quick-facts strong { font-size: .95rem; font-weight: 500; }
.quick-facts a { border-bottom: 1px solid var(--gold); }

.intro {
  padding: clamp(5rem, 10vw, 10rem) clamp(1.5rem, 6vw, 7.5rem);
  display: grid;
  grid-template-columns: 4rem minmax(18rem, 1fr) minmax(18rem, .8fr);
  gap: clamp(2rem, 5vw, 6rem);
}
.section-number { color: var(--gold-deep); font-family: "Montserrat", sans-serif; font-size: 1.05rem; font-weight: 600; }
.intro-copy { padding-top: 2rem; color: var(--muted); font-size: 1.05rem; }
.intro-copy p:first-child { color: var(--ink); font-size: 1.3rem; }

.services { padding: clamp(5rem, 9vw, 9rem) clamp(1.5rem, 6vw, 7.5rem); background: var(--ivory); }
.section-heading { max-width: 57rem; margin-bottom: 4rem; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-grid article { min-height: 18rem; padding: 2.2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-grid article > span { display: block; margin-bottom: 4rem; color: var(--gold-deep); font-family: "Montserrat", sans-serif; font-weight: 600; }
.service-grid p { color: var(--muted); }

.care { display: grid; grid-template-columns: 1fr 1fr; min-height: 44rem; }
.care-image-wrap {
  min-height: 34rem;
  position: relative;
  background: linear-gradient(135deg, #151412 0%, #2f2a21 100%);
  display: grid;
  place-items: center;
  padding: 3rem;
  overflow: hidden;
}
.care-image-wrap::before, .care-image-wrap::after {
  content: "";
  position: absolute;
  width: 24rem; height: 24rem;
  border: 1px solid rgba(199,168,106,.34);
  transform: rotate(45deg);
}
.care-image-wrap::after { width: 14rem; height: 14rem; }
.care-quote { position: relative; z-index: 1; max-width: 30rem; text-align: center; color: #fff; }
.care-quote p { margin-bottom: 1rem; font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: clamp(2.5rem, 4vw, 4.6rem); font-weight: 400; letter-spacing: -.025em; line-height: 1.05; }
.care-quote span { color: rgba(255,255,255,.62); }
.care-copy { align-self: center; padding: clamp(4rem, 8vw, 8rem); }
.care-copy p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; }

.process { padding: clamp(5rem, 9vw, 9rem) clamp(1.5rem, 6vw, 7.5rem); }
.steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.steps li { padding: 2rem 0; display: grid; grid-template-columns: minmax(5rem, .35fr) 1fr; border-bottom: 1px solid var(--line); }
.steps li > span { color: var(--gold-deep); font-family: "Montserrat", sans-serif; font-size: 1.2rem; font-weight: 600; }
.steps h3 { font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 2rem; font-weight: 400; letter-spacing: -.025em; }
.steps p { max-width: 44rem; margin-bottom: 0; color: var(--muted); }

.remote { padding: clamp(5rem, 9vw, 9rem) clamp(1.5rem, 11vw, 14rem); text-align: center; background: var(--ivory); }
.remote h2 { max-width: 60rem; margin-left: auto; margin-right: auto; }
.remote > p:last-child { max-width: 48rem; margin: 0 auto; color: var(--muted); font-size: 1.05rem; }

.audiences, .areas, .faq, .service-paths { padding: clamp(5rem, 9vw, 9rem) clamp(1.5rem, 6vw, 7.5rem); }
.audiences { background: var(--ink); color: #fff; }
.audiences .eyebrow { color: var(--gold); }
.audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(199,168,106,.3); border-left: 1px solid rgba(199,168,106,.3); }
.audience-grid article { padding: 2.5rem; border-right: 1px solid rgba(199,168,106,.3); border-bottom: 1px solid rgba(199,168,106,.3); }
.audience-grid h3, .area-grid h3 { font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 1.85rem; font-weight: 400; letter-spacing: -.025em; }
.audience-grid p { margin-bottom: 0; color: rgba(255,255,255,.62); }
.areas { background: var(--paper); }
.areas .section-heading > p:last-child { max-width: 47rem; color: var(--muted); font-size: 1.05rem; }
.area-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.area-grid article { padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.area-grid p { margin-bottom: 0; color: var(--muted); }
.area-grid h3 a, .service-grid h3 a { border-bottom: 1px solid transparent; }
.area-grid h3 a:hover, .service-grid h3 a:hover { border-color: var(--gold-deep); }
.service-paths { background: #fff; }
.path-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.path-grid a { min-height: 10rem; padding: 1.8rem; display: flex; align-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: color .2s ease, background .2s ease; }
.path-grid a:hover { color: #fff; background: var(--ink); }
.path-grid strong { font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 1.65rem; font-weight: 400; letter-spacing: -.025em; line-height: 1.12; }
.faq { background: var(--ivory); }
.faq-list { max-width: 70rem; }
.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { position: relative; padding: 1.5rem 3rem 1.5rem 0; cursor: pointer; list-style: none; font-family: "Bodoni Moda", Didot, "Bodoni MT", serif; font-size: 1.55rem; font-weight: 400; letter-spacing: -.015em; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: .5rem; color: var(--gold-deep); }
.faq details[open] summary::after { content: "−"; }
.faq details p { max-width: 56rem; padding-bottom: 1.5rem; color: var(--muted); }

.final-cta {
  padding: clamp(5rem, 10vw, 10rem) clamp(1.5rem, 8vw, 10rem);
  color: #fff;
  background: var(--ink);
  text-align: center;
}
.final-cta h2 { max-width: 58rem; margin-left: auto; margin-right: auto; }
.final-cta > p:not(.eyebrow) { color: rgba(255,255,255,.65); }
.final-cta .hero-actions { justify-content: center; margin-top: 2rem; }
.contact-email { display: inline-block; margin-top: 1.5rem; color: var(--gold); border-bottom: 1px solid rgba(199,168,106,.55); }

footer {
  padding: 3rem clamp(1.5rem, 6vw, 7.5rem) 6rem;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: center;
  gap: 2rem;
  color: #fff;
  background: #0a0908;
  font-size: .82rem;
}
footer p { margin: 0; color: rgba(255,255,255,.52); }
footer > a:not(.brand), .footer-contact a { color: var(--gold); }
.footer-contact { display: flex; flex-direction: column; gap: .35rem; }
.copyright { grid-column: 2 / -1; color: rgba(255,255,255,.32); font-size: .72rem; }
.mobile-cta { display: none; }

.subpage { background: var(--paper); }
.sub-hero {
  min-height: 42rem;
  padding: 11rem clamp(1.5rem, 8vw, 10rem) 6rem;
  color: #fff;
  background: linear-gradient(110deg, rgba(18,17,15,.98) 0%, rgba(18,17,15,.93) 54%, rgba(18,17,15,.3) 100%), url("assets/haute-mess-estate-hero.png") center/cover;
  display: flex;
  align-items: flex-end;
}
.sub-hero-inner { max-width: 70rem; }
.sub-hero h1 { max-width: 62rem; font-size: clamp(3.1rem, 6vw, 6.5rem); }
.sub-hero .hero-lead { max-width: 49rem; }
.breadcrumbs { margin-bottom: 2rem; color: rgba(255,255,255,.58); font-size: .82rem; }
.breadcrumbs a { border-bottom: 1px solid rgba(199,168,106,.55); }
.proof-strip { padding: 1.4rem clamp(1.5rem, 6vw, 7.5rem); display: flex; flex-wrap: wrap; gap: .7rem 2rem; color: var(--muted); border-bottom: 1px solid var(--line); font-size: .85rem; }
.proof-strip strong { color: var(--ink); font-weight: 600; }
.content-band { padding: clamp(5rem, 9vw, 9rem) clamp(1.5rem, 8vw, 10rem); }
.content-grid { display: grid; grid-template-columns: minmax(18rem,.8fr) minmax(20rem,1fr); gap: clamp(3rem, 8vw, 9rem); align-items: start; }
.content-grid h2 { font-size: clamp(2.7rem, 4.7vw, 4.8rem); }
.content-copy { color: var(--muted); font-size: 1.05rem; }
.content-copy p:first-child { color: var(--ink); font-size: 1.25rem; }
.detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-detail { min-height: 17rem; padding: 2.1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-detail span { display: block; margin-bottom: 2.75rem; color: var(--gold-deep); font: 600 1rem "Montserrat", sans-serif; }
.service-detail h3 { font: 400 1.85rem/1.12 "Bodoni Moda", Didot, "Bodoni MT", serif; letter-spacing: -.025em; }
.service-detail p { margin: 0; color: var(--muted); }
.dark-band { color: #fff; background: var(--ink); }
.dark-band h2 { color: #fff; }
.dark-band .content-copy, .dark-band .content-copy p:first-child { color: rgba(255,255,255,.68); }
.checklist { margin: 2rem 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(199,168,106,.3); }
.checklist li { padding: 1rem 0 1rem 1.8rem; position: relative; border-bottom: 1px solid rgba(199,168,106,.3); }
.checklist li::before { content: "•"; position: absolute; left: .2rem; color: var(--gold); }
.related-links { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.related-links a { min-height: 9rem; padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.related-links a:hover { color: #fff; background: var(--ink); }
.related-links span { color: var(--gold-deep); font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.related-links strong { font: 400 1.55rem/1.15 "Bodoni Moda", Didot, "Bodoni MT", serif; letter-spacing: -.025em; }

@media (max-width: 950px) {
  .site-header { grid-template-columns: 1fr auto; }
  nav, .header-call { display: none; }
  .menu-toggle { width: 2.8rem; height: 2.8rem; display: grid; align-content: center; gap: .4rem; border: 1px solid rgba(255,255,255,.3); background: transparent; }
  .menu-toggle span { width: 1.2rem; height: 1px; margin: auto; background: #fff; }
  .site-header.open { position: fixed; background: var(--ink); grid-template-columns: 1fr auto; }
  .site-header.open nav { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; padding: 1rem 0; font-size: 1.1rem; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 72svh; padding-top: 9rem; }
  .hero-visual { min-height: 55svh; }
  .intro { grid-template-columns: 3rem 1fr; }
  .intro-copy { grid-column: 2; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .path-grid { grid-template-columns: repeat(2, 1fr); }
  .care { grid-template-columns: 1fr; }
  .content-grid { grid-template-columns: 1fr; }
  footer { grid-template-columns: 1fr 1fr; }
  .copyright { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  body { padding-bottom: 4.4rem; }
  h1 { font-size: clamp(3.25rem, 16vw, 5.3rem); }
  .site-header { padding: 1rem 1.25rem; }
  .brand-name { font-size: 1.25rem; }
  .hero-copy { min-height: auto; padding: 9.5rem 1.4rem 4.5rem; }
  .hero-lead { font-size: 1rem; }
  .hero-visual { min-height: 30rem; }
  .hero-actions .button { width: 100%; }
  .quick-facts { grid-template-columns: 1fr; }
  .quick-facts div { border-right: 0; border-bottom: 1px solid var(--line); }
  .intro { grid-template-columns: 1fr; gap: .75rem; }
  .intro-copy { grid-column: 1; padding-top: .5rem; }
  .service-grid { grid-template-columns: 1fr; }
  .audience-grid, .area-grid { grid-template-columns: 1fr; }
  .path-grid { grid-template-columns: 1fr; }
  .detail-grid, .related-links { grid-template-columns: 1fr; }
  .sub-hero { min-height: 38rem; padding: 9rem 1.4rem 4.5rem; }
  .service-grid article { min-height: auto; }
  .service-grid article > span { margin-bottom: 2rem; }
  .care-copy { padding: 4.5rem 1.5rem; }
  .steps li { grid-template-columns: 3.5rem 1fr; }
  .steps h3 { font-size: 1.6rem; }
  footer { grid-template-columns: 1fr; padding-bottom: 3rem; }
  .copyright { grid-column: 1; }
  .mobile-cta {
    position: fixed;
    left: 0; right: 0; bottom: 0; z-index: 30;
    display: grid; grid-template-columns: 1fr 1fr;
    box-shadow: 0 -8px 24px rgba(0,0,0,.16);
  }
  .mobile-cta a { padding: 1rem; text-align: center; font-weight: 600; background: var(--gold); }
  .mobile-cta a:last-child { color: #fff; background: var(--ink); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.pricing-grid article{border:1px solid var(--gold,#c7a86a);padding:2rem}.pricing-grid .price{font-size:1.5rem;font-weight:600;color:#786035}.bundle-note{margin-top:2rem;max-width:850px}.bundle-note p{line-height:1.8}.quote-form select,.quote-form textarea{width:100%;padding:.85rem;border:1px solid #b9b3a9;background:white;color:#181818;font:inherit;box-sizing:border-box}.quote-form textarea{resize:vertical}.quote-form input{box-sizing:border-box}@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.pricing-grid article{padding:1.4rem}}

/* Turnkey estate liquidation brand */
.hero-brand{font:500 clamp(1.7rem,3vw,3rem)/1.1 "Bodoni Moda",Didot,serif;letter-spacing:.07em;margin-bottom:1.6rem}
.turnkey-headline{font-size:clamp(2.8rem,4.6vw,5.1rem);line-height:1.08}
.hero-promise{margin:1.8rem 0}.hero-promise span{display:block;font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}
.hero-promise strong{display:block;font:400 clamp(1.5rem,2.4vw,2.3rem)/1.25 "Bodoni Moda",Didot,serif;margin-top:.5rem}
.hero-region{font-size:.875rem;color:rgba(255,255,255,.72);max-width:39rem;margin-bottom:1.8rem}
.featured-services{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}
.featured-services article{padding:clamp(2rem,5vw,6rem);display:flex;flex-direction:column;align-items:flex-start}
.feature-sale{background:var(--paper);color:var(--ink)}.feature-clearout{border-left:1px solid rgba(255,255,255,.15)}
.featured-services h2{font-size:clamp(2.2rem,3.6vw,4rem);line-height:1.1}
.featured-services p:not(.eyebrow){max-width:36rem;margin-bottom:2rem}.featured-services .button{margin-top:auto}
.feature-clearout .eyebrow{color:var(--gold)}.feature-clearout p:not(.eyebrow){color:rgba(255,255,255,.78)}
@media(max-width:760px){.featured-services{grid-template-columns:1fr}.feature-clearout{border-left:0}.turnkey-headline{font-size:clamp(2.6rem,9vw,4rem)}.hero-brand{font-size:1.8rem}}
