:root{--navy:#0A2342;--gold:#C89D4A;--paper:#F7F8FA;--ink:#333;--white:#fff;--line:#e5e7eb}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
.hero{background:var(--navy);color:#fff;text-align:center;padding:34px 20px 42px;border-bottom:5px solid var(--gold)}
.logo{display:block;width:min(260px,70vw);max-height:165px;object-fit:contain;margin:0 auto 18px;filter:none}
.eyebrow{margin:0 0 5px;font-size:1.50rem;font-weight:800;letter-spacing:.2em;color:#e9c77b}.eyebrow.dark{color:#8b6729}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,8vw,3.4rem);line-height:1.05;margin:0}.tagline{margin:12px 0 0;color:#e7edf4;font-size:.96rem}
.wrap{width:min(920px,calc(100% - 28px));margin:0 auto;padding:12px 0 55px}.welcome{text-align:center;max-width:680px;margin:0 auto 30px}.welcome h2,.public-site h2{font-family:Georgia,serif;color:var(--navy);font-size:1.65rem;margin:0 0 8px}.welcome p{margin:0;color:#59616c}
.prompt{text-align:center;font-weight:800;color:var(--navy);margin:24px 0 16px;font-size:1.2rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-btn{appearance:none;border:2px solid var(--navy);background:#fff;color:var(--navy);color:var(--white);border-radius:16px;min-height:126px;padding:18px 12px;box-shadow:0 4px 16px rgba(10,35,66,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);transition:.15s ease}
.guide-btn:hover{transform:translateY(-2px);border-color:#c8b17c}.guide-btn span{font-size:1.8rem;margin-bottom:8px}.guide-btn b{font-size:1rem}.guide-btn small{color:#737b85;margin-top:3px}.guide-btn.help{background:#fff;color:var(--navy);border-color:var(--navy)}.guide-btn.help small{color:#737b85}
.public-site{margin:34px auto 0;padding:26px;text-align:center;background:#fff;border-radius:18px;border-top:4px solid var(--gold);box-shadow:0 4px 16px rgba(10,35,66,.05)}
.outline{display:inline-block;margin-top:8px;padding:11px 18px;border:1px solid var(--navy);border-radius:999px;color:var(--navy);font-weight:800;text-decoration:none}
footer{text-align:center;background:#fff;border-top:1px solid var(--line);padding:22px 18px;color:#737b85;font-size:.86rem}
dialog{width:min(640px,calc(100% - 24px));max-height:86vh;border:0;border-radius:20px;padding:0;box-shadow:0 25px 70px rgba(0,0,0,.28);color:var(--ink)}dialog::backdrop{background:rgba(10,35,66,.68)}
.dialog-head{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px 22px 15px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;color:var(--navy);font-family:Georgia,serif;font-size:1.75rem}.close{border:0;background:#eef1f4;border-radius:50%;width:38px;height:38px;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--navy)}
.dialog-body{padding:18px 22px 28px}.dialog-body h3{color:var(--navy);margin-top:24px}.dialog-body ul{padding-left:22px}.dialog-body li{margin:9px 0}.notice{background:#fff8e8;border-left:4px solid var(--gold);padding:13px 14px;border-radius:8px;margin:15px 0}.privacy{font-size:.84rem;color:#747b84}.wifi-card{display:flex;justify-content:space-between;gap:20px;padding:15px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.wifi-card span{color:#6f7781}.wifi-card b{color:var(--navy)}
.place{padding:13px 0;border-bottom:1px solid var(--line)}.place b,.place span{display:block}.place b{color:var(--navy)}.place span{color:#6b737c;font-size:.92rem}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-top:44px}.wrap{padding-top:16px}}
/* EGGS Properties top navigation */
.site-nav {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e7eb;
}

.site-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-weight: 800;
  letter-spacing: .08em;
}

.site-brand img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.properties-link {
  color: var(--navy);
  font-weight: 700;
  text-decoration: none;
  padding: 7px 12px;
  border: 1px solid var(--navy);
  border-radius: 8px;
}

.properties-link:hover {
  background: var(--navy);
  color: #fff;
}

@media (max-width: 600px) {
  .site-nav {
    padding: 5px 10px;
  }
.site-brand img {
  width: 26px;
  height: 26px;
}
  .site-brand span {
    font-size: .70rem;
  }
  .properties-link {
    font-size: .70rem;
    padding: 5px 8px;
  }