:root{
  --ink:#111;
  --paper:#fff;
  --soft:#f5f5f3;
  --line:#c9c9c4;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family: Georgia, "Times New Roman", serif;
}
a{color:inherit}
.site-shell{max-width:var(--max);margin:0 auto;padding:0 28px}
header{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #eee;
}
.nav{
  min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{font-size:22px;text-decoration:none;white-space:nowrap}
nav{display:flex;gap:28px;align-items:center;font-family:Arial,sans-serif;font-size:14px}
nav a{text-decoration:none;color:#555}
nav a:hover,nav a[aria-current="page"]{color:#111}
.menu-toggle{display:none;border:0;background:none;font-size:27px}
.hero-title{
  font-size:clamp(48px,7.6vw,90px);line-height:.92;font-weight:400;
  margin:46px 0 24px;letter-spacing:-2px;
}
.home .hero-title{text-align:center;font-size:clamp(42px,6vw,76px);line-height:1}
.hero-img{width:100%;height:auto;display:block;border:1px solid #222}
.kicker{
  font-family:Arial,sans-serif;font-weight:700;
  font-size:clamp(18px,2.2vw,28px);line-height:1.25;margin:14px 0 26px;
}
.statement{font-size:clamp(44px,6vw,78px);line-height:.98;margin:28px 0 60px;letter-spacing:-1.5px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0 0 80px}
.card{border:1px solid #777;padding:28px;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end}
.icon{font-family:Arial,sans-serif;font-size:58px;line-height:1;margin-bottom:auto}
.card h3,.service-card h3{font-family:Arial,sans-serif;margin:0 0 4px;font-size:21px}
.card p,.service-card p{font-size:22px;line-height:1.16;margin:0}
.page-heading{
  display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start;margin:44px 0 22px;
}
.page-heading h1{font-weight:400;font-size:clamp(50px,7vw,86px);line-height:.9;margin:0;letter-spacing:-2px}
.page-heading p{font-family:Arial,sans-serif;font-size:21px;font-weight:700;line-height:1.25;margin:12px 0 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:48px 0 80px}
.service-card{border:1px solid #777;padding:32px 24px;min-height:250px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.booking-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:46px 40px 100px}
.booking-copy h2{font-family:Arial,sans-serif;font-size:26px;margin:0 0 4px}
.booking-copy p{font-size:26px;line-height:1.15;margin:0}
.btn{
  display:inline-flex;justify-content:center;align-items:center;
  border:2px solid #111;border-radius:999px;padding:17px 36px;
  font-size:27px;text-decoration:none;background:#fff;
}
.contact-wrap{padding:70px 0 100px}
.contact-img{width:100%;max-height:450px;object-fit:cover;display:block}
.contact-panel{text-align:center;padding:24px 16px}
.contact-panel .business{font-size:34px;margin:0 0 12px}
.contact-panel h1{font-family:Arial,sans-serif;font-size:36px;margin:0 0 8px}
.contact-panel h2{font-family:Arial,sans-serif;font-size:34px;margin:0 0 40px}
.contact-panel a{display:block;text-decoration:none;font-size:clamp(21px,3vw,34px);margin:8px 0}
.footer{border-top:1px solid #eee;padding:28px 0 42px;font-family:Arial,sans-serif;font-size:13px;color:#666}
.small-note{font-family:Arial,sans-serif;color:#666;font-size:14px}
@media (max-width:800px){
  .site-shell{padding:0 28px}
  header{position:static}
  .nav{min-height:82px;align-items:flex-start;padding-top:18px}
  .brand{font-size:18px}
  .menu-toggle{display:block}
  nav{
    display:none;position:absolute;left:0;right:0;top:70px;background:#fff;
    flex-direction:column;align-items:flex-start;padding:18px 28px 24px;border-bottom:1px solid #ddd;
  }
  nav.open{display:flex}
  .home .hero-title{text-align:left;font-size:clamp(54px,14vw,86px);line-height:.92;margin-top:46px}
  .kicker{font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,6vw,42px)}
  .statement{font-size:clamp(50px,13vw,80px)}
  .cards,.services-grid{grid-template-columns:1fr}
  .card{min-height:470px}
  .page-heading{grid-template-columns:1fr;gap:12px}
  .page-heading p{font-family:Arial,sans-serif;font-size:20px}
  .services-grid{margin-top:34px}
  .service-card{min-height:430px}
  .booking-copy{grid-template-columns:1fr;gap:36px;padding:40px 40px 90px}
  .btn{font-size:31px;width:100%}
  .contact-wrap{padding-top:70px}
  .contact-panel .business{font-size:28px}
  .contact-panel h1,.contact-panel h2{font-size:30px}
}