:root{--forest:#17352c;--moss:#b7c5ad;--chalk:#f1eee6;--white:#fffdf8;--ink:#17201c;--rust:#b96842;--line:rgba(23,32,28,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--chalk);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{position:absolute;z-index:20;top:0;width:100%;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);color:white;border-bottom:1px solid rgba(255,255,255,.24)}.logo{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;line-height:1.25}.logo span{width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:italic 20px "Gloock",serif}.logo b{font-weight:600}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav>a:not(.nav-cta){position:relative}nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:white;transform:scaleX(0);transform-origin:right;transition:transform .25s}nav>a:hover::after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:12px 16px;color:var(--forest);background:var(--white)}.nav-cta span{margin-left:16px}.nav-toggle{display:none}
.hero{position:relative;min-height:860px;height:100svh;color:white;background:var(--forest);overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image img{animation:heroZoom 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,24,.92) 0%,rgba(10,31,24,.69) 42%,rgba(10,31,24,.08) 78%),linear-gradient(0deg,rgba(10,31,24,.42),transparent 45%)}@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}.hero-copy{position:relative;z-index:2;width:min(820px,70vw);padding:clamp(175px,21vh,230px) 0 80px clamp(24px,8vw,125px)}.eyebrow,.section-no{margin:0 0 25px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1,h2{margin:0;font-family:"Gloock",serif;font-weight:400;line-height:.9;letter-spacing:-.045em}.hero h1{font-size:clamp(70px,8.5vw,138px)}.hero h1 em{color:var(--moss);font-weight:400}.hero-lead{max-width:450px;margin:34px 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}.scroll-cue{display:flex;align-items:center;gap:25px;width:max-content;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.scroll-cue b{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;transition:.3s}.scroll-cue:hover b{color:var(--forest);background:var(--moss);transform:translateY(5px)}.hero-index{position:absolute;z-index:2;right:40px;top:120px;margin:0;font-size:9px;letter-spacing:.14em;line-height:1.6}.feature-tag{position:absolute;z-index:2;right:0;bottom:0;width:min(350px,38vw);padding:24px 30px;color:var(--forest);background:var(--moss);display:grid;gap:5px}.feature-tag small{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.feature-tag strong{font:24px "Gloock",serif}.feature-tag span{font-size:11px}
.finder{position:relative;z-index:3;margin:-1px clamp(24px,5vw,76px) 0;padding:28px 32px;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:end;color:white;background:var(--forest);box-shadow:0 18px 50px rgba(23,53,44,.18)}.finder-title{display:grid;gap:7px}.finder-title span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--moss)}.finder-title strong{font:22px "Gloock",serif}.finder-controls{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px}.finder label{padding:0 14px;border-left:1px solid rgba(255,255,255,.2)}.finder label span{display:block;margin-bottom:5px;color:rgba(255,255,255,.55);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.finder select{width:100%;padding:3px 20px 3px 0;border:0;color:white;background:transparent;outline:none}.finder select option{color:var(--ink)}#find-home{padding:13px 20px;border:0;color:var(--forest);background:var(--moss);font-weight:600;cursor:pointer;white-space:nowrap}#find-home b{margin-left:12px}
.section{padding:130px clamp(24px,7vw,110px)}.story{display:grid;grid-template-columns:23% 1fr;background:var(--moss)}.section-no{color:rgba(23,53,44,.58)}.story h2,.section-head h2,.results h2,.services h2,.contact h2,.areas h2{font-size:clamp(54px,6.2vw,96px)}h2 em{color:var(--rust);font-weight:400}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:870px;margin-top:55px}.story-copy p{margin:0;color:rgba(23,32,28,.67);line-height:1.75}.signature{margin-top:60px;font:italic 50px "Gloock",serif}.signature span{display:inline-block;margin-left:16px;font:600 9px "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;transform:translateY(-8px)}
.listings{background:var(--white)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:75px}.line-link{padding-bottom:7px;border-bottom:1px solid;font-size:12px;font-weight:600}.line-link span{margin-left:16px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 28px}.property-wide{grid-column:1/-1}.property-image{position:relative;height:500px;overflow:hidden;background:#ccd1ca}.property-wide .property-image{height:650px}.property-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.property-card:hover img{transform:scale(1.035)}.property-number{position:absolute;top:18px;left:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--forest);font-size:10px}.property-state{position:absolute;top:18px;right:18px;padding:9px 13px;color:var(--forest);background:var(--white);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.view-property{position:absolute;left:50%;top:50%;padding:15px 20px;color:var(--forest);background:var(--moss);font-size:11px;opacity:0;transform:translate(-50%,-35%);transition:.3s}.property-card:hover .view-property{opacity:1;transform:translate(-50%,-50%)}.property-info{display:flex;justify-content:space-between;gap:20px;padding:22px 5px 0}.property-info>div:last-child{text-align:right}.property-info h3{margin:5px 0 0;font:29px "Gloock",serif}.property-info p{margin:0;color:rgba(23,32,28,.57);font-size:11px}.property-info strong{font-size:13px}.property-offset{margin-top:95px}
.areas{display:grid;grid-template-columns:42% 58%;min-height:760px;color:white;background:var(--forest)}.areas-copy{align-self:center;padding:90px clamp(30px,7vw,110px)}.areas h2{font-size:clamp(50px,5vw,78px)}.areas-copy>p:not(.eyebrow){max-width:430px;margin:28px 0 45px;color:rgba(255,255,255,.63);line-height:1.7}.area-tabs{display:grid}.area-tabs button{display:flex;justify-content:space-between;padding:18px 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);background:transparent;text-align:left;font:22px "Gloock",serif;cursor:pointer}.area-tabs button span{font:9px "DM Sans",sans-serif}.area-tabs button.active,.area-tabs button:hover{color:var(--moss)}.area-visual{position:relative;min-height:620px;overflow:hidden}.area-visual img{transition:opacity .25s,transform .7s}.area-visual.changing img{opacity:.15;transform:scale(1.04)}.area-card{position:absolute;left:0;bottom:0;width:min(420px,85%);padding:28px 32px;color:var(--forest);background:var(--moss)}.area-card small{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.area-card h3{margin:10px 0;font:37px "Gloock",serif}.area-card p{margin:0;font-size:12px;line-height:1.6}
.results{display:grid;grid-template-columns:23% 1fr;color:white;background:var(--rust)}.results .section-no{color:rgba(255,255,255,.65)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px;padding-top:38px;border-top:1px solid rgba(255,255,255,.3)}.stats strong{font:clamp(48px,5vw,78px) "Gloock",serif}.stats p{font-size:11px;color:rgba(255,255,255,.7)}
.services{display:grid;grid-template-columns:35% 1fr;gap:10vw;background:var(--chalk)}.services-intro>p:not(.eyebrow){max-width:350px;margin-top:30px;color:rgba(23,32,28,.62);line-height:1.7}.service-list{border-top:1px solid var(--line)}.service-list article{border-bottom:1px solid var(--line)}.service-list button{width:100%;display:grid;grid-template-columns:55px 1fr auto;align-items:center;padding:29px 0;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.service-list button span{font-size:10px}.service-list h3{margin:0;font:32px "Gloock",serif}.service-list button b{font-size:20px;font-weight:400}.service-list article>div{max-height:0;overflow:hidden;padding-left:55px;transition:max-height .4s ease}.service-list article.open>div{max-height:180px}.service-list article>div p{max-width:520px;margin:0 0 17px;color:rgba(23,32,28,.62);line-height:1.7}.service-list article>div a{display:inline-block;margin-bottom:28px;padding-bottom:5px;border-bottom:1px solid;font-size:11px;font-weight:600}
.contact{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw;padding:130px clamp(24px,7vw,110px);background:var(--moss)}.contact>div:last-child{padding-bottom:10px}.contact>div:last-child p{max-width:420px;color:rgba(23,32,28,.65);line-height:1.7}.contact a{display:flex;justify-content:space-between;max-width:480px;margin-top:35px;padding:16px 0;border-block:1px solid;font-weight:600}.contact a span{font-size:18px}footer{min-height:105px;display:flex;justify-content:space-between;align-items:center;padding:25px clamp(24px,7vw,110px);color:rgba(255,255,255,.62);background:var(--forest);font-size:10px}footer .logo{color:white}.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:76px}.nav-toggle{display:flex;flex-direction:column;gap:7px;padding:12px;border:0;background:transparent;z-index:22}.nav-toggle span{width:27px;height:1px;background:white}.site-header nav{position:fixed;z-index:21;inset:0;display:flex;padding:120px 28px 40px;flex-direction:column;align-items:flex-start;gap:22px;color:white;background:var(--forest);font:40px "Gloock",serif;opacity:0;visibility:hidden;transform:translateX(100%);transition:.3s}.site-header nav.open{opacity:1;visibility:visible;transform:none}.site-header .logo{position:relative;z-index:22}.nav-cta{margin-top:15px;font:12px "DM Sans",sans-serif}.hero{min-height:800px}.hero-copy{width:90vw;padding-top:165px}.hero-index{display:none}.finder{margin:0;padding:26px;grid-template-columns:1fr}.finder-controls{grid-template-columns:1fr 1fr}.finder-controls button{grid-column:1/-1}.story,.results,.services,.contact,.areas{grid-template-columns:1fr}.story-copy{grid-template-columns:1fr;gap:10px}.property-wide{grid-column:auto}.property-wide .property-image,.property-image{height:470px}.property-offset{margin-top:0}.area-visual{min-height:650px}.section{padding:90px 28px}.section-head{display:block}.section-head .line-link{display:inline-block;margin-top:30px}.contact{padding:90px 28px}.stats{grid-template-columns:1fr}.services{gap:50px}footer{flex-direction:column;justify-content:center;gap:12px;text-align:center}}
@media(max-width:580px){.hero h1{font-size:clamp(59px,18vw,82px)}.hero-copy{padding-left:24px}.feature-tag{width:82vw}.finder-controls,.property-grid{grid-template-columns:1fr}.finder label{padding:8px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.2)}.story h2,.section-head h2,.results h2,.services h2,.contact h2,.areas h2{font-size:clamp(48px,14vw,70px)}.property-image,.property-wide .property-image{height:390px}.property-info{display:block}.property-info>div:last-child{margin-top:12px;text-align:left}.areas-copy{padding:80px 28px}.area-visual{min-height:520px}.service-list button{grid-template-columns:38px 1fr auto}.service-list article>div{padding-left:38px}.contact{gap:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* House Braelum slate and blush palette */
:root{--forest:#2E3F4F;--moss:#F5C5B8;--chalk:#f4f1ed;--white:#fffdf8;--ink:#202d38;--rust:#F5C5B8;--line:rgba(46,63,79,.18)}
.hero-shade{background:linear-gradient(90deg,rgba(24,36,48,.94) 0%,rgba(24,36,48,.7) 42%,rgba(24,36,48,.08) 78%),linear-gradient(0deg,rgba(24,36,48,.44),transparent 45%)}
.finder{box-shadow:0 18px 50px rgba(46,63,79,.2)}
.section-no{color:rgba(46,63,79,.62)}
.story-copy p,.services-intro>p:not(.eyebrow),.service-list article>div p,.contact>div:last-child p{color:rgba(32,45,56,.68)}
.property-info p{color:rgba(32,45,56,.58)}