:root{--navy:#071a33;--blue:#1768ac;--ice:#eef5fb;--white:#fff;--ink:#0c1b2d;--muted:#667487;--line:rgba(10,39,70,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.nav{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);font-weight:800;font-size:14px}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{font-size:9px;color:#a9c8e4;margin-top:3px}.nav-call{text-decoration:none;font-size:14px;font-weight:700}.nav-call span{font-weight:400;color:#a9c8e4;margin-right:8px}.hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background:url('assets/friendly-woods-courtyard.jpg') center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.93) 0%,rgba(3,17,34,.62) 48%,rgba(3,17,34,.13) 78%),linear-gradient(0deg,rgba(3,17,34,.7),transparent 55%)}.hero-content{position:relative;z-index:1;padding:clamp(70px,11vw,150px) clamp(24px,7vw,105px);max-width:900px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#5ca5dd}.eyebrow{display:flex;align-items:center;gap:11px;color:#b9dbf4}.eyebrow span{display:block;width:28px;height:2px;background:#59a7e2}.hero h1{font-size:clamp(3.15rem,7.2vw,7.3rem);line-height:.91;letter-spacing:-.062em;margin:22px 0 28px;font-weight:700}.hero h1 em{font-style:normal;color:#9ec9e9;font-weight:500}.address{font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.address span{display:block;color:#b9c7d6;font-size:.76em;font-weight:500;margin-top:5px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:16px 22px;text-decoration:none;font-size:14px;font-weight:800;border:1px solid transparent;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#fff;color:var(--navy)}.button-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(7,26,51,.25);backdrop-filter:blur(8px)}.price-card{position:absolute;z-index:2;right:0;bottom:0;background:#fff;color:var(--navy);padding:26px clamp(28px,5vw,70px) 28px 34px;border-top:4px solid var(--blue)}.price-card span,.price-card small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.price-card strong{display:block;font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:-.04em;margin:3px 0}.facts{display:grid;grid-template-columns:repeat(5,1fr);background:var(--navy);color:#fff;padding:0 clamp(22px,6vw,90px)}.facts div{padding:32px 20px;border-right:1px solid rgba(255,255,255,.13)}.facts div:first-child{border-left:1px solid rgba(255,255,255,.13)}.facts strong,.facts span{display:block}.facts strong{font-size:1.45rem}.facts span{color:#93abc1;font-size:12px;margin-top:6px}.section{padding:clamp(72px,10vw,140px) clamp(24px,7vw,105px)}.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px);background:linear-gradient(135deg,#fff 55%,var(--ice))}.section h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0 0}.story-copy{padding-top:32px;font-size:17px;line-height:1.8;color:#48576a}.story-copy p:first-child{font-size:20px;color:var(--ink);font-weight:600}.amenities{background:var(--ice);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0}.amenities article{background:#fff;padding:42px}.amenities span{color:#7aaed5;font-size:12px;font-weight:800}.amenities h3{font-size:21px;margin:45px 0 14px}.amenities p{color:var(--muted);line-height:1.7;font-size:15px}.tour{background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr);gap:clamp(50px,9vw,130px);align-items:center}.tour-copy p:not(.section-kicker){color:#9fb2c5;line-height:1.7}.text-link{display:inline-flex;gap:9px;margin-top:20px;text-decoration:none;color:#a5d5f7;font-weight:800;border-bottom:1px solid #5385aa;padding-bottom:6px}.video-frame{max-width:540px;margin:auto;width:100%;aspect-ratio:9/16;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.34)}.video-frame iframe{width:100%;height:100%;border:0}.details{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,120px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-grid p{font-weight:700;border-top:1px solid var(--line);margin:0;padding:25px 12px}.detail-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:9px}.contact{background:#0d60a0;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.section-kicker.light{color:#c7e3f6}.agent-card{border-left:1px solid rgba(255,255,255,.38);padding-left:42px}.agent-card p{color:#d6e7f3;line-height:1.65}.agent-card .agent-name{font-size:26px;font-weight:800;color:#fff;margin:0}.button-light{background:#fff;color:#0d4e82}.button-outline{border-color:rgba(255,255,255,.6)}footer{background:#050f1c;color:#718398;padding:30px clamp(24px,7vw,105px);display:grid;grid-template-columns:1fr 2fr;gap:40px;font-size:11px;line-height:1.6}footer p:first-child{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:800px){.nav{height:70px}.nav-call span{display:none}.hero{min-height:760px}.hero-content{padding-bottom:220px}.price-card{left:0;right:auto}.facts{grid-template-columns:repeat(2,1fr)}.facts div:first-child{border-left:0}.story,.tour,.details,.contact{grid-template-columns:1fr}.amenities{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.video-frame{max-width:420px}.agent-card{border-left:0;border-top:1px solid rgba(255,255,255,.38);padding:30px 0 0}footer{grid-template-columns:1fr}}
@media(max-width:480px){.brand strong{font-size:11px}.nav-call{font-size:12px}.hero h1{font-size:3.4rem}.hero-actions .button{width:100%}.facts{padding:0 16px}.facts div{padding:24px 10px}.detail-grid{grid-template-columns:1fr}.price-card{padding:22px 30px}.address{max-width:270px}.section{padding-left:22px;padding-right:22px}.amenities{padding-left:22px;padding-right:22px}.amenities article{padding:32px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
