/*
  Linda Knutson Real Estate — warm neighborhood editorial edition
  Design direction: foothill home, garden, kitchen-table conversation + polished real estate strategy.
*/
:root{
  --wine:#4a1e2c;
  --wine-deep:#4a1e2c;
  --cream:#f7f2e8;
  --paper:#fffdf8;
  --oat:#ede3d3;
  --sage:#72806f;
  --sage-light:#dfe5dc;
  --clay:#a8664f;
  --clay-light:#ecd8cf;
  --gold:#b58c55;
  --ink:#302c2a;
  --muted:#6f6964;
  --line:rgba(74,61,55,.14);
  --white:#fff;
  --shadow:0 18px 55px rgba(65,49,42,.10);
  --shadow-soft:0 8px 25px rgba(65,49,42,.07);
  --radius:26px;
  --radius-sm:15px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Inter,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:-1;background-image:radial-gradient(rgba(74,30,44,.08) .55px,transparent .55px);background-size:16px 16px}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:#ead8c1;color:var(--wine-deep)}
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#111;padding:10px 14px;z-index:10000;border-radius:8px}.skip-link:focus{left:8px}
.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.narrow{width:min(840px,calc(100% - 42px));margin-inline:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;font-weight:800;color:var(--clay);margin:0 0 11px}
.handwritten{font-family:"Snell Roundhand","Segoe Script","Bradley Hand",cursive;color:var(--clay);font-size:1.38rem;line-height:1.1;transform:rotate(-1deg);display:inline-block}
h1,h2,h3,.serif{font-family:Iowan Old Style,Baskerville,Georgia,"Times New Roman",serif;line-height:1.09;color:var(--wine-deep);font-weight:500}
h1{font-size:clamp(2.9rem,7vw,6.2rem);letter-spacing:-.045em;margin:.08em 0 .27em}
h2{font-size:clamp(2.15rem,4.2vw,3.8rem);letter-spacing:-.035em;margin:.18em 0 .36em}
h3{font-size:1.52rem;margin:.2em 0 .35em}
p{margin:.55em 0 1.12em}.lead{font-size:clamp(1.08rem,1.6vw,1.28rem);color:#524c48;max-width:770px}.fine{font-size:.85rem;color:var(--muted)}.kicker{font-weight:800;color:var(--wine);font-size:.9rem;letter-spacing:.03em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-weight:800;letter-spacing:.005em;border:1px solid transparent;transition:.2s ease;line-height:1.1}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.btn-primary{background:var(--wine);color:#fff}.btn-primary:hover{background:var(--wine-deep)}
.btn-secondary{border-color:rgba(74,30,44,.34);color:var(--wine);background:rgba(255,253,248,.72)}
.btn-light{background:#fff;color:var(--wine)}.btn-quiet{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.5)}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* Header — deliberately warm and understated */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(250,247,240,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(74,30,44,.11);box-shadow:0 4px 18px rgba(51,38,33,.035)}
.site-header::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--wine),var(--clay),var(--sage))}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.brand{display:flex;align-items:center;gap:12px;min-width:245px}.monogram{width:44px;height:44px;border:1px solid rgba(181,140,85,.75);border-radius:50% 50% 44% 56%;display:grid;place-items:center;font-family:Georgia,serif;color:var(--wine);font-size:1.12rem;background:#fffaf2;transform:rotate(-2deg)}
.brand-copy strong{display:block;color:var(--wine-deep);font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.1rem;letter-spacing:.01em}.brand-copy small{display:block;color:var(--sage);font-size:.63rem;letter-spacing:.09em;text-transform:uppercase;margin-top:1px}
.nav{display:flex;align-items:center;gap:2px}.nav>a,.dropbtn{border:0;background:transparent;padding:10px 10px;border-radius:999px;font-size:.87rem;font-weight:700;color:#4c4541}.nav>a:hover,.dropbtn:hover,.nav a[aria-current="page"]{background:#fffaf2;color:var(--wine)}
.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 7px);left:0;width:265px;background:#fffdf8;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:9px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:9px 11px;border-radius:10px;font-size:.88rem}.dropdown-menu a:hover{background:var(--cream);color:var(--wine)}
.header-cta{white-space:nowrap}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--wine);font-weight:800}

/* Hero */
.hero{position:relative;min-height:680px;display:grid;align-items:end;overflow:hidden;background:var(--wine-deep);color:#fff}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(.96)}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,30,44,.78) 0%,rgba(74,30,44,.48) 46%,rgba(74,30,44,.12) 78%),linear-gradient(0deg,rgba(74,30,44,.62),transparent 50%)}
.hero-content{position:relative;z-index:2;padding:100px 0 78px;max-width:870px}.hero .eyebrow{color:#efcfb5}.hero h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.18)}.hero .lead{color:rgba(255,255,255,.92);max-width:720px}.hero .fine{color:rgba(255,255,255,.7)}.hero-mini{min-height:510px}.hero-mini h1{font-size:clamp(2.8rem,6vw,5.15rem)}
.home-hero{min-height:720px;align-items:center}.home-hero .hero-media::after{background:linear-gradient(90deg,rgba(44,29,28,.67) 0%,rgba(44,29,28,.43) 44%,rgba(44,29,28,.10) 76%),linear-gradient(0deg,rgba(28,17,18,.4),transparent 55%)}.home-hero .hero-content{padding:98px 0 88px}.home-hero h1{max-width:780px}.hero-note{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 14px;border-radius:999px;background:rgba(255,253,248,.15);border:1px solid rgba(255,255,255,.28);font-size:.86rem;color:rgba(255,255,255,.88);backdrop-filter:blur(6px)}.hero-note::before{content:"⌂";font-size:1rem}

/* Sections */
.section{padding:90px 0}.section-sm{padding:60px 0}.section-white{background:rgba(255,253,248,.94)}.section-wine{background:var(--wine);color:#fff;position:relative;overflow:hidden}.section-wine::after{content:"";position:absolute;right:-80px;bottom:-130px;width:340px;height:340px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.section-wine h2,.section-wine h3{color:#fff}.section-wine .lead,.section-wine p{color:rgba(255,255,255,.86)}.section-sand{background:#eee4d6}.section-sage{background:#e5e9e0}.section-clay{background:#f0ded4}
.split{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.split-60{grid-template-columns:1.18fr .82fr}.split-media{border-radius:36px 18px 36px 18px;overflow:hidden;box-shadow:var(--shadow);min-height:430px;background:#ded3c5;transform:rotate(-.35deg)}.split-media img{width:100%;height:100%;min-height:430px;object-fit:cover}
.quote-panel{padding:38px;border:1px solid rgba(74,61,55,.11);border-radius:34px 16px 34px 16px;background:#fffdf8;box-shadow:var(--shadow-soft);position:relative}.quote-panel::before{content:"“";position:absolute;right:24px;top:5px;font-family:Georgia,serif;font-size:5rem;line-height:1;color:rgba(168,102,79,.12)}.quote-panel .big{font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(1.7rem,3vw,2.72rem);line-height:1.15;color:var(--wine)}.rule{height:1px;background:var(--line);margin:28px 0}.gold-rule{width:76px;height:2px;background:var(--clay);margin:18px 0 24px}

/* Homey editorial blocks */
.kitchen-note{background:#fffaf1;border:1px solid rgba(181,140,85,.22);border-radius:18px 34px 18px 34px;padding:28px 30px;box-shadow:var(--shadow-soft);position:relative}.kitchen-note::after{content:"";position:absolute;right:22px;top:17px;width:30px;height:10px;border-top:2px solid rgba(114,128,111,.45);border-bottom:2px solid rgba(114,128,111,.28);transform:rotate(7deg)}
.neighbor-band{background:#fffdf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.neighbor-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:0}.neighbor-intro,.neighbor-item{padding:27px 25px}.neighbor-item{border-left:1px solid var(--line)}.neighbor-intro strong{font-family:Iowan Old Style,Baskerville,Georgia,serif;color:var(--wine);font-size:1.35rem}.neighbor-item strong{display:block;color:var(--wine);font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.1rem}.neighbor-item span{font-size:.82rem;color:var(--muted);display:block;margin-top:5px}
.local-note{display:grid;grid-template-columns:74px 1fr;gap:20px;align-items:start;background:#fffdf8;padding:26px;border-radius:20px 38px 20px 38px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.local-note .stamp{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sage-light);color:var(--sage);font-family:Georgia,serif;font-size:1.45rem;transform:rotate(-4deg)}
.lived-in-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:34px}.lived-in-card{background:#fffdf8;border-radius:30px 16px 30px 16px;padding:28px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.lived-in-card.alt{background:var(--sage-light)}.lived-in-card h3{margin-top:0}.small-caps{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:var(--clay);font-weight:800}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:#fffdf8;border:1px solid rgba(74,61,55,.11);border-radius:27px 14px 27px 14px;padding:28px;box-shadow:var(--shadow-soft);transition:.2s ease}.card:nth-child(2n){border-radius:14px 27px 14px 27px}.card:hover{transform:translateY(-3px)}.card h3{font-size:1.4rem}.card p{color:#5b5551}.icon{width:43px;height:43px;border-radius:50% 46% 52% 44%;display:grid;place-items:center;background:var(--sage-light);color:var(--sage);margin-bottom:18px;font-weight:900;transform:rotate(-2deg)}.card:nth-child(2n) .icon{background:var(--clay-light);color:var(--clay)}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--wine);font-weight:800;font-size:.9rem;margin-top:5px}.card-link:hover{gap:10px}
.communities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.community-card{position:relative;min-height:300px;border-radius:28px 14px 28px 14px;overflow:hidden;background:var(--wine-deep);color:#fff;box-shadow:var(--shadow)}.community-card:nth-child(2n){border-radius:14px 28px 14px 28px}.community-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .45s ease}.community-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,24,24,.84),rgba(35,24,24,.02) 72%)}.community-card:hover img{transform:scale(1.035)}.community-copy{position:absolute;z-index:2;inset:auto 20px 18px}.community-copy strong{display:block;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.5rem}.community-copy span{font-size:.8rem;color:rgba(255,255,255,.85)}

/* Trust / neighbor strip */
.trust-strip{background:#fffdf8;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:22px;text-align:center;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item strong{display:block;color:var(--wine);font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.12rem}.trust-item span{display:block;font-size:.76rem;color:var(--muted);letter-spacing:.025em;margin-top:4px}

.answer-box{background:#fffdf8;border-left:4px solid var(--clay);padding:24px 26px;border-radius:0 18px 18px 0;box-shadow:var(--shadow-soft);margin:28px 0}.answer-box h2,.answer-box h3{font-size:1.4rem;margin-top:0}.answer-box p:last-child{margin-bottom:0}
.at-a-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.glance{background:#fffdf8;border:1px solid var(--line);border-radius:18px 10px 18px 10px;padding:18px}.glance:nth-child(2n){background:#f2eee6}.glance strong{display:block;color:var(--wine);font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.15rem}.glance span{font-size:.8rem;color:var(--muted)}

.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.step{counter-increment:step;padding:25px 22px;border-top:2px solid var(--sage);background:rgba(255,253,248,.66);border-radius:0 0 18px 18px}.step::before{content:"0" counter(step);font-family:Georgia,serif;color:var(--clay);font-size:1.7rem}.step h3{margin-top:18px;font-size:1.28rem}

/* Restaurants / guides */
.local-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.local-item{background:#fffdf8;border:1px solid var(--line);border-radius:18px 10px 18px 10px;padding:20px}.local-item strong{display:block;color:var(--wine);font-size:1rem}.local-item span{display:block;color:var(--muted);font-size:.87rem;margin-top:5px}.local-item::before{content:"✦";display:block;color:var(--clay);font-size:.8rem;margin-bottom:8px}
.guide-box{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,var(--wine),#4a1e2c);color:#fff;border-radius:32px 16px 32px 16px;padding:34px 38px;box-shadow:var(--shadow)}.guide-box h2,.guide-box h3{color:#fff;margin-top:0}.guide-box p{color:rgba(255,255,255,.84);margin-bottom:0}

/* Forms */
.form-card{background:#fffdf8;border:1px solid var(--line);border-radius:30px 16px 30px 16px;padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--wine)}.field input,.field select,.field textarea{width:100%;border:1px solid #d7cec5;background:#fff;border-radius:12px;padding:13px 14px;color:#262225;outline:none}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--clay);box-shadow:0 0 0 3px rgba(168,102,79,.13)}.form-status{min-height:22px;margin-top:10px;font-size:.9rem;color:var(--wine)}

/* FAQ */
.faq{margin-top:30px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:800;color:var(--wine);list-style:none;display:flex;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:1.2rem}.faq p{max-width:860px;color:#5b5456}

/* Footer */
.footer{background:#35252d;color:rgba(255,255,255,.78);padding:64px 0 24px}.footer h3{color:#fff;font-size:1.25rem}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:45px}.footer a{display:block;color:rgba(255,255,255,.73);font-size:.88rem;margin:7px 0}.footer a:hover{color:#fff}.footer-brand{font-family:Iowan Old Style,Baskerville,Georgia,serif;color:#fff;font-size:1.6rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:.77rem}.compliance{max-width:760px;color:rgba(255,255,255,.57)}

/* Area pages */
.area-intro{padding-top:74px}.area-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}.sidebar-note{position:sticky;top:105px;background:#fffdf8;border:1px solid var(--line);border-radius:18px 34px 18px 34px;padding:24px;box-shadow:var(--shadow-soft)}.sidebar-note ul{margin:12px 0 0;padding-left:19px}.sidebar-note li{margin:8px 0}.story-list{display:grid;gap:18px}.story-row{display:grid;grid-template-columns:56px 1fr;gap:16px}.story-num{width:48px;height:48px;border-radius:50% 46% 52% 44%;display:grid;place-items:center;border:1px solid var(--clay);font-family:Georgia,serif;color:var(--wine);background:#fffdf8;transform:rotate(-2deg)}
.area-heart{background:linear-gradient(135deg,#e6e9e0,#f5efe6)}.area-heart-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.area-heart .sketch{border-radius:50px 18px 50px 18px;background:#fffdf8;padding:28px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.area-heart ul{padding-left:20px}.area-heart li{margin:8px 0}

/* About */
.agent-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.agent-photo-placeholder{min-height:500px;border-radius:42px 18px 42px 18px;background:linear-gradient(135deg,#efe3d4,#d8bdad);display:grid;place-items:center;text-align:center;color:var(--wine);border:1px solid var(--line);overflow:hidden}.agent-photo-placeholder .seal{width:145px;height:145px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:3rem;background:rgba(255,255,255,.55)}

.notice{border:1px dashed var(--gold);background:#fffaf1;border-radius:12px;padding:16px 18px;font-size:.9rem}.breadcrumbs{font-size:.79rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--wine)}.photo-credit{font-size:.77rem;color:var(--muted);margin-top:8px}.photo-credit a{text-decoration:underline}.center{text-align:center}.mt0{margin-top:0}.mb0{margin-bottom:0}

@media (max-width:1050px){.header-cta{display:none}.nav{gap:0}.nav>a,.dropbtn{padding-inline:8px;font-size:.82rem}.communities-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.at-a-glance,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.neighbor-grid{grid-template-columns:1fr 1fr}.neighbor-item:nth-child(2){border-left:0}.neighbor-intro{grid-column:1/-1;border-bottom:1px solid var(--line)}}
@media (max-width:820px){.container,.narrow{width:min(100% - 28px,var(--max))}.menu-toggle{display:block}.nav{display:none;position:absolute;left:14px;right:14px;top:73px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a,.dropbtn{width:100%;text-align:left;padding:11px 12px}.dropdown-menu{position:static;width:100%;box-shadow:none;border:0;background:var(--cream);margin-top:4px}.dropdown:hover .dropdown-menu{display:none}.dropdown.open .dropdown-menu{display:grid}.hero{min-height:600px}.home-hero{min-height:650px}.hero-content{padding:78px 0 55px}.hero-media::after{background:linear-gradient(0deg,rgba(74,30,44,.84),rgba(74,30,44,.24) 70%)}.split,.split-60,.area-intro-grid,.agent-panel,.area-heart-grid,.lived-in-grid{grid-template-columns:1fr;gap:30px}.sidebar-note{position:static}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.local-list{grid-template-columns:1fr 1fr}.guide-box{grid-template-columns:1fr}.section{padding:70px 0}.section-sm{padding:48px 0}}
@media (max-width:560px){.brand-copy small{display:none}.brand{min-width:0}.monogram{width:39px;height:39px}.header-inner{min-height:66px}.hero{min-height:555px}.hero-mini{min-height:490px}.home-hero{min-height:620px}h1{font-size:2.7rem}.lead{font-size:1.05rem}.cards,.communities-grid,.at-a-glance,.steps,.local-list,.form-grid,.neighbor-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.community-card{min-height:245px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.neighbor-intro{grid-column:auto}.neighbor-item{border-left:0;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1fr}.footer{padding-top:48px}.section{padding:58px 0}.guide-box{padding:28px 24px}.form-card{padding:24px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* V3 warm photo-forward refinements */
.hero-media img{filter:saturate(1.02) contrast(.98)}
.home-hero .hero-content{max-width:860px}
.scenic-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.scenic-card{position:relative;min-height:190px;overflow:hidden;border-radius:28px 14px 28px 14px;box-shadow:var(--shadow-soft);background:var(--wine-deep)}.scenic-card:nth-child(2n){border-radius:14px 28px 14px 28px}.scenic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scenic-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,16,19,.82),rgba(29,16,19,.14) 72%)}.scenic-card span{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font-size:.82rem;line-height:1.35;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.area-photo{border-radius:50px 18px 50px 18px;background:#fffdf8;padding:14px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.area-photo img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:38px 10px 38px 10px}
.photo-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.photo-stack .community-card{min-height:220px}
@media (max-width:820px){.scenic-pair,.photo-stack{grid-template-columns:1fr}.area-photo img{min-height:240px}}


/* V4 — packet-inspired luxury + neighborhood warmth */
:root{
  --wine:#4a1e2c;
  --wine-deep:#4a1e2c;
  --cream:#f7f1e6;
  --paper:#fffaf0;
  --oat:#efe5d5;
  --gold:#b98b3d;
  --gold-light:#d6b777;
  --ink:#2f2528;
  --muted:#6a6063;
  --line:rgba(74,30,44,.16);
  --local-wash:#f1eadf;
  --shadow:0 18px 46px rgba(74,30,44,.12);
  --shadow-soft:0 8px 24px rgba(74,30,44,.08);
}
body{background:var(--cream);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;line-height:1.64}
body::before{display:none}
h1,h2,h3,.serif{font-family:Baskerville,"Iowan Old Style",Georgia,"Times New Roman",serif;color:var(--wine-deep);font-weight:500}
h1{letter-spacing:-.035em} h2{letter-spacing:-.025em}
.eyebrow{color:var(--wine);letter-spacing:.18em;font-size:.7rem}
.handwritten,.editorial-script{font-family:Baskerville,"Iowan Old Style",Georgia,serif;font-style:italic;color:var(--wine);font-size:1.45rem;transform:none}
.editorial-subhead{font-family:Baskerville,"Iowan Old Style",Georgia,serif;font-style:italic;font-size:1.3rem;color:var(--wine);max-width:850px;margin:.4rem auto 0}
.btn{border-radius:3px;padding:13px 20px;letter-spacing:.045em;text-transform:uppercase;font-size:.76rem}
.btn-primary{background:var(--wine);border-color:var(--gold);color:#fff}.btn-secondary{background:transparent;border-color:var(--gold);color:var(--wine)}
.btn-outline-gold{background:transparent;border-color:var(--gold-light);color:#fff;padding:11px 15px;margin-top:12px}.btn-outline-gold:hover{background:rgba(255,255,255,.08)}
.gold-rule{width:140px;height:1px;background:var(--gold);margin:18px 0}

.site-header{background:rgba(255,250,240,.97);border-bottom:1px solid rgba(74,30,44,.16)}
.site-header::before{display:none}
.affiliation-bar{border-bottom:1px solid rgba(185,139,61,.55);background:#fbf6ec}
.affiliation-inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bhhs-lockup{display:flex;align-items:center;gap:12px;color:var(--wine-deep)}
.bhhs-seal{width:34px;height:34px;border:1px solid var(--wine);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:.58rem;font-weight:700;letter-spacing:.02em}
.bhhs-copy{display:flex;align-items:center;gap:14px}.bhhs-copy strong{font-family:Georgia,serif;font-size:.85rem;letter-spacing:.05em;font-weight:600}.bhhs-copy em{font-family:Georgia,serif;font-style:normal;font-size:.82rem;border-left:1px solid var(--gold);padding-left:14px;letter-spacing:.04em}
.brand-promise{font-family:Georgia,serif;color:var(--wine);font-size:.68rem;letter-spacing:.12em}.brand-promise span{color:var(--gold);padding:0 5px}
.header-inner{min-height:72px}.monogram{border-radius:50%;border-color:var(--gold);transform:none;background:#fffaf0}.brand-copy strong{font-size:1.2rem}.brand-copy small{color:var(--wine);letter-spacing:.07em}.nav>a,.dropbtn{border-radius:2px}.nav>a:hover,.dropbtn:hover{background:#f3eadc}

.hero{background:var(--wine-deep)}
.hero-media::after{background:linear-gradient(90deg,rgba(74,30,44,.82) 0%,rgba(74,30,44,.53) 46%,rgba(74,30,44,.12) 82%),linear-gradient(0deg,rgba(27,5,12,.42),transparent 56%)}
.home-hero .hero-media::after{background:linear-gradient(90deg,rgba(74,30,44,.75),rgba(74,30,44,.37) 54%,rgba(74,30,44,.08) 82%),linear-gradient(0deg,rgba(74,30,44,.45),transparent 55%)}
.home-hero h1{font-size:clamp(3rem,6.6vw,5.9rem);line-height:.98}.hero-note{border-radius:3px;border-color:rgba(214,183,119,.66);background:rgba(74,30,44,.25);font-family:Georgia,serif;letter-spacing:.04em}.hero-note::before{content:"";width:28px;height:1px;background:var(--gold-light)}
.local-signature{display:inline-block;color:#fff;border-top:1px solid rgba(214,183,119,.8);border-bottom:1px solid rgba(214,183,119,.8);padding:7px 0;margin:3px 0 12px;font-family:Georgia,serif;font-style:italic;font-size:1rem}

.section{padding:86px 0}.section-white,.section-ivory{background:#fffaf1}.section-sand{background:#f0e6d7}.section-sage{background:#ede9de}.section-clay{background:#efe1d7}.section-wine{background:linear-gradient(135deg,var(--wine-deep),#4a1e2c)}
.ornament-heading{display:grid;grid-template-columns:minmax(40px,1fr) minmax(0,860px) minmax(40px,1fr);gap:22px;align-items:center;text-align:center;margin-bottom:34px}.ornament-heading>span{height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament-heading>span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.ornament-heading h2{margin:.15em 0}.ornament-heading .eyebrow{margin-bottom:4px}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.guide-box,.form-card,.area-photo,.scenic-card,.community-card,.lived-in-card{border-radius:4px!important}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card{border-color:rgba(185,139,61,.45)}
.kitchen-note::after{display:none}.quote-panel::before{color:rgba(185,139,61,.16)}
.local-note .stamp{background:var(--wine);color:var(--gold-light);border:1px solid var(--gold);transform:none}
.area-heart{background:linear-gradient(135deg,var(--local-wash),#fbf5ea)}
.area-lacanada{--local-wash:#ebe9df}.area-lacrescenta{--local-wash:#eee4dc}.area-montrose{--local-wash:#f0e3d7}.area-sunland{--local-wash:#eee7da}.area-tujunga{--local-wash:#efe1d3}.area-shadowhills{--local-wash:#e8e6db}.area-ventura{--local-wash:#e7ebe7}.area-palmsprings{--local-wash:#efe0d3}
.area-photo{padding:8px}.area-photo img{border-radius:2px!important}

.lux-credential-band{background:#fffaf0;border-top:1px solid rgba(185,139,61,.48);border-bottom:1px solid rgba(185,139,61,.48)}.lux-credential{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.lux-credential span{padding:15px 12px;font-family:Georgia,serif;color:var(--wine);letter-spacing:.13em;font-size:.68rem;border-right:1px solid rgba(185,139,61,.35)}.lux-credential span:last-child{border-right:0}
.neighbor-band{background:#f7f0e4}.neighbor-item{border-color:rgba(185,139,61,.3)}
.lux-grid{display:grid;gap:16px}.lux-grid.four{grid-template-columns:repeat(4,1fr)}.lux-card{background:#fffaf1;border:1px solid rgba(185,139,61,.5);padding:26px 22px;text-align:center;box-shadow:0 7px 22px rgba(74,30,44,.05)}.lux-card h3{font-size:1.35rem}.lux-card p{font-size:.92rem}.lux-card a{color:var(--wine);font-family:Georgia,serif;font-style:italic}.lux-round-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--wine);color:var(--gold-light);border:1px solid var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem}

.local-roots-section{background:#f7f0e4}.local-roots-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.local-roots-photo{margin:0;background:#fffaf0;border:1px solid var(--gold);padding:9px;box-shadow:var(--shadow)}.local-roots-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 40%}.local-roots-photo figcaption,.about-photo figcaption{font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:.83rem;padding:10px 5px 3px;line-height:1.4}.gold-quote{font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:1.35rem;line-height:1.35;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:18px 0;margin:25px 0}
.about-photo{margin:0;background:#fffaf0;border:1px solid var(--gold);padding:9px;box-shadow:var(--shadow)}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 42%}

.prep-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(185,139,61,.55);background:#fffaf1}.prep-grid article{padding:30px 34px;min-height:270px}.prep-grid article:nth-child(odd){border-right:1px solid rgba(185,139,61,.45)}.prep-grid article:nth-child(-n+2){border-bottom:1px solid rgba(185,139,61,.45)}.prep-grid h3{text-align:center;font-size:1.65rem;margin-bottom:0}.italic-note{text-align:center;font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:1.15rem;margin-top:2px}.gold-checks{list-style:none;padding:0;margin:22px 0 0}.gold-checks li{position:relative;padding-left:31px;margin:11px 0}.gold-checks li::before{content:"✓";position:absolute;left:0;top:.05em;width:18px;height:18px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:.7rem}.gold-checks.large li{font-family:Georgia,serif;font-size:1.12rem;color:var(--wine-deep);margin:16px 0}
.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(185,139,61,.5);border-top:1px solid rgba(185,139,61,.5)}.marketing-grid article{padding:26px;text-align:center;border-right:1px solid rgba(185,139,61,.5);border-bottom:1px solid rgba(185,139,61,.5);background:#fffaf1}.marketing-grid b{width:55px;height:55px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--wine);border:1px solid var(--gold);color:var(--gold-light);font-family:Georgia,serif}.marketing-grid h3{font-size:1.25rem}.marketing-grid p{font-size:.9rem;margin-bottom:0}.statement-line{font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:1.35rem;margin-top:22px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(185,139,61,.5);background:#fffaf1}.offer-grid>div{padding:30px 38px}.offer-grid>div:first-child{border-right:1px solid rgba(185,139,61,.45)}.offer-grid h3{text-align:center;font-size:1.65rem;border-bottom:1px solid rgba(185,139,61,.45);padding-bottom:11px}
.benefit-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(185,139,61,.5);background:#fffaf1}.benefit-row>div{padding:22px 18px;text-align:center;border-right:1px solid rgba(185,139,61,.4)}.benefit-row>div:last-child{border-right:0}.benefit-row strong{display:block;font-family:Georgia,serif;color:var(--wine);font-size:1.08rem}.benefit-row span{display:block;font-size:.82rem;color:var(--muted);margin-top:6px}
.contact-direct{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(185,139,61,.5);background:#fffaf1}.contact-direct>div{padding:22px;text-align:center;border-right:1px solid rgba(185,139,61,.4)}.contact-direct>div:last-child{border-right:0}.contact-direct span{display:block;color:var(--wine);font-size:.68rem;letter-spacing:.16em;font-weight:800}.contact-direct a{font-family:Georgia,serif;color:var(--wine-deep);font-size:1.05rem}

.footer{position:relative;overflow:hidden;background:#4a1e2c;color:rgba(255,255,255,.86);padding:0 0 24px}.footer-photo{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(74,30,44,.97),rgba(74,30,44,.78)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Mt.%20Lukens%20overlooking%20La%20Crescenta-Montrose.jpg?width=1800");background-size:cover;background-position:center 45%;filter:saturate(.7)}.footer-content{position:relative;z-index:2;padding-top:36px}.footer-topline{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid rgba(214,183,119,.5);margin-bottom:38px}.footer-topline span{padding:11px;color:#f1d7aa;font-family:Georgia,serif;letter-spacing:.15em;font-size:.68rem}.footer-role{color:#f1d7aa;font-family:Georgia,serif;font-size:.92rem;letter-spacing:.04em}.footer-contact a{margin:4px 0}.footer-tagline{letter-spacing:.26em;font-size:.72rem;color:#f1d7aa}.footer h3{font-size:1.22rem}.footer a{color:rgba(255,255,255,.82)}

@media (max-width:1050px){.lux-grid.four{grid-template-columns:1fr 1fr}.benefit-row{grid-template-columns:1fr 1fr}.benefit-row>div{border-bottom:1px solid rgba(185,139,61,.4)}.brand-promise{display:none}}
@media (max-width:820px){.affiliation-inner{justify-content:center}.bhhs-copy strong{font-size:.72rem}.bhhs-copy em{font-size:.7rem}.local-roots-grid,.offer-grid{grid-template-columns:1fr}.offer-grid>div:first-child{border-right:0;border-bottom:1px solid rgba(185,139,61,.45)}.marketing-grid{grid-template-columns:1fr 1fr}.prep-grid{grid-template-columns:1fr}.prep-grid article{border-right:0!important;border-bottom:1px solid rgba(185,139,61,.45)!important}.prep-grid article:last-child{border-bottom:0!important}.contact-direct{grid-template-columns:1fr}.contact-direct>div{border-right:0;border-bottom:1px solid rgba(185,139,61,.4)}.contact-direct>div:last-child{border-bottom:0}.lux-credential{grid-template-columns:1fr 1fr}.lux-credential span:nth-child(2){border-right:0}.lux-credential span:nth-child(-n+2){border-bottom:1px solid rgba(185,139,61,.35)}.ornament-heading{grid-template-columns:36px 1fr 36px}.footer-topline{grid-template-columns:1fr}.footer-topline span{border-bottom:1px solid rgba(214,183,119,.25)}.footer-topline span:last-child{border-bottom:0}}
@media (max-width:560px){.affiliation-bar{display:none}.lux-grid.four,.marketing-grid,.benefit-row{grid-template-columns:1fr}.lux-credential{grid-template-columns:1fr}.lux-credential span{border-right:0!important;border-bottom:1px solid rgba(185,139,61,.35)}.lux-credential span:last-child{border-bottom:0}.ornament-heading{grid-template-columns:22px 1fr 22px}.local-roots-photo img,.about-photo img{aspect-ratio:3/4}.footer-content{padding-top:24px}}


/* ===== V5 LUXURY POP REFINEMENT ===== */
:root{
  --wine:#4a1e2c;
  --wine-deep:#4a1e2c;
  --gold:#c19a56;
  --gold-light:#edd8a9;
  --cream:#f6f0e6;
  --paper:#fffdfa;
  --ink:#1b1718;
  --muted:#62575a;
  --shadow:0 28px 65px rgba(18,9,11,.16);
  --shadow-soft:0 16px 35px rgba(18,9,11,.09);
}
body{background:linear-gradient(180deg,#f8f3ea,#f2eadf 38%,#f6f0e7 100%);color:var(--ink)}
body::before{opacity:.12;background-image:radial-gradient(rgba(74,30,44,.08) .45px,transparent .45px);background-size:18px 18px}
a{transition:color .2s ease, transform .2s ease}
.eyebrow{color:var(--wine);letter-spacing:.18em}
h1,h2,h3,.serif{color:#4a1e2c}
.lead{color:#463d40}

.site-header{background:rgba(255,252,247,.96);border-bottom:1px solid rgba(193,154,86,.35);box-shadow:0 12px 30px rgba(0,0,0,.05)}
.site-header::before{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.affiliation-bar{background:linear-gradient(90deg,#10090b,#4a1e2c 48%,#16070c);border-bottom:1px solid rgba(237,216,169,.22)}
.affiliation-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px}
.bhhs-lockup{display:flex;align-items:center;gap:12px;color:var(--gold-light)}
.bhhs-seal{width:38px;height:38px;border:1px solid rgba(237,216,169,.5);border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:700;letter-spacing:.06em}
.bhhs-copy strong{display:block;font-size:.79rem;letter-spacing:.14em;color:#fff6e7}
.bhhs-copy em{display:block;font-style:normal;font-size:.74rem;letter-spacing:.18em;color:var(--gold-light)}
.brand-promise{color:var(--gold-light);font-family:Georgia,serif;font-size:.7rem;letter-spacing:.2em}
.brand-promise span{opacity:.6}
.brand-copy strong{font-size:1.2rem;letter-spacing:.01em}
.brand-copy small{color:var(--wine);opacity:.85;letter-spacing:.13em}
.monogram{background:#fff;border:1px solid rgba(193,154,86,.7);color:var(--wine-deep);box-shadow:0 8px 20px rgba(74,30,44,.08)}
.nav>a,.dropbtn{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#2a2022}
.nav>a:hover,.dropbtn:hover,.nav a[aria-current="page"]{background:#fff8ec;color:var(--wine);box-shadow:inset 0 -2px 0 var(--gold)}
.dropdown-menu{border:1px solid rgba(193,154,86,.35)}
.btn{border-radius:2px;padding:14px 22px;letter-spacing:.07em;text-transform:uppercase;font-size:.82rem}
.btn-primary{background:linear-gradient(135deg,var(--wine),#4a1e2c);color:#fff;border-color:rgba(237,216,169,.22);box-shadow:0 16px 28px rgba(74,30,44,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#4a1e2c,#4a1e2c)}
.btn-secondary{background:#fff;border:1px solid rgba(193,154,86,.45);color:var(--wine-deep)}
.btn-light{background:#fff;color:var(--wine-deep);border:1px solid rgba(237,216,169,.4)}
.btn-quiet{background:rgba(0,0,0,.28);border-color:rgba(237,216,169,.55);color:#fff}
.btn-outline-gold{border-color:rgba(237,216,169,.5)}

.hero{min-height:740px;background:#16090d}
.hero-media img{filter:saturate(1.02) contrast(.98)}
.hero-media::after{background:linear-gradient(90deg,rgba(16,7,10,.84) 0%,rgba(74,30,44,.66) 44%,rgba(74,30,44,.2) 78%),linear-gradient(0deg,rgba(16,7,10,.52),transparent 54%)}
.home-hero{min-height:780px}
.home-page .hero-content{max-width:860px;padding:46px 48px 42px;background:linear-gradient(135deg,rgba(17,8,10,.78),rgba(74,30,44,.56));border:1px solid rgba(237,216,169,.5);box-shadow:0 30px 80px rgba(0,0,0,.24);backdrop-filter:blur(6px)}
.home-page .hero h1{font-size:clamp(3.35rem,6.7vw,6.1rem);line-height:.95;letter-spacing:-.045em}
.home-page .hero .lead{max-width:760px;color:rgba(255,248,235,.93)}
.home-page .hero .editorial-script{color:#f4dfb6;font-size:1.32rem;letter-spacing:.03em}
.hero-note{background:rgba(255,255,255,.06);border:1px solid rgba(237,216,169,.48);color:#fff1d5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.hero-note::before{display:none}
.hero-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.hero-stat{padding:14px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(237,216,169,.32);text-align:center}
.hero-stat strong{display:block;color:#fff;font-family:Georgia,serif;font-size:1.05rem;font-weight:500}
.hero-stat span{display:block;color:#efdcb4;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}

.lux-credential-band{background:linear-gradient(90deg,#1a0c11,#4a1e2c,#190b10);border-top:1px solid rgba(237,216,169,.22);border-bottom:1px solid rgba(237,216,169,.22)}
.lux-credential span{color:#f0dfbb}
.neighbor-band{background:#fff;border-top:1px solid rgba(193,154,86,.35);border-bottom:1px solid rgba(193,154,86,.35)}
.neighbor-intro strong{font-size:1.48rem;color:#4a1e2c}
.neighbor-item{background:linear-gradient(180deg,#fffdf8,#fcf3e5)}
.neighbor-item strong{color:var(--wine-deep)}

.section{padding:92px 0}
.section-white,.section-ivory{background:#fffdfa}
.section-sand{background:linear-gradient(180deg,#f5eee3,#efe4d6)}
.section-sage,.section-clay{background:linear-gradient(180deg,#faf4ea,#f0e5d9)}
.section-black{background:linear-gradient(180deg,#130b0d,#4a1e2c);color:#f7efe3;position:relative;overflow:hidden}
.section-black::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(193,154,86,.09),transparent 28%),radial-gradient(circle at bottom left,rgba(193,154,86,.08),transparent 22%)}
.section-black h2,.section-black h3{color:#fff8ed}
.section-black .lead,.section-black p{color:rgba(255,246,232,.82)}
.section-black .eyebrow{color:#efdcb4}
.ornament-heading{margin-bottom:40px}
.ornament-heading>span{height:2px}

.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card,.lux-card,.guide-box,.community-card{background:#fffdfa;border:1px solid rgba(193,154,86,.4);box-shadow:var(--shadow-soft)}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card,.lux-card,.guide-box,.community-card{position:relative}
.kitchen-note::before,.local-note::before,.quote-panel::after,.card::before,.glance::before,.local-item::before,.lived-in-card::before,.lux-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.guide-box,.form-card,.area-photo,.scenic-card,.community-card,.lived-in-card{border-radius:2px!important}
.quote-panel .big{color:var(--wine-deep)}
.card:hover,.community-card:hover,.lux-card:hover,.local-item:hover,.lived-in-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(74,30,44,.12)}

.scenic-card{border:1px solid rgba(193,154,86,.4);overflow:hidden}
.scenic-card::after{background:linear-gradient(0deg,rgba(22,9,13,.82),rgba(22,9,13,.15) 70%)}
.scenic-card span{font-family:Georgia,serif;font-size:.9rem}
.local-note .stamp,.lux-round-icon,.marketing-grid b{background:linear-gradient(135deg,#4a1e2c,#4a1e2c)}
.lux-card{padding:28px 24px;background:linear-gradient(180deg,#fffdf7,#f8efe4)}
.lux-card h3{font-size:1.42rem}

.statement-showcase .statement-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.statement-card{background:linear-gradient(180deg,rgba(255,250,241,.08),rgba(255,250,241,.03));border:1px solid rgba(237,216,169,.22);padding:28px;box-shadow:0 16px 30px rgba(0,0,0,.12)}
.statement-card.feature{background:linear-gradient(180deg,rgba(237,216,169,.1),rgba(255,255,255,.03));padding:34px}
.statement-card .small-caps,.lived-in-card .small-caps,.neighbor-intro .small-caps{display:block;color:#efdcb4;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;margin-bottom:10px}
.statement-card h3{color:#fff7e7;font-size:1.8rem;margin-bottom:10px}
.statement-card p{margin-bottom:12px}
.statement-card a{color:#f2dcae;font-family:Georgia,serif;font-style:italic}

.communities-grid{gap:18px}
.community-card{overflow:hidden;border:1px solid rgba(193,154,86,.42);box-shadow:var(--shadow-soft)}
.community-card img{transition:transform .45s ease, filter .45s ease;filter:saturate(.96)}
.community-card:hover img{transform:scale(1.05);filter:saturate(1.04)}
.community-copy{background:linear-gradient(180deg,rgba(255,253,250,.2),rgba(255,253,250,.96) 42%,#fffdfa 100%)}
.community-copy strong{font-size:1.28rem;color:#4a1e2c}
.community-copy span span{font-family:Georgia,serif;font-style:italic}

.cards{gap:18px}
.card{padding:30px 26px;background:linear-gradient(180deg,#fffdf8,#f9f0e5)}
.card .icon{background:linear-gradient(135deg,#4a1e2c,#4a1e2c);color:var(--gold-light);border:1px solid var(--gold);border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-family:Georgia,serif}
.card-link{color:var(--wine);font-family:Georgia,serif;font-style:italic}

.local-roots-section{background:linear-gradient(180deg,#fffdf8,#f4eadd 70%,#f8f2e8)}
.local-roots-photo,.about-photo{padding:10px;background:#fff;border:1px solid rgba(193,154,86,.5);box-shadow:0 22px 55px rgba(74,30,44,.14)}
.local-roots-photo figcaption,.about-photo figcaption{font-size:.86rem;color:#4a1e2c}
.gold-quote{font-size:1.45rem;border-top:1px solid rgba(193,154,86,.8);border-bottom:1px solid rgba(193,154,86,.8);color:#4a1e2c}

.footer{background:#12080d}
.footer-photo{background-image:linear-gradient(0deg,rgba(24,7,12,.98),rgba(74,30,44,.86)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Mt.%20Lukens%20overlooking%20La%20Crescenta-Montrose.jpg?width=1800")}
.footer-topline{border-top:1px solid rgba(237,216,169,.66);border-bottom:1px solid rgba(237,216,169,.3)}
.footer-topline span,.footer-role,.footer-tagline{color:#f0dfbb}
.footer a{color:rgba(255,255,255,.88)}
.compliance{color:rgba(255,255,255,.64)}

@media (max-width:1050px){
  .hero-stat-grid{grid-template-columns:1fr 1fr}
  .statement-showcase .statement-grid{grid-template-columns:1fr 1fr}
  .statement-showcase .statement-card.feature{grid-column:1/-1}
}
@media (max-width:820px){
  .home-page .hero-content{padding:28px 24px 26px}
  .hero-stat-grid,.statement-showcase .statement-grid{grid-template-columns:1fr}
  .affiliation-inner{min-height:unset;padding:10px 0;display:grid;justify-items:center;text-align:center}
  .brand-promise{font-size:.64rem}
}


/* ===== V6 CABERNET / BLACK / WHITE COLOR REFINEMENT ===== */
:root{
  --wine:#4a1e2c;
  --wine-deep:#4a1e2c;
  --gold:#bc9652;
  --gold-light:#ead3a2;
  --cream:#f5efe6;
  --paper:#ffffff;
  --ink:#171415;
  --muted:#5d5558;
}
body{background:#f5efe6;color:#171415}
.site-header{background:rgba(255,255,255,.97)}
.affiliation-bar{background:linear-gradient(90deg,#070707 0%,#16070c 48%,#070707 100%)}
.section-white,.section-ivory{background:#fff}
.section-sand{background:#f5efe6}
.section-sage,.section-clay{background:#f8f4ee}
.neighbor-band{background:#fff}
.neighbor-item{background:#fff}
.lux-credential-band{background:linear-gradient(90deg,#050505,#4a1e2c 50%,#050505)}
.home-page .hero-content{background:linear-gradient(135deg,rgba(5,5,5,.84),rgba(74,30,44,.66));border-color:rgba(234,211,162,.62)}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card,.lux-card,.guide-box{background:#fff}
.lux-card,.card{background:#fff}
.section-black{background:linear-gradient(135deg,#070707 0%,#190a0f 55%,#4a1e2c 100%)}
.footer{background:#080808}
.footer-photo{background-image:linear-gradient(0deg,rgba(5,5,5,.98),rgba(74,30,44,.88)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Mt.%20Lukens%20overlooking%20La%20Crescenta-Montrose.jpg?width=1800")}
.form-card,.prep-grid,.offer-grid,.benefit-row,.contact-direct,.marketing-grid article{background:#fff}

/* Restore the Linda + Duchess block to the V4 presentation. */
.local-roots-section{background:#f7f0e4}
.local-roots-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}
.local-roots-photo{margin:0;background:#fffaf0;border:1px solid #b98b3d;padding:9px;box-shadow:var(--shadow)}
.local-roots-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 40%}
.local-roots-photo figcaption{font-family:Georgia,serif;font-style:italic;color:#4a1e2c;font-size:.83rem;padding:10px 5px 3px;line-height:1.4}
.gold-quote{font-family:Georgia,serif;font-style:italic;color:#4a1e2c;font-size:1.35rem;line-height:1.35;border-top:1px solid #b98b3d;border-bottom:1px solid #b98b3d;padding:18px 0;margin:25px 0}


/* ===== V7 refinement: richer color, less white, more gradients ===== */
body{background:linear-gradient(180deg,#f2e8dc 0%, #eadfce 28%, #efe6d9 54%, #e8dece 100%)}
.section-white{background:linear-gradient(180deg,#fbf4ea 0%, #f4e8d7 100%)}
.section-ivory{background:linear-gradient(180deg,#f8f0e3 0%, #efe1cf 100%)}
.section-sand{background:linear-gradient(180deg,#f1e3d0 0%, #e7d7c1 100%)}
.section-sage{background:linear-gradient(180deg,#f4ebdf 0%, #eadfce 100%)}
.section-clay{background:linear-gradient(180deg,#efe2d5 0%, #e3d1c1 100%)}
.section-wine{background:linear-gradient(135deg,#4a1e2c 0%, #4a1e2c 48%, #4a1e2c 100%)}
.local-roots-section{background:linear-gradient(180deg,#efe1cf 0%, #e5d3c0 58%, #eadbca 100%)}
.neighbor-band{background:linear-gradient(180deg,#fbf4ea 0%, #f1e5d4 100%)}
.community-copy{background:linear-gradient(180deg,rgba(251,245,236,.12) 0%, rgba(250,241,228,.94) 36%, #f5e7d4 100%)}
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card,.lux-card,.guide-box,.community-card{background:linear-gradient(180deg,#fffaf3 0%, #f6ead9 100%)}
.marketing-grid article,.offer-grid,.benefit-row,.contact-direct,.prep-grid article{background:linear-gradient(180deg,#fff8ef 0%, #f3e4cf 100%)}
.site-header{background:linear-gradient(180deg,rgba(253,249,241,.98) 0%, rgba(247,239,226,.96) 100%)}
.nav>a:hover,.dropbtn:hover,.nav a[aria-current="page"]{background:linear-gradient(180deg,#fff8ec,#f5e5c9);color:var(--wine);box-shadow:inset 0 -2px 0 var(--gold)}
.btn-secondary{background:linear-gradient(180deg,#fffaf1,#f2e1c6)}
.btn-light{background:linear-gradient(180deg,#fffdfa,#f4e7d1)}
.hero-note{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));}
.local-roots-photo,.about-photo{background:linear-gradient(180deg,#fffdf9 0%, #f5ebdb 100%)}
.scenic-card, .community-card, .lux-card, .card, .lived-in-card{overflow:hidden}
.scenic-card::before,.community-card::before,.lux-card::after,.card::after,.lived-in-card::after{content:"";position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(180deg,transparent,rgba(193,154,86,.07))}
.local-roots-section .gold-quote{background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.1));padding:16px 18px}
.footer{background:linear-gradient(180deg,#10070b 0%, #4a1e2c 100%)}


/* ===== V8 Berkshire color emphasis: richer, darker, less plain ===== */
:root{
  --wine:#4a1e2c;
  --wine-deep:#4a1e2c;
  --wine-mid:#4a1e2c;
  --black:#0d0b0c;
  --cream:#efe2cf;
  --paper:#f8efe3;
  --gold:#c4a15c;
  --gold-light:#edd8a6;
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(74,30,44,.08), transparent 28%),
    radial-gradient(circle at 88% 25%, rgba(196,161,92,.08), transparent 30%),
    linear-gradient(180deg,#e8dac7 0%,#efe3d4 35%,#e4d4c1 68%,#ebddcb 100%);
}

/* Primary page rhythm: intentionally alternate Berkshire tones */
.section-white{
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%),
    linear-gradient(180deg,#efe0cd 0%,#e5d2bc 100%);
}
.section-ivory{
  background:
    radial-gradient(circle at top right,rgba(196,161,92,.10),transparent 28%),
    linear-gradient(180deg,#f2e4d2 0%,#e5d0b9 100%);
}
.section-sand{
  background:
    linear-gradient(135deg,rgba(74,30,44,.10),transparent 36%),
    linear-gradient(180deg,#ddc8b1 0%,#d5bda4 100%);
}
.section-sage{
  background:
    linear-gradient(135deg,rgba(74,30,44,.09),transparent 32%),
    linear-gradient(180deg,#e4d4c2 0%,#d7c2aa 100%);
}
.section-clay{
  background:
    linear-gradient(135deg,rgba(74,30,44,.10),transparent 38%),
    linear-gradient(180deg,#dcc5b1 0%,#ceb39d 100%);
}
.section-wine{
  background:
    radial-gradient(circle at 82% 20%,rgba(196,161,92,.12),transparent 28%),
    linear-gradient(135deg,#16070c 0%,#4a1e2c 52%,#4a1e2c 100%);
}
.section-black{
  background:
    radial-gradient(circle at 15% 10%,rgba(74,30,44,.18),transparent 26%),
    radial-gradient(circle at 88% 78%,rgba(196,161,92,.10),transparent 24%),
    linear-gradient(135deg,#090708 0%,#1a0b10 42%,#4a1e2c 100%);
}

/* More Berkshire presence in the horizontal feature bands */
.neighbor-band{
  background:
    linear-gradient(135deg,#1a0a10 0%,#4a1e2c 48%,#18090f 100%);
  border-top:1px solid rgba(237,216,166,.48);
  border-bottom:1px solid rgba(237,216,166,.48);
}
.neighbor-intro,.neighbor-item{background:transparent!important;border-color:rgba(237,216,166,.24)!important}
.neighbor-intro strong,.neighbor-item strong{color:#fff7e9}
.neighbor-intro .small-caps,.neighbor-item span{color:#e7cf9f}

.lux-credential-band{
  background:
    linear-gradient(90deg,#090708 0%,#4a1e2c 28%,#4a1e2c 52%,#4a1e2c 76%,#090708 100%);
}

/* Cards are no longer flat white: cream + burgundy depth */
.kitchen-note,.local-note,.quote-panel,.card,.glance,.local-item,.form-card,.area-photo,.lived-in-card,.lux-card,.guide-box{
  background:
    linear-gradient(180deg,rgba(255,250,242,.98) 0%,rgba(238,220,198,.98) 100%);
  border-color:rgba(196,161,92,.58)!important;
  box-shadow:0 18px 42px rgba(74,30,44,.10);
}
.card,.lux-card,.lived-in-card,.glance,.local-item{
  background:
    radial-gradient(circle at top right,rgba(74,30,44,.07),transparent 35%),
    linear-gradient(180deg,#f7ead9 0%,#e6d0b7 100%);
}
.card::before,.lux-card::before,.lived-in-card::before,.glance::before,.local-item::before{
  height:4px;
  background:linear-gradient(90deg,#4a1e2c 0%,#c4a15c 48%,#4a1e2c 100%);
}

/* Richer section-specific visual anchors */
.area-heart{
  background:
    radial-gradient(circle at 85% 18%,rgba(196,161,92,.10),transparent 25%),
    linear-gradient(135deg,#d6c0a8 0%,#ede0d0 45%,#cdb39b 100%);
}
.local-roots-section{
  background:
    radial-gradient(circle at 78% 20%,rgba(196,161,92,.12),transparent 24%),
    linear-gradient(135deg,#17080d 0%,#4a1e2c 48%,#1c090f 100%);
  color:#f8efe4;
}
.local-roots-section h2,.local-roots-section h3{color:#fff7e8}
.local-roots-section .lead,.local-roots-section p{color:rgba(255,244,226,.86)}
.local-roots-section .eyebrow{color:#e8cd99}
.local-roots-section .gold-quote{
  color:#fff3d7;
  border-color:rgba(237,216,166,.75);
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(196,161,92,.08),rgba(255,255,255,.03));
}
.local-roots-section .local-roots-photo{box-shadow:0 28px 70px rgba(0,0,0,.30)}

/* Community tiles: deeper burgundy caption treatment */
.community-card{border-color:rgba(196,161,92,.60)!important;background:#1a0a10!important}
.community-copy{
  background:linear-gradient(180deg,rgba(74,30,44,.05) 0%,rgba(74,30,44,.93) 34%,rgba(21,7,12,.98) 100%)!important;
}
.community-copy strong{color:#fff6e8!important}
.community-copy span{color:#e9d6b2!important}

/* Stronger visual hierarchy for seller/marketing modules */
.prep-grid,.offer-grid,.benefit-row,.contact-direct{
  background:linear-gradient(180deg,#ead8c1 0%,#d8bea2 100%);
  border-color:rgba(74,30,44,.32)!important;
}
.prep-grid article,.marketing-grid article{
  background:
    radial-gradient(circle at top right,rgba(74,30,44,.07),transparent 32%),
    linear-gradient(180deg,#f4e6d5 0%,#dfc7aa 100%)!important;
}
.marketing-grid article:nth-child(3n+2),.prep-grid article:nth-child(even){
  background:
    radial-gradient(circle at top left,rgba(196,161,92,.10),transparent 34%),
    linear-gradient(180deg,#e8d2b8 0%,#d4b79a 100%)!important;
}
.benefit-row>div,.contact-direct>div{background:linear-gradient(180deg,#f2e2ce,#dcc2a6)}

/* Darker luxury guide / CTA containers */
.guide-box{
  background:
    radial-gradient(circle at 88% 20%,rgba(196,161,92,.18),transparent 26%),
    linear-gradient(135deg,#14070c 0%,#4a1e2c 58%,#4a1e2c 100%)!important;
  color:#fff6e6;
}
.guide-box h2,.guide-box h3,.guide-box p{color:#fff6e6}

/* Inputs sit on richer cream instead of white */
.field input,.field select,.field textarea{
  background:linear-gradient(180deg,#fff9f0 0%,#f1e1ca 100%);
  border-color:rgba(74,30,44,.20);
}

/* Footer and header get more black/cabernet contrast */
.site-header{
  background:linear-gradient(180deg,rgba(248,239,226,.98) 0%,rgba(229,211,190,.96) 100%);
}
.affiliation-bar{
  background:linear-gradient(90deg,#060506 0%,#4a1e2c 38%,#4a1e2c 60%,#16070d 100%);
}
.footer{
  background:linear-gradient(180deg,#070506 0%,#16070c 34%,#4a1e2c 100%);
}
.footer-photo{
  background-image:
    linear-gradient(0deg,rgba(7,5,6,.97),rgba(74,30,44,.78)),
    url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Mt.%20Lukens%20overlooking%20La%20Crescenta-Montrose.jpg?width=1800");
}

/* Headings get subtle Berkshire accent */
.section:not(.section-black):not(.section-wine):not(.local-roots-section) h2{
  text-shadow:0 1px 0 rgba(255,255,255,.22);
}
.gold-rule{background:linear-gradient(90deg,#4a1e2c,#d7b66f,#4a1e2c)}

@media (max-width:820px){
  .neighbor-band{background:linear-gradient(180deg,#16080d,#4a1e2c,#16080d)}
}


/* ===== V9 more imagery / visual pop ===== */
.visual-showcase{background:linear-gradient(180deg,#f0e0cd 0%,#e5d0ba 55%,#ebdac8 100%)}
.visual-showcase .lead{max-width:760px}
.photo-mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:190px;gap:16px;margin-top:28px}
.mosaic-card{position:relative;overflow:hidden;border:1px solid rgba(193,154,86,.45);box-shadow:0 18px 40px rgba(74,30,44,.16);background:#1c0b10}
.mosaic-card.tall{grid-row:span 2}
.mosaic-card.wide{grid-column:span 2}
.mosaic-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease, filter .45s ease}
.mosaic-card:hover img{transform:scale(1.04);filter:saturate(1.06)}
.mosaic-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,12,.04),rgba(20,8,12,.2) 55%,rgba(20,8,12,.84) 100%)}
.mosaic-card figcaption{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff7ea;font-size:.92rem;line-height:1.3;font-family:Georgia,serif}
.mosaic-card strong{display:block;color:#f1ddb6;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;margin-bottom:6px}
.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.image-note{background:linear-gradient(180deg,#fff9f2 0%,#f5e7d4 100%);border:1px solid rgba(193,154,86,.38);overflow:hidden;box-shadow:0 16px 32px rgba(74,30,44,.09)}
.image-note img{width:100%;height:220px;object-fit:cover;display:block}
.image-note .copy{padding:15px 16px 18px}
.image-note .copy strong{display:block;color:#4a1e2c;font-family:Georgia,serif;font-size:1.08rem;margin-bottom:6px}
.image-note .copy span{color:#52474a;font-size:.95rem;display:block}
.inline-image-split{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:center}
.inline-image-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inline-image-stack .stack-card{position:relative;overflow:hidden;border:1px solid rgba(193,154,86,.38);box-shadow:0 14px 28px rgba(74,30,44,.1);background:#4a1e2c}
.inline-image-stack .stack-card img{width:100%;height:190px;object-fit:cover;display:block}
.inline-image-stack .stack-card span{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;color:#fff9ef;font-size:.82rem;font-family:Georgia,serif}
.inline-image-stack .stack-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,12,.06),rgba(20,8,12,.78) 100%)}
.section-dark-gallery{background:linear-gradient(135deg,#4a1e2c 0%, #4a1e2c 52%, #1e0710 100%);color:#fdf5e6}
.section-dark-gallery h2,.section-dark-gallery h3{color:#fff7eb}
.section-dark-gallery .eyebrow{color:#efdcb4}
.section-dark-gallery .image-note{background:linear-gradient(180deg,rgba(255,250,242,.13) 0%,rgba(255,250,242,.05) 100%);border-color:rgba(237,216,169,.28)}
.section-dark-gallery .image-note .copy strong{color:#fff7ea}
.section-dark-gallery .image-note .copy span{color:rgba(255,244,226,.8)}
.photo-credit{margin-top:18px}
@media (max-width:980px){
  .photo-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .mosaic-card.wide{grid-column:auto}
  .mini-gallery{grid-template-columns:1fr 1fr}
  .inline-image-split{grid-template-columns:1fr}
}
@media (max-width:680px){
  .photo-mosaic,.mini-gallery,.inline-image-stack{grid-template-columns:1fr}
  .mosaic-card.tall{grid-row:auto}
  .image-note img,.inline-image-stack .stack-card img{height:220px}
}


/* ===== V10 image-heavy pass ===== */
.section-support-visuals{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.section-support-visuals.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-support-visuals.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.support-visual-card{position:relative;overflow:hidden;min-height:210px;border:1px solid rgba(193,154,86,.42);background:#4a1e2c;box-shadow:0 16px 36px rgba(74,30,44,.15)}
.support-visual-card img{width:100%;height:100%;min-height:210px;object-fit:cover;display:block;transition:transform .5s ease, filter .35s ease}
.support-visual-card:hover img{transform:scale(1.04);filter:saturate(1.05)}
.support-visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,5,8,.06),rgba(14,5,8,.18) 45%,rgba(14,5,8,.85) 100%)}
.support-visual-caption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:#fff8ef;font-family:Georgia,serif;font-size:.95rem;line-height:1.3}
.support-visual-caption strong{display:block;color:#f1ddb2;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;margin-bottom:6px}
.support-inline-note{margin-top:18px;font-size:.92rem;color:#6a5658}
.section-white .support-inline-note,.section-sand .support-inline-note,.section-sage .support-inline-note,.section-ivory .support-inline-note,.section-clay .support-inline-note,.area-intro .support-inline-note{color:#6e5e5d}
.section-wine .support-inline-note,.section-black .support-inline-note,.section-dark-gallery .support-inline-note{color:rgba(255,244,226,.75)}
@media (max-width:900px){.section-support-visuals,.section-support-visuals.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.section-support-visuals,.section-support-visuals.two,.section-support-visuals.four{grid-template-columns:1fr}.support-visual-card,.support-visual-card img{min-height:240px}}

/* ===== V11 CINEMATIC / EDITORIAL LUXURY HOME ===== */
:root{
  --v11-black:#080808;
  --v11-ink:#151112;
  --v11-wine:#4a1e2c;
  --v11-gold:#c6a76a;
  --v11-ivory:#f6f2ea;
  --v11-soft:#ebe3d7;
}
.cinematic-home{background:#f7f4ee;overflow-x:hidden}
.cinematic-home::before{display:none}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:2000;pointer-events:none;background:rgba(255,255,255,.08)}
.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--v11-gold),#f0dec0);box-shadow:0 0 18px rgba(198,167,106,.45)}

/* transparent luxury navigation over the opening film */
.cinematic-home .cinematic-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(4,4,4,.7),rgba(4,4,4,.18),transparent);border:0;box-shadow:none;backdrop-filter:none;color:#fff}
.cinematic-home .cinematic-header::before{display:none}
.cinematic-home .cinematic-header .affiliation-bar{background:rgba(5,5,5,.38);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.cinematic-home .cinematic-header .header-inner{min-height:84px}
.cinematic-home .cinematic-header .monogram{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(229,205,155,.7);box-shadow:none}
.cinematic-home .cinematic-header .brand-copy strong{color:#fff}
.cinematic-home .cinematic-header .brand-copy small{color:rgba(255,255,255,.72)}
.cinematic-home .cinematic-header .nav>a,.cinematic-home .cinematic-header .dropbtn{color:rgba(255,255,255,.92);background:transparent;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.cinematic-home .cinematic-header .nav>a:hover,.cinematic-home .cinematic-header .dropbtn:hover,.cinematic-home .cinematic-header .nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 -1px 0 rgba(224,196,140,.9)}
.cinematic-home .cinematic-header .header-cta{background:rgba(255,255,255,.95);color:#4a1e2c;border-color:#fff;box-shadow:none}
.cinematic-home .cinematic-header.is-scrolled{position:fixed;background:rgba(255,253,248,.96);box-shadow:0 14px 40px rgba(0,0,0,.08);backdrop-filter:blur(16px);animation:headerDrop .3s ease both}
.cinematic-home .cinematic-header.is-scrolled .affiliation-bar{display:none}
.cinematic-home .cinematic-header.is-scrolled .monogram{background:#fff;color:var(--wine-deep);border-color:rgba(193,154,86,.7)}
.cinematic-home .cinematic-header.is-scrolled .brand-copy strong{color:var(--wine-deep)}
.cinematic-home .cinematic-header.is-scrolled .brand-copy small{color:var(--wine)}
.cinematic-home .cinematic-header.is-scrolled .nav>a,.cinematic-home .cinematic-header.is-scrolled .dropbtn{color:#251b1e;text-shadow:none}
.cinematic-home .cinematic-header.is-scrolled .header-cta{background:var(--wine);color:#fff;border-color:var(--wine)}
@keyframes headerDrop{from{transform:translateY(-12px);opacity:.2}to{transform:none;opacity:1}}

/* full-screen opening film */
.cinema-hero{position:relative;min-height:100svh;height:max(760px,100svh);display:flex;align-items:flex-end;overflow:hidden;background:#111;color:#fff}
.cinema-hero-media,.cinema-hero-media video,.cinema-hero-media .hero-video-fallback{position:absolute;inset:0;width:100%;height:100%}
.cinema-hero-media video,.cinema-hero-media .hero-video-fallback{object-fit:cover;object-position:center 48%}
.cinema-hero-media .hero-video-fallback{z-index:0;filter:saturate(.8) contrast(1.04);transform:scale(1.03)}
.cinema-hero-media video{z-index:1;filter:saturate(.78) contrast(1.08) brightness(.88)}
.cinema-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,5,5,.77) 0%,rgba(12,4,7,.48) 43%,rgba(8,8,8,.14) 72%),linear-gradient(0deg,rgba(5,5,5,.74) 0%,rgba(5,5,5,.08) 53%,rgba(5,5,5,.42) 100%)}
.cinema-grain{position:absolute;inset:0;z-index:3;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.cinema-hero-inner{position:relative;z-index:4;padding:210px 0 76px}
.hero-kicker{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:#ead9ba;margin-bottom:20px}
.hero-title-wrap{max-width:980px}
.cinema-hero .editorial-script{margin:0 0 10px;color:#f1ddba;font-size:1.32rem}
.cinema-hero h1{font-size:clamp(4.2rem,7.8vw,8rem);line-height:.88;letter-spacing:-.058em;color:#fff;margin:0;text-shadow:0 10px 60px rgba(0,0,0,.38);font-weight:400}
.cinema-hero h1 span{font-size:.69em;font-style:italic;font-weight:400;color:#f4ead9;display:inline-block;margin-top:.14em}
.hero-bottom{display:grid;grid-template-columns:minmax(0,720px) auto;align-items:end;gap:40px;margin-top:38px;max-width:1040px}
.cinema-hero .lead{color:rgba(255,255,255,.9);font-size:1.08rem;line-height:1.65;margin:0}
.hero-actions{display:grid;gap:14px;justify-items:start;white-space:nowrap}
.text-link-light{color:#fff;font-family:Georgia,serif;font-style:italic;border-bottom:1px solid rgba(255,255,255,.45);padding:4px 0}.text-link-light span{margin-left:8px}
.hero-side-note{position:absolute;right:22px;bottom:76px;z-index:5;display:flex;align-items:center;gap:13px;transform:rotate(90deg);transform-origin:right bottom;color:rgba(255,255,255,.7);font-size:.62rem;letter-spacing:.18em}
.hero-side-note i{width:76px;height:1px;background:rgba(255,255,255,.45);display:block;position:relative;overflow:hidden}.hero-side-note i::after{content:"";position:absolute;inset:0;background:#fff;animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
.motion-toggle{position:absolute;right:24px;top:150px;z-index:7;border:1px solid rgba(255,255,255,.38);background:rgba(5,5,5,.22);color:#fff;border-radius:999px;padding:9px 13px;display:flex;gap:8px;align-items:center;font-size:.72rem;letter-spacing:.06em;backdrop-filter:blur(8px)}
.motion-icon{font-size:.7rem;min-width:10px}.motion-toggle:hover{background:rgba(5,5,5,.45)}

/* continuous community ticker */
.motion-marquee{background:#090909;color:#efe6d4;border-top:1px solid rgba(198,167,106,.35);border-bottom:1px solid rgba(198,167,106,.35);overflow:hidden;padding:15px 0}
.marquee-track{display:flex;width:max-content;gap:25px;align-items:center;animation:marqueeMove 38s linear infinite;font-family:Georgia,serif;font-size:.78rem;letter-spacing:.18em;white-space:nowrap}.marquee-track b{font-weight:400;color:var(--v11-gold)}
@keyframes marqueeMove{to{transform:translateX(-50%)}}
.motion-marquee:hover .marquee-track{animation-play-state:paused}

/* editorial opening */
.editorial-intro{padding:126px 0 148px;background:#f8f5ef}
.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:84px;align-items:center}
.editorial-copy h2{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.93;margin:.15em 0 .3em}.editorial-copy h2 em,.center-heading h2 em{font-weight:400;color:#6d4d44}.editorial-subhead{font-family:Georgia,serif;font-size:1.24rem;line-height:1.55;color:#4f4545;max-width:570px}.editorial-rule{width:100%;height:1px;background:linear-gradient(90deg,var(--v11-gold),transparent);margin:28px 0}.editorial-copy>p:not(.eyebrow):not(.editorial-subhead){max-width:570px}.editorial-link{display:inline-flex;align-items:center;gap:30px;margin-top:10px;font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:1.05rem}.editorial-link span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(74,30,44,.28);border-radius:50%;transition:.25s}.editorial-link:hover span{background:var(--wine);color:#fff;transform:translateX(5px)}
.editorial-collage{position:relative;min-height:720px}.editorial-collage figure{margin:0;position:absolute;overflow:hidden;background:#ddd;box-shadow:0 35px 75px rgba(27,15,18,.16)}.editorial-collage figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.editorial-collage figure:hover img{transform:scale(1.045)}.collage-a{left:2%;top:0;width:48%;height:68%;z-index:2}.collage-a img{object-position:center 32%}.collage-b{right:0;bottom:0;width:58%;height:52%;z-index:1}.collage-b img{object-position:center}.editorial-collage figcaption{position:absolute;left:16px;bottom:15px;background:rgba(255,252,246,.9);padding:10px 13px;color:#4a1e2c;font-family:Georgia,serif;font-size:.88rem;backdrop-filter:blur(8px)}.editorial-collage figcaption small{display:block;font-family:inherit;font-style:italic;color:#785d55;margin-top:2px}.collage-quote{position:absolute;right:2%;top:9%;z-index:3;background:#4a1e2c;color:#f7ede0;padding:29px 31px;width:min(320px,45%);font-family:Georgia,serif;font-size:1.42rem;line-height:1.35;box-shadow:0 22px 55px rgba(74,30,44,.26);border:1px solid rgba(198,167,106,.45)}

/* image-first visual story */
.visual-story{padding:110px 0 130px;background:#101010;color:#fff;overflow:hidden}.visual-story .eyebrow{color:#dabe86}.visual-story h2{color:#fff;max-width:850px;font-size:clamp(2.8rem,5.2vw,5.2rem)}.visual-story-heading>p:last-child{max-width:720px;color:rgba(255,255,255,.7)}
.image-ribbon{display:grid;grid-template-columns:.8fr 1.35fr .9fr .8fr 1.3fr;gap:16px;align-items:center;width:max(1540px,110vw);margin:56px 0 0 -5vw}.ribbon-card{position:relative;margin:0;height:420px;overflow:hidden;background:#222}.ribbon-card.tall{height:530px}.ribbon-card.square{height:390px}.ribbon-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.ribbon-card:hover img{transform:scale(1.06);filter:saturate(1)}.ribbon-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 52%)}.ribbon-card figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;font-family:Georgia,serif;font-size:1.22rem}.ribbon-card figcaption span{display:block;font-family:"Segoe UI",sans-serif;font-size:.69rem;text-transform:uppercase;letter-spacing:.14em;color:#dbc28e;margin-top:2px}

/* sticky editorial service story */
.personal-sale-section{background:#f5efe6;padding:135px 0}.personal-sale-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.sticky-media{position:sticky;top:120px}.sticky-media-frame{height:720px;overflow:hidden;box-shadow:0 34px 85px rgba(74,30,44,.18)}.sticky-media-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transform:scale(1.03)}.floating-label{position:absolute;right:-38px;bottom:50px;background:#fff;padding:20px 24px;box-shadow:0 22px 50px rgba(28,13,17,.16);max-width:270px}.floating-label span{display:block;font-size:.63rem;letter-spacing:.19em;color:#8a6a4e;font-weight:800}.floating-label strong{display:block;font-family:Georgia,serif;color:#4a1e2c;font-size:1.2rem;margin-top:4px}.story-stack{display:grid;gap:0}.story-stack article{padding:36px 0 48px;border-bottom:1px solid rgba(74,30,44,.18)}.story-stack article:first-child{padding-top:0}.story-stack h2{font-size:clamp(3rem,5vw,5rem)}.story-stack h3{font-size:2rem;line-height:1.16}.quote-story span,.note-story span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#8b6858;font-weight:800}.quote-story h3{font-style:italic;color:#4a1e2c}.note-story strong{display:block;margin-top:24px;font-family:Georgia,serif;font-size:1.05rem;color:#4a1e2c}

/* wide cinematic statement */
.full-bleed-statement{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;background:#111;color:#fff}.full-bleed-statement>img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:saturate(.74) contrast(1.04)}.full-bleed-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,8,.78),rgba(24,9,15,.4) 55%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.full-bleed-copy{position:relative;z-index:2;max-width:850px}.full-bleed-copy .eyebrow{color:#e6ce9d}.full-bleed-copy h2{color:#fff;font-size:clamp(3.3rem,6.1vw,6.5rem);line-height:.95}.full-bleed-copy p:last-child{max-width:730px;color:rgba(255,255,255,.84);font-size:1.08rem}
.story-points{padding:105px 0;background:#fff}.story-points-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(74,30,44,.22);border-bottom:1px solid rgba(74,30,44,.22)}.story-points article{padding:42px 48px}.story-points article+article{border-left:1px solid rgba(74,30,44,.22)}.story-points article>span{font-size:.68rem;letter-spacing:.17em;color:#b58e53}.story-points h3{font-size:2rem;margin-top:16px}

/* marketing as editorial timeline */
.marketing-cinematic{background:#f3eee7;padding:130px 0}.center-heading{text-align:center;max-width:920px;margin:0 auto 62px}.center-heading h2{font-size:clamp(3.1rem,5.8vw,5.8rem);line-height:.96}.center-heading>p:last-child{max-width:650px;margin-inline:auto}.marketing-timeline{max-width:1030px;margin:auto;border-top:1px solid rgba(74,30,44,.25)}.marketing-timeline article{display:grid;grid-template-columns:92px 1fr;gap:30px;padding:34px 10px;border-bottom:1px solid rgba(74,30,44,.25);transition:.28s}.marketing-timeline article:hover{padding-left:30px;background:rgba(255,255,255,.56)}.marketing-timeline b{font-family:Georgia,serif;color:#ab854e;font-size:1.2rem;font-weight:400;padding-top:8px}.marketing-timeline h3{font-size:2rem;margin:0}.marketing-timeline p{margin:.35em 0 0;max-width:760px}

/* second film moment */
.cinema-break{position:relative;height:78vh;min-height:620px;display:grid;place-items:center;overflow:hidden;background:#111;color:#fff}.cinema-break-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.8)}.cinema-break-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.65),rgba(8,8,8,.14)),linear-gradient(90deg,rgba(21,5,11,.4),transparent)}.cinema-break-copy{position:relative;z-index:2;text-align:center;max-width:890px}.cinema-break-copy span{font-size:.68rem;letter-spacing:.22em;color:#eeddbb}.cinema-break-copy h2{font-size:clamp(3.7rem,7vw,7rem);line-height:.9;color:#fff;margin:.2em 0}.cinema-break-copy p{color:rgba(255,255,255,.85);max-width:650px;margin:auto;font-size:1.1rem}

/* community horizontal cinema scroller */
.communities-cinematic{padding:125px 0 115px;background:#0b0b0b;color:#fff;overflow:hidden}.community-heading{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:48px}.community-heading .eyebrow{color:#d6bb83}.community-heading h2{color:#fff;font-size:clamp(3rem,5.3vw,5.5rem);margin-bottom:0}.community-heading>p{color:rgba(255,255,255,.68);margin:0 0 8px}.community-scroller{display:flex;gap:18px;overflow-x:auto;padding:0 max(21px,calc((100vw - var(--max))/2)) 28px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8f7345 #1c1c1c}.community-cinema-card{position:relative;flex:0 0 min(430px,78vw);height:570px;scroll-snap-align:center;overflow:hidden;background:#222}.community-cinema-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.86);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s}.community-cinema-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 52%)}.community-cinema-card>span{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.community-cinema-card small{display:block;color:#d3b170;font-size:.66rem;letter-spacing:.2em;margin-bottom:6px}.community-cinema-card strong{display:block;color:#fff;font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.05}.community-cinema-card em{display:block;color:rgba(255,255,255,.74);font-family:Georgia,serif;font-size:.9rem;margin-top:7px}.community-cinema-card:hover img{transform:scale(1.06);filter:saturate(.94) brightness(.9)}.scroller-hint{display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:.76rem;letter-spacing:.08em;margin-top:14px}.scroller-hint a{color:#e1c790;font-family:Georgia,serif;font-style:italic;font-size:.92rem;letter-spacing:0}

/* service rows instead of boxes */
.services-editorial{padding:135px 0;background:#fff}.services-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:82px;align-items:start}.services-heading{position:sticky;top:140px}.services-heading h2{font-size:clamp(3rem,5.2vw,5.3rem)}.service-panels{border-top:1px solid rgba(74,30,44,.24)}.service-panel{display:grid;grid-template-columns:52px 1fr 42px;gap:20px;align-items:start;padding:26px 10px;border-bottom:1px solid rgba(74,30,44,.24);transition:.28s}.service-panel>span{font-size:.66rem;letter-spacing:.15em;color:#ad8a53;padding-top:7px}.service-panel h3{font-size:1.65rem;margin:0}.service-panel p{margin:.25em 0 0;max-width:650px;color:#62585a}.service-panel b{width:34px;height:34px;border:1px solid rgba(74,30,44,.24);border-radius:50%;display:grid;place-items:center;color:#4a1e2c;font-weight:400;transition:.28s}.service-panel:hover{padding-left:28px;background:#f8f3eb}.service-panel:hover b{background:#4a1e2c;color:#fff;transform:rotate(45deg)}

/* Linda portrait editorial */
.local-roots-cinematic{padding:135px 0;background:#eee6da}.roots-cinematic-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:88px;align-items:center}.roots-portrait{margin:0;position:relative}.roots-portrait::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(74,30,44,.28);z-index:0}.roots-portrait img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 34%;box-shadow:0 30px 70px rgba(74,30,44,.2)}.roots-portrait figcaption{position:relative;z-index:2;margin:18px 0 0;font-family:Georgia,serif;font-style:italic;color:#4a1e2c}.roots-copy h2{font-size:clamp(3.1rem,5.5vw,5.7rem)}.roots-copy blockquote{margin:34px 0;padding:24px 0;border-top:1px solid #bb9258;border-bottom:1px solid #bb9258;font-family:Georgia,serif;font-style:italic;font-size:1.5rem;color:#4a1e2c}

/* final photographic CTA */
.closing-cinematic{position:relative;min-height:750px;display:grid;align-items:center;overflow:hidden;color:#fff;background:#4a1e2c}.closing-cinematic-bg,.closing-cinematic-bg img{position:absolute;inset:0;width:100%;height:100%}.closing-cinematic-bg img{object-fit:cover;filter:saturate(.62) brightness(.7)}.closing-cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,4,13,.9),rgba(30,4,13,.42) 58%,rgba(0,0,0,.12))}.closing-copy{position:relative;z-index:2;max-width:900px}.closing-copy .handwritten{color:#edd1ad;font-size:1.55rem}.closing-copy h2{color:#fff;font-size:clamp(3.2rem,6vw,6.2rem);line-height:.94}.closing-copy .lead{color:rgba(255,255,255,.86);max-width:760px}

/* elegant motion reveal */
.reveal,.reveal-stagger>*{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal.in-view,.reveal-stagger.in-view>*{opacity:1;transform:none}.reveal-stagger.in-view>*:nth-child(2){transition-delay:.08s}.reveal-stagger.in-view>*:nth-child(3){transition-delay:.16s}.reveal-stagger.in-view>*:nth-child(4){transition-delay:.24s}.reveal-stagger.in-view>*:nth-child(5){transition-delay:.32s}.reveal-stagger.in-view>*:nth-child(6){transition-delay:.4s}.reveal-stagger.in-view>*:nth-child(7){transition-delay:.48s}.reveal-stagger.in-view>*:nth-child(8){transition-delay:.56s}

/* apply subtle motion to the rest of the existing site too */
body:not(.cinematic-home) .section> .container,body:not(.cinematic-home) .hero-content{animation:pageSoftIn .7s ease both}@keyframes pageSoftIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:1050px){
  .cinematic-home .cinematic-header .header-cta{display:none}
  .hero-bottom{grid-template-columns:1fr}.hero-actions{grid-template-columns:auto auto;align-items:center}
  .editorial-grid,.personal-sale-grid,.services-grid,.roots-cinematic-grid{gap:55px}
  .editorial-collage{min-height:620px}
  .community-heading{grid-template-columns:1fr}.community-heading>p{max-width:700px}
}
@media (max-width:820px){
  .cinematic-home .cinematic-header{position:absolute}.cinematic-home .cinematic-header .header-inner{min-height:70px}.cinematic-home .cinematic-header .menu-toggle{display:inline-flex;color:#fff;border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.2)}
  .cinematic-home .cinematic-header.is-scrolled .menu-toggle{color:var(--wine);border-color:rgba(74,30,44,.25);background:#fff}.cinematic-home .cinematic-header.is-scrolled .nav{background:rgba(255,253,248,.98)}.cinematic-home .cinematic-header:not(.is-scrolled) .nav.open{background:rgba(12,8,9,.96)}
  .cinematic-home .cinematic-header:not(.is-scrolled) .nav.open a,.cinematic-home .cinematic-header:not(.is-scrolled) .nav.open .dropbtn{color:#fff}
  .cinema-hero{height:max(720px,100svh)}.cinema-hero-inner{padding:190px 0 72px}.cinema-hero h1{font-size:clamp(3.45rem,12vw,5.5rem)}.cinema-hero h1 span{font-size:.67em}.hero-bottom{gap:25px}.hero-actions{grid-template-columns:1fr}.hero-side-note{display:none}.motion-toggle{top:auto;bottom:22px;right:20px}.motion-label{display:none}
  .editorial-intro,.personal-sale-section,.marketing-cinematic,.communities-cinematic,.services-editorial,.local-roots-cinematic{padding:90px 0}.editorial-grid,.personal-sale-grid,.services-grid,.roots-cinematic-grid{grid-template-columns:1fr;gap:55px}.editorial-collage{min-height:620px}.personal-sale-grid{gap:65px}.sticky-media{position:relative;top:auto}.sticky-media-frame{height:600px}.floating-label{right:14px}.story-points-grid{grid-template-columns:1fr}.story-points article+article{border-left:0;border-top:1px solid rgba(74,30,44,.22)}.services-heading{position:relative;top:auto}.image-ribbon{width:1450px;margin-left:-170px}.community-cinema-card{height:500px}.full-bleed-statement{min-height:650px}.cinema-break{height:68vh;min-height:560px}.closing-cinematic{min-height:680px}
}
@media (max-width:560px){
  .cinematic-home .affiliation-bar{display:none}.cinematic-home .cinematic-header .brand-copy small{font-size:.52rem}.cinematic-home .cinematic-header .brand{min-width:auto}.cinematic-home .cinematic-header .monogram{width:40px;height:40px}
  .cinema-hero-inner{padding-top:145px}.hero-kicker{font-size:.58rem;line-height:1.5;max-width:260px}.cinema-hero h1{font-size:clamp(3.15rem,14.2vw,4.8rem);line-height:.9}.cinema-hero .editorial-script{font-size:1.08rem}.cinema-hero .lead{font-size:.96rem}.hero-actions .btn{width:100%}
  .editorial-intro{padding:78px 0 95px}.editorial-copy h2,.story-stack h2,.center-heading h2,.community-heading h2,.services-heading h2,.roots-copy h2{font-size:2.8rem}.editorial-collage{min-height:520px}.collage-a{width:60%;height:70%}.collage-b{width:65%;height:48%}.collage-quote{width:54%;font-size:1rem;padding:20px;top:8%}.editorial-collage figcaption{font-size:.72rem;padding:7px 9px}.visual-story{padding:80px 0 95px}.visual-story h2,.full-bleed-copy h2,.cinema-break-copy h2,.closing-copy h2{font-size:3.15rem}.image-ribbon{width:1250px;margin-left:-240px}.ribbon-card{height:340px}.ribbon-card.tall{height:410px}.ribbon-card.square{height:320px}.sticky-media-frame{height:480px}.floating-label{bottom:20px;right:-4px;padding:14px 16px;max-width:210px}.story-stack h3,.story-points h3,.marketing-timeline h3{font-size:1.55rem}.story-points article{padding:30px 12px}.full-bleed-statement{min-height:580px}.marketing-timeline article{grid-template-columns:44px 1fr;gap:14px;padding:25px 0}.marketing-timeline article:hover{padding-left:10px}.cinema-break{min-height:520px}.community-cinema-card{flex-basis:84vw;height:460px}.community-cinema-card strong{font-size:1.65rem}.scroller-hint{display:block}.scroller-hint a{display:block;margin-top:10px}.service-panel{grid-template-columns:38px 1fr 30px;gap:12px;padding:22px 0}.service-panel:hover{padding-left:8px}.service-panel h3{font-size:1.35rem}.service-panel p{font-size:.92rem}.roots-portrait::before{inset:12px -10px -12px 10px}.roots-copy blockquote{font-size:1.22rem}.closing-cinematic{min-height:650px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.marquee-track,.hero-side-note i::after{animation:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important}.cinematic-home *{scroll-behavior:auto!important}.parallax-card,.cinema-hero-media,.closing-cinematic-bg{transform:none!important}
}

/* ===== V12 VISUAL VARIETY + MOTION PASS ===== */
.cinema-hero-media .hero-video-fallback{z-index:0}
.cinema-hero-media .hero-video-backup{z-index:1;filter:saturate(.82) contrast(1.06) brightness(.82)}
.cinema-hero-media .hero-video{z-index:2;opacity:0;transition:opacity 1s ease;filter:saturate(.8) contrast(1.08) brightness(.86)}
.cinema-hero-media .hero-video.is-playing{opacity:1}
.hero-film-label{position:absolute;left:max(20px,calc((100vw - var(--max))/2));top:154px;z-index:6;color:#fff;background:rgba(6,6,6,.34);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(8px);padding:8px 11px;border-radius:999px;font-size:.58rem;letter-spacing:.18em;font-weight:700}
.hero-video-backup{animation:heroFilmPulse 15s ease-in-out infinite alternate}
@keyframes heroFilmPulse{from{transform:scale(1.015)}to{transform:scale(1.055)}}

/* Make the photo ribbon visibly move even when the visitor is not interacting. */
.image-ribbon{animation:ribbonDrift 24s ease-in-out infinite alternate;will-change:transform}
.visual-story:hover .image-ribbon{animation-play-state:paused}
@keyframes ribbonDrift{from{transform:translate3d(-1.5vw,0,0)}to{transform:translate3d(-10vw,0,0)}}
.ribbon-card:nth-child(odd) img{animation:photoBreathA 12s ease-in-out infinite alternate}
.ribbon-card:nth-child(even) img{animation:photoBreathB 15s ease-in-out infinite alternate}
@keyframes photoBreathA{from{transform:scale(1.01) translate3d(-.4%,0,0)}to{transform:scale(1.075) translate3d(1.2%,-.6%,0)}}
@keyframes photoBreathB{from{transform:scale(1.06) translate3d(.7%,0,0)}to{transform:scale(1.015) translate3d(-.8%,.5%,0)}}
.ribbon-card:hover img{animation-play-state:paused!important;transform:scale(1.09)!important}

/* Community cards keep a subtle cinematic drift so the row does not feel static. */
.community-cinema-card:nth-child(3n+1) img{animation:communityDriftA 16s ease-in-out infinite alternate}
.community-cinema-card:nth-child(3n+2) img{animation:communityDriftB 18s ease-in-out infinite alternate}
.community-cinema-card:nth-child(3n) img{animation:communityDriftC 20s ease-in-out infinite alternate}
@keyframes communityDriftA{from{transform:scale(1.03) translateX(-.7%)}to{transform:scale(1.085) translateX(1.1%)}}
@keyframes communityDriftB{from{transform:scale(1.075) translateY(-.5%)}to{transform:scale(1.025) translateY(.8%)}}
@keyframes communityDriftC{from{transform:scale(1.02) translate3d(.6%,-.4%,0)}to{transform:scale(1.08) translate3d(-.8%,.5%,0)}}
.community-cinema-card:hover img{animation-play-state:paused!important;transform:scale(1.1)!important}

/* Inner pages: images now reveal with movement instead of appearing as repeated static blocks. */
body:not(.cinematic-home) [data-motion-img]{opacity:.001;transform:scale(1.035) translateY(16px);transition:opacity .8s ease,transform 1.05s cubic-bezier(.2,.7,.2,1),filter .5s ease;will-change:transform,opacity}
body:not(.cinematic-home) [data-motion-img].motion-visible{opacity:1;transform:scale(1) translateY(0)}
body:not(.cinematic-home) .support-visual-card,body:not(.cinematic-home) .area-photo,body:not(.cinematic-home) .about-photo,body:not(.cinematic-home) .local-roots-photo{overflow:hidden}
body:not(.cinematic-home) .support-visual-card:hover [data-motion-img],body:not(.cinematic-home) .area-photo:hover [data-motion-img],body:not(.cinematic-home) .about-photo:hover [data-motion-img],body:not(.cinematic-home) .local-roots-photo:hover [data-motion-img]{transform:scale(1.045)}
body:not(.cinematic-home) .section-support-visuals>*:nth-child(even){transform:translateY(14px)}
body:not(.cinematic-home) .section-support-visuals>*:nth-child(3n){transform:translateY(-10px)}

/* Give full-width heroes a slow luxury-photo motion even on pages without video. */
body:not(.cinematic-home) .page-hero img[data-motion-img],body:not(.cinematic-home) .hero img[data-motion-img]{animation:innerHeroDrift 20s ease-in-out infinite alternate}
@keyframes innerHeroDrift{from{transform:scale(1.015) translateX(-.4%)}to{transform:scale(1.065) translateX(.8%)}}

@media (max-width:820px){
  .hero-film-label{top:118px;left:20px;font-size:.52rem;letter-spacing:.12em}
  .image-ribbon{animation-duration:28s}
}
@media (prefers-reduced-motion:reduce){
  .image-ribbon,.ribbon-card img,.community-cinema-card img,.hero-video-backup,body:not(.cinematic-home) .page-hero img[data-motion-img],body:not(.cinematic-home) .hero img[data-motion-img]{animation:none!important}
  body:not(.cinematic-home) [data-motion-img]{opacity:1!important;transform:none!important;transition:none!important}
}


/* ===== V13 STABILITY / INTERACTION CLEANUP ===== */
/* Desktop dropdown: remove the dead hover gap so the pointer can travel from
   the Communities button into the menu without closing it. */
.dropbtn{cursor:pointer}
.dropdown-menu{z-index:2500}
@media (min-width:821px){
  .dropdown-menu{
    display:grid;
    top:calc(100% - 1px);
    margin-top:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,visibility 0s linear .16s;
  }
  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu,
  .dropdown.menu-open .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
}

/* The V11 collage intentionally overlapped the two photos. In practice this
   looked like a layout collision at some widths, so V13 keeps the editorial
   stagger while giving every image its own clear space. */
.cinematic-home .editorial-collage{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  grid-template-areas:"collageA collageB" "collageQuote collageQuote";
  gap:20px;
  min-height:0;
  align-items:start;
}
.cinematic-home .editorial-collage figure{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
.cinematic-home .collage-a{grid-area:collageA;aspect-ratio:4/5;z-index:1}
.cinematic-home .collage-b{grid-area:collageB;aspect-ratio:4/5;z-index:1;margin-top:64px!important}
.cinematic-home .collage-quote{
  grid-area:collageQuote;
  position:relative!important;
  inset:auto!important;
  width:min(520px,92%)!important;
  justify-self:end;
  margin-top:2px;
}

/* Keep the floating story label inside its own photo instead of letting it
   protrude into the neighboring text column on narrower desktop widths. */
.cinematic-home .floating-label{
  right:18px;
  bottom:22px;
  max-width:min(270px,calc(100% - 36px));
}

/* V12 staggered support-card offsets could make adjacent rows touch/overlap,
   especially after the grid collapsed to one column. Keep movement inside the
   images themselves and keep card boxes in a predictable flow. */
body:not(.cinematic-home) .section-support-visuals{row-gap:22px}
body:not(.cinematic-home) .section-support-visuals>*{transform:none!important}

/* A little extra breathing room around moving image rows prevents shadows and
   hover scaling from visually colliding with neighboring content. */
.cinematic-home .image-ribbon{gap:20px}
.cinematic-home .community-scroller{gap:22px}
.cinematic-home .ribbon-card,.cinematic-home .community-cinema-card{isolation:isolate}

@media (max-width:820px){
  /* Anchor the mobile flyout directly below the complete header, including the
     affiliation strip when it is visible. */
  .site-header .nav{top:100%}
  .cinematic-home .editorial-collage{
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .cinematic-home .collage-b{margin-top:36px!important}
  .cinematic-home .collage-quote{width:min(560px,100%)!important}
}
@media (max-width:620px){
  .cinematic-home .editorial-collage{
    grid-template-columns:1fr;
    grid-template-areas:"collageA" "collageB" "collageQuote";
    gap:18px;
  }
  .cinematic-home .collage-a,.cinematic-home .collage-b{aspect-ratio:4/5;margin-top:0!important}
  .cinematic-home .collage-quote{justify-self:stretch;width:100%!important;font-size:1.08rem;padding:22px}
  .cinematic-home .floating-label{right:14px;left:14px;max-width:none}
  .hero-film-label{display:none}
}


/* ===== V14 CUSTOMER-FACING COPY + CURRENT BHHS TRADITIONAL PALETTE =====
   Current BHHS Traditional theme: Cabernet, Espresso, Earth, Dove, Blush,
   Rose and Pearl. Bright white is reserved for text/icons, not page fields. */
:root{
  --bhhs-cabernet:#4a1e2c;
  --bhhs-espresso:#2A2223;
  --bhhs-earth:#72595E;
  --bhhs-dove:#AA979C;
  --bhhs-blush:#C299AF;
  --bhhs-rose:#ECE3E5;
  --bhhs-pearl:#F5F1F2;
  --wine:#4a1e2c;
  --wine-deep:#2A2223;
  --cream:#ECE3E5;
  --paper:#F5F1F2;
  --oat:#E2D7DA;
  --ink:#2A2223;
  --muted:#72595E;
  --line:rgba(74,30,44,.17);
  --gold:#AA979C;
  --clay:#72595E;
  --sage:#72595E;
}
body{background:var(--bhhs-rose);color:var(--bhhs-espresso)}
body::before{background-image:radial-gradient(rgba(74,30,44,.055) .55px,transparent .55px);opacity:.18}
::selection{background:var(--bhhs-blush);color:var(--bhhs-espresso)}

/* No bright-white page fields. Alternate official soft tints instead. */
.section-white,.section-ivory,.area-intro,.editorial-intro,.services-editorial{background:var(--bhhs-pearl)!important}
.section-sand,.personal-sale-section,.local-roots-cinematic,.visual-showcase{background:var(--bhhs-rose)!important}
.section-sage,.section-clay{background:#E2D7DA!important}
.story-points{background:var(--bhhs-pearl)!important}
.marketing-cinematic{background:var(--bhhs-rose)!important}
.cinematic-home{background:var(--bhhs-rose)!important}

/* Light cards/fields use Pearl or Rose rather than pure white. */
.card,.quote-panel,.kitchen-note,.local-note,.lived-in-card,.image-note,.neighbor-band,
.guide-card,.resource-card,.area-card,.info-card,.contact-card,.faq-card,
.prep-grid,.offer-grid,.benefit-row,.contact-direct,
.prep-grid article,.marketing-grid article,.benefit-row>div,.contact-direct>div,
.cinematic-home .floating-label,.editorial-collage figcaption{
  background:var(--bhhs-pearl)!important;
}
.lived-in-card.alt{background:var(--bhhs-rose)!important}
.field input,.field select,.field textarea{background:var(--bhhs-pearl)!important;color:var(--bhhs-espresso)}
.dropdown-menu{background:var(--bhhs-pearl)!important;border-color:rgba(74,30,44,.18)}
.dropdown-menu a:hover{background:var(--bhhs-rose)!important;color:var(--bhhs-cabernet)}
.btn-light,.btn-secondary{background:var(--bhhs-pearl)!important;color:var(--bhhs-cabernet)!important}

/* Current BHHS Traditional palette: Cabernet leads, Espresso grounds. */
.affiliation-bar{background:var(--bhhs-espresso)!important}
.site-header{background:rgba(245,241,242,.97)!important;border-bottom:1px solid rgba(74,30,44,.20)!important}
.site-header::before{background:var(--bhhs-cabernet)!important;height:3px!important}
.monogram{background:var(--bhhs-rose)!important;border-color:var(--bhhs-cabernet)!important;color:var(--bhhs-cabernet)!important}
.brand-copy strong{color:var(--bhhs-espresso)!important}
.brand-copy small{color:var(--bhhs-cabernet)!important}
.nav>a:hover,.dropbtn:hover,.nav a[aria-current="page"]{background:var(--bhhs-rose)!important;color:var(--bhhs-cabernet)!important;box-shadow:inset 0 -2px 0 var(--bhhs-cabernet)!important}
.btn-primary{background:var(--bhhs-cabernet)!important;border-color:var(--bhhs-cabernet)!important}
.btn-primary:hover{background:#4a1e2c!important}

/* Home hero: retain cinematic scale but bring the message up immediately. */
.cinema-hero{
  min-height:700px!important;
  height:min(860px,88svh)!important;
  align-items:center!important;
  background:var(--bhhs-espresso)!important;
}
.cinema-hero-inner{padding:150px 0 48px!important}
.hero-kicker{margin-bottom:12px!important;color:#F0DDE6!important}
.cinema-hero .editorial-script{color:#F2DDE7!important}
.cinema-hero h1 span{color:#F7EBF0!important}
.hero-bottom{margin-top:24px!important}
.hero-film-label{top:138px!important;background:rgba(42,34,35,.55)!important;border-color:rgba(245,241,242,.32)!important;color:var(--bhhs-pearl)!important}
.motion-toggle{top:136px!important}
.motion-marquee{background:var(--bhhs-espresso)!important;border-color:rgba(194,153,175,.42)!important;color:var(--bhhs-pearl)!important}
.marquee-track b{color:var(--bhhs-blush)!important}

/* Home light editorial sections use branded tints and cabernet accents. */
.editorial-copy h2 em,.center-heading h2 em{color:var(--bhhs-earth)!important}
.editorial-link{color:var(--bhhs-cabernet)!important}
.editorial-link span{border-color:rgba(74,30,44,.32)!important}
.editorial-link:hover span{background:var(--bhhs-cabernet)!important}
.collage-quote{background:var(--bhhs-cabernet)!important;border-color:var(--bhhs-blush)!important}
.story-stack article,.story-points-grid,.service-panels,.service-panel{border-color:rgba(74,30,44,.20)!important}
.quote-story h3,.roots-copy blockquote{color:var(--bhhs-cabernet)!important}
.note-story strong{color:var(--bhhs-cabernet)!important}
.marketing-timeline{border-color:rgba(74,30,44,.23)!important}
.marketing-timeline article{border-color:rgba(74,30,44,.23)!important}
.marketing-timeline article:hover{background:rgba(194,153,175,.16)!important}
.service-panel:hover{background:rgba(194,153,175,.14)!important}
.service-panel b{color:var(--bhhs-cabernet)!important;border-color:rgba(74,30,44,.28)!important}
.service-panel:hover b{background:var(--bhhs-cabernet)!important;color:#fff!important}
.roots-portrait::before{border-color:rgba(74,30,44,.30)!important}

/* Dark cinematic moments now use Espresso/Cabernet rather than generic black. */
.visual-story,.communities-cinematic{background:var(--bhhs-espresso)!important}
.cinema-break{background:var(--bhhs-espresso)!important}
.closing-cinematic{background:var(--bhhs-cabernet)!important}
.footer{background:linear-gradient(180deg,var(--bhhs-espresso) 0%,#4a1e2c 45%,var(--bhhs-cabernet) 100%)!important}
.footer-photo{background-image:linear-gradient(0deg,rgba(42,34,35,.97),rgba(74,30,44,.78)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Mt.%20Lukens%20overlooking%20La%20Crescenta-Montrose.jpg?width=1800")!important}

/* Inner-page hero overlays and cards coordinate with the same palette. */
.hero{background:var(--bhhs-espresso)!important}
.hero-media::after{background:linear-gradient(90deg,rgba(42,34,35,.84) 0%,rgba(74,30,44,.55) 48%,rgba(42,34,35,.16) 80%),linear-gradient(0deg,rgba(42,34,35,.62),transparent 52%)!important}
.section-wine{background:var(--bhhs-cabernet)!important}
.area-heart,.section-dark-gallery,.local-roots-section{background:linear-gradient(135deg,var(--bhhs-espresso),var(--bhhs-cabernet))!important}

/* Keep the first transition after the film tight: no giant visual dead zone. */
.editorial-intro{padding:82px 0 100px!important}

@media (max-width:820px){
  .cinema-hero{height:auto!important;min-height:720px!important;align-items:end!important}
  .cinema-hero-inner{padding:150px 0 62px!important}
  .hero-film-label{top:116px!important}
  .motion-toggle{top:auto!important}
  .editorial-intro{padding:68px 0 82px!important}
}
@media (max-width:620px){
  .cinema-hero{min-height:690px!important}
  .cinema-hero-inner{padding:132px 0 72px!important}
}

/* V14 white-surface sweep: keep utility whites only for text/icons, never full content panels. */
.trust-strip,.answer-box,.glance,.local-item,.form-card,.sidebar-note,.story-num,.notice,
.area-photo,.lux-credential-band,.lux-card,.local-roots-photo,.about-photo,.neighbor-item{
  background:var(--bhhs-pearl)!important;
}
@media (max-width:820px){
  .site-header .nav{background:var(--bhhs-pearl)!important}
}

/* ===== V15 FULL-SITE LAYOUT / CLICKABILITY / CLIPPING QA ===== */
/* Global defensive layout rules: content may shrink inside grids instead of
   forcing columns or text outside the viewport. */
html,body{max-width:100%;overflow-x:hidden}
main,section,footer,.container,.narrow,
.split>*,.area-intro-grid>*,.agent-panel>*,.area-heart-grid>*,.local-roots-grid>*,
.editorial-grid>*,.personal-sale-grid>*,.services-grid>*,.roots-cinematic-grid>*,
.footer-grid>*,.cards>*,.lux-grid>*,.section-support-visuals>*{min-width:0}
.footer-contact a,.contact-direct a,.compliance{overflow-wrap:anywhere}
img,video,svg{max-width:100%}

/* The old top film label covered useful photography and looked like an internal
   production tag. It is removed in the HTML; this is a defensive fallback. */
.hero-film-label{display:none!important}

/* Content-safe opening film. The hero can grow with its copy, so the ticker can
   never begin on top of the final lines at shorter desktop heights. */
.cinematic-home .cinema-hero{
  height:auto!important;
  min-height:clamp(760px,92svh,940px)!important;
  align-items:end!important;
  overflow:hidden;
}
.cinematic-home .cinema-hero-inner{
  padding:clamp(165px,19vh,215px) 0 68px!important;
}
.cinematic-home .hero-bottom{margin-top:26px!important;gap:34px}
.cinematic-home .motion-marquee{position:relative;z-index:8;clear:both}

/* The moving community ticker is real navigation, not decorative text. */
.marquee-track{gap:0!important}
.marquee-group{display:flex;align-items:center;gap:25px;padding-right:25px;flex:0 0 auto}
.marquee-track a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;padding:3px 0;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}
.marquee-track a:hover,.marquee-track a:focus-visible{color:#fff;border-bottom-color:var(--bhhs-blush);outline:none}
.motion-marquee:hover .marquee-track,.motion-marquee:focus-within .marquee-track{animation-play-state:paused}

/* Linda + Duchess is an obvious path to the About page. */
.collage-person-link{display:block;position:relative;width:100%;height:100%;color:inherit}
.collage-person-link:focus-visible{outline:3px solid var(--bhhs-blush);outline-offset:-3px}
.collage-person-link::after{content:"Meet Linda →";position:absolute;right:14px;top:14px;z-index:4;background:rgba(42,34,35,.82);color:var(--bhhs-pearl);padding:7px 10px;font-family:Georgia,serif;font-size:.78rem;letter-spacing:.02em;opacity:0;transform:translateY(-5px);transition:.22s ease}
.collage-person-link:hover::after,.collage-person-link:focus-visible::after{opacity:1;transform:none}

/* Replace the deliberately oversized, side-cropped photo ribbon with a contained
   editorial mosaic. Every card is fully inside the viewport at every breakpoint;
   movement remains inside the photos themselves. */
.cinematic-home .visual-story{overflow:hidden}
.cinematic-home .image-ribbon{
  width:min(var(--max),calc(100% - 42px))!important;
  margin:56px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.cinematic-home .ribbon-card{width:auto!important;margin:0!important;height:390px!important;min-width:0;isolation:isolate}
.cinematic-home .ribbon-card:nth-child(1){grid-column:span 4;height:460px!important}
.cinematic-home .ribbon-card:nth-child(2){grid-column:span 8;height:460px!important}
.cinematic-home .ribbon-card:nth-child(3),
.cinematic-home .ribbon-card:nth-child(4),
.cinematic-home .ribbon-card:nth-child(5){grid-column:span 4;height:360px!important}

/* Keep labels, decorative frames and sticky content inside safe gutters. */
.cinematic-home .floating-label{right:18px!important;left:auto;max-width:calc(100% - 36px)!important}
.sidebar-note{top:138px}
.cinematic-home .sticky-media{top:138px}
.roots-portrait::before{right:0!important;bottom:-14px!important}

/* Horizontal community cards remain intentionally scrollable, but each card is
   wholly visible when snapped and never begins underneath the viewport edge. */
.community-scroller{scroll-padding-inline:max(21px,calc((100vw - var(--max))/2));overscroll-behavior-inline:contain}
.community-cinema-card{max-width:calc(100vw - 42px)}

/* Inner-page image grids and cards: prevent hover/reveal transforms from changing
   the physical box or bleeding into adjacent copy. */
body:not(.cinematic-home) .section-support-visuals{overflow:visible}
body:not(.cinematic-home) .support-visual-card,
body:not(.cinematic-home) .area-photo,
body:not(.cinematic-home) .about-photo,
body:not(.cinematic-home) .local-roots-photo{isolation:isolate;max-width:100%}

@media (max-width:1050px){
  .cinematic-home .cinema-hero{min-height:780px!important}
  .cinematic-home .hero-bottom{grid-template-columns:1fr!important}
  .cinematic-home .hero-actions{grid-template-columns:auto auto;white-space:normal}
  .cinematic-home .image-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(var(--max),calc(100% - 36px))!important}
  .cinematic-home .ribbon-card:nth-child(n){grid-column:auto!important;height:360px!important}
  .cinematic-home .ribbon-card:nth-child(1),.cinematic-home .ribbon-card:nth-child(2){height:420px!important}
  .cinematic-home .ribbon-card:nth-child(5){grid-column:1/-1!important;height:380px!important}
}
@media (max-width:820px){
  .cinematic-home .cinema-hero{height:auto!important;min-height:0!important}
  .cinematic-home .cinema-hero-inner{padding:158px 0 78px!important}
  .cinematic-home .hero-actions{grid-template-columns:1fr!important}
  .cinematic-home .motion-toggle{bottom:18px!important}
  .cinematic-home .image-ribbon{width:min(100% - 28px,var(--max))!important;margin-top:42px!important;gap:14px!important}
  .cinematic-home .floating-label{left:14px!important;right:14px!important;max-width:none!important}
  .sidebar-note,.cinematic-home .sticky-media{top:auto}
  .roots-portrait::before{right:0!important}
}
@media (max-width:620px){
  .cinematic-home .cinema-hero-inner{padding:138px 0 82px!important}
  .cinematic-home .cinema-hero h1{font-size:clamp(2.85rem,13vw,4.25rem)!important;line-height:.94!important}
  .cinematic-home .image-ribbon{grid-template-columns:1fr!important}
  .cinematic-home .ribbon-card:nth-child(n){grid-column:auto!important;height:330px!important}
  .cinematic-home .ribbon-card:nth-child(1),.cinematic-home .ribbon-card:nth-child(2){height:380px!important}
  .cinematic-home .community-cinema-card{flex-basis:calc(100vw - 44px)!important;max-width:calc(100vw - 44px)!important}
  .collage-person-link::after{opacity:1;transform:none;font-size:.7rem}
  .service-panel{min-width:0}
  .service-panel p,.service-panel h3{overflow-wrap:break-word}
}

/* V15 inner-page visual rows align to the same page gutters instead of running
   hard against the browser edges. */
body:not(.cinematic-home) .section-support-visuals{
  width:min(var(--max),calc(100% - 42px));
  margin:24px auto 0;
}
body:not(.cinematic-home) .support-inline-note{
  width:min(var(--max),calc(100% - 42px));
  margin:18px auto 0;
}
@media (max-width:820px){
  body:not(.cinematic-home) .section-support-visuals,
  body:not(.cinematic-home) .support-inline-note{width:min(var(--max),calc(100% - 28px))}
}

/* ===== V15 CONTRAST / OVERLAY POLISH ===== */
/* Community story sections use a dark BHHS field. Keep every text element on
   that field intentionally light; the inset note card remains dark-on-light. */
.area-heart{color:var(--bhhs-pearl)!important}
.area-heart h2,.area-heart h3{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.38)}
.area-heart .handwritten{color:#F2DDE7!important;text-shadow:0 2px 12px rgba(0,0,0,.34)}
.area-heart .eyebrow{color:#E9C9D9!important;text-shadow:0 1px 10px rgba(0,0,0,.38)}
.area-heart p,.area-heart .lead{color:rgba(255,250,252,.91)!important;text-shadow:0 1px 9px rgba(0,0,0,.28)}
.area-heart .local-note,.area-heart .local-note *{text-shadow:none!important}
.area-heart .local-note{color:var(--bhhs-espresso)!important}
.area-heart .local-note strong{color:var(--bhhs-cabernet)!important}
.area-heart .local-note p{color:#514447!important}

/* Photography overlay copy gets a restrained cinematic shadow/edge so it reads
   over bright sky, foliage, windows, or other high-detail areas without looking
   like raw text dropped on top of a photograph. */
.hero-content h1,.cinema-hero h1,.full-bleed-copy h2,.cinema-break-copy h2,.closing-copy h2,
.community-cinema-card strong,.community-copy strong{
  text-shadow:0 3px 22px rgba(0,0,0,.72),0 1px 3px rgba(0,0,0,.92);
  -webkit-text-stroke:.18px rgba(0,0,0,.34);
}
.hero-content .lead,.hero-content .eyebrow,.hero-content .local-signature,
.cinema-hero .hero-kicker,.cinema-hero .editorial-script,.cinema-hero .hero-bottom p,
.full-bleed-copy p,.full-bleed-copy .eyebrow,
.cinema-break-copy p,.cinema-break-copy span,
.closing-copy p,.closing-copy .handwritten,
.ribbon-card figcaption,.mosaic-card figcaption,.support-visual-caption,
.community-cinema-card em,.community-cinema-card small,.community-copy span{
  text-shadow:0 2px 12px rgba(0,0,0,.82),0 1px 2px rgba(0,0,0,.92);
}
/* Give caption areas a little more local contrast without turning them into big
   opaque boxes. */
.support-visual-card::after{background:linear-gradient(180deg,rgba(20,8,12,.03) 0%,rgba(20,8,12,.18) 45%,rgba(20,8,12,.92) 100%)!important}
.ribbon-card::after{background:linear-gradient(0deg,rgba(20,8,12,.90) 0%,rgba(20,8,12,.28) 44%,transparent 68%)!important}
.community-cinema-card::after{background:linear-gradient(0deg,rgba(20,8,12,.94) 0%,rgba(20,8,12,.34) 50%,transparent 72%)!important}
.full-bleed-shade{background:linear-gradient(90deg,rgba(20,8,12,.86),rgba(74,30,44,.48) 58%,rgba(0,0,0,.14)),linear-gradient(0deg,rgba(0,0,0,.54),transparent 55%)!important}
.cinema-break-shade{background:linear-gradient(0deg,rgba(20,8,12,.78),rgba(20,8,12,.18)),linear-gradient(90deg,rgba(74,30,44,.42),transparent)!important}
.closing-cinematic-shade{background:linear-gradient(90deg,rgba(42,34,35,.94),rgba(74,30,44,.60) 60%,rgba(0,0,0,.18))!important}

/* Mobile: protect long headings and captions from edge clipping. */
@media (max-width:620px){
  .hero-content h1,.cinema-hero h1,.full-bleed-copy h2,.cinema-break-copy h2,.closing-copy h2{overflow-wrap:anywhere}
  .support-visual-caption,.ribbon-card figcaption,.community-cinema-card>span{left:16px!important;right:16px!important;max-width:calc(100% - 32px)}
}
/* Final CTA is content-sized on phones; nothing is allowed to be cropped by the
   cinematic frame when the headline wraps to extra lines. */
@media (max-width:620px){
  .closing-cinematic{min-height:0!important;height:auto!important;padding:88px 0 96px!important;align-items:start!important}
}

/* ===== V16 NAVIGATION + COMMUNITY GALLERY + ABOUT-LINDA CLEANUP ===== */
/* Keep every desktop navigation item on one visual baseline. Buttons inherit
   the same typography as links, and the caret sits beside Communities rather
   than changing its height. */
.nav{align-items:center!important;gap:4px!important}
.nav>a,.dropbtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-height:40px!important;
  padding:0 11px!important;
  margin:0!important;
  line-height:1!important;
  font-family:inherit!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.dropdown{display:flex;align-items:center;position:relative}
.nav-caret{
  display:inline-block;
  margin-left:7px;
  font-size:.95em;
  line-height:1;
  transform:translateY(-1px);
  transform-origin:center;
  transition:transform .18s ease;
  opacity:.86;
}
.dropbtn[aria-expanded="true"] .nav-caret{transform:translateY(-1px) rotate(180deg)}

/* High-contrast solid BHHS dropdown. It remains readable over video, bright
   photography, or the light scrolled header. */
.dropdown-menu{
  width:285px!important;
  padding:10px!important;
  background:var(--bhhs-cabernet)!important;
  border:1px solid rgba(236,227,229,.38)!important;
  border-radius:10px!important;
  box-shadow:0 22px 55px rgba(42,34,35,.30)!important;
}
.dropdown-menu a{
  display:block!important;
  color:var(--bhhs-pearl)!important;
  background:transparent!important;
  padding:11px 12px!important;
  border-radius:6px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{
  background:var(--bhhs-pearl)!important;
  color:var(--bhhs-cabernet)!important;
  outline:none!important;
}

/* This section is about Linda. One photograph only: Linda + Duchess. */
.cinematic-home .editorial-collage.editorial-collage-person{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"collageA" "collageQuote"!important;
  gap:18px!important;
  min-height:0!important;
  width:min(100%,620px)!important;
  justify-self:end!important;
  align-self:center!important;
}
.cinematic-home .editorial-collage-person .collage-a{
  grid-area:collageA!important;
  width:100%!important;
  aspect-ratio:4/4.6!important;
  margin:0!important;
}
.cinematic-home .editorial-collage-person .collage-a img{object-position:center 38%!important}
.cinematic-home .editorial-collage-person .collage-quote{
  grid-area:collageQuote!important;
  position:relative!important;
  inset:auto!important;
  justify-self:end!important;
  width:min(470px,92%)!important;
  margin:-54px 18px 0 0!important;
  z-index:3!important;
}

/* The first community gallery now shows ALL eight locations. Every visual card
   is a link and has a concise identity line, so it works as useful navigation. */
.cinematic-home .image-ribbon{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
}
.cinematic-home .ribbon-card{
  display:block!important;
  position:relative!important;
  color:#fff!important;
  text-decoration:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  min-width:0!important;
  height:380px!important;
  outline-offset:4px!important;
}
.cinematic-home .ribbon-card:focus-visible{outline:3px solid var(--bhhs-blush)!important}
.cinematic-home .ribbon-card.feature-a{grid-column:span 5!important;height:455px!important}
.cinematic-home .ribbon-card.feature-b{grid-column:span 7!important;height:455px!important}
.cinematic-home .ribbon-card.feature-c,
.cinematic-home .ribbon-card.feature-d,
.cinematic-home .ribbon-card.feature-e{grid-column:span 4!important;height:350px!important}
.cinematic-home .ribbon-card.feature-f{grid-column:span 5!important;height:400px!important}
.cinematic-home .ribbon-card.feature-g{grid-column:span 3!important;height:400px!important}
.cinematic-home .ribbon-card.feature-h{grid-column:span 4!important;height:400px!important}
.cinematic-home .ribbon-card figcaption{pointer-events:none!important}
.cinematic-home .ribbon-card figcaption::after{
  content:"Explore →";
  display:block;
  margin-top:9px;
  font-family:"Segoe UI",sans-serif;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f4dce7;
  opacity:.92;
}

@media (max-width:1050px){
  .nav>a,.dropbtn{padding-inline:8px!important;font-size:.78rem!important}
  .cinematic-home .image-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cinematic-home .ribbon-card.feature-a,
  .cinematic-home .ribbon-card.feature-b,
  .cinematic-home .ribbon-card.feature-c,
  .cinematic-home .ribbon-card.feature-d,
  .cinematic-home .ribbon-card.feature-e,
  .cinematic-home .ribbon-card.feature-f,
  .cinematic-home .ribbon-card.feature-g,
  .cinematic-home .ribbon-card.feature-h{grid-column:auto!important;height:360px!important}
}
@media (max-width:820px){
  .nav>a,.dropbtn{
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 12px!important;
    font-size:.84rem!important;
  }
  .dropdown{display:block!important;width:100%!important}
  .dropbtn .nav-caret{margin-left:auto!important}
  .dropdown-menu{
    width:100%!important;
    margin-top:5px!important;
    background:var(--bhhs-cabernet)!important;
    border:1px solid rgba(236,227,229,.30)!important;
  }
  .cinematic-home .editorial-collage.editorial-collage-person{width:100%!important;justify-self:stretch!important}
  .cinematic-home .editorial-collage-person .collage-quote{margin:-42px 14px 0 0!important}
}
@media (max-width:620px){
  .cinematic-home .image-ribbon{grid-template-columns:1fr!important}
  .cinematic-home .ribbon-card.feature-a,
  .cinematic-home .ribbon-card.feature-b,
  .cinematic-home .ribbon-card.feature-c,
  .cinematic-home .ribbon-card.feature-d,
  .cinematic-home .ribbon-card.feature-e,
  .cinematic-home .ribbon-card.feature-f,
  .cinematic-home .ribbon-card.feature-g,
  .cinematic-home .ribbon-card.feature-h{grid-column:auto!important;height:340px!important}
  .cinematic-home .editorial-collage-person .collage-a{aspect-ratio:4/4.7!important}
  .cinematic-home .editorial-collage-person .collage-quote{width:calc(100% - 24px)!important;margin:-32px 12px 0!important;justify-self:stretch!important}
}
\n\n/* ===== V17 INNER-PAGE READABILITY + PROFILE LINK POLISH ===== */\n/* Script-style hero copy must stay readable on photography, regardless of the image beneath it. */\nbody:not(.cinematic-home) .hero .handwritten{\n  color:#fffafc!important;\n  text-shadow:0 3px 16px rgba(0,0,0,.88),0 1px 3px rgba(0,0,0,.98);\n  -webkit-text-stroke:.28px rgba(0,0,0,.48);\n}\nbody:not(.cinematic-home) .hero .eyebrow,\nbody:not(.cinematic-home) .hero .lead{\n  text-shadow:0 2px 13px rgba(0,0,0,.84),0 1px 2px rgba(0,0,0,.96);\n}\n/* Whole Linda support cards are clickable without changing their visual layout. */\n.support-visual-card .linda-card-link{\n  position:absolute;inset:0;z-index:4;display:block;border-radius:inherit;\n}\n.support-visual-card .linda-card-link:focus-visible{\n  outline:3px solid #f1ddb2;outline-offset:-5px;\n}\n.support-visual-card:has(.linda-card-link){cursor:pointer}\n.support-visual-card:has(.linda-card-link):hover img{transform:scale(1.055);filter:saturate(1.07)}\n.linda-about-link{display:block;color:inherit;text-decoration:none}\n.profile-name-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(74,30,44,.25)}\n.profile-name-link:hover,.profile-name-link:focus-visible{color:var(--bhhs-cabernet);border-bottom-color:currentColor}\n

/* ===== V18 BHHS CABERNET STATEMENT ACCENTS ===== */
/* Branded editorial pause points: one per inner page, used sparingly. */
.brand-insight-section{
  padding:34px 0 42px!important;
  background:var(--bhhs-pearl,#f5f1f2)!important;
  overflow:hidden;
}
.brand-insight-card{
  position:relative;
  width:min(900px,88%);
  padding:34px 44px 32px;
  background:linear-gradient(135deg,var(--bhhs-cabernet,#4a1e2c) 0%,#4a1e2c 100%);
  color:var(--bhhs-pearl,#f5f1f2);
  border:1px solid rgba(236,227,229,.52);
  box-shadow:0 22px 48px rgba(42,34,35,.16);
  isolation:isolate;
}
.brand-insight-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(194,153,175,.32);
  pointer-events:none;
}
.brand-insight-left .brand-insight-card{margin-right:auto;margin-left:clamp(0px,2vw,28px)}
.brand-insight-right .brand-insight-card{margin-left:auto;margin-right:clamp(0px,2vw,28px)}
.brand-insight-mark{
  position:absolute;
  right:24px;
  top:3px;
  font:700 6rem/1 Georgia,serif;
  color:rgba(245,241,242,.12);
  z-index:-1;
}
.brand-insight-label{
  margin:0 0 10px!important;
  color:#ead9e1!important;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.72rem!important;
  font-weight:800;
}
.brand-insight-quote{
  margin:0!important;
  max-width:760px;
  color:#fffafc!important;
  font-family:Iowan Old Style,Baskerville,Georgia,serif;
  font-size:clamp(1.45rem,2.7vw,2.25rem)!important;
  line-height:1.24!important;
  letter-spacing:-.01em;
  text-shadow:0 2px 12px rgba(0,0,0,.20);
}
.brand-insight-rule{
  display:block;
  width:72px;
  height:2px;
  margin-top:21px;
  background:var(--bhhs-blush,#c299af);
}

/* Home quote: keep the overlap character, but shift it away from the Linda + Duchess caption. */
@media (min-width:821px){
  .cinematic-home .editorial-collage-person .collage-quote{
    margin:-30px -30px 0 0!important;
    transform:translateX(18px)!important;
  }
}
@media (max-width:820px){
  .brand-insight-card{width:94%;padding:30px 30px 28px}
  .brand-insight-left .brand-insight-card,.brand-insight-right .brand-insight-card{margin-left:auto;margin-right:auto}
  .cinematic-home .editorial-collage-person .collage-quote{transform:none!important}
}
@media (max-width:560px){
  .brand-insight-section{padding:24px 0 30px!important}
  .brand-insight-card{width:100%;padding:28px 24px 26px}
  .brand-insight-mark{right:15px;font-size:4.8rem}
}

/* Limited release polish — 2026-10-10 (Contact / About only) */
.contact-page .section-wine .section-support-visuals .support-visual-card::after{
  background:linear-gradient(180deg,rgba(10,7,8,.88) 0%,rgba(10,7,8,.73) 26%,rgba(10,7,8,.32) 65%,rgba(10,7,8,.06) 100%)!important;
}
.contact-page .section-wine .section-support-visuals .support-visual-caption{
  top:20px!important;bottom:auto!important;left:18px!important;right:18px!important;
  color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.62)!important;
}
.about-page .hero-mini .hero-content .handwritten{
  color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.95)!important;
}
.about-page .about-education-copy{max-width:930px;}
.about-page .about-education-copy .education-perspective{font-style:italic;margin-top:24px;max-width:850px;}

/* 2026-10-11 About Linda: three supporting image captions sit at the top of each
   photo, above a top-to-bottom legibility gradient. All other page images retain
   their existing captions/overlays. */
.about-page .section-support-visuals .support-visual-card::after{
  background:linear-gradient(180deg,
    rgba(12,8,10,.94) 0%,
    rgba(12,8,10,.82) 18%,
    rgba(12,8,10,.58) 43%,
    rgba(12,8,10,.22) 70%,
    rgba(12,8,10,0) 100%)!important;
  z-index:1;
  pointer-events:none;
}
.about-page .section-support-visuals .support-visual-caption{
  top:18px!important;
  bottom:auto!important;
  left:18px!important;
  right:18px!important;
  color:#fffaf4!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72)!important;
}
.about-page .section-support-visuals .support-visual-caption strong{
  color:#f1ddb2;
}

/* On narrow screens, keep the white ranch home in view within the tall hero crop. */
@media(max-width:640px){
  .about-page .hero-mini .hero-media img{object-position:24% center}
}