@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');

:root{
  --ink:#252421;
  --muted:#706c65;
  --paper:#f6f3ed;
  --paper-2:#ebe5db;
  --white:#fff;
  --line:#d8d0c4;
  --accent:#8b7460;
  --max:1240px;
  --serif:"Playfair Display", Georgia, serif;
  --sans:"DM Sans", Arial, sans-serif;
}

:root{
  --ink:#262522;
  --paper:#f7f5f0;
  --warm:#e9e2d7;
  --accent:#9a725d;
  --white:#fff;
  --max:1180px;
}
*{box-sizing:border-box} 
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.65}
img{display:block;width:100%;height:auto}
a{color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{padding:22px 0;border-bottom:1px solid #ddd7ce;background:rgba(247,245,240,.96);position:sticky;top:0;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.navlinks{display:flex;gap:20px;flex-wrap:wrap;font-size:.9rem}
.navlinks a{text-decoration:none}
.hero{padding:90px 0 70px;background:var(--warm)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--accent)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;margin:0;margin-bottom: 22px;}
h1{font-size:clamp(48px,6vw,88px);margin:18px 0 26px;max-width:760px}
h2{font-size:clamp(36px,4.4vw,62px)}
h3{font-size:28px}
.lede{font-size:1.2rem;max-width:780px}
.btn{display:inline-block;padding:14px 22px;background:var(--ink);color:var(--white);text-decoration:none;font-weight:700;margin:8px 8px 0 0}
.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.section{padding:75px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);padding:28px}
.card img{margin:-28px -28px 25px;width:calc(100% + 56px);max-height:420px;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery img{aspect-ratio:4/3;object-fit:cover}
.band{background:var(--ink);color:var(--white);padding:65px 0}
.band .btn{background:var(--white);color:var(--ink)}
.faq details{border-top:1px solid #ccc;padding:18px 0}
.faq summary{font-weight:700;cursor:pointer}
.breadcrumb{font-size:.85rem;margin-bottom:22px}
.breadcrumb a{opacity:.7}
.small{font-size:.9rem;color:#6f6b64}
.site-footer{padding:45px 0;border-top:1px solid #ddd7ce}


/* ==================================================
   INQUIRY FORM
================================================== */

.inquiry-section {
  scroll-margin-top: 100px;
}

.inquiry-form {
  margin-top: 2.5rem;
  max-width: 900px;
}

.inquiry-form label {
  display: block;
  margin-bottom: 0.45rem;
  font-weight: 600;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"],
.inquiry-form input[type="date"],
.inquiry-form select,
.inquiry-form textarea {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  color: inherit;
  font: inherit;
  margin-bottom: 1.25rem;
}

.inquiry-form textarea {
  resize: vertical;
  min-height: 150px;
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
  outline: 2px solid #2b2b2b;
  outline-offset: 2px;
}

.form-checkbox {
  margin: 0 0 1.5rem;
}

.form-checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-weight: 400;
}

.form-checkbox input {
  margin-top: 0.35rem;
  flex: 0 0 auto;
}

.inquiry-form .btn {
  border: 0;
  cursor: pointer;
}

@media(max-width:800px){
 .nav{align-items:flex-start;flex-direction:column}
 .grid,.grid.two,.gallery{grid-template-columns:1fr}
 .hero{padding:60px 0 45px}
 .section{padding:55px 0}
}

@media (max-width: 700px) {

  .inquiry-form {
    margin-top: 2rem;
  }

  .inquiry-form input[type="text"],
  .inquiry-form input[type="email"],
  .inquiry-form input[type="tel"],
  .inquiry-form input[type="date"],
  .inquiry-form select,
  .inquiry-form textarea {
    font-size: 16px;
  }

}