:root{
  --mc-soft-tan:#DDCCB4;
  --mc-dusty-blue:#4F7295;
  --mc-gentle-sky:#5F88B1;
  --mc-moss-green:#8CA184;
  --mc-charcoal:#4A4A4A;
  --mc-deep-olive:#6D6C59;

  --f-hero:clamp(2.8rem,5vw+1rem,4.5rem);
  --f-h1:2.25rem;
  --f-h2:1.5rem;
  --f-body:1rem;
  --f-small:.875rem;
}

@font-face{font-family:'Vonca';src:url('/static/font/Vonca-Regular.otf') format('opentype');}
@font-face{font-family:'Miss Lankfort';src:url('/static/font/MissLankfort.otf') format('opentype');}

body{font-family:'Avenir','Avenir Next',sans-serif;color:var(--mc-charcoal);background:#fff;line-height:1.55;}
h1,.hero-title{font:var(--f-hero) 'Vonca',serif;color:var(--mc-dusty-blue);}
h2{font:var(--f-h2) 'Avenir',sans-serif;letter-spacing:.05em;}

.mc-nav{background:var(--mc-soft-tan);padding:.75rem 1.25rem;}
.logo{max-width:180px;height:auto;}

.hero{
  background:url('/static/img/KLogo-blueM-NoBack.png') right 5% top 20%/45% no-repeat,
             var(--mc-gentle-sky);
  color:#fff;text-align:left;padding:6rem 2rem;
}
.lead{font:var(--f-h2) 'Avenir',sans-serif;max-width:26rem;}

.btn-primary{
  background:var(--mc-dusty-blue);color:#fff;padding:.75rem 1.5rem;
  border:none;border-radius:.25rem;transition:.2s;
}
.btn-primary:hover{background:#3e5875;}
a{color:var(--mc-dusty-blue);}

.floorplan{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:3rem 0;}
.floorplan img{width:100%;box-shadow:0 4px 12px rgba(0,0,0,.1);}
.floorplan .info h2{font-family:'Vonca';color:var(--mc-dusty-blue);margin-bottom:.25rem;}
.floorplan .meta{font-size:var(--f-small);letter-spacing:.08em;text-transform:uppercase;}
.bullet{margin:1rem 0 2rem;list-style:disc;padding-left:1.25rem;}
@media(max-width:800px){
  .floorplan{grid-template-columns:1fr;}
  .floorplan img{order:-1;}
}