:root{
  --paper:#fafaf0;
  --stone:#f0e6dc;
  --line:rgba(36,31,26,.14);
  --line-dark:rgba(241,233,219,.16);
  --ink:#241f1a;
  --ink-soft:#6b6055;
  --char:#141414;
  --cream-on-dark:#f1e9db;
  --muted-on-dark:#b7ab97;
  --brick:#5c1c26;
  --brick-deep:#431319;
  --brick-soft:#8a3a44;
  --white:#fff;
  --font-display:'Cormorant',Georgia,serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --r:10px;
  --r-lg:16px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0;text-wrap:balance}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-inline:32px}
.eyebrow{font-family:var(--font-body);font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brick)}
.eyebrow .dot{color:var(--brick)}
em{font-style:italic}

/* buttons — rounded (mockup-measured radius), solid oxblood fill for primary */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.86rem;font-weight:600;letter-spacing:.01em;padding:13px 24px;border-radius:var(--r);border:1px solid transparent;background:var(--brick);color:var(--cream-on-dark);text-decoration:none;white-space:nowrap;transition:transform .15s ease}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost.on-dark{color:var(--cream-on-dark);border-color:var(--line-dark)}
.btn-sm{padding:9px 16px;font-size:.76rem}
.tag{display:inline-block;border-radius:999px;padding:4px 12px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--stone);color:var(--brick)}
.textlink{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;letter-spacing:.02em;color:var(--ink);border-bottom:1px solid var(--brick);padding-bottom:3px;text-decoration:none}
.textlink.on-dark{color:var(--cream-on-dark);border-bottom-color:var(--brick-soft)}

/* header — logo+wordmark left, nav inline, solid Book Now right (mockup layout) */
header.site{position:sticky;top:0;z-index:20;background:var(--paper)}
.hbar{display:flex;align-items:center;justify-content:space-between;padding-block:16px;gap:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:30px;height:30px;flex:none}
.brand .wordmark{display:flex;flex-direction:column;line-height:1.1}
.brand .wm{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--brick)}
.brand .wm-sub{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-top:2px;font-weight:600}
nav.menu{display:flex;gap:26px;font-weight:600;font-size:.86rem;color:var(--ink-soft)}
nav.menu a{text-decoration:none}
nav.menu a:hover{color:var(--brick)}

/* rail — scrolling band below the hero */
.rail{background:var(--brick);overflow:hidden;padding-block:10px}
.rail-track{display:flex;gap:36px;white-space:nowrap;width:max-content;animation:rail 34s linear infinite}
.rail:hover .rail-track{animation-play-state:paused}
.rail-track span{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-on-dark);display:inline-flex;align-items:center;gap:36px}
.rail-track span::after{content:"";width:5px;height:5px;background:var(--brick-soft);transform:rotate(45deg);margin-left:36px}
@keyframes rail{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rail-track{animation:none}}

/* hero — text left, real photo 3:4 right */
.hero{padding-block:56px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.12;color:var(--ink)}
.hero-body{color:var(--ink-soft);margin-top:18px;font-size:1.02rem;max-width:48ch}
.hero-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-hicaps{margin-top:26px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;max-width:440px;background:var(--white)}
.hero-hicaps .badge{background:var(--brick);color:var(--cream-on-dark);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex:none}
.hero-hicaps span{font-size:.84rem;color:var(--ink-soft)}
.hero-photo{aspect-ratio:3/4;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -30px rgba(20,16,12,.3)}
.hero-photo img{width:100%;height:100%;object-fit:cover}

section{padding-block:80px}
.section-head{text-align:center;margin-bottom:48px}
.section-head .eyebrow{display:block;margin-bottom:14px}
.section-head h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.section-head p{color:var(--ink-soft);margin-top:12px;max-width:52ch;margin-inline:auto}

/* team */
.team{border-top:1px solid var(--line)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.person .ph{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-lg);margin-bottom:16px}
.person .ph img{width:100%;height:100%;object-fit:cover}
.person h3{font-size:1.25rem}
.person .role{font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brick);margin-top:4px}
.person p.bio{color:var(--ink-soft);font-size:.9rem;margin-top:10px;min-height:44px}
.person .btns{display:flex;gap:10px;margin-top:16px;align-items:center}

/* services */
.services{background:var(--white);border-top:1px solid var(--line)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.svc-card .ph{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-lg);margin-bottom:14px}
.svc-card .ph img{width:100%;height:100%;object-fit:cover}
.svc-card h3{font-size:1.1rem}
.svc-card .who{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brick-soft);margin-top:4px}
.svc-card p{color:var(--ink-soft);font-size:.85rem;margin-top:8px;min-height:52px}
.svc-card .btns{display:flex;gap:8px;margin-top:14px;align-items:center}

/* hicaps band */
.hicaps{border-top:1px solid var(--line)}
.hicaps-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hicaps h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.hicaps p{color:var(--ink-soft);margin-top:14px;max-width:44ch}
.hicaps .footnote{font-weight:700;color:var(--brick);margin-top:14px;font-size:.9rem}
.hicaps-badge{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;text-align:center;background:var(--white)}
.hicaps-badge .mark{background:var(--brick);color:var(--cream-on-dark);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 12px}

/* mobile */
.mobile-band{background:var(--brick);color:var(--cream-on-dark);border-top:1px solid var(--line)}
.mobile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.mobile-grid .ph{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-lg)}
.mobile-grid .ph img{width:100%;height:100%;object-fit:cover}
.mobile-band .eyebrow{color:var(--muted-on-dark)}
.mobile-band h2{color:var(--cream-on-dark);font-size:clamp(1.7rem,2.8vw,2.2rem)}
.mobile-band p{color:var(--muted-on-dark);margin-top:14px;max-width:48ch}
.mobile-band .fine{font-size:.82rem;color:var(--muted-on-dark);margin-top:18px}
.mobile-band ul{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:12px;flex-wrap:wrap}
.mobile-band li{font-size:.76rem;font-weight:700;border:1px solid var(--line-dark);padding:6px 14px;border-radius:999px}

/* gift */
.gift{border-top:1px solid var(--line)}
.gift-card{max-width:640px;margin:0 auto;text-align:center;border:1px solid var(--line);border-radius:var(--r-lg);padding:48px;background:var(--white)}
.gift-card h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.gift-card p{color:var(--ink-soft);margin-top:14px}
.gift-card .btn{margin-top:22px}

/* testimonials — light background, star rating, matches mockup */
.testi{background:var(--stone);border-top:1px solid var(--line)}
.testi .eyebrow{text-align:center;display:block;margin-bottom:10px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:24px}
.testi-item blockquote{font-family:var(--font-body);font-style:normal;font-size:.92rem;line-height:1.55;margin:0;color:var(--ink-soft)}
.testi-item cite{display:block;margin-top:16px;font-style:normal;font-weight:700;font-size:.86rem;color:var(--ink)}
.testi-item .stars{color:#c9962e;font-size:.82rem;margin-top:6px;letter-spacing:2px}

/* visit — info left, real map right (matches mockup) */
.visit{border-top:1px solid var(--line)}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.visit h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:14px}
.visit-lines{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:8px}
.visit-lines li{color:var(--ink-soft);font-size:.98rem}
.visit-map{aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.visit-map iframe{width:100%;height:100%;border:0}
@media (max-width:900px){.visit-grid{grid-template-columns:1fr}}

footer{padding-block:34px;font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--line)}
.foot-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}

@media (max-width:900px){
  .hero-grid,.hicaps-grid,.mobile-grid{grid-template-columns:1fr}
  .hero-grid{gap:32px}
  .hero-photo{order:-1;aspect-ratio:4/3}
  .team-grid{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:1fr}
  nav.menu{display:none}
}