:root{color-scheme:light;--ink:#12314b;--muted:#415f76;--blue:#175780;--line:#c9dfeb;--paper:#f3faff;--white:#fff;--ice:#dff4ff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}
.shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
.top,footer,.section-head,nav,.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.top{padding-block:1rem} footer{padding-block:2rem;border-top:1px solid var(--line)}
.brand{font:700 1.4rem Georgia,serif;text-decoration:none}.brand span{color:var(--blue)}
a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}
button,.primary{display:inline-block;padding:.55rem .9rem;border:1px solid var(--blue);border-radius:6px;background:var(--white);color:var(--blue);font-weight:650}
button:disabled{cursor:default;opacity:.55}
.primary{background:var(--blue);color:white;text-decoration:none}
:focus-visible{outline:3px solid #a75010;outline-offset:3px}
.hero{background:radial-gradient(ellipse at 92% 95%,#b1def3 0,transparent 64%),linear-gradient(120deg,#effaff,#d7edf9);color:var(--ink);padding-block:clamp(3rem,10vw,7rem)}
.hero .primary{background:var(--blue);color:white;border-color:var(--blue);margin-top:.8rem}
.eyebrow{letter-spacing:.16em;font-weight:700;color:var(--blue);font-size:.82rem}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(3rem,9vw,7.5rem);margin-bottom:1rem;font-weight:500}h2{font-size:clamp(2rem,5vw,3.15rem);margin-bottom:.8rem}h3{font-size:1.65rem;margin-bottom:.65rem}
.section{padding-block:2.2rem}.section-head h2{margin:0}.section-head select{min-width:5rem;margin-left:.35rem}
.residence{padding-top:1.1rem;margin-top:1.5rem;border-top:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:1rem}
.card,.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:1rem}.card{display:flex;flex-direction:column;align-items:flex-start}.card .primary{margin-top:auto}
.photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e0f1fb;border-radius:7px;margin-bottom:1rem}
.muted,#filter-status{color:var(--muted)}.panel{margin-top:1rem}.detail-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem}
.calendar{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px;text-align:center;margin-top:.5rem;font-size:.92rem}
.calendar td{height:2.15rem;background:#eaf1f7;border-radius:3px}.calendar td[data-state="clear"]{background:#cde7f6}.calendar td[data-state="blocked"]{background:#f3d9c9}.calendar td:empty{background:transparent}
form{display:grid;gap:.75rem}form label{display:grid;gap:.25rem}input,select{min-width:0;max-width:100%;padding:.45rem;border:1px solid #6b93ae;border-radius:5px;background:white;color:var(--ink)}form button{justify-self:start}details{padding:.75rem 0;border-top:1px solid var(--line)}summary{font-weight:650;cursor:pointer}
[hidden]{display:none!important}.direct-price{max-width:42rem;border-left:4px solid #3788b4;padding:.7rem 1rem;background:#fff9;border-radius:0 8px 8px 0}
.direct-price strong{display:block;font-size:clamp(1.15rem,3vw,1.6rem);color:var(--blue)}
.direct-price p{margin:.15rem 0 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:.8rem;margin:1rem 0}
#detail>h2{margin-top:1rem}
#detail>section,#contact,#terms,#legal{scroll-margin-top:1rem}
#detail> .primary:last-child{margin-top:1rem}.hero{text-align:center}
.hero h1{font-size:clamp(1.2rem,6.5vw,5.5rem);letter-spacing:-.035em;white-space:nowrap}
.hero .direct-price{margin-inline:auto;border:1px solid var(--line);border-radius:8px}
.gallery>a{display:block}
.gallery .photo{margin-bottom:0}
.residence-map{margin-top:1.2rem}
.residence-map iframe{display:block;width:100%;height:230px;border:1px solid var(--line);border-radius:8px;margin-bottom:.35rem}
.listing-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.contact-form{max-width:40rem}
textarea{font:inherit;width:100%;padding:.45rem;border:1px solid #6b93ae;border-radius:5px;background:white;color:var(--ink);resize:vertical}.listing-description{max-width:74ch;margin-block:1.25rem}
.listing-description h4{margin:1.1rem 0 .3rem}
.listing-description p{white-space:pre-line}.residence-intro{max-width:70ch;color:var(--muted);margin-bottom:1.05rem}
.card-title span{display:block}
.card-title span:first-child{font:700 .8rem/1.35 system-ui,sans-serif;letter-spacing:.09em;color:var(--blue);margin-bottom:.3rem}
.village-intro p{max-width:72ch;margin-bottom:0}
.hero h1{font-size:clamp(1.2rem,6vw,5.25rem)}

.hero{padding-top:clamp(1.5rem,4vw,3rem)}
.resort-logo{display:block;width:clamp(76px,10vw,125px);height:auto;margin:0 auto 1rem}
.village-intro:not([hidden]){display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(1.4rem,4vw,3.5rem)}
.village-intro p+p{margin-top:.8rem}
.village-intro img{width:100%;height:auto;display:block;border-radius:10px}
.terms-article{max-width:80ch;padding:1rem 0;border-top:1px solid var(--line)}
.terms-article h3{margin-bottom:.55rem}
.terms-article ul{margin:0;padding-left:1.35rem}
.terms-article li+li{margin-top:.45rem}
@media(max-width:720px){.village-intro:not([hidden]){grid-template-columns:1fr}}