:root{
  --ink:#111;
  --paper:#fbfaf7;
  --warm:#f3eee6;
  --line:#d8d2c8;
  --muted:#6e716b;
  --green:#5c6a51;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
img{display:block;width:100%}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 38px;color:white;mix-blend-mode:difference}
.mark,nav a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
nav{display:flex;gap:24px}
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#111}
.hero img{height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18) 60%,rgba(0,0,0,.05))}
.hero-text{position:absolute;left:7vw;bottom:9vh;color:white;max-width:850px}
.eyebrow,.label{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--green);font-weight:700}
.hero .eyebrow{color:rgba(255,255,255,.75)}
h1,h2{margin:0;font-weight:400;line-height:.94;letter-spacing:-.06em}
h1{font-size:clamp(56px,9vw,132px)}
h2{font-size:clamp(38px,5.5vw,82px)}
.subhead{margin:20px 0 0;font-size:clamp(20px,2vw,30px);color:rgba(255,255,255,.82)}
.intro{max-width:650px;margin:30px 0 24px;font-size:clamp(18px,1.9vw,25px);line-height:1.24}
.lease-pill{display:inline-block;border:1px solid rgba(255,255,255,.75);padding:12px 16px;margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.story,.gallery-intro,.details,.neighborhood,.inquiry{padding:110px 7vw;max-width:1240px;margin:0 auto}
.story{display:grid;grid-template-columns:260px 1fr;gap:7vw}
.copy p{max-width:820px;margin:38px 0 0 auto;font-size:22px;color:#333}
.framed{max-width:1180px;margin:0 auto;padding:0 7vw 80px}
.framed img{background:white;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.08)}
.gallery-intro{padding-bottom:36px}
.gallery{max-width:1240px;margin:0 auto;padding:0 7vw 110px;display:grid;gap:70px}
.gallery article{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.gallery article:nth-child(even){grid-template-columns:.8fr 1.2fr}
.gallery article:nth-child(even) img{order:2}
.gallery img{background:white;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.07)}
h3{font-size:28px;font-weight:400;margin:0 0 12px;letter-spacing:-.03em}
.gallery p,.neighborhood p,.inquiry p{color:#333;font-size:18px}
.details{background:var(--warm);max-width:none}
.details>.label,.details>.detail-grid,.details>.detail-copy{max-width:1180px;margin-left:auto;margin-right:auto}
.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:42px;background:var(--line)}
.stat{background:var(--paper);padding:26px}
.stat strong{display:block;font-size:44px;font-weight:400;letter-spacing:-.05em}
.stat span{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}
.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:54px}
.detail-copy p,.detail-copy li{font-size:18px;color:#333}
.detail-copy ul{margin:0;padding-left:18px}
.neighborhood{display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.chips{display:flex;flex-wrap:wrap;gap:12px;align-content:start}
.chips span{background:white;border:1px solid var(--line);border-radius:999px;padding:12px 15px;font-size:14px}
.inquiry{max-width:none;background:#111;color:white;display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.inquiry>div{max-width:560px}
.inquiry .eyebrow{color:#b7c1ad}
.inquiry p{color:rgba(255,255,255,.72)}
.lease-summary{margin-top:28px;border-top:1px solid rgba(255,255,255,.24);padding-top:18px}
.lease-summary p{margin:8px 0}
.inquiry-form{border-top:1px solid rgba(255,255,255,.3);padding-top:22px}
.inquiry-form label{display:block;margin:0 0 16px;color:rgba(255,255,255,.72);font-size:13px;text-transform:uppercase;letter-spacing:.11em}
.inquiry-form input,.inquiry-form textarea{width:100%;margin-top:8px;padding:13px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:white;font:inherit;text-transform:none;letter-spacing:0}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:rgba(255,255,255,.42)}
.inquiry-form button{margin-top:4px;background:white;color:#111;border:0;padding:13px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;cursor:pointer}
.note{font-size:14px!important;color:rgba(255,255,255,.5)!important}
@media(max-width:860px){
  .topbar{position:absolute;mix-blend-mode:normal;padding:18px 22px}nav{display:none}
  h1{font-size:56px}.hero-text{left:24px;right:24px;bottom:42px}
  .story,.gallery-intro,.details,.neighborhood,.inquiry{padding:76px 24px;grid-template-columns:1fr}
  .story{gap:28px}.copy p{margin-left:0;font-size:19px}
  .framed{padding:0 18px 58px}.framed img,.gallery img{padding:12px}
  .gallery{padding:0 18px 76px;gap:42px}
  .gallery article,.gallery article:nth-child(even){grid-template-columns:1fr;gap:18px}
  .gallery article:nth-child(even) img{order:0}
  .detail-grid{grid-template-columns:1fr 1fr}
  .detail-copy{grid-template-columns:1fr}
}