/* Who’s Who Vending — single-page site (Netlify-ready) */
:root{
  --navy:#1E3A5F; --orange:#F9B233; --teal:#2BA6A6; --char:#333333; --light:#FFFFFF; --muted:#f5f7fa; --gold:#FFD966;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--char);background:var(--muted);}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
strong{color:var(--navy)}

/* Header */
.site-header{background:var(--navy);color:var(--light);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 0}
.logo{height:56px;width:auto}
.brand h1{font-family:'League Spartan', Montserrat, sans-serif;margin:0;font-size:1.1rem;letter-spacing:.8px}
.tagline{margin:.15rem 0 0;opacity:.9;font-size:.85rem;letter-spacing:.6px}

/* Buttons */
.cta{background:var(--orange);color:#111;padding:.6rem 1rem;border-radius:999px;font-weight:800;border:none;display:inline-block}
.cta.small{padding:.45rem .8rem;font-size:.9rem}
.cta:hover{filter:brightness(.95);text-decoration:none}

/* Hero */
.hero{background:var(--light);}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:56px 0}
.hero-copy h2{font-family:'League Spartan', Montserrat, sans-serif;font-size:2.1rem;margin:.2rem 0 1rem;color:var(--navy);letter-spacing:.6px}
.hero-copy p{line-height:1.6}
.bullets{margin:1rem 0 1.5rem;padding-left:18px}
.bullets li{margin:.35rem 0}

/* Visual */
.hero-visual img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}

/* Cards Section */
#amenities{background:var(--muted);padding:48px 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--light);padding:18px 18px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.card h4{margin:.2rem 0 .4rem;color:var(--navy)}

/* Contact */
.contact{background:var(--light);padding:52px 0}
.form{margin-top:12px}
.hidden{display:none}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;margin:10px 0}
label{font-weight:700;margin-bottom:6px;color:var(--navy);letter-spacing:.2px}
input,textarea{border:1px solid #d9dee8;border-radius:10px;padding:.7rem .9rem;font-size:1rem}
button.cta{cursor:pointer}
.fineprint{font-size:.9rem;opacity:.8}

/* Footer */
.site-footer{background:var(--navy);color:var(--light);}
.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.small{opacity:.85}

/* Responsive */
@media (max-width: 860px){
  .hero-inner{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .site-header .cta{margin-left:auto}
}