:root{
  --ink:#163239;
  --ink-2:#294a52;
  --sand:#f4efe6;
  --cream:#fbf9f4;
  --sea:#6f9ea4;
  --blue:#d7e6e8;
  --white:#fff;
  --line:#dcd8cf;
  --muted:#6a7476;
  --shadow:0 20px 50px rgba(17,39,44,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.05;margin:0 0 .7rem}
h1{font-size:clamp(3.4rem,7vw,6.7rem);letter-spacing:-.04em}
h2{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.03em}
h3{font-size:1.8rem}
p{margin:0 0 1.2rem}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.narrow{max-width:760px}
.center{text-align:center}
.section{padding:92px 0}
.eyebrow{font-size:.78rem;letter-spacing:.19em;font-weight:700;color:#dfeaec;margin-bottom:1rem}
.eyebrow.dark{color:var(--sea)}
.site-header{position:fixed;inset:0 0 auto;z-index:40;background:rgba(251,249,244,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(22,50,57,.08)}
.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand-mark{width:46px;height:46px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display",serif}
.brand-text{display:flex;flex-direction:column;line-height:1;font-size:1rem}
.brand-text small{font-family:"DM Sans";font-size:.55rem;letter-spacing:.2em;margin-top:5px}
nav{display:flex;gap:28px;align-items:center;font-size:.92rem;font-weight:600}
.nav-cta{border:1px solid var(--ink);padding:10px 16px;border-radius:999px}
.hero{position:relative;min-height:790px;display:flex;align-items:center;margin-top:80px;color:white;background:
linear-gradient(110deg,rgba(12,37,44,.78),rgba(12,37,44,.18)),
radial-gradient(circle at 20% 80%,rgba(98,151,160,.9),transparent 32%),
linear-gradient(145deg,#163239 0 42%,#789da1 42% 65%,#d8b98f 65% 100%)}
.hero:after{content:"";position:absolute;right:8%;bottom:9%;width:38%;height:38%;border:1px solid rgba(255,255,255,.25);border-radius:50% 50% 4% 50%}
.hero-content{position:relative;z-index:2;max-width:900px}
.hero-copy{font-size:1.25rem;max-width:600px;color:#edf3f4}
.hero-actions{display:flex;gap:14px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:14px 22px;font-weight:700;transition:.2s}
.btn-primary{background:white;color:var(--ink)}
.btn-ghost{border:1px solid rgba(255,255,255,.65);color:white}
.btn-dark{background:var(--ink);color:white}
.btn:hover{transform:translateY(-1px)}
.intro{background:white}
.intro p:last-child{font-size:1.15rem;color:var(--muted)}
.properties-section{background:var(--sand)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.section-heading>p{max-width:430px;color:var(--muted)}
.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.property-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 8px 32px rgba(17,39,44,.07)}
.property-photo{height:360px;position:relative;padding:20px;overflow:hidden}
.coast-photo{background:
linear-gradient(to bottom,transparent 35%,rgba(19,51,59,.23)),
linear-gradient(165deg,#abd3dd 0 47%,#e7d7bc 47% 68%,#8caf92 68%)}
.slope-photo{background:
linear-gradient(to bottom,rgba(13,45,50,.05),rgba(13,45,50,.32)),
linear-gradient(145deg,#dbe7e8 0 28%,#718d87 28% 54%,#294b48 54% 76%,#eee 76%)}
.photo-label{position:absolute;right:20px;bottom:-14px;font-size:6.3rem;line-height:1;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.48)}
.location-pill{display:inline-block;background:rgba(255,255,255,.9);color:var(--ink);padding:8px 12px;border-radius:999px;font-size:.76rem;font-weight:700}
.property-body{padding:30px}
.property-kicker{font-size:.72rem;letter-spacing:.14em;color:var(--sea);font-weight:800}
.property-meta{color:var(--muted);font-size:.92rem}
.text-link{background:none;border:0;padding:0;color:var(--ink);font-weight:800}
.features{background:white}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature{padding:28px;border-top:1px solid var(--line)}
.feature span{font-size:.8rem;color:var(--sea);font-weight:800}
.feature h3{font-size:1.35rem;margin-top:30px}
.feature p{color:var(--muted);font-size:.93rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;background:#eef2ef;border-radius:26px;overflow:hidden}
.split-visual{background:
linear-gradient(135deg,rgba(255,255,255,.1),rgba(22,50,57,.2)),
linear-gradient(25deg,#254b50 0 40%,#799ba2 40% 57%,#d8c39f 57% 72%,#35564f 72%)}
.split-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}
.split-copy p{color:var(--muted)}
.split-copy .btn{align-self:flex-start;margin-top:14px}
.contact-section{background:var(--ink);color:white}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-grid>div p:last-child{color:#cad6d8;max-width:390px}
.inquiry-form{background:white;color:var(--ink);padding:32px;border-radius:20px}
.inquiry-form label{display:block;font-size:.82rem;font-weight:700;margin-bottom:16px}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #d7dfe0;border-radius:10px;padding:12px;margin-top:6px;background:#fff;color:var(--ink)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-status{font-size:.88rem;margin-top:12px;color:var(--ink-2)}
footer{background:#0e252a;color:#d8e1e2;padding:44px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .6fr 1fr;align-items:end;gap:30px}
.footer-brand .brand-mark{border-color:#d8e1e2}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-domain{text-align:right;color:#9fb4b8}
.modal{display:none;position:fixed;inset:0;z-index:80}
.modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(5,22,25,.68);backdrop-filter:blur(4px)}
.modal-panel{position:absolute;right:0;top:0;height:100%;width:min(760px,100%);background:var(--cream);overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.2)}
.modal-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;border:0;background:white;font-size:1.7rem;z-index:2}
.modal-hero{height:250px;padding:24px}
.modal-hero.coast-photo,.modal-hero.slope-photo{background-size:cover}
.modal-content{padding:34px}
.calendar-shell{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:28px}
.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.calendar-head h3{font-size:1.45rem;margin:0}
.calendar-head button{border:0;background:#eef3f3;border-radius:50%;width:38px;height:38px;color:var(--ink);font-weight:800}
.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin:10px 0 16px}
.calendar-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
.available-dot{background:#dceae1}.blocked-dot{background:#dde0e0}.selected-dot{background:var(--ink)}
.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.weekdays span{text-align:center;font-size:.72rem;color:var(--muted);font-weight:700;padding:5px}
.day{aspect-ratio:1;border:0;border-radius:10px;background:#edf4ef;color:var(--ink);display:grid;place-items:center;font-size:.86rem}
.day.empty{background:transparent}
.day.blocked{background:#e5e7e7;color:#9ca5a6;text-decoration:line-through;cursor:not-allowed}
.day.past{opacity:.38;cursor:not-allowed}
.day.selected{background:var(--ink);color:white}
.day.in-range{background:#cfdfe0}
.selected-dates{padding:17px 2px 10px;font-size:.92rem}
.selected-dates span{color:var(--muted);margin-left:6px}
.full{width:100%;margin-top:8px}
.calendar-note{font-size:.76rem;color:var(--muted);margin-top:14px}
@media(max-width:820px){
  nav a:not(.nav-cta){display:none}
  .hero{min-height:650px}
  .property-grid,.contact-grid,.split{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:1fr 1fr}
  .split-visual{min-height:320px}
  .footer-grid{grid-template-columns:1fr}
  .footer-domain{text-align:left}
}
@media(max-width:560px){
  .container{width:min(100% - 26px,1160px)}
  .section{padding:68px 0}
  .feature-grid,.form-row{grid-template-columns:1fr}
  .section-heading{align-items:start;flex-direction:column}
  .property-photo{height:280px}
  .split-copy{padding:38px 26px}
  .modal-content{padding:26px 18px}
  .brand-text{display:none}
}

.fox-photo-card{background-position:center;background-size:cover}
.property-gallery{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:150px 150px;
  gap:8px;
  margin:26px 0 6px;
  border-radius:18px;
  overflow:hidden;
}
.property-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.property-gallery img:first-child{
  grid-row:1 / span 2;
}
@media(max-width:560px){
  .property-gallery{
    grid-template-columns:1fr 1fr;
    grid-template-rows:210px 120px 120px;
  }
  .property-gallery img:first-child{
    grid-column:1 / span 2;
    grid-row:auto;
  }
}

.margate-photo-card{
  background-position:center;
  background-size:cover;
}

.property-grid{
  grid-template-columns:repeat(3,1fr);
}
.trail-creek-photo{
  background:
    linear-gradient(to bottom,rgba(13,45,50,.02),rgba(13,45,50,.34)),
    linear-gradient(150deg,#dbe8e9 0 30%,#79958e 30% 49%,#48695f 49% 68%,#edf2ef 68%);
}
@media(max-width:980px){
  .property-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .property-grid{grid-template-columns:1fr}
}

/* === Funkier Coast & Slope visual refresh === */
:root{
  --funk-coral:#ef8b73;
  --funk-gold:#e6b85c;
  --funk-aqua:#8cc9c3;
  --funk-sage:#9fb18d;
  --funk-lilac:#cbb8d9;
  --funk-navy:#17333a;
  --funk-paper:#f8f1e8;
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(239,139,115,.12), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(140,201,195,.15), transparent 26%),
    linear-gradient(180deg,#fbf5ee 0%,#f6efe5 100%);
}

.site-header{
  background:rgba(255,248,239,.88);
  border-bottom:2px solid rgba(23,51,58,.07);
}

.brand-mark{
  border-radius:43% 57% 58% 42% / 48% 42% 58% 52%;
  background:var(--funk-gold);
  border:none;
  transform:rotate(-4deg);
  box-shadow:4px 4px 0 rgba(23,51,58,.14);
}

.hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 75%,rgba(239,139,115,.88),transparent 25%),
    radial-gradient(circle at 77% 18%,rgba(140,201,195,.95),transparent 27%),
    linear-gradient(135deg,#17333a 0 39%,#557f82 39% 61%,#e7bb76 61% 78%,#ef8b73 78%);
}

.hero:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  left:-60px;
  top:90px;
  border:2px dashed rgba(255,255,255,.35);
  border-radius:46% 54% 61% 39% / 55% 43% 57% 45%;
  transform:rotate(14deg);
}

.hero:after{
  border:0;
  background:rgba(255,255,255,.10);
  width:410px;
  height:410px;
  border-radius:60% 40% 45% 55% / 45% 56% 44% 55%;
  transform:rotate(-9deg);
}

.hero h1{
  text-shadow:6px 6px 0 rgba(12,37,44,.22);
}

.eyebrow{
  display:inline-block;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}

.eyebrow.dark{
  background:rgba(230,184,92,.22);
  color:var(--funk-navy);
}

.btn{
  box-shadow:4px 4px 0 rgba(22,50,57,.14);
}

.btn-primary{
  background:var(--funk-gold);
}

.btn-ghost{
  background:rgba(255,255,255,.08);
}

.nav-cta{
  background:var(--funk-coral);
  border:none;
  box-shadow:3px 3px 0 rgba(22,50,57,.13);
}

.intro{
  position:relative;
  background:
    linear-gradient(90deg,rgba(203,184,217,.16),transparent 36%),
    white;
}

.intro:after{
  content:"✦";
  position:absolute;
  right:8%;
  top:24%;
  font-size:5rem;
  color:rgba(239,139,115,.22);
  transform:rotate(12deg);
}

.properties-section{
  background:
    radial-gradient(circle at 6% 20%,rgba(230,184,92,.20),transparent 20%),
    radial-gradient(circle at 95% 72%,rgba(140,201,195,.18),transparent 22%),
    #f4eadf;
}

.property-card{
  border-radius:28px 28px 18px 18px;
  border:2px solid rgba(23,51,58,.08);
  box-shadow:8px 10px 0 rgba(23,51,58,.08);
  transition:.22s ease;
}

.property-card:nth-child(2){
  transform:rotate(.8deg);
}

.property-card:nth-child(3){
  transform:rotate(-.7deg);
}

.property-card:hover{
  transform:translateY(-5px) rotate(0deg);
  box-shadow:12px 16px 0 rgba(23,51,58,.10);
}

.location-pill{
  background:var(--funk-paper);
  border:1px solid rgba(23,51,58,.12);
  box-shadow:3px 3px 0 rgba(23,51,58,.10);
}

.photo-label{
  font-family:"Playfair Display",serif;
  font-style:italic;
  letter-spacing:-.06em;
}

.property-kicker{
  color:#bd654f;
}

.feature-grid{
  gap:22px;
}

.feature{
  border:2px solid rgba(23,51,58,.08);
  border-radius:22px;
  background:white;
  box-shadow:6px 6px 0 rgba(23,51,58,.07);
}

.feature:nth-child(1){transform:rotate(-1deg)}
.feature:nth-child(2){transform:rotate(.8deg)}
.feature:nth-child(3){transform:rotate(-.5deg)}
.feature:nth-child(4){transform:rotate(.7deg)}

.feature span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--funk-lilac);
  color:var(--funk-navy);
}

.split{
  background:
    linear-gradient(120deg,rgba(203,184,217,.18),rgba(140,201,195,.12)),
    #f6f1e8;
  border:2px solid rgba(23,51,58,.08);
  box-shadow:10px 12px 0 rgba(23,51,58,.08);
}

.split-visual{
  background:
    radial-gradient(circle at 20% 20%,rgba(230,184,92,.8),transparent 20%),
    radial-gradient(circle at 77% 35%,rgba(239,139,115,.55),transparent 24%),
    linear-gradient(25deg,#254b50 0 40%,#799ba2 40% 57%,#d8c39f 57% 72%,#35564f 72%);
}

.contact-section{
  background:
    radial-gradient(circle at 10% 15%,rgba(239,139,115,.24),transparent 22%),
    radial-gradient(circle at 92% 70%,rgba(140,201,195,.18),transparent 24%),
    var(--funk-navy);
}

.inquiry-form{
  border-radius:26px;
  box-shadow:10px 10px 0 rgba(0,0,0,.13);
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea{
  background:#fffaf4;
  border:2px solid #e8ddd0;
}

footer{
  background:#112a30;
  position:relative;
  overflow:hidden;
}

footer:before{
  content:"COAST / SLOPE / REPEAT";
  position:absolute;
  bottom:-12px;
  right:2%;
  font-size:3.2rem;
  font-weight:800;
  letter-spacing:-.05em;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
}

.modal-panel{
  background:
    radial-gradient(circle at 85% 12%,rgba(230,184,92,.12),transparent 20%),
    var(--cream);
}

.calendar-shell{
  border:2px solid rgba(23,51,58,.08);
  box-shadow:6px 6px 0 rgba(23,51,58,.06);
}

.day{
  border-radius:14px;
}

.day.selected{
  background:var(--funk-coral);
}

.day.in-range{
  background:#f1c5b9;
}

@media(max-width:820px){
  .property-card:nth-child(2),
  .property-card:nth-child(3),
  .feature:nth-child(1),
  .feature:nth-child(2),
  .feature:nth-child(3),
  .feature:nth-child(4){
    transform:none;
  }
}

/* ===== Approved retro Coast & Slope direction ===== */
:root{
  --retro-cream:#fbf1df;
  --retro-paper:#fff8eb;
  --retro-teal:#0f9295;
  --retro-coral:#ef6548;
  --retro-orange:#f4aa18;
  --retro-navy:#092d4d;
}
html{scroll-behavior:smooth}
body{
  color:var(--retro-navy);
  background:
    radial-gradient(circle at 12% 18%,rgba(15,146,149,.05),transparent 18%),
    radial-gradient(circle at 85% 74%,rgba(239,101,72,.06),transparent 22%),
    var(--retro-cream);
}
.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(251,241,223,.95);
  border-bottom:1px solid rgba(9,45,77,.10);
  backdrop-filter:blur(10px);
}
.retro-nav{
  min-height:92px;
  display:grid;
  grid-template-columns:104px 230px 1fr;
  align-items:center;
  gap:22px;
}
.wg-home-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:76px;
}
.wg-home-logo img{
  width:92px;
  max-height:70px;
  object-fit:contain;
  display:block;
}
.brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:.88;
}
.retro-brand-word{
  font-family:"DM Sans",sans-serif;
  font-size:1.42rem;
  font-weight:900;
  letter-spacing:-.07em;
  color:var(--retro-teal);
}
.retro-brand-word b{
  color:var(--retro-orange);
  font-size:1.32em;
}
.brand small{
  margin-top:7px;
  letter-spacing:.38em;
  color:var(--retro-coral);
  font-weight:800;
  font-size:.58rem;
}
.retro-nav nav{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:22px;
  font-size:.84rem;
  font-weight:800;
  text-transform:uppercase;
}
.retro-nav nav a{color:var(--retro-navy)}
.nav-cta{
  background:var(--retro-coral)!important;
  color:white!important;
  padding:12px 16px;
  border-radius:9px;
  box-shadow:3px 3px 0 rgba(9,45,77,.15);
}
.retro-hero{
  min-height:590px;
  padding:0;
  background:var(--retro-cream);
  color:var(--retro-navy);
  position:relative;
  overflow:hidden;
}
.retro-hero:before{
  content:"";
  position:absolute;
  left:-70px;
  bottom:-80px;
  width:270px;
  height:330px;
  border-radius:55% 45% 40% 60%;
  background:var(--retro-teal);
  opacity:.96;
  transform:rotate(-12deg);
}
.retro-hero:after{
  content:"";
  position:absolute;
  left:70px;
  bottom:-150px;
  width:130px;
  height:390px;
  border-radius:60% 40% 60% 40%;
  background:var(--retro-coral);
  transform:rotate(17deg);
  opacity:.96;
}
.retro-hero-grid{
  min-height:590px;
  display:grid;
  grid-template-columns:40% 60%;
  align-items:stretch;
  position:relative;
  z-index:2;
}
.retro-hero-copy{
  padding:64px 36px 54px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.retro-hero .eyebrow{
  color:var(--retro-coral);
  background:transparent;
  padding:0;
  font-weight:900;
  letter-spacing:.16em;
}
.retro-hero h1{
  font-family:"Playfair Display",serif;
  font-size:clamp(3.2rem,5.8vw,6rem);
  line-height:.86;
  letter-spacing:-.055em;
  margin:12px 0 16px;
  text-shadow:none;
}
.retro-hero h1 span{color:var(--retro-teal)}
.retro-hero h1 em{
  color:var(--retro-coral);
  font-style:normal;
}
.retro-squiggle{
  width:180px;
  height:13px;
  border-top:5px solid var(--retro-orange);
  border-radius:50%;
  transform:rotate(-2deg);
  margin:6px 0 14px;
}
.retro-hero .hero-copy{
  color:var(--retro-navy);
  font-size:1.05rem;
  line-height:1.45;
}
.retro-hero .btn-primary{
  background:var(--retro-teal);
  color:white;
}
.retro-hero .btn-ghost{
  border:2px solid var(--retro-navy);
  color:var(--retro-navy);
  background:transparent;
}
.retro-hero-photo{
  margin:28px 0 28px 10px;
  background-image:
    linear-gradient(to bottom,rgba(9,45,77,.02),rgba(9,45,77,.08)),
    url("assets/coast-hero.jpg");
  background-size:cover;
  background-position:center;
  border-radius:42% 0 0 42% / 22% 0 0 22%;
  position:relative;
  box-shadow:0 10px 30px rgba(9,45,77,.12);
}
.hero-note{
  position:absolute;
  right:28px;
  bottom:54px;
  background:var(--retro-navy);
  color:white;
  padding:18px 24px;
  font-family:"Playfair Display",serif;
  font-style:italic;
  font-size:1.45rem;
  line-height:1.18;
  transform:rotate(1.5deg);
  border-radius:6px;
  box-shadow:6px 7px 0 rgba(239,101,72,.75);
}
.hero-note span{color:var(--retro-coral);font-size:1.4em}
.retro-intro{
  padding:24px 0 14px;
  background:var(--retro-cream);
}
.retro-hand{
  font-family:"Playfair Display",serif;
  font-size:clamp(1.9rem,3.3vw,3rem);
  font-style:italic;
  color:var(--retro-navy);
  margin:0;
}
.properties-section{
  padding-top:28px;
  background:
    radial-gradient(circle at 0 50%,rgba(15,146,149,.18),transparent 13%),
    radial-gradient(circle at 100% 35%,rgba(244,170,24,.20),transparent 15%),
    var(--retro-cream);
}
.properties-section .section-heading{margin-bottom:22px}
.property-grid{gap:24px}
.property-card{
  background:var(--retro-paper);
  border:1px solid rgba(9,45,77,.13);
  border-radius:14px;
  box-shadow:6px 8px 16px rgba(9,45,77,.13);
  transform:none!important;
}
.property-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:8px 12px 18px rgba(9,45,77,.16);
}
.property-photo{height:300px}
.location-pill{
  background:var(--retro-teal);
  color:white;
  text-transform:uppercase;
  font-weight:900;
  border:none;
  box-shadow:none;
  border-radius:10px 10px 10px 2px;
}
.property-card:last-child .location-pill{background:var(--retro-coral)}
.photo-label{
  top:18px;
  right:20px;
  bottom:auto;
  font-size:1rem;
  letter-spacing:.1em;
  font-family:"DM Sans",sans-serif;
  font-style:normal;
  color:white;
  background:rgba(9,45,77,.76);
  padding:6px 10px;
  border-radius:999px;
}
.property-body{padding:18px 20px 22px}
.property-body h3{
  font-family:"DM Sans",sans-serif;
  font-size:1.55rem;
  letter-spacing:-.04em;
  margin:2px 0 4px;
}
.property-kicker{display:none}
.property-meta{
  color:var(--retro-teal);
  font-weight:900;
  font-size:.78rem;
  text-transform:uppercase;
}
.property-card:last-child .property-meta{color:var(--retro-coral)}
.property-body>p:not(.property-meta){font-size:.9rem;line-height:1.45;color:#18354b}
.text-link{
  color:var(--retro-teal);
  text-transform:uppercase;
  font-size:.86rem;
  letter-spacing:.03em;
}
.property-card:last-child .text-link{color:var(--retro-coral)}
.features{
  background:var(--retro-navy);
  color:white;
}
.features .eyebrow.dark{
  color:var(--retro-orange);
  background:transparent;
}
.features h2{color:white}
.feature-grid{gap:18px}
.feature{
  border:0;
  background:transparent;
  box-shadow:none;
  color:white;
  transform:none!important;
  padding:24px 12px;
}
.feature span{
  background:transparent;
  color:var(--retro-orange);
  border:2px solid var(--retro-orange);
}
.feature h3{color:white;margin-top:18px}
.feature p{color:#dce7e9}
.split-section{
  background:var(--retro-cream);
}
.split{
  background:var(--retro-paper);
  border-radius:18px;
  border:1px solid rgba(9,45,77,.12);
  box-shadow:7px 9px 0 rgba(15,146,149,.12);
}
.split-copy .eyebrow.dark{
  background:rgba(244,170,24,.20);
}
.contact-section{
  background:
    radial-gradient(circle at 5% 10%,rgba(239,101,72,.20),transparent 19%),
    var(--retro-navy);
}
.inquiry-form{
  border-radius:16px;
  border:3px solid var(--retro-paper);
  box-shadow:8px 8px 0 rgba(15,146,149,.34);
}
footer{background:#061f36}
footer:before{
  content:"COAST • SLOPE • REPEAT";
  color:rgba(255,255,255,.04);
}
.modal-panel{background:var(--retro-cream)}
.calendar-shell{background:var(--retro-paper)}
.day.selected{background:var(--retro-coral)}
.day.in-range{background:#f4c7b9}
@media(max-width:1100px){
  .retro-nav{grid-template-columns:86px 190px 1fr}
  .retro-nav nav{gap:12px;font-size:.76rem}
  .wg-home-logo img{width:78px}
}
@media(max-width:860px){
  .retro-nav{grid-template-columns:72px 1fr auto}
  .retro-nav nav a:not(.nav-cta){display:none}
  .retro-hero-grid{grid-template-columns:1fr}
  .retro-hero-copy{padding:48px 30px 22px}
  .retro-hero-photo{
    min-height:330px;
    margin:0 18px 28px;
    border-radius:35px;
  }
  .retro-hero:before,.retro-hero:after{opacity:.35}
}
@media(max-width:560px){
  .retro-nav{min-height:78px}
  .wg-home-logo img{width:62px}
  .retro-brand-word{font-size:1.1rem}
  .brand small{font-size:.48rem}
  .nav-cta{padding:10px 11px;font-size:.7rem}
  .retro-hero h1{font-size:3.25rem}
  .hero-note{right:14px;bottom:20px;font-size:1.08rem}
}

.form-email-note{
  margin:12px 0 0;
  font-size:.82rem;
  line-height:1.4;
  opacity:.78;
}

.spam-trap{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.form-status{
  margin-top:12px;
  min-height:1.4em;
  font-size:.9rem;
  line-height:1.45;
}
.form-status.success{
  color:#d8f3df;
  font-weight:700;
}
.form-status.error{
  color:#ffd0c7;
  font-weight:700;
}
.inquiry-form button[disabled]{
  opacity:.65;
  cursor:wait;
}