@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{
  --ink:#10252d;
  --muted:#5c6b70;
  --paper:#f5f2eb;
  --white:#fff;
  --line:rgba(16,37,45,.14);
  --accent:#a47743;
  --deep:#0d252d;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;color:white}
.brand{font-weight:600;letter-spacing:.12em;font-size:.93rem;text-decoration:none}
.brand span{font-weight:400}
nav{display:flex;gap:28px}
nav a,.header-cta{font-size:.78rem;text-decoration:none;letter-spacing:.04em}
nav a{opacity:.9}
.header-cta{border:1px solid rgba(255,255,255,.55);padding:10px 18px;border-radius:999px}
.hero{height:min(92vh,900px);min-height:680px;position:relative;color:white;overflow:hidden}
.hero>img{position:absolute;inset:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,31,.72),rgba(7,24,31,.12) 70%),linear-gradient(0deg,rgba(7,24,31,.5),transparent 45%)}
.hero-content{position:absolute;left:7vw;bottom:12vh;max-width:760px}
.eyebrow,.section-label,.contact-label{font-size:.7rem;letter-spacing:.18em;font-weight:600}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,8rem);line-height:.9;margin:16px 0 20px;font-weight:500}
.hero-subtitle{font-family:"Playfair Display",serif;font-size:clamp(1.2rem,2.2vw,1.65rem);max-width:580px;margin:0 0 28px}
.hero-facts{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:.86rem}
.hero-facts span,.hero-facts strong{border-left:1px solid rgba(255,255,255,.45);padding-left:15px}
.hero-facts strong{font-size:1.05rem}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.button{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 22px;font-size:.82rem;font-weight:600;letter-spacing:.02em}
.button-light{background:white;color:var(--ink)}
.button-outline{border:1px solid rgba(255,255,255,.65);color:white}
.scroll-hint{position:absolute;right:5vw;bottom:36px;font-size:.7rem;letter-spacing:.12em;opacity:.8}
.section{max-width:var(--max);margin:auto;padding:120px 5vw}
.section-label{color:var(--accent);margin-bottom:55px}
.intro-grid,.specs-header,.gallery-heading,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
h2{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(3rem,6vw,5.7rem);line-height:1.02;margin:0}
h2 em{font-style:italic}
.intro-copy{max-width:510px;color:var(--muted);font-size:1.03rem}
.intro-copy p{margin-top:0;margin-bottom:24px}
.text-link,.call-link{display:inline-flex;gap:12px;text-decoration:none;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px}
.feature-image{height:78vh;min-height:580px;position:relative}
.feature-caption{position:absolute;left:6vw;bottom:7vh;color:white;max-width:440px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.feature-caption span{font-size:.7rem;letter-spacing:.18em;font-weight:600}
.feature-caption p{font-family:"Playfair Display",serif;font-size:2rem;line-height:1.1;margin:12px 0}
.specs{padding-bottom:100px}
.specs-header{align-items:end;margin-bottom:60px}
.specs-header p,.gallery-heading p{color:var(--muted);max-width:390px;margin:0 0 5px}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.spec-card{background:var(--paper);padding:34px 30px;min-height:250px}
.spec-card h3{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 28px}
dl{margin:0}
dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0}
dt{color:var(--muted)}
dd{margin:0;text-align:right;font-weight:600}
.spec-card ul{padding:0;margin:0;list-style:none;color:var(--muted)}
.spec-card li{padding:6px 0;border-top:1px solid var(--line)}
.gallery{padding-top:80px}
.gallery-heading{margin-bottom:55px;align-items:end}
.gallery-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;align-items:stretch}
.gallery-item{margin:0;background:var(--deep);position:relative;min-height:430px}
.gallery-large{min-height:650px}
.gallery-item figcaption{position:absolute;left:22px;bottom:18px;color:white;font-size:.72rem;letter-spacing:.1em;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.sale-note{background:var(--deep);color:white;padding:100px 7vw;display:flex;justify-content:space-between;gap:40px;align-items:end}
.sale-note h2{font-size:clamp(2.8rem,5vw,5rem)}
.sale-price{text-align:right;min-width:260px}
.sale-price span{display:block;font-size:.7rem;letter-spacing:.18em;opacity:.65}
.sale-price strong{display:block;font-family:"Playfair Display",serif;font-size:3rem;font-weight:500;margin:8px 0}
.sale-price small{color:#bdc8ca}
.contact{padding-bottom:140px}
.contact-grid{align-items:start}
.contact> .section-label{margin-bottom:60px}
.contact-grid>div:first-child p{color:var(--muted);max-width:440px;margin-top:35px}
.contact-card{background:white;padding:42px;max-width:470px;margin-left:auto;box-shadow:0 20px 60px rgba(16,37,45,.07)}
.contact-label{color:var(--accent)}
.contact-card h3{font-family:"Playfair Display",serif;font-size:2rem;font-weight:500;margin:10px 0}
.phone{display:block;font-size:1.5rem;text-decoration:none;margin-bottom:28px}
.button-dark{background:var(--ink);color:white;width:100%;text-align:center}
.call-link{margin-top:20px;border:0;padding:0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.72rem;color:var(--muted)}
footer .brand{color:var(--ink)}
@media(max-width:800px){
  nav{display:none}
  .site-header{padding:20px 5vw}
  .hero{min-height:700px}
  .hero-content{left:5vw;right:5vw;bottom:10vh}
  .hero h1{font-size:4.4rem}
  .hero-facts{gap:12px}
  .hero-facts span,.hero-facts strong{font-size:.75rem}
  .section{padding:85px 6vw}
  .intro-grid,.specs-header,.gallery-heading,.contact-grid{grid-template-columns:1fr;gap:35px}
  .spec-grid{grid-template-columns:1fr}
  .feature-image{height:65vh;min-height:450px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-large,.gallery-item{min-height:450px}
  .sale-note{padding:75px 7vw;display:block}
  .sale-price{text-align:left;margin-top:45px}
  .contact-card{margin:0;max-width:none}
  footer{display:block}
  footer p{margin:8px 0 0}
}