/* Shared neutral glass treatment. Opaque bases retain contrast without backdrop support. */
body:not(.dash)>header{background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(0,0,0,.1)!important;box-shadow:0 5px 28px rgba(0,0,0,.06)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
body.home-overlay:not(.header-scrolled)>header{background:rgba(0,0,0,.55)!important;border-bottom-color:rgba(255,255,255,.2)!important;box-shadow:0 5px 28px rgba(0,0,0,.13)!important}
body.home-overlay.header-scrolled>header{background:rgba(255,255,255,.9)!important}
body:not(.dash) :is(.concept-hero-copy,.guide-hero-copy){background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.24);border-radius:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.12)}
body:not(.dash) .concept-hero-copy{padding:28px 34px;max-width:calc(100% - 14%)}
body:not(.dash) .guide-hero-copy{padding:36px 40px;max-width:1050px}
body:not(.dash) :is(.home-community-card-content,.community-card-content){background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:18px 20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0 16px 16px;left:0;right:0;bottom:0}
body:not(.dash) :is(.property-concept-sidebar,.valuation-panel,.price-dialog,.review-dialog,.showing-panel){background:rgba(255,255,255,.94)!important;border:1px solid rgba(0,0,0,.17);box-shadow:0 12px 44px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
body:not(.dash) :is(.home-communities-arrow,.concept-property-controls button,.property-hero-prev,.property-hero-next){background:rgba(255,255,255,.84)!important;color:#000;border:1px solid rgba(0,0,0,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body:not(.dash) :is(.price-dialog,.review-dialog,.showing-panel)::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body:not(.dash)>header{background:#fff!important}body.home-overlay:not(.header-scrolled)>header{background:#000!important}body:not(.dash) :is(.concept-hero-copy,.guide-hero-copy,.home-community-card-content,.community-card-content){background:#000}body:not(.dash) :is(.property-concept-sidebar,.valuation-panel,.price-dialog,.review-dialog,.showing-panel){background:#fff!important}}
@media(max-width:600px){body:not(.dash)>header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body:not(.dash) .concept-hero-copy{padding:22px;max-width:86%;border-radius:20px}body:not(.dash) .concept-hero-copy h1{font-size:clamp(25px,7vw,40px)}body:not(.dash) .guide-hero-copy{padding:26px 22px;border-radius:20px}body:not(.dash) :is(.home-community-card-content,.community-card-content){padding:14px 16px;margin:0 12px 12px}}
@media(prefers-reduced-transparency:reduce){body:not(.dash)>header{background:#fff!important}body.home-overlay:not(.header-scrolled)>header{background:#000!important}body:not(.dash) :is(.concept-hero-copy,.guide-hero-copy,.home-community-card-content,.community-card-content),.colton-bio-copy,.colton-path>div{background:#000!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* Video homepage uses its own header mode. Keep its white logo on dark glass. */
body.concept-page:not(.dash)>header{position:fixed!important;inset:0 0 auto!important;width:100%;margin:0;background:rgba(0,0,0,.62)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
@media(max-width:600px){body.concept-page:not(.dash)>header{top:0!important;margin:0!important;border-radius:0}}
body.concept-page:not(.dash)>header .brand img{filter:brightness(0) invert(1)!important}
body.concept-page:not(.dash)>header nav a{color:#fff!important}
body.concept-page:not(.dash)>header .menu-toggle-lines i{background:#fff!important}
/* October 24 review: light glass, unboxed headlines and community captions. */
body.concept-page:not(.dash)>header,body.home-overlay:not(.header-scrolled)>header{background:rgba(255,255,255,.86)!important;color:#000!important;border-bottom:1px solid rgba(0,0,0,.1)!important;box-shadow:0 5px 28px rgba(0,0,0,.06)!important}
body.concept-page:not(.dash)>header .brand img,body.home-overlay:not(.header-scrolled)>header .brand img{filter:none!important;mix-blend-mode:normal!important}
body.concept-page:not(.dash)>header nav a,body.home-overlay:not(.header-scrolled)>header #nav>.navcontact,body.home-overlay:not(.header-scrolled)>header #nav>.site-menu-toggle{color:#000!important}
body.concept-page:not(.dash)>header .menu-toggle-lines i,body.home-overlay:not(.header-scrolled)>header .menu-toggle-lines i{background:#000!important}
body:not(.dash) .concept-hero-copy{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
body:not(.dash) :is(.home-community-card-content,.community-card-content){background:none;border:0;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0;padding:30px 24px;left:auto;right:auto;bottom:auto}
/* A simpler valuation page: form first, supporting image alongside. */
body.valuation-page .valuation-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;max-width:1160px;margin:55px auto 80px;padding:0 28px;background:#fff}
body.valuation-page .valuation-panel{grid-column:1;grid-row:1;padding:28px 0;background:#fff!important;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.valuation-page .valuation-photo{grid-column:2;grid-row:1;min-height:600px;height:600px;align-self:start;border-radius:24px;margin-top:28px}
body.valuation-page .valuation-photo>div{bottom:32px;left:30px;right:30px}
body.valuation-page .valuation-photo .eyebrow{display:none}
body.valuation-page .valuation-photo>div>p:last-child{font-size:24px}
body.valuation-page #valuation-title{font-size:clamp(26px,2.6vw,38px);line-height:1.4}
body.valuation-page .valuation-intro{font-size:15px;line-height:1.85}
body.valuation-page #valuation-form input:not([type=hidden]):not([type=checkbox]),body.valuation-page #valuation-form select,body.valuation-page #valuation-form textarea{border-radius:12px;min-height:54px}
@media(max-width:760px){body.valuation-page .valuation-layout{grid-template-columns:1fr;gap:24px;margin:20px auto 50px;padding:0 6%}body.valuation-page .valuation-panel{grid-row:1;grid-column:1;padding:20px 0}body.valuation-page .valuation-photo{grid-row:2;grid-column:1;height:340px;min-height:340px;margin:0}body.valuation-page #valuation-title{font-size:27px}body.valuation-page .valuation-photo>div>p:last-child{font-size:23px}}
@media(prefers-reduced-transparency:reduce){body.concept-page:not(.dash)>header,body.home-overlay:not(.header-scrolled)>header{background:#fff!important}body:not(.dash) .concept-hero-copy,body:not(.dash) :is(.home-community-card-content,.community-card-content){background:none!important}}
body.concept-page:not(.dash)>header nav a{color:#000!important}
body.concept-page:not(.dash) #nav>a,body.concept-page:not(.dash) #nav>.site-menu-toggle{color:#000!important}
/* Homepage header: blur the video without adding a light or dark tint. */
body.concept-page:not(.dash)>header,body.home-overlay:not(.header-scrolled)>header{background:transparent!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
/* Buyer and seller introductions: open type over the photograph, no box. */
body:not(.dash) .guide-hero-copy{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;max-width:1000px;margin:0 auto;width:84%}
@media(max-width:600px){body:not(.dash) .guide-hero-copy{padding:0;width:88%;max-width:none}}
@media(prefers-reduced-transparency:reduce){body:not(.dash) .guide-hero-copy{background:transparent!important}}
/* Property layout exploration: bright photography, separate editorial title. */
body.property-concept:not(.dash)>header{position:sticky!important;top:0!important;left:auto;right:auto;width:100%;margin:0;background:rgba(255,255,255,.86)!important;color:#000!important;border-bottom:1px solid rgba(0,0,0,.1)!important}
body.property-concept:not(.dash)>header .brand img{filter:none!important;mix-blend-mode:normal!important}
body.property-concept:not(.dash) #nav>a,body.property-concept:not(.dash) #nav>.site-menu-toggle{color:#000!important}
body.property-concept:not(.dash) #nav .menu-toggle-lines i{background:#000!important}
body.property-concept .property-hero{--gallery-height: min(55vw,540px);height:auto;min-height:0;max-height:none;padding:32px 5% 0;background:#fff;color:#000;display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
body.property-concept .property-hero-media{position:relative;inset:auto;grid-row:1;width:100%;height:var(--gallery-height);border-radius:24px;overflow:hidden;background:#d3d3d3}
body.property-concept .property-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:none}
body.property-concept .property-hero-shade{display:none}
body.property-concept .property-hero-copy{position:static;inset:auto;grid-row:2;max-width:none;width:100%;margin:34px 0 0;padding:0;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 28px;align-items:start}
body.property-concept .property-hero-copy>.eyebrow{grid-column:1;font-size:9px;line-height:1.6;letter-spacing:1.8px;margin:0 0 12px}
body.property-concept .property-hero-copy h1{grid-column:1;font-size:clamp(25px,3.6vw,51px);margin:0 0 12px;line-height:1.35;color:#000;overflow-wrap:anywhere}
body.property-concept .property-location{grid-column:1;font-size:14px;letter-spacing:.2px;margin:0 0 16px;color:#000}
body.property-concept .property-availability{grid-column:1;justify-self:start;font-size:9px;letter-spacing:1.3px;border:1px solid #d3d3d3;border-radius:999px;padding:7px 15px;margin:0;background:#fff;color:#000}
body.property-concept .property-hero-cta{grid-column:2;grid-row:1/5;align-self:center;display:flex;flex-direction:column;gap:12px;width:220px;margin:0}
body.property-concept .property-hero-cta>.price-inquiry{background:#000;color:#fff;border-color:#000}
body.property-concept .property-hero-cta>.property-hero-gallery{color:#000;background:#fff;border-color:#000}
body.property-concept .property-hero-cta>:is(.price-inquiry,.property-hero-gallery){min-height:50px;padding:15px 20px;justify-content:space-between;font-size:10px;letter-spacing:.6px;gap:16px!important}
body.property-concept .property-hero-cta>:is(.price-inquiry,.property-hero-gallery)::after{width:30px;flex-basis:30px}
body.property-concept .property-hero-caption{position:static;inset:auto;grid-row:3;border:0;border-top:1px solid #d3d3d3;margin:28px 0 0;padding:18px 0 26px;color:#000;font-size:8px;letter-spacing:1.2px}
body.property-concept .property-hero-prev,body.property-concept .property-hero-next{top:calc(32px + var(--gallery-height)/2);transform:translateY(-50%);width:46px;height:46px;z-index:3;background:rgba(255,255,255,.9)!important;border:1px solid #d3d3d3}
body.property-concept .property-hero-prev{left:calc(5% + 18px)}body.property-concept .property-hero-next{right:calc(5% + 18px)}
body.property-concept .property-section-nav{top:105px;padding:18px 5%;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
body.property-concept .property-concept-sidebar{background:#fff!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:760px){body.property-concept .property-hero{--gallery-height:400px;padding:20px 5% 0}body.property-concept .property-hero-copy{grid-template-columns:1fr;gap:0;margin-top:26px}body.property-concept .property-hero-copy h1{font-size:clamp(23px,5vw,34px)}body.property-concept .property-hero-cta{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;width:100%;margin:24px 0 0;gap:10px}body.property-concept .property-hero-cta>:is(.price-inquiry,.property-hero-gallery){width:auto;flex:1;min-width:0;white-space:normal;font-size:9px;padding:14px 16px}body.property-concept .property-hero-prev,body.property-concept .property-hero-next{top:calc(20px + var(--gallery-height)/2)}body.property-concept .property-section-nav{top:94px}}
@media(max-width:600px){body.property-concept:not(.dash)>header{top:0!important;border-radius:0}body.property-concept .property-hero{--gallery-height:300px}body.property-concept .property-hero-media{border-radius:18px}body.property-concept .property-hero-prev,body.property-concept .property-hero-next{width:38px;height:38px}body.property-concept .property-hero-prev{left:calc(5% + 10px)}body.property-concept .property-hero-next{right:calc(5% + 10px)}body.property-concept .property-hero-caption{font-size:7px;line-height:1.8}body.property-concept .property-section-nav{top:94px;gap:20px}body.property-concept .property-hero-cta>:is(.price-inquiry,.property-hero-gallery)::after{width:22px;flex-basis:22px}}
/* Property review: remove section band and add restrained neutral depth. */
body.property-concept .property-section-nav{display:none!important}
body.property-concept .property-hero{background:radial-gradient(ellipse at 8% 8%,rgba(211,211,211,.48),transparent 52%),linear-gradient(150deg,#fff 12%,rgba(211,211,211,.3) 72%,#fff 100%);padding-bottom:8px}
body.property-concept .property-hero-media{box-shadow:0 18px 45px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.05)}
body.property-concept .property-hero-copy{margin-top:40px}
body.property-concept .property-hero-caption{border-top-color:rgba(0,0,0,.14)}
body.property-concept .property-overview{padding-top:76px}
@media(max-width:600px){body.property-concept .property-hero-copy{margin-top:28px}body.property-concept .property-hero-media{box-shadow:0 12px 28px rgba(0,0,0,.12)}body.property-concept .property-overview{padding-top:50px}}
/* Visible grey directly below the property header on initial load. */
body.property-concept .property-hero{background:radial-gradient(ellipse at 90% 28%,rgba(255,255,255,.52),transparent 62%),linear-gradient(180deg,#d3d3d3 0%,#d3d3d3 90px,#fff 100%);padding-top:40px}
body.property-concept .property-hero-prev,body.property-concept .property-hero-next{top:calc(40px + var(--gallery-height)/2)}
@media(max-width:760px){body.property-concept .property-hero{padding-top:28px}body.property-concept .property-hero-prev,body.property-concept .property-hero-next{top:calc(28px + var(--gallery-height)/2)}}
/* Property header shares the grey canvas; no white tint above the gallery. */
body.property-concept{background:linear-gradient(180deg,#d3d3d3 0px,#d3d3d3 160px,#fff 800px);background-repeat:no-repeat;background-color:#fff}
body.property-concept:not(.dash)>header{background:transparent!important;box-shadow:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
/* Shared header behavior: reveal the page canvas rather than paint a tint. */
body:not(.dash)>header{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:box-shadow .25s,border-color .25s}
body:has(main>.page-intro),body:has(main>.area-intro){background-color:#d3d3d3}
/* Image introductions extend behind the header from the top of the page. */
body:has(main>.guide-hero):not(.dash)>header,body:has(main>.community-hero):not(.dash)>header{position:absolute!important;inset:0 0 auto!important;width:100%;margin:0;z-index:30;background:transparent!important;color:#fff;border-bottom-color:rgba(255,255,255,.18)!important}
body:has(main>.guide-hero):not(.dash)>header .brand img,body:has(main>.community-hero):not(.dash)>header .brand img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal}
body:has(main>.guide-hero):not(.dash) #nav>a,body:has(main>.guide-hero):not(.dash) #nav>.site-menu-toggle,body:has(main>.community-hero):not(.dash) #nav>a,body:has(main>.community-hero):not(.dash) #nav>.site-menu-toggle{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.4)}
body:has(main>.guide-hero):not(.dash) #nav .menu-toggle-lines i,body:has(main>.community-hero):not(.dash) #nav .menu-toggle-lines i{background:#fff!important}
body:has(main>.guide-hero) .guide-hero{padding-top:130px}
@media(max-width:600px){body:has(main>.guide-hero):not(.dash)>header,body:has(main>.community-hero):not(.dash)>header{top:0!important;border-radius:0}body:has(main>.guide-hero) .guide-hero{padding-top:120px}}
/* Preserve the approved property canvas through higher-priority header modes. */
body.property-concept:not(.dash)>header,body.home-overlay:not(.header-scrolled)>header,body.concept-page:not(.dash)>header{background:transparent!important}
body:has(main>.guide-hero):not(.dash)>header,body:has(main>.community-hero):not(.dash)>header{position:fixed!important}
body:has(main>.guide-hero):not(.glass-over-photo)>header .brand img,body:has(main>.community-hero):not(.glass-over-photo)>header .brand img{filter:none!important}
body:has(main>.guide-hero):not(.glass-over-photo) #nav>a,body:has(main>.guide-hero):not(.glass-over-photo) #nav>.site-menu-toggle,body:has(main>.community-hero):not(.glass-over-photo) #nav>a,body:has(main>.community-hero):not(.glass-over-photo) #nav>.site-menu-toggle{color:#000!important;text-shadow:none}
body:has(main>.guide-hero):not(.glass-over-photo) #nav .menu-toggle-lines i,body:has(main>.community-hero):not(.glass-over-photo) #nav .menu-toggle-lines i{background:#000!important}