:root{--green:#123f37;--paper:#faf6ed;--gold:#d1b779;--muted:#4d6258;--clay:#754532;--sage:#dfe7d9}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper)}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:white;color:#123f37;padding:12px}.skip-link:focus{top:10px}.location-bar{padding:9px 5%;display:flex;justify-content:space-between;background:#0a3029;color:#e0e9df;font-size:12px;letter-spacing:.04em}.location-bar a{text-decoration:none}header.site-header{background:var(--green);color:#faf6ed;border:0;padding:19px 5%;min-height:108px;gap:30px}header .brand{display:flex;align-items:center}header .brand img{width:236px;height:auto;display:block}header nav{align-items:center;gap:38px;max-width:none;font-size:15px}header nav>a:not(.header-cta){min-height:48px;display:flex;flex-direction:column;justify-content:center}header nav a span{font-size:11px;letter-spacing:.05em;color:#d6dfd0;margin-top:2px}.header-cta{background:var(--gold);color:#123f37;padding:15px 20px;display:flex;gap:28px;align-items:center;font-weight:700}.header-cta b{font-size:22px;font-weight:400}.header-cta:hover,.button.gold:hover{background:#e0c791}a.button:hover{filter:brightness(1.1)}.hero{max-width:1600px;margin:auto;padding:58px 5% 62px;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;background:var(--paper)}.hero h1{font-size:clamp(52px,6.8vw,94px);letter-spacing:-.045em;line-height:1.03;margin:24px 0 30px}.hero h1 em{color:var(--clay)}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#355748}.hero .eyebrow:before{content:'';width:30px;height:2px;background:#a38242}.hero .lead{font-size:18px;line-height:1.8;max-width:510px}.hero .button{margin-top:16px;padding:17px 25px;font-weight:700}.hero-visual{margin:0;position:relative;background:#dfd8c9;box-shadow:18px 18px 0 #e7decc;height:480px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;background:#103a32;color:#fff8e9;padding:15px 18px;font-size:11px;line-height:1.6}.hero-visual figcaption span{display:block;color:#e1c68a;font-size:15px;font-weight:700}.image-link{position:absolute;top:18px;right:18px;padding:10px 14px;background:#faf6ed;color:#123f37;text-decoration:none;font-size:12px;font-weight:700}.phase-navigation{display:grid;grid-template-columns:1fr 1fr;background:#244f43;color:#fcf9ed;padding:0 5%}.phase-navigation>a{display:flex;align-items:center;gap:24px;padding:27px 32px 27px 0;text-decoration:none}.phase-navigation>a+ a{border-left:1px solid #a7bc9a66;padding-left:38px}.phase-no{font-family:Georgia,serif;font-size:42px;color:#d8bf84}.phase-navigation strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:26px}.phase-navigation small{display:block;color:#e0e9dc;font-size:13px}.phase-navigation b{margin-left:auto;font-size:22px;color:#d8bf84;font-weight:400}.section{padding:72px 5%;border:0}.section-heading{gap:60px;margin-bottom:34px}.section-heading h2{font-size:52px}.section-heading>.p,.section-heading>p{color:#4d6258;font-size:16px}.section-heading .eyebrow{color:#5c4930}.cards{gap:20px}.card{border:1px solid #bfcbbc;background:#fffdf7;box-shadow:0 8px 22px #123f3708;transition:box-shadow .15s,transform .15s}.card:not(.unavailable):hover{transform:translateY(-3px);box-shadow:0 12px 30px #123f3717}.card .top{height:162px;background:#204d40;color:#fff7e7;padding:24px;position:relative;overflow:hidden}.card .top:after{content:'';position:absolute;right:-24px;bottom:-42px;width:130px;height:130px;border:1px solid #d3ba794d;transform:rotate(30deg);pointer-events:none}.card .unit{font-size:52px;line-height:1;color:#e7cc8e}.card .badge{font-size:10px;letter-spacing:.07em;line-height:1.5;padding:5px 9px;background:#e4eddc;color:#1f4938}.card .body{padding:25px 22px;gap:0}.card h3{font-size:26px}.card p{font-size:14px;line-height:1.7}.card .price{font-size:29px!important;margin-top:16px!important;margin-bottom:10px!important;color:#153f35}.card .detail{font-size:12px!important;color:#4d6258;line-height:1.65}.card .button{min-height:48px;font-weight:700;font-size:13px}.card .facts{min-height:84px}.card.unavailable{background:#e9ece5;color:#465c50;box-shadow:none;border-color:#c7d0c1}.card.unavailable .top{background:#dce2d5;color:#465c50}.card.unavailable .unit{color:#536657}.card.unavailable .badge{background:#c7d1be;color:#304b3b}.card.unavailable .top:after{border-color:#7d93714d}.status-key{font-size:12px;color:#506047;margin-top:25px}.t2{background:#e9ddcb}.t2 .section-heading .eyebrow{color:#694b36}.t2 .cards{gap:24px}.t2 .card{border-color:#c6b49d}.t2 .card:not(.reserved) .top{background:#d3ddc8;color:#244336}.t2 .card:not(.reserved) .unit{color:#244336;font-size:36px}.t2 .card .facts{min-height:0}.t2 .card .top{height:130px}.card.reserved{background:#f4eade}.card.reserved .top{background:#dbc5ac}.card.reserved .unit{color:#633f2e;font-size:42px}.card.reserved .badge{background:#754532;color:#fff8ef}.contact{background:#103c32;color:#faf6ed;padding:65px 5%;gap:60px}.contact h2{font-size:49px}.contact .eyebrow{color:#e0c58b}.contact a:not(.button){font-size:23px;text-decoration-thickness:1px;text-underline-offset:5px}.contact>div:nth-child(2){align-self:center;border-left:1px solid #aac1a466;padding-left:45px}.contact p{color:#e0e9da}.contact>div:nth-child(2)>p{font-size:13px}footer{padding:26px 5%;background:#e1e7d8;color:#23483a;font-size:12px}footer a{min-height:30px;display:inline-flex;align-items:center}a:focus-visible,button:focus-visible{outline:3px solid #b77c35;outline-offset:4px}header a:focus-visible,.contact a:focus-visible,.phase-navigation a:focus-visible{outline-color:#f0d594}
@media(min-width:1600px){.hero{max-width:none;padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1100px){header nav{gap:22px}.hero{gap:35px}.hero-visual{height:430px}.hero h1{font-size:70px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .facts{min-height:55px}}
@media(max-width:700px){.location-bar{padding:8px 5%;font-size:11px}header.site-header{padding:17px 5% 13px;display:block;min-height:0}header .brand img{width:205px}header nav{margin-top:16px;padding-top:13px;border-top:1px solid #f4e7bb3b;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;width:100%;max-width:none;justify-content:stretch;font-size:13px}header nav>a:not(.header-cta){min-height:44px}header nav a span{font-size:10px}.header-cta{padding:10px 12px;gap:12px;font-size:12px;min-height:46px}.header-cta b{font-size:18px}.hero{padding:38px 5% 42px;display:block}.hero h1{font-size:58px;line-height:1.05;margin:21px 0}.hero .lead{font-size:16px;line-height:1.75}.hero .eyebrow{font-size:11px}.hero .button{padding:14px 20px;margin-top:9px}.hero-visual{height:350px;margin-top:30px;box-shadow:9px 9px 0 #e7decc}.hero-visual figcaption{padding:12px 15px;font-size:10px}.hero-visual figcaption span{font-size:14px}.phase-navigation{grid-template-columns:1fr;padding:0 5%}.phase-navigation>a{padding:21px 0;gap:18px}.phase-navigation>a+ a{border-left:0;border-top:1px solid #a7bc9a66;padding:21px 0}.phase-no{font-size:35px}.phase-navigation strong{font-size:23px}.phase-navigation small{font-size:12px;max-width:240px}.section{padding:45px 5%}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:43px}.section-heading>p{font-size:15px}.cards,.t2 .cards{grid-template-columns:1fr;gap:20px}.card .top{height:130px;padding:21px 22px}.card .unit{font-size:45px}.card .body{padding:23px}.card .facts{min-height:0}.card.unavailable .top{height:110px}.card.unavailable .body{padding-bottom:10px}.card .price{font-size:30px!important}.card .detail{font-size:13px!important}.card .button{font-size:14px}.contact{grid-template-columns:1fr;padding:45px 5%;gap:25px}.contact h2{font-size:42px}.contact>div:nth-child(2){border-left:0;border-top:1px solid #aac1a466;padding:22px 0 0}.contact a:not(.button){font-size:20px}.contact p{font-size:14px}footer{padding:22px 5%;gap:10px}footer div{gap:16px;flex-wrap:wrap}}
@media(max-width:370px){.hero h1{font-size:53px}.header-cta{gap:7px;padding:10px}.phase-navigation small{max-width:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:not(.unavailable):hover{transform:none}}
