:root{
    --charcoal:#1a1715;--charcoal-soft:#252019;--wine:#6e2233;--wine-deep:#4a1622;
    --brass:#b88a4a;--brass-light:#d4a968;--cream:#f0e9df;--cream-dim:#cfc6b8;--ink:#0e0c0b;
    --display:'Cormorant Garamond', serif;--body:'Jost', sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--charcoal);color:var(--cream);font-family:var(--body);font-weight:300;line-height:1.7;overflow-x:hidden;}
  ::selection{background:var(--wine);color:var(--cream);}
  h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.05;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 2rem;}
  body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

  nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;
    padding:1.5rem 2.5rem;transition:all .4s ease;background:linear-gradient(to bottom, rgba(26,23,21,.85), transparent);}
  nav.scrolled{background:rgba(20,17,15,.96);padding:1rem 2.5rem;border-bottom:1px solid rgba(184,138,74,.18);backdrop-filter:blur(10px);}
  .logo{font-family:var(--display);font-size:1.55rem;font-weight:600;letter-spacing:.04em;color:var(--cream);}
  .logo span{color:var(--brass);}
  .logo small{display:block;font-family:var(--body);font-size:.5rem;letter-spacing:.36em;text-transform:uppercase;color:var(--cream-dim);margin-top:-2px;padding-left:2px;}
  .nav-links{display:flex;gap:2.2rem;align-items:center;}
  .nav-links a{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);transition:color .3s;}
  .nav-links a:hover{color:var(--brass-light);}
  .nav-cta{border:1px solid var(--brass);color:var(--brass-light)!important;padding:.7rem 1.4rem;border-radius:1px;transition:all .35s;}
  .nav-cta:hover{background:var(--brass);color:var(--ink)!important;}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
  .burger span{width:26px;height:1.5px;background:var(--cream);transition:.3s;}

  header.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;
    background:radial-gradient(ellipse at 72% 28%, rgba(110,34,51,.4), transparent 60%),radial-gradient(ellipse at 18% 82%, rgba(74,22,34,.42), transparent 55%),linear-gradient(135deg, var(--ink), var(--charcoal-soft));}
  .hero-bg-text{position:absolute;bottom:-5%;right:-2%;font-family:var(--display);font-size:clamp(7rem,22vw,26rem);font-weight:600;line-height:.8;color:rgba(184,138,74,.05);white-space:nowrap;pointer-events:none;font-style:italic;}
  .hero-inner{position:relative;z-index:2;max-width:880px;}
  .eyebrow{display:inline-flex;align-items:center;gap:.9rem;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass-light);margin-bottom:2rem;opacity:0;animation:rise 1s .2s forwards;}
  .eyebrow::before{content:"";width:46px;height:1px;background:var(--brass);}
  .hero h1{font-size:clamp(3rem,7.5vw,6.4rem);letter-spacing:-.01em;margin-bottom:1.6rem;opacity:0;animation:rise 1s .4s forwards;}
  .hero h1 em{font-style:italic;color:var(--brass-light);}
  .hero p{font-size:1.2rem;max-width:540px;color:var(--cream-dim);margin-bottom:2.6rem;font-weight:300;opacity:0;animation:rise 1s .6s forwards;}
  .hero-actions{display:flex;gap:1.2rem;flex-wrap:wrap;opacity:0;animation:rise 1s .8s forwards;}
  .btn{display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 2.2rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);border-radius:1px;border:1px solid transparent;}
  .btn-primary{background:var(--brass);color:var(--ink);font-weight:500;}
  .btn-primary:hover{background:var(--brass-light);transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(184,138,74,.6);}
  .btn-ghost{border-color:rgba(240,233,223,.3);color:var(--cream);}
  .btn-ghost:hover{border-color:var(--brass);color:var(--brass-light);}
  .btn .arrow{transition:transform .35s;}
  .btn:hover .arrow{transform:translateX(5px);}
  .scroll-hint{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);z-index:2;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cream-dim);display:flex;flex-direction:column;align-items:center;gap:.7rem;opacity:0;animation:rise 1s 1.2s forwards;}
  .scroll-hint .line{width:1px;height:42px;background:linear-gradient(var(--brass),transparent);animation:pulse 2s infinite;}

  section{padding:7rem 0;position:relative;}
  .sec-label{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem;}
  .sec-label::before{content:"";width:30px;height:1px;background:var(--brass);}

  .about{background:linear-gradient(180deg,var(--charcoal),var(--charcoal-soft));}
  .about-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:4.5rem;align-items:center;}
  .about-photo{aspect-ratio:3/4;max-width:250px;border:1px solid rgba(184,138,74,.25);position:relative;overflow:hidden;background:var(--charcoal-soft);}
  .about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
  .about-photo .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(240,233,223,.4);background:linear-gradient(160deg,var(--wine-deep),var(--charcoal));padding:1.5rem;}
  .about-photo .ph svg{width:48px;height:48px;stroke:var(--brass);opacity:.5;margin-bottom:1rem;}
  .about-photo .ph small{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;line-height:1.6;}
  .about-text h2{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:1.6rem;}
  .about-text h2 em{font-style:italic;color:var(--brass-light);}
  .about-text p{color:var(--cream-dim);margin-bottom:1.3rem;font-size:1.05rem;}
  .creds{list-style:none;margin-top:1.8rem;display:flex;flex-direction:column;gap:1rem;}
  .creds li{display:flex;gap:1rem;align-items:flex-start;color:var(--cream-dim);font-size:.98rem;}
  .creds li b{color:var(--cream);font-weight:500;}
  .creds .mk{color:var(--brass);flex-shrink:0;font-size:1.1rem;line-height:1.4;}

  .intro{background:var(--charcoal);text-align:center;}
  .intro .wrap{max-width:840px;}
  .intro h2{font-size:clamp(2rem,4vw,3rem);margin:1rem 0 1.6rem;}
  .intro h2 em{font-style:italic;color:var(--brass-light);}
  .intro p{color:var(--cream-dim);font-size:1.15rem;}

  .services{background:var(--charcoal-soft);}
  .sec-head{text-align:center;margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;}
  .sec-head .sec-label{justify-content:center;}
  .sec-head h2{font-size:clamp(2.2rem,4.5vw,3.4rem);}
  .sec-head h2 em{font-style:italic;color:var(--brass-light);}
  .svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.6rem;}
  .svc{background:linear-gradient(160deg,var(--charcoal),var(--ink));border:1px solid rgba(184,138,74,.16);border-radius:2px;padding:2.2rem;transition:all .45s cubic-bezier(.2,.8,.2,1);}
  .svc:hover{transform:translateY(-6px);border-color:rgba(184,138,74,.5);box-shadow:0 24px 50px -28px rgba(0,0,0,.8);}
  .svc .ic{width:48px;height:48px;border:1px solid rgba(184,138,74,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;}
  .svc .ic svg{width:22px;height:22px;stroke:var(--brass-light);}
  .svc h3{font-size:1.45rem;margin-bottom:.6rem;}
  .svc p{color:var(--cream-dim);font-size:.93rem;}

  .market{background:linear-gradient(180deg,var(--charcoal-soft),var(--charcoal));}
  .market-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
  .market-points{list-style:none;display:flex;flex-direction:column;gap:1.3rem;margin-top:1.5rem;}
  .market-points li{display:flex;gap:1rem;align-items:flex-start;color:var(--cream-dim);}
  .market-points .mk{color:var(--brass);flex-shrink:0;}
  .quote-card{background:linear-gradient(160deg,var(--wine-deep),var(--charcoal));border:1px solid rgba(184,138,74,.25);border-radius:2px;padding:3rem;position:relative;}
  .quote-card::before{content:"\201C";position:absolute;top:-1rem;left:1.4rem;font-family:var(--display);font-size:9rem;color:rgba(184,138,74,.18);}
  .quote-card blockquote{font-family:var(--display);font-style:italic;font-size:1.7rem;line-height:1.3;color:var(--cream);position:relative;z-index:2;}
  .quote-card cite{display:block;font-family:var(--body);font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-light);margin-top:1.4rem;}

  .luxband{background:linear-gradient(110deg,var(--wine-deep),var(--wine));text-align:center;padding:5rem 0;position:relative;overflow:hidden;}
  .luxband::before{content:"";position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5l6 16h17l-14 10 6 17-15-11-15 11 6-17-14-10h17z' fill='%23d4a968'/%3E%3C/svg%3E");}
  .luxband .wrap{position:relative;z-index:2;max-width:720px;}
  .luxband .sec-label{justify-content:center;color:var(--brass-light);}
  .luxband .sec-label::before{background:var(--brass-light);}
  .luxband h2{font-size:clamp(2rem,4.2vw,3.2rem);margin:.6rem 0 1.2rem;color:var(--cream);}
  .luxband h2 em{font-style:italic;color:var(--brass-light);}
  .luxband p{color:var(--cream);font-size:1.12rem;margin-bottom:2.2rem;opacity:.92;}
  .luxband .btn-primary{background:var(--brass-light);}
  .luxband .btn-primary:hover{background:var(--cream);}

  .contact{background:var(--charcoal);}  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
  .contact-info h2{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:1.5rem;}
  .contact-info h2 em{font-style:italic;color:var(--brass-light);}
  .contact-info .lead{color:var(--cream-dim);font-size:1.1rem;margin-bottom:2.5rem;max-width:430px;}
  .cline{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.4rem;}
  .cline .ic{width:44px;height:44px;border:1px solid rgba(184,138,74,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .cline .ic svg{width:18px;height:18px;stroke:var(--brass-light);}
  .cline .ct small{display:block;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);}
  .cline .ct span{color:var(--cream);font-size:1rem;}
  .contact-card{background:var(--charcoal-soft);border:1px solid rgba(184,138,74,.18);padding:2.5rem;border-radius:2px;display:flex;flex-direction:column;justify-content:center;}
  .contact-card h3{font-size:1.7rem;margin-bottom:1rem;}
  .contact-card h3 em{font-style:italic;color:var(--brass-light);}
  .contact-card p{color:var(--cream-dim);margin-bottom:2rem;}
  .contact-card .btn{width:100%;justify-content:center;margin-bottom:1rem;}
  .contact-card .btn:last-child{margin-bottom:0;}

  footer{background:var(--ink);padding:3.5rem 0 2rem;border-top:1px solid rgba(184,138,74,.15);}
  .foot-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;margin-bottom:2.5rem;}
  .foot-brand .logo{font-size:1.8rem;}
  .foot-brand p{color:var(--cream-dim);max-width:340px;margin-top:1rem;font-size:.9rem;}
  .foot-bottom{border-top:1px solid rgba(240,233,223,.08);padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.76rem;color:var(--cream-dim);letter-spacing:.05em;}
  .foot-bottom .dre{color:var(--brass-light);}

  @keyframes rise{to{opacity:1;transform:translateY(0);}}
  @keyframes fade{to{opacity:1;}}
  @media (prefers-reduced-motion: reduce){
    .hero-split .hero-photo img,.eyebrow,.hero h1,.hero p,.hero-actions,.scroll-hint,.hero-role,.hero-split .hero-copy p.lead{opacity:1!important;animation:none!important;transform:none!important;}
  }
  .eyebrow,.hero h1,.hero p,.hero-actions,.scroll-hint{transform:translateY(24px);}
  @keyframes pulse{0%,100%{opacity:.3;}50%{opacity:1;}}
  .reveal{opacity:0;transform:translateY(36px);transition:all .9s cubic-bezier(.2,.8,.2,1);}
  .reveal.in{opacity:1;transform:none;}

  .page-hero{padding:10rem 0 4rem;background:linear-gradient(135deg,var(--ink),var(--charcoal-soft));border-bottom:1px solid rgba(184,138,74,.15);}
  .page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:820px;}
  .page-hero .lead{max-width:680px;color:var(--cream-dim);font-size:1.1rem;margin-top:1.2rem;}
  .breadcrumb{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:1.2rem;}
  .breadcrumb a{color:var(--brass-light);}
  .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;}
  .faq-item{border:1px solid rgba(184,138,74,.2);background:var(--charcoal-soft);border-radius:2px;padding:1.4rem 1.6rem;}
  .faq-item h2,.faq-item h3{font-size:1.25rem;margin-bottom:.6rem;color:var(--cream);}
  .faq-item p{color:var(--cream-dim);font-size:.98rem;}
  .areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;}
  .area-chip{border:1px solid rgba(184,138,74,.25);padding:.9rem 1rem;text-align:center;color:var(--cream-dim);font-size:.9rem;}
  .nav-links a.active{color:var(--brass-light);}
  .geo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin:2rem 0;}
  .geo-fact{border:1px solid rgba(184,138,74,.2);padding:1.2rem;background:var(--charcoal-soft);}
  .geo-fact dt{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:.4rem;}
  .geo-fact dd{color:var(--cream);font-size:1rem;}

  @media(max-width:860px){
    .nav-links{position:fixed;inset:0 0 0 30%;background:var(--charcoal-soft);flex-direction:column;justify-content:center;padding:2rem;transform:translateX(100%);transition:transform .4s;border-left:1px solid rgba(184,138,74,.2);}
    .nav-links.open{transform:translateX(0);}
    .burger{display:flex;z-index:1001;}
    .about-grid,.market-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem;}
    .about-photo{aspect-ratio:4/3;max-width:380px;}
    section{padding:4.5rem 0;}
  }

  /* ============================================================ */
  /* REFINEMENTS — cleaner, less-crowded homepage (v2)            */
  /* ============================================================ */

  /* Split hero: photo right, text left, more air */
  .hero-split{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;}
  .hero-split .hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7rem 0 4rem;position:relative;z-index:2;}
  .hero-split .hero-photo{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--wine-deep),var(--charcoal));}
  .hero-split .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:0;animation:fade 1.3s .4s forwards;}
  .hero-split .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg, var(--charcoal) 0%, transparent 32%);pointer-events:none;}
  .hero-split .hero-copy p.lead{font-size:1.12rem;max-width:480px;color:var(--cream-dim);margin-bottom:2.4rem;opacity:0;animation:rise 1s .6s forwards;}
  @media(max-width:860px){
    .hero-split{grid-template-columns:1fr;min-height:auto;}
    .hero-split .hero-photo{height:50vh;order:-1;}
    .hero-split .hero-copy{padding:6rem 0 3rem;}
    .hero-split .hero-photo::after{background:linear-gradient(180deg,transparent 60%,var(--charcoal));}
  }

  /* Slim area strip (replaces bulky chip grid on home) */
  .area-strip{border-top:1px solid rgba(184,138,74,.16);border-bottom:1px solid rgba(184,138,74,.16);padding:2.2rem 0;background:var(--charcoal);}
  .area-strip .wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center;text-align:center;}
  .area-strip .label{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);}
  .area-strip .names{color:var(--cream-dim);font-size:.95rem;max-width:760px;line-height:1.9;}
  .area-strip .names a{color:var(--cream-dim);transition:color .3s;}
  .area-strip .names a:hover{color:var(--brass-light);}

  /* Tighter about: smaller portrait, 3 condensed creds */
  .about-v2 .about-grid{grid-template-columns:.55fr 1.45fr;gap:4rem;}
  .about-v2 .about-text p{margin-bottom:1.1rem;}
  .about-v2 .creds{margin-top:1.4rem;gap:.7rem;}
  @media(max-width:860px){
    .about-v2 .about-grid{grid-template-columns:1fr;gap:2rem;justify-items:center;text-align:left;}
    .about-v2 .about-photo{max-width:320px;width:100%;aspect-ratio:4/5;margin:0 auto;}
    .about-v2 .about-text{width:100%;}
  }

  /* Review card refinements for real attributed Zillow review */
  .quote-card cite a{color:var(--brass-light);}
  .quote-card .stars{color:var(--brass-light);letter-spacing:.18em;font-size:.95rem;margin-bottom:1rem;position:relative;z-index:2;}

  /* Reduce vertical rhythm slightly so page feels lighter */
  .home-tight section{padding:5.5rem 0;}

  /* ============================================================ */
  /* Mobile hero fix for split layout                            */
  /* ============================================================ */
  @media(max-width:860px){
    .hero-split .hero-copy{padding-left:1.3rem!important;padding-right:1.3rem!important;}
    .hero-split .eyebrow{font-size:.6rem;letter-spacing:.18em;}
    .hero-split h1{font-size:clamp(2.8rem,12vw,4rem);}
    .hero-split .hero-copy p.lead{font-size:1rem;}
    .area-strip .wrap{flex-direction:column;gap:.8rem;}
    .area-strip .names{font-size:.85rem;line-height:1.8;}
  }

  /* ============================================================ */
  /* Hero — focus on Leila's name, balanced sizing (v3)          */
  /* ============================================================ */
  .hero-split h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.01em;margin-bottom:.4rem;}
  .hero-role{font-family:var(--body);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-light);margin-bottom:1.8rem;font-weight:400;opacity:0;animation:rise 1s .5s forwards;}
  @media(max-width:860px){
    .hero-split h1{font-size:clamp(2.8rem,13vw,4rem);}
    .hero-role{font-size:.72rem;letter-spacing:.16em;}
  }

  /* ============================================================ */
  /* Reviews section — verified Zillow reviews                   */
  /* ============================================================ */
  .reviews{background:linear-gradient(180deg,var(--charcoal),var(--charcoal-soft));}
  .reviews .reviews-sub{color:var(--cream-dim);font-size:1.02rem;margin-top:.8rem;max-width:560px;margin-left:auto;margin-right:auto;}
  .review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6rem;margin-top:1rem;}
  .review-card{background:linear-gradient(160deg,var(--charcoal-soft),var(--ink));border:1px solid rgba(184,138,74,.18);border-radius:2px;padding:2rem;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.2,.8,.2,1);}
  .review-card:hover{transform:translateY(-5px);border-color:rgba(184,138,74,.45);box-shadow:0 22px 48px -28px rgba(0,0,0,.8);}
  .review-card .stars{color:var(--brass-light);letter-spacing:.18em;font-size:.95rem;margin-bottom:1rem;}
  .review-card blockquote{font-family:var(--display);font-style:italic;font-size:1.12rem;line-height:1.45;color:var(--cream);margin-bottom:1.4rem;flex-grow:1;}
  .review-card figcaption{border-top:1px solid rgba(184,138,74,.18);padding-top:1rem;}
  .review-card .rv-name{display:block;font-family:var(--body);font-size:.92rem;color:var(--cream);font-weight:500;letter-spacing:.02em;}
  .review-card .rv-meta{display:block;font-size:.74rem;letter-spacing:.04em;color:var(--cream-dim);margin-top:.25rem;}
  .reviews-cta{text-align:center;margin-top:2.5rem;}
  @media(max-width:860px){
    .review-grid{grid-template-columns:1fr;}
    .review-card blockquote{font-size:1.05rem;}
  }

  /* ============================================================ */
  /* Neighborhood guide (blog) page                              */
  /* ============================================================ */
  .guide-section{padding:4rem 0;}
  .guide-section .wrap{max-width:920px;}
  .guide-intro{font-size:1.15rem;color:var(--cream-dim);line-height:1.8;margin-bottom:1.4rem;}
  .guide-intro strong{color:var(--cream);font-weight:500;}
  .toc{background:var(--charcoal-soft);border:1px solid rgba(184,138,74,.2);border-radius:2px;padding:1.8rem 2rem;margin:2.5rem 0;}
  .toc h2{font-size:1.3rem;margin-bottom:1rem;color:var(--cream);}
  .toc ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;}
  .toc li a{color:var(--brass-light);font-size:.95rem;border-bottom:1px solid transparent;transition:.3s;}
  .toc li a:hover{border-color:var(--brass-light);}

  .hood{border-top:1px solid rgba(184,138,74,.2);padding:2.6rem 0;}
  .hood:first-of-type{border-top:none;}
  .hood h2{font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--cream);margin-bottom:.4rem;}
  .hood h2 em{font-style:italic;color:var(--brass-light);}
  .hood .hood-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem;}
  .hood p{color:var(--cream-dim);margin-bottom:1rem;font-size:1.02rem;line-height:1.75;}
  .hood .hood-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.4rem 0;}
  .hood .hf{border:1px solid rgba(184,138,74,.2);background:var(--charcoal-soft);padding:1rem 1.2rem;border-radius:2px;}
  .hood .hf dt{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:.35rem;}
  .hood .hf dd{color:var(--cream);font-size:.95rem;line-height:1.5;}
  .hood .best-for{font-style:italic;color:var(--brass-light);}

  .decide{background:var(--charcoal-soft);}
  .decide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:2rem;}
  .decide-card{background:linear-gradient(160deg,var(--charcoal),var(--ink));border:1px solid rgba(184,138,74,.18);border-radius:2px;padding:1.8rem;}
  .decide-card h3{color:var(--brass-light);font-size:1.2rem;margin-bottom:.7rem;}
  .decide-card p{color:var(--cream-dim);font-size:.95rem;}
  .decide-card .rec{display:block;margin-top:.9rem;color:var(--cream);font-size:.9rem;}
  .decide-card .rec strong{color:var(--brass-light);}

  .guide-cta{background:linear-gradient(150deg,var(--wine),var(--wine-deep));border-radius:2px;padding:2.6rem;text-align:center;margin:3rem 0 0;}
  .guide-cta h2{color:var(--cream);font-size:1.8rem;margin-bottom:.7rem;}
  .guide-cta h2 em{font-style:italic;color:var(--brass-light);}
  .guide-cta p{color:rgba(240,233,223,.85);margin-bottom:1.6rem;max-width:560px;margin-left:auto;margin-right:auto;}
  .guide-cta .btn-primary{background:var(--brass-light);}

  /* ============================================================ */
  /* MOBILE POLISH — authoritative overrides (v4)                */
  /* Fixes: logo size, empty hero panel, hamburger crowding,     */
  /* hero spacing, touch targets. Applies <= 860px.              */
  /* ============================================================ */
  @media(max-width:860px){
    /* --- Nav: smaller logo, breathing room from burger --- */
    nav{padding:1rem 1.1rem;align-items:center;}
    nav.scrolled{padding:.7rem 1.1rem;}
    .logo{font-size:1.15rem;line-height:1.15;max-width:74%;}
    .logo small{font-size:.46rem;letter-spacing:.26em;}
    .burger{flex:0 0 auto;padding:6px;margin:-6px;} /* bigger tap target */

    /* Hide the logo when the slide-out menu is open so they don't overlap */
    .nav-links.open ~ .burger,
    body:has(.nav-links.open) .logo{opacity:0;transition:opacity .2s;}

    /* --- Hero: stack photo on top as a clean banner, no empty side strip --- */
    .hero.hero-split{display:flex;flex-direction:column;min-height:auto;}
    .hero-split .hero-photo{order:-1;width:100%;height:46vh;min-height:300px;}
    .hero-split .hero-photo img{object-position:center 15%;}
    .hero-split .hero-photo::after{background:linear-gradient(180deg,transparent 55%,var(--charcoal));}
    .hero-split .hero-copy{width:100%;padding:2.2rem 1.3rem 3rem!important;}
    .hero-split h1{font-size:clamp(2.6rem,11vw,3.4rem);}
    .hero-role{font-size:.7rem;margin-bottom:1.3rem;}
    .hero-split .hero-copy p.lead{font-size:1rem;margin-bottom:1.8rem;}

    /* --- Buttons: full width, comfortable tap targets, no text cramping --- */
    .hero-actions{flex-direction:column;gap:.8rem;width:100%;}
    .hero-actions .btn{width:100%;justify-content:center;padding:1rem 1.2rem;}

    /* --- General spacing tightening for phone --- */
    .wrap{padding:0 1.3rem;}
    section{padding:3.5rem 0;}
    .sec-head h2,.about-text h2,.contact-info h2{font-size:clamp(1.8rem,7vw,2.4rem);}

    /* --- Reviews + cards: single column, readable --- */
    .review-grid,.svc-grid,.decide-grid,.hood-facts,.geo-facts{grid-template-columns:1fr;}
    .review-card blockquote{font-size:1rem;}

    /* --- Neighborhood guide: keep the sticky TOC from overlapping --- */
    .toc ul{grid-template-columns:1fr;}

    /* --- Tap targets for all nav links --- */
    .nav-links a{padding:.5rem 0;font-size:.95rem;}
  }

  /* Extra-small phones */
  @media(max-width:380px){
    .logo{font-size:1.05rem;max-width:72%;}
    .hero-split h1{font-size:clamp(2.3rem,10vw,3rem);}
  }