/* website.css */
:root{
  --bg: #f6efe5;            /* soft cream */
  --ink: #212121;           /* near-black text */
  --accent: #c9a769;        /* warm gold */
  --muted: #6b6b6b;         /* secondary text */
  --radius: 18px;
  --shadow: 0 8px 24px rgba(0,0,0,.06);
}

*{ box-sizing: border-box; }

html,body{
  height: 100%;
}

body{
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.65;
}

/* Layout helpers */
.wrap{
  width: min(980px, 92%);
  margin: 0 auto;
}

/* Header / Hero */
.hero{
  padding: clamp(2.5rem, 6vw, 5rem) 0 1rem;
  text-align: center;
}

.logo{
  color: var(--accent);
  width: 86px;
  margin: 0 auto 1rem;
}
.logo svg{ width: 100%; display: block; }

.brand{
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: clamp(1.8rem, 4.8vw, 3rem);
  margin: 0.25rem 0 0.5rem;
}

.tagline{
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--accent);
  font-weight: 600;
  margin: 0;
}
.tagline em{ font-style: normal; border-bottom: 2px solid var(--accent); }

/* Section */
.section{
  padding: 1rem 0 2.25rem;
  border-top: 1px solid rgba(0,0,0,.06);
}

.section h2{
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  margin: .75rem 0 1rem;
  letter-spacing: .02em;
}

.lede{
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  color: var(--ink);
  margin-bottom: 1rem;
}

.bullets{
  margin: .5rem 0 1rem 0;
  padding-left: 1.1rem;
}
.bullets li{
  margin: .25rem 0;
}

.note{
  color: var(--muted);
  font-size: .98rem;
  border-left: 4px solid var(--accent);
  padding: .5rem .75rem;
  background: rgba(201,167,105,.08);
  border-radius: 6px;
}

/* Contact card */
.contact{
  padding: 1rem 0 3rem;
}
.contact-card{
  background: #fff;
  border-radius: var(--radius);
  padding: 1.25rem 1.25rem 1.1rem;
  box-shadow: var(--shadow);
  text-align: center;
}
.contact-card h3{
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.25rem, 3vw, 1.6rem);
  margin: .25rem 0 .25rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.contact-card p{
  margin: .25rem 0;
  font-size: 1.05rem;
}
.contact-card a{
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.contact-card a:hover{
  border-bottom-color: var(--accent);
}

/* Footer */
.footer{
  padding: 2rem 0 3rem;
  color: var(--muted);
  text-align: center;
  font-size: .9rem;
}

/* Small tweaks for very wide screens */
@media (min-width: 1100px){
  .hero{ padding-top: 4.5rem; }
}

/* Print-friendly (for flyers) */
@media print{
  .contact-card{ box-shadow: none; }
  a{ text-decoration: none !important; }
}


/* Social media icon */
.social img {
  width: 24px;
  height: 24px;
  vertical-align: left;
  margin-right: 8px;
  transition: transform 0.2s ease;
}

.social img:hover {
  transform: scale(1.1);
}