:root{--ink:#22271f;--cream:#f4f0e5;--paper:#eae5d8;--line:#cac4b4;--olive:#b9c095;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #a17b46;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.96;letter-spacing:-.058em}i{font-weight:400}img{display:block;width:100%;height:100%;object-fit:cover}.kicker{font-size:.65rem;font-weight:700;letter-spacing:.21em}.skip{position:fixed;top:1rem;left:1rem;z-index:5;background:var(--cream);padding:1rem;transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bar{position:absolute;z-index:2;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:24px 5.3vw;color:white;border-bottom:1px solid #ffffff45}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--serif);letter-spacing:.12em;font-size:1rem;white-space:nowrap}.brand span{color:var(--olive);font-size:1.4rem}.bar nav{display:flex;gap:2.25rem;font-size:.8rem}.bar nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-height:44px;padding:.65rem 1.15rem;border:1px solid transparent;background:transparent;color:inherit;font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.outline{border-color:#ffffff70}.outline:hover{background:white;color:var(--ink)}.cream{background:var(--cream);color:var(--ink)}.cream:hover{background:var(--olive)}.dark{background:var(--ink);color:white}.dark:hover{background:#454c3e}
.hero{position:relative;display:flex;align-items:center;min-height: min(920px,94svh);color:var(--cream);background:linear-gradient(90deg,#131811d9 0%,#13181167 53%,#13181112 100%),linear-gradient(0deg,#161a14aa,transparent 30%,transparent 75%,#161a1466),#272d22 url(exterior.webp) center 53%/cover no-repeat}.hero-copy{padding:140px 5.3vw 110px}.hero h1{font-size:clamp(4rem,11vw,10.5rem);margin:24px 0}.hero h1 i{color:#e2ddc7}.hero-copy>p:nth-of-type(2){max-width:320px;color:#eee8dc;margin:0 0 28px}.dot{display:inline-block;width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:var(--olive)}.hero-bottom{position:absolute;bottom:0;left:5.3vw;right:5.3vw;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff53;padding:16px 0;font-size:.59rem;letter-spacing:.17em}
.intro{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:end;gap:2rem;padding:110px 5.3vw}.intro .kicker{align-self:start;margin-top:.7rem}.intro h2,.section-top h2,.closing h2{font-size:clamp(3.3rem,7.6vw,7.3rem)}.intro>p:last-child,.section-top>p{max-width:270px;color:#53574b}.walk{height:300svh;background:#1a2019}.stage{position:sticky;top:0;height:100svh;min-height:450px;overflow:hidden;color:var(--cream);isolation:isolate}.scene,.shot,.scene::after{position:absolute;inset:0}.scene{z-index:-1}.shot{opacity:0;transform:scale(1.07);transition:opacity .45s ease}.shot.active{opacity:1}.scene::after{content:"";background:linear-gradient(0deg,#131812e8 2%,#13181277 36%,transparent 75%)}.stage-content{position:absolute;left:5.3vw;right:5.3vw;bottom:112px}.stage-content .kicker span{margin-left:1rem;color:var(--olive)}.stage-content h2{font-size:clamp(3.3rem,8vw,8rem);margin:12px 0}.stage-content>p:last-child{max-width:430px}.scene-nav{position:absolute;bottom:20px;left:5.3vw;right:5.3vw;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-nav button{border:0;border-top:1px solid #ffffff65;color:white;background:transparent;min-height:52px;text-align:left;font-size:.82rem;padding:.55rem 0}.scene-nav button span{font-size:.65rem;margin-right:.45rem;color:#ddd8c9}.scene-nav button[aria-pressed=true]{border-color:var(--olive);box-shadow:inset 0 2px var(--olive);color:var(--olive)}
.residences{padding:110px 5.3vw}.section-top{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-top h2{margin-top:16px}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:34px 0 22px}.filters button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:.45rem .85rem;font-size:.8rem}.filters [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{border:1px solid var(--line);min-width:0}.plan-art{background:var(--paper);padding:20px}.plan svg{width:100%;height:auto;display:block}.plan-copy{padding:22px}.plan h3{font-size:2.55rem;margin:8px 0}.plan-meta{font-size:.82rem;color:#53574b}.plan button{margin-top:17px;padding-left:0;border-bottom:1px solid var(--line)}.plan button:hover{border-color:var(--ink)}.closing{padding:115px 5.3vw;text-align:center;color:var(--cream);background:#22271f}.closing h2{margin:16px 0 20px}.closing>p:nth-of-type(2){max-width:430px;margin:0 auto 24px;color:#e2ddce}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:24px 5.3vw;background:#181d16;color:var(--cream);font-size:.73rem}footer>span{letter-spacing:.13em}
dialog{border:1px solid var(--line);background:var(--cream);color:var(--ink);width:min(480px,calc(100% - 28px));max-height:calc(100% - 28px);padding:25px 30px}dialog::backdrop{background:#11170fc4}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.close{border:0;background:none;color:inherit;font-size:1.75rem;min-width:44px;min-height:44px}dialog h2{font-size:3.55rem;margin:10px 0}dialog>p{font-size:.88rem;margin:0 0 16px}dialog label{display:block;font-size:.78rem;font-weight:700;margin:12px 0 4px}dialog select{width:100%;min-height:44px;border:1px solid #a9a494;background:white;color:var(--ink);padding:5px 9px}dialog .dark{margin-top:20px}#confirmation{padding:13px;background:var(--paper)}
@media(max-width:760px){.bar nav{display:none}.bar{padding-top:15px;padding-bottom:15px}.hero{min-height:88svh;background-position:60% center}.hero-copy{padding-top:115px}.intro{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:1.1rem}.intro h2 br{display:none}.section-top{display:block}.section-top>p{margin-top:14px}.residences,.closing{padding-top:65px;padding-bottom:65px}.plans{grid-template-columns:1fr}.plan-art{padding:15px max(20px,12vw)}.stage-content{bottom:105px}.scene-nav{gap:6px}.scene-nav button span{display:block;margin:0}.hero-bottom{font-size:.52rem}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.walk{height:auto}.stage{position:relative;height:70svh}.shot{transition:none;transform:none}.button{transition:none}}
