body{background:#fff}
.site-header{height:120px;background:#fff;padding:0 5%}
.site-header .brand{width:125px}
.site-header .brand img{height:91px}
.site-header .brand-rentals{font-size:9px;margin-top:0}
.site-header nav{gap:32px}
.property-hero{position:relative;isolation:isolate;min-height:570px;height:min(640px,73vh);margin:0 22px;overflow:hidden;background:#173c45;color:#fff}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-3;animation:hero-arrive 1.2s ease-out both}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,25,29,.73),rgba(7,25,29,.22) 60%,rgba(7,25,29,.08)),linear-gradient(0deg,rgba(7,25,29,.38),transparent 50%)}
.hero-content{position:absolute;left:5%;top:50%;transform:translateY(-50%);max-width:650px}
.hero-content .eyebrow{color:#f5e4c9;font-size:11px;letter-spacing:.2em;margin-bottom:28px}
.hero-content h1{font-size:clamp(54px,6.1vw,90px);font-weight:400;line-height:1.02;letter-spacing:-.045em;color:#fff}
.hero-content>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#f2eee7;margin:24px 0 30px}
.hero-content .button{background:#faf4e6;color:#0b3444;border-color:#faf4e6;padding:15px 25px;min-height:52px}
.hero-content .button:hover{background:#fff;transform:translateY(-2px)}
.featured-home{position:absolute;right:4%;bottom:36px;min-width:285px;max-width:350px;padding:25px 28px;background:rgba(250,247,239,.96);color:#0b3444;display:grid;gap:10px;border-top:2px solid #ae6d4a}
.featured-kicker{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#715c4b}
.featured-name{font:400 27px/1.15 Georgia,serif}
.featured-meta{font-size:12px;color:#53666d}
.featured-meta span{padding:0 6px}
.featured-view{font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:7px}
.collection-intro{display:flex;justify-content:space-between;gap:20px;margin:0 5%;padding:24px 0;border-bottom:1px solid #e4e6e0;font-size:13px;color:#526670}
.collection-intro a{color:#0b3444;border-bottom:1px solid #aaa}
.properties.section{padding:72px 5% 65px;background:#fff}
.properties .section-top{align-items:end;margin-bottom:32px}
.properties .eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:13px}
.properties h2{font-size:clamp(34px,3.7vw,54px);letter-spacing:-.04em}
.filters{gap:6px}
.filters button{border:0;background:#f3f4ef;padding:10px 17px;font-size:12px;border-radius:0}
.filters button.active{background:#0b3444;color:#fff}
.property-grid{gap:28px}
.property{background:transparent;border:0;box-shadow:none;transition:transform .3s ease}
.property:hover{transform:translateY(-3px);box-shadow:none}
.property-photo{height:auto;aspect-ratio:4/3;overflow:hidden}
.property-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.property:hover .property-photo img{transform:scale(1.035)}
.property .tag{border-radius:0;background:#fff;color:#173c45;font-size:10px;letter-spacing:.08em;padding:7px 11px}
.property-body{padding:22px 0 0}
.property-price{font:400 27px/1.1 Georgia,serif;margin-bottom:12px}
.property h3{font:400 20px/1.3 Georgia,serif;letter-spacing:-.02em}
.property-body>p{font-size:13px;margin-top:6px}
.property .specs{font-size:12px;border-top:1px solid #e5e6df;padding-top:17px;margin-top:19px}
.detail-label{font-size:12px;margin-top:18px}
.about.section{padding:65px 5%;background:#f7f4ed}
.about h2{font-size:clamp(33px,3.5vw,48px)}
.about .eyebrow{font-size:10px;letter-spacing:.16em}
.about p:not(.eyebrow){font-size:16px;max-width:530px;color:#526670}
.contact.section{padding-top:78px;padding-bottom:78px}
footer{background:#f7f8f4}
@keyframes hero-arrive{from{transform:scale(1.035);opacity:.6}to{transform:scale(1);opacity:1}}
@media(max-width:1000px){.featured-home{max-width:270px;min-width:240px;padding:21px}.hero-content{max-width:53%}.hero-content h1{font-size:64px}.property-grid{gap:20px}}
@media(max-width:700px){
.site-header{height:100px;padding:0 5%}.site-header .brand{width:98px}.site-header .brand img{height:72px}.site-header .brand-rentals{font-size:8px}
.site-header nav{gap:15px;font-size:12px}.site-header .button.small{padding:8px 12px;min-height:37px}
.property-hero{margin:0 10px;height:auto;min-height:0;padding:56px 24px 24px}
.hero-shade{background:linear-gradient(90deg,rgba(7,25,29,.77),rgba(7,25,29,.34))}
.hero-content{position:relative;left:auto;top:auto;transform:none;max-width:none}
.hero-content .eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.13em}
.hero-content h1{font-size:clamp(46px,12vw,65px)}.hero-content>p:not(.eyebrow){font-size:14px;margin:22px 0 25px}
.featured-home{position:relative;right:auto;bottom:auto;max-width:none;min-width:0;margin-top:42px;padding:20px;gap:8px}.featured-name{font-size:23px}
.collection-intro{padding:20px 0;font-size:11px;gap:12px}.collection-intro a{white-space:nowrap}
.properties.section{padding:48px 5%}.properties .section-top{align-items:start;gap:23px}.property-grid{grid-template-columns:1fr;gap:38px}.filters button{font-size:11px;padding:9px 13px}
.about.section{padding:48px 5%}
}
@media(prefers-reduced-motion:reduce){.hero-backdrop{animation:none}.property,.property-photo img{transition:none}}
@media (min-width:701px) and (max-width:1000px){.properties .section-top{align-items:flex-start}}

/* Mobile: let the property photograph lead, with details below it. */
@media(max-width:700px){
.property-hero{padding:0;background:#faf4e6;color:#0b3444}
.hero-backdrop{height:420px;object-position:center;animation:none}
.hero-shade{height:420px;background:linear-gradient(0deg,rgba(7,25,29,.78),rgba(7,25,29,.15) 40%,transparent 65%)}
.hero-content{height:420px;padding:0 22px 24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.hero-content .eyebrow,.hero-content>p:not(.eyebrow){display:none}
.hero-content h1{font-size:38px;line-height:1.06;letter-spacing:-1.4px;margin-bottom:18px}
.hero-content .button{min-height:46px;padding:11px 18px;font-size:12px}
.featured-home{margin:0;padding:20px 22px 22px;border-top:0;background:#faf4e6;gap:7px}
.featured-name{font-size:23px}
.featured-view{margin-top:4px}
}