/* ------------------------------------------------------------
   TOKENS — every colour is sampled from, or tinted from, the logo
   ------------------------------------------------------------ */
:root{
  --forest:#3B4C41;        /* a step lighter than the logo figure (#314036), per client */
  --forest-deep:#2C3A31;   /* footer / condensed header */
  --forest-ink:#22302A;
  --cream:#F4F0E8;         /* page base */
  --sand:#E8E1D4;          /* panels */
  --ink:#262B27;           /* body text */
  --muted:#5F635D;         /* secondary text, AA on cream */
  --brass:#7A6740;         /* the single accent, AA on cream */
  --brass-light:#C9B58A;   /* the same accent tinted for dark grounds */
  --hair:rgba(59,76,65,.16);
  --hair-on-dark:rgba(244,240,232,.18);

  --serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --sans:'Manrope', 'Helvetica Neue', Arial, sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --sp:clamp(3.5rem, 6vw, 6rem);
  --gutter:clamp(1.25rem, 5vw, 5.5rem);
  --max:1360px;
  --header-h:88px;
  --header-h-small:64px;
}

/* ------------------------------------------------------------
   RESET
   ------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  font-family:var(--sans);
  font-weight:400;
  font-size:1rem;
  line-height:1.7;
  letter-spacing:.01em;
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
}
img,svg,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
strong{font-weight:500}
:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--brass-light)}

.skip{
  position:absolute;left:var(--gutter);top:-100px;z-index:100;
  padding:.75rem 1.25rem;background:var(--cream);color:var(--forest);
  font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;
}
.skip:focus{top:1rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ------------------------------------------------------------
   TYPE
   ------------------------------------------------------------ */
.eyebrow{
  font-family:var(--sans);font-weight:500;
  font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass);
}
.on-dark .eyebrow{color:var(--brass-light)}
h1,h2,h3,.display{
  font-family:var(--serif);font-weight:400;line-height:1.08;
  letter-spacing:-.005em;color:var(--forest);
}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark .display{color:var(--cream)}
h2{font-size:clamp(2.125rem, 3.8vw, 3.25rem)}
h3{font-size:clamp(1.5rem, 2.2vw, 2rem)}
.lede{font-size:1.125rem;color:var(--muted);max-width:34em}
p+p{margin-top:1.25em}

/* ------------------------------------------------------------
   LAYOUT
   ------------------------------------------------------------ */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--sp)}
body.compact main > .section:first-child{
  padding-top:calc(var(--header-h) + 3.25rem);
}
.section-head{margin-bottom:clamp(1.15rem, 2.2vw, 1.85rem)}
.section-head .eyebrow{display:block;margin-bottom:1rem}
.hr{border:0;border-top:1px solid var(--hair)}

/* ------------------------------------------------------------
   BUTTONS & LINKS
   ------------------------------------------------------------ */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 2.25rem;
  font-family:var(--sans);font-weight:500;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid currentColor;color:var(--forest);
  overflow:hidden;isolation:isolate;
}
.btn span{position:relative;z-index:1}
.btn::before{
  content:"";position:absolute;inset:0;background:currentColor;
  transform:scaleX(0);transform-origin:left;z-index:0;
}
.btn:hover span,.btn:focus-visible span{color:var(--cream)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn-solid{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.btn-solid span{color:var(--cream)}
.btn-solid::before{background:var(--cream)}
.btn-solid:hover span,.btn-solid:focus-visible span{color:var(--forest)}
.on-dark .btn{color:var(--cream)}
.on-dark .btn:hover span,.on-dark .btn:focus-visible span{color:var(--forest)}
.on-dark .btn-solid{background:var(--cream);border-color:var(--cream);color:var(--forest)}
.on-dark .btn-solid span{color:var(--forest)}
.on-dark .btn-solid::before{background:var(--forest)}
.on-dark .btn-solid:hover span,.on-dark .btn-solid:focus-visible span{color:var(--cream)}

.link{
  position:relative;display:inline-block;padding-bottom:.35rem;
  font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--forest);
}
.link::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;
  transform:scaleX(.25);transform-origin:left;
}
.link:hover::after,.link:focus-visible::after{transform:scaleX(1)}
.on-dark .link{color:var(--cream)}
.inline-link{border-bottom:1px solid var(--hair);padding-bottom:1px}
.inline-link:hover,.inline-link:focus-visible{border-color:var(--forest)}

/* ------------------------------------------------------------
   IMAGE FRAMES — warm unifying tone + grain so mixed photos read as one set
   ------------------------------------------------------------ */
.frame{position:relative;overflow:hidden;background:var(--sand)}
.frame .frame-inner{position:absolute;inset:0}
.frame img{
  width:100%;height:100%;object-fit:cover;
  filter:sepia(.28) saturate(.78) contrast(.96) brightness(.98);
}
.frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--forest);opacity:.10;mix-blend-mode:multiply;
}
.grain::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.10;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:160px 160px;
}

/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:50;
  color:var(--cream);
  background:var(--forest-deep);
}
.site-header .bar{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  height:var(--header-h);
  max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);
}
.site-header::before{
  content:"";position:absolute;inset:0;background:var(--forest-deep);
  opacity:1;
  border-bottom:1px solid var(--hair-on-dark);
}
.site-header.scrolled::before{opacity:1;border-bottom-color:var(--hair-on-dark)}
.site-header.scrolled .bar{height:var(--header-h)}

.brand{display:inline-flex;align-items:center;gap:.85rem;justify-self:start}
.brand-mark{
  width:44px;height:48px;overflow:visible;position:relative;flex:none;
  background:transparent;display:block;
}
.brand-mark img{
  display:block;width:44px;height:48px;max-width:none;
  object-fit:contain;object-position:center bottom;
}
.brand-name{
  font-family:var(--serif);font-weight:400;font-size:1.5rem;letter-spacing:.06em;line-height:1;
  color:var(--cream);
}
.site-header.scrolled .brand-mark{width:38px;height:41px}
.site-header.scrolled .brand-mark img{width:38px;height:41px}
.site-header.scrolled .brand-name{font-size:1.3rem}

.nav{display:flex;gap:2.75rem;justify-self:center;align-items:center}
.nav-drop{position:relative}
.nav-panel{
  position:absolute;left:50%;top:calc(100% - .1rem);transform:translateX(-50%) translateY(8px);
  min-width:14rem;padding:.4rem;z-index:5;
  background:var(--forest-deep);border:1px solid var(--hair-on-dark);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease,transform .35s ease,visibility .35s;
}
.nav-panel a{
  display:flex;align-items:center;min-height:46px;padding:0 1rem;white-space:nowrap;
  transition:background .35s ease,color .35s ease;
}
.nav-panel a::after{display:none}
.nav-panel a:hover,.nav-panel a:focus-visible{
  background:rgba(244,240,232,.12);color:var(--brass-light);
}
.nav-drop:hover .nav-panel,.nav-drop:focus-within .nav-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.nav a{
  position:relative;padding:.6rem 0;
  font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:400;
}
.nav a::after{
  content:"";position:absolute;left:0;bottom:.3rem;width:100%;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;
}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.header-cta{justify-self:end}
.header-cta .btn{min-height:44px;padding:0 1.5rem;font-size:.6875rem}

.menu-toggle{
  display:none;justify-self:end;width:48px;height:48px;
  flex-direction:column;justify-content:center;align-items:center;gap:6px;
  background:transparent;border:0;color:var(--cream);cursor:pointer;padding:0;
}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--cream);transition:transform .3s var(--ease),opacity .2s}

/* Mobile overlay */
.overlay{
  position:fixed;top:var(--header-h);left:0;right:0;bottom:auto;z-index:55;
  max-height:calc(100svh - var(--header-h));overflow:auto;
  background:var(--forest-deep);color:var(--cream);
  display:flex;flex-direction:column;justify-content:flex-start;
  padding:1.25rem var(--gutter) 1.75rem;
  border-bottom:1px solid var(--hair-on-dark);
  visibility:hidden;opacity:0;pointer-events:none;
  transform:translateY(-8px);
}
.overlay[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.overlay ul{display:grid;gap:.15rem}
.overlay a{font-family:var(--serif);font-size:clamp(1.65rem, 6vw, 2.15rem);font-weight:400;line-height:1.15;display:inline-block;padding:.55rem 0}
.overlay .overlay-foot{margin-top:1.25rem;display:grid;gap:.6rem}
.overlay .overlay-foot .eyebrow{color:var(--brass-light)}
.overlay .btn,
.overlay .btn-solid{
  display:flex;align-items:center;justify-content:center;
  width:100%;box-sizing:border-box;margin-top:.85rem;
  min-height:52px;padding:.9rem 1.25rem;
  background:transparent;border:1px solid rgba(244,240,232,.45);color:var(--cream);
  font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;line-height:1;
  text-align:center;
}
.overlay .btn span,
.overlay .btn-solid span{color:var(--cream);font-family:var(--sans);font-size:.72rem;letter-spacing:.2em}
.overlay .btn::before,
.overlay .btn-solid::before{background:rgba(244,240,232,.12)}
.overlay .btn:hover,
.overlay .btn-solid:hover,
.overlay .btn:focus-visible,
.overlay .btn-solid:focus-visible{
  background:var(--cream);border-color:var(--cream);
}
.overlay .btn:hover span,
.overlay .btn-solid:hover span,
.overlay .btn:focus-visible span,
.overlay .btn-solid:focus-visible span{color:var(--forest)}
.overlay li{opacity:0;transform:translateY(16px)}
.overlay[aria-hidden="false"] li{opacity:1;transform:none}

@media (max-width:900px){
  .nav,.header-cta{display:none}
  .site-header .bar{grid-template-columns:1fr auto}
  .menu-toggle{display:flex}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}

/* ------------------------------------------------------------
   HERO — deep-green split; tall photograph bleeds off the right edge
   ------------------------------------------------------------ */
.hero{
  position:relative;min-height:100svh;min-height:100vh;
  background:var(--forest);color:var(--cream);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
}
.hero-copy{
  position:relative;z-index:2;grid-row:1;
  display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--header-h) + 1.5rem) var(--gutter) 2.25rem;
  padding-left:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
}
.hero-copy .eyebrow{display:block;margin-bottom:1.5rem}
.hero h1{
  font-size:clamp(2.25rem, 4.6vw, 4.25rem);
  max-width:16ch;
  margin-bottom:1.5rem;
}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .w>span{display:inline-block}
.hero h1 em{font-style:italic;font-weight:inherit}
.hero .lede{color:rgba(244,240,232,.78);max-width:30em;margin-bottom:2rem;font-size:1.0625rem}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem}
.hero-socials{display:none}
@media (max-width:900px){
  .hero-socials{
    display:flex;align-items:center;gap:.7rem;
    position:absolute;z-index:4;
    top:calc(var(--header-h) + 14px);left:var(--gutter);right:var(--gutter);
  }
  .hero-socials a{
    display:inline-flex;align-items:center;gap:.5rem;
    min-height:42px;padding:0 .95rem;
    border:1px solid rgba(244,240,232,.38);color:var(--cream);
    font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  }
  .hero-socials svg{width:15px;height:15px;fill:currentColor}
}
.hero-media{position:relative;z-index:1;min-height:100%;grid-row:1 / -1;grid-column:2}
.hero-media .frame{position:absolute;inset:0;background:var(--forest-deep)}
.hero-media .frame img{object-position:62% 40%;filter:sepia(.3) saturate(.72) contrast(.94) brightness(.9)}
.hero-media .frame::after{opacity:.22}
.hero-media .fade{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg, var(--forest) 0%, rgba(59,76,65,0) 28%);
}

/* Trust strip: three hairline-divided cells on a glass band across the foot of the hero */
.hero-trust{
  grid-column:1 / -1;grid-row:2;position:relative;z-index:3;
  background:rgba(44,58,49,.88);
  border-top:1px solid var(--hair-on-dark);
}
.hero-trust .cells{
  max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;
}
.hero-trust .cell{
  display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  box-sizing:border-box;min-width:0;
  padding:1.5rem clamp(1rem, 2vw, 2.25rem) 1.6rem;
  border-left:1px solid var(--hair-on-dark);
  color:var(--cream);
}
.hero-trust .cell .eyebrow{display:inline-flex;align-items:center;gap:.6em}
.hero-trust .cell .eyebrow::after{content:"→";font-size:1.1em;line-height:1;opacity:.7}
.hero-trust .cell:hover .lead,.hero-trust .cell:focus-visible .lead{color:var(--brass-light)}
.hero-trust .cell:first-child{border-left:0;padding-left:0}
.hero-trust .cell:last-child{padding-right:0}
.hero-trust .eyebrow{color:var(--brass-light)}
.hero-trust .lead{
  font-family:var(--serif);font-weight:300;font-size:clamp(1.25rem, 1.5vw, 1.5rem);line-height:1.2;color:var(--cream);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;
}
.hero-trust .stars{color:var(--brass-light);font-family:var(--sans);font-size:1.35rem;letter-spacing:.18em;line-height:1;position:relative;top:.05em;display:block;margin-bottom:.35rem}
.hero-trust .sub{display:block;font-size:.875rem;line-height:1.55;color:rgba(244,240,232,.68);max-width:30em}
@media (min-width:901px) and (max-height:820px){
  .hero-copy{padding-top:calc(var(--header-h) + 1rem);padding-bottom:1.75rem}
  .hero-copy .eyebrow{margin-bottom:1.1rem}
  .hero h1{font-size:clamp(2.25rem, 4.4vw, 4rem);margin-bottom:1.1rem}
  .hero .lede{font-size:1rem;margin-bottom:1.5rem}
  .hero-trust .cell{padding-top:1.2rem;padding-bottom:1.3rem;gap:.4rem}
  .hero-trust .lead{font-size:1.25rem}
}
.hero-trust .sub .placeholder-flag{margin:0 0 0 .5rem;padding:.1rem .45rem;font-size:.5625rem;vertical-align:middle;border-color:var(--brass-light);color:var(--brass-light)}

@media (max-width:1100px){
  .hero-trust .cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-trust .cell:nth-child(3){border-left:0}
}
@media (max-width:900px){
  .hero-media .frame img,.hero-media .frame-inner{transform:none !important;animation:none !important;transition:none !important}
  .hero{
    display:flex;flex-direction:column;
    grid-template-columns:none;grid-template-rows:none;
    min-height:0;
  }
  .hero-copy{
    position:relative;z-index:2;
    min-height:100svh;
    padding-top:calc(var(--header-h) + 1.75rem);
    padding-bottom:2.5rem;
    justify-content:flex-end;
    box-sizing:border-box;
  }
  .hero-media{
    position:absolute;top:0;left:0;right:0;height:100svh;
    min-height:100svh;width:100%;z-index:1;pointer-events:none;
  }
  .hero-media .frame{position:absolute;inset:0}
  .hero-media .frame img{
    object-fit:cover;object-position:68% 32%;
    filter:sepia(.22) saturate(.78) contrast(.96) brightness(.92);
  }
  .hero-media .frame::after{opacity:.12}
  .hero-media .fade{
    background:
      linear-gradient(90deg, var(--forest) 0%, rgba(59,76,65,.45) 28%, rgba(59,76,65,0) 62%),
      linear-gradient(180deg, rgba(44,58,49,.42) 0%, rgba(44,58,49,.08) 36%, rgba(44,58,49,.55) 100%);
  }
  .hero h1{max-width:none;margin-bottom:1.25rem}
  .hero .lede{margin-bottom:2rem;font-size:1rem}
  .hero-trust{
    position:relative;z-index:3;width:100%;
    background:var(--forest-deep);
    margin:0;border-top:1px solid var(--hair-on-dark);
  }
  .hero-trust .cells{display:grid;grid-template-columns:1fr;width:100%;padding-top:.4rem;padding-bottom:.6rem}
  .hero-trust .cell{
    border-left:0;border-top:1px solid var(--hair-on-dark);
    padding:1.45rem 0 1.55rem;background:transparent;opacity:1;transform:none;
  }
  .hero-trust .cell:first-child{border-top:0;padding-left:0}
  .hero-trust .cell:last-child{padding-right:0}
  .hero-trust .lead{font-size:1.2rem}
  .hero-trust .sub{font-size:.8125rem;max-width:none}
}

/* ------------------------------------------------------------
   INTRO STATEMENT
   ------------------------------------------------------------ */
.intro .display{
  font-size:clamp(1.75rem, 3.3vw, 2.875rem);line-height:1.3;
  text-align:center;max-width:26em;margin-inline:auto;
}
.intro .display em{font-style:italic;color:var(--brass)}
/* ------------------------------------------------------------
   MENU — three treatment cards
   ------------------------------------------------------------ */
.menu{background:var(--cream)}
.section-head.split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.section-head.split .link{margin-bottom:.35rem}
.tcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;align-items:stretch}
.tcard{
  display:flex;flex-direction:column;
  background:transparent;
  border:0;
}
.tcard-link{
  display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;height:100%;
  overflow:hidden;border-radius:14px;
  border:1px solid #9AA890;
  background:var(--cream);
  box-shadow:0 0 0 3px rgba(154,168,144,.16);
}
.tcard .frame,.tcard .panel{aspect-ratio:4/5;overflow:hidden}
.tcard .frame{background:var(--sand);border:0}
.frame img.tone-heavy{filter:grayscale(.62) sepia(.38) saturate(.9) contrast(.96) brightness(.9)}
.tcard-body{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;flex:1;
  padding:1.25rem 1.25rem 1.35rem;
  border:0;
  background:var(--cream);
}
.tcard-body::before{
  content:"";position:absolute;inset:0;background:var(--forest);
  transform:scaleX(0);transform-origin:left;z-index:0;
  transition:none;
}
.tcard-body > *{position:relative;z-index:1}
.tcard-link:hover .tcard-body::before,
.tcard-link:focus-visible .tcard-body::before{
  transform:scaleX(1);
  transition:transform .85s var(--ease);
}
.tcard-link:hover .tcard-body,
.tcard-link:focus-visible .tcard-body,
.tcard-link:hover .tcard-body .eyebrow,
.tcard-link:focus-visible .tcard-body .eyebrow,
.tcard-link:hover .tcard-body h3,
.tcard-link:focus-visible .tcard-body h3,
.tcard-link:hover .tcard-body p,
.tcard-link:focus-visible .tcard-body p,
.tcard-link:hover .tcard-body .link,
.tcard-link:focus-visible .tcard-body .link{color:var(--cream)}
.tcard-body .eyebrow{display:block;margin-bottom:.75rem}
.tcard h3{font-size:1.5rem;margin-bottom:.55rem}
.tcard p{color:var(--muted);font-size:.9375rem;line-height:1.5;min-height:3em;margin:0 0 1.1rem}
.panel{
  background:var(--sand);display:flex;align-items:flex-end;padding:1.75rem;
  position:relative;overflow:hidden;
}
.panel blockquote{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(1.375rem, 1.8vw, 1.75rem);line-height:1.2;color:var(--forest);max-width:14em;
}
.panel .eyebrow{position:absolute;top:1.75rem;left:1.75rem}
@media (max-width:1100px){.tcards{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.tcards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.tcards{grid-template-columns:1fr}}

/* ------------------------------------------------------------
   VISIT ONE — four numbered steps in a bordered row
   ------------------------------------------------------------ */
.visit{background:#D4D9D1}
.visit .section-head .lede{margin-top:1rem;font-size:1rem}
.steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border:0;background:transparent;column-gap:0;
}
.steps li{
  position:relative;padding:0 2.25rem 0 0;
  border:0;background:transparent;
}
.steps li + li{padding-left:2.25rem}
.steps li + li::before{
  content:"";position:absolute;left:0;top:.35rem;bottom:.35rem;width:1px;
  background:var(--hair);
}
.step-num{display:block;font-family:var(--serif);font-size:1.75rem;line-height:1;color:var(--brass);margin-bottom:1.1rem;font-weight:300}
.steps h3{font-size:1.375rem;margin-bottom:.6rem}
.steps p{font-size:.9375rem;color:var(--muted)}
@media (max-width:900px){
  .steps{grid-template-columns:1fr;row-gap:2rem}
  .steps li,.steps li + li,.steps li:nth-child(even){padding:0}
  .steps li::before,.steps li + li::before{content:none;display:none}
}

/* ------------------------------------------------------------
   WHY — four columns, hairline dividers
   ------------------------------------------------------------ */
.why{background:var(--sand)}
.pillars{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
}
.pillar{padding:2.25rem clamp(1.25rem, 2.5vw, 2.5rem);border-left:1px solid var(--hair)}
.pillar:first-child{border-left:0;padding-left:0}
.pillar .eyebrow{display:block;margin-bottom:1.25rem;color:var(--forest)}
.pillar p{color:var(--muted);font-size:1rem}
@media (max-width:900px){
  .pillars{grid-template-columns:1fr 1fr}
  .pillar{padding:2rem 1.5rem}
  .pillar:first-child{padding-left:0}
  .pillar:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--hair)}
  .pillar:nth-child(4){border-top:1px solid var(--hair)}
}
@media (max-width:540px){
  .pillars{grid-template-columns:1fr}
  .pillar{border-left:0;padding-left:0;padding-right:0;border-top:1px solid var(--hair)}
  .pillar:first-child{border-top:0}
}

.discount{background:var(--forest-deep);color:var(--cream)}
.discount .lede,.discount .section-head p{color:rgba(244,240,232,.82)}
#discount,#postcode-form{scroll-margin-top:calc(var(--header-h-small) + 1.25rem)}
.pc-form{
  display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch;
  max-width:36rem;margin:2.25rem 0 1.25rem;
}
.pc-form input{
  -webkit-appearance:none;appearance:none;
  flex:1 1 14rem;min-height:52px;height:52px;padding:0 1.1rem;
  border:1px solid rgba(244,240,232,.35);background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-size:1rem;letter-spacing:.04em;border-radius:0;
}
.discount .pc-form .btn{
  background:var(--cream);border-color:var(--cream);color:var(--forest);
}
.discount .pc-form .btn span{color:var(--forest)}
.discount .pc-form .btn::before{background:var(--brass-light)}
.pc-result{font-size:1.05rem;line-height:1.65;color:var(--cream);max-width:40em;min-height:1.5em}
.pc-note{font-size:.9rem;color:rgba(244,240,232,.7);max-width:40em;margin-top:1rem}

/* ------------------------------------------------------------
   ABOUT
   ------------------------------------------------------------ */
.about-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(1.5rem, 3vw, 3rem);align-items:stretch;
}
.about-grid .media{grid-column:1 / span 5;display:flex;flex-direction:column}
.about-grid .body{grid-column:7 / span 6}
.about-grid .frame{aspect-ratio:3/4}
.about-grid .frame img{object-position:50% 12%;transform:scale(1.08);object-fit:cover}
.roadmap{margin-top:1.25rem}
.mapbox{
  position:relative;aspect-ratio:3/4;overflow:hidden;
  border:1px solid #9AA890;background:#F3EEE4;
}
.map-art{position:absolute;inset:0;width:100%;height:100%}
.map-kicker{
  position:absolute;top:1rem;left:1rem;z-index:2;margin:0;
  font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--forest);
}
.pin{
  position:absolute;z-index:3;display:flex;align-items:center;gap:.55rem;
  border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;
}
.pin-dot{
  width:28px;height:28px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  background:var(--forest);color:var(--cream);
  font-size:.7rem;letter-spacing:.06em;
}
.pin-label{
  font-family:var(--serif);font-size:.95rem;color:var(--forest);line-height:1.2;
  background:rgba(243,238,228,.92);padding:.15rem .4rem;
}
.pin .more{
  position:absolute;left:0;top:calc(100% + .45rem);width:12.5rem;
  padding:.8rem .9rem;background:var(--forest);color:var(--cream);
  font-size:.8125rem;line-height:1.5;opacity:0;visibility:hidden;z-index:5;
}
.pin:hover .more,.pin:focus-visible .more{opacity:1;visibility:visible}
.pin-1{top:11%;left:8%}
.pin-2{top:28%;right:8%;left:auto;flex-direction:row-reverse}
.pin-2 .more{left:auto;right:0}
.pin-3{top:48%;left:8%}
.pin-4{top:66%;right:8%;left:auto;flex-direction:row-reverse}
.pin-4 .more{left:auto;right:0}
.pin-5{top:84%;left:8%}
.about-grid h2{margin-bottom:2rem}
.about-grid p{color:var(--muted)}
.about-grid .quote{
  font-family:var(--serif);font-size:clamp(1.375rem, 1.8vw, 1.625rem);line-height:1.35;
  color:var(--forest);font-style:italic;margin:2.25rem 0;
  padding-left:1.5rem;border-left:1px solid var(--brass);
}
.creds{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--hair)}
.creds .eyebrow{color:var(--muted)}
.signature{
  font-family:var(--serif);font-style:italic;font-weight:300;font-size:3rem;line-height:1;color:var(--forest);
  margin-top:2.5rem;
}
@media (max-width:900px){
  .about-grid{grid-template-columns:1fr;row-gap:2.5rem}
  .about-grid .media,.about-grid .body{grid-column:1 / -1}
  .about-grid .frame{max-width:none;aspect-ratio:3/4}
}

/* ------------------------------------------------------------
   PRICE LIST — editorial table with tabs
   ------------------------------------------------------------ */
.prices{background:var(--sand)}
.prices .section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem}
.price-tabs{display:flex;gap:2.5rem;border-bottom:1px solid var(--hair);max-width:100%;overflow-x:auto;scrollbar-width:none}
.price-tabs::-webkit-scrollbar{display:none}
.price-tabs button{white-space:nowrap;flex:none}
@media (max-width:540px){.price-tabs{gap:1.75rem}}
.price-tabs button{
  padding:.75rem 0 1rem;position:relative;
  font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:var(--muted);
}
.price-tabs button::after{
  content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--forest);
  transform:scaleX(0);transform-origin:left;
}
.price-tabs button[aria-selected="true"]{color:var(--forest)}
.price-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.price-tabs button:hover{color:var(--forest)}
html:not(.js) .price-tabs{display:none}

.price-group[hidden]{display:none}
.price-group{max-width:880px;margin-inline:auto}
.price-group+.price-group{margin-top:3rem}
.price-group>.eyebrow{display:block;margin-bottom:1rem;color:var(--forest)}
.price-group table{width:100%;border-collapse:collapse}
.price-group tr{border-top:1px solid var(--hair)}
.price-group tr:last-child{border-bottom:1px solid var(--hair)}
.price-group th,.price-group td{padding:1.25rem 0;vertical-align:baseline;text-align:left}
.price-group th{font-weight:300;color:var(--ink)}
.price-group th small{display:block;font-size:.8125rem;color:var(--muted);margin-top:.2rem}
.price-group td{text-align:right;font-family:var(--serif);font-size:1.625rem;color:var(--forest);white-space:nowrap;line-height:1}
.price-group td.enq{font-family:var(--sans);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.prices-note{max-width:880px;margin:2.5rem auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
.prices-note p{color:var(--muted);font-size:.9375rem;max-width:36em}

/* ------------------------------------------------------------
   PRICE PANEL — landing-page teaser: portrait left, deep-green list right
   ------------------------------------------------------------ */
.pricepanel{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  background:var(--forest-deep);color:var(--cream);
}
.pp-media{position:relative;min-height:100%}
.pp-media .frame{position:absolute;inset:0;background:var(--forest-deep)}
.pp-media .frame img{object-position:50% 35%}
.pp-media .frame::after{opacity:.18}
.pp-body{
  padding:var(--sp) var(--gutter);
  padding-right:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
  padding-left:clamp(2rem, 5vw, 5rem);
}
.pp-body .eyebrow{display:block;margin-bottom:1.25rem}
.pp-body h2{font-size:clamp(2.25rem, 4vw, 3.5rem);max-width:14ch;margin-bottom:1.25rem}
.pp-body h2 em{font-style:italic}
.pp-body .lede{color:rgba(244,240,232,.78);font-size:1rem;margin-bottom:2.25rem}
.pp-table{width:100%;max-width:820px;border-collapse:collapse}
.pp-table tr{border-top:1px solid var(--hair-on-dark)}
.pp-table tr:last-child{border-bottom:1px solid var(--hair-on-dark)}
.pp-table th,.pp-table td{padding:1.1rem 0;text-align:left;vertical-align:baseline}
.pp-table th{font-family:var(--serif);font-weight:400;font-size:clamp(1.375rem, 1.8vw, 1.75rem);line-height:1.1;color:var(--cream)}
.pp-table td{text-align:right;font-family:var(--serif);font-size:1.375rem;line-height:1;color:var(--brass-light);white-space:nowrap}
.pp-note{margin:1.5rem 0 2rem;font-size:.9375rem;color:rgba(244,240,232,.72);max-width:44em}
@media (max-width:900px){
  .pricepanel{grid-template-columns:1fr}
  .pp-media{min-height:0;aspect-ratio:4/3}
  .pp-body{padding:var(--sp) var(--gutter)}
}

/* ------------------------------------------------------------
   LOCATION
   ------------------------------------------------------------ */
.loc-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(1.5rem, 3vw, 3rem);
  row-gap:2rem;
}
.loc-grid .body{grid-column:1 / span 5}
.loc-grid .media{grid-column:7 / span 6;display:grid;gap:1.5rem}
.loc-grid p{color:var(--muted)}
.loc-grid h2{margin-bottom:2rem}
.towns{display:flex;flex-wrap:wrap;gap:.55rem .55rem;margin:2rem 0}
.towns li{
  font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);
  border:1px solid #9AA890;border-radius:999px;padding:.45rem .9rem;
}
.towns li+li::before{content:none}
.travel{border-top:1px solid var(--hair);padding-top:2rem;margin-top:2rem}
.travel .eyebrow{display:block;margin-bottom:1rem}
.travel p{margin-bottom:0}
.map{position:relative;aspect-ratio:16/10;background:var(--sand);overflow:hidden}
.map iframe{width:100%;height:100%;border:0}
.loc-grid figure{display:block}
.loc-grid figure .frame{aspect-ratio:16/10}
.frame.natural img{filter:none}
.frame.natural::after,.frame.natural.grain::before{display:none}
.loc-grid figcaption{display:none}
@media (max-width:900px){
  .loc-grid{grid-template-columns:1fr;row-gap:2.5rem}
  .loc-grid .body,.loc-grid .media{grid-column:1 / -1}
  .loc-grid .map,.loc-grid figure .frame{width:100%;max-width:none;aspect-ratio:4/3}
}
@media (max-width:540px){
  .loc-grid figure{grid-template-columns:1fr}
  .loc-grid figure .frame{max-width:none;width:100%;aspect-ratio:4/3}
}

/* ------------------------------------------------------------
   TESTIMONIALS
   ------------------------------------------------------------ */
.testimonials{background:var(--sand)}
.testimonials .section-head{margin-bottom:.6rem}
.quotes{position:relative;max-width:720px;margin:0 auto;text-align:center}
.quote{padding:.5rem 0}
.quote blockquote p{
  font-family:var(--serif);font-weight:300;font-size:clamp(1.15rem, 2vw, 1.5rem);line-height:1.45;color:var(--forest);
}
.quote figcaption{margin-top:1.15rem;font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.review-stars{
  display:block;text-align:center;margin:1.5rem 0 0;
  color:var(--brass);font-size:2.25rem;letter-spacing:.28em;line-height:1;
}
.google-sign{
  display:inline-block;margin-top:.4rem;
  font-family:Arial, Helvetica, sans-serif;font-weight:700;letter-spacing:-.03em;
  font-size:1.2rem;line-height:1;color:#fff;
}
.google-sign .g{color:#4285F4}
.google-sign-lg{
  display:block;text-align:center;margin:.8rem 0 0;
  font-size:2.8rem;color:#5F6368;
}
.quote figcaption .who{color:var(--forest)}
.quote+.quote{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--hair)}
.placeholder-flag{
  display:inline-block;margin-bottom:2.5rem;padding:.35rem .75rem;
  border:1px dashed var(--brass);color:var(--brass);
  font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;
}
.quote-dots{display:none;justify-content:center;gap:1rem;margin-top:1rem}
.quote-dots button{width:44px;height:44px;display:grid;place-items:center}
.quote-dots button i{display:block;width:28px;height:1px;background:var(--hair)}
.quote-dots button[aria-selected="true"] i{background:var(--forest)}
/* Carousel mode (JS + motion allowed) */
.quotes.is-carousel{display:grid}
.quotes.is-carousel .quote{grid-area:1/1;margin:0;padding:.35rem 0 0;border:0;opacity:0;visibility:hidden}
.quotes.is-carousel .quote.active{opacity:1;visibility:visible}
.quotes.is-carousel~.quote-dots{display:flex}

/* ------------------------------------------------------------
   BOOKING BAND
   ------------------------------------------------------------ */
.book{position:relative;color:var(--cream);background:var(--forest-deep);overflow:hidden;text-align:center}
.book .bg{position:absolute;inset:0;z-index:0}
.book .bg img{
  width:100%;height:100%;object-fit:cover;object-position:50% 35%;
  filter:sepia(.35) saturate(.6) contrast(.9) brightness(.55) blur(2px);
  transform:scale(1.06);
}
.book .bg::after{content:"";position:absolute;inset:0;background:var(--forest);opacity:.72}
.book .wrap{position:relative;z-index:2}
.book h2{font-size:clamp(2.5rem, 5vw, 4.5rem);margin-bottom:2rem}
.book h2 em{font-style:italic}
.hours{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 2.5rem;
  margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--hair-on-dark);
  font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,240,232,.72);
}
.hours b{font-weight:400;color:var(--cream)}

/* ------------------------------------------------------------
   CONTACT
   ------------------------------------------------------------ */
.contact-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(1.5rem, 3vw, 3rem);
}
.contact-grid .body{grid-column:1 / span 5}
.contact-grid .form{grid-column:7 / span 6}
.contact-grid h2{margin-bottom:1.5rem}
.contact-grid p{color:var(--muted)}
.contact-list{margin-top:2.5rem;border-top:1px solid var(--hair)}
.contact-list li{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--hair);align-items:baseline}
.contact-list .eyebrow{color:var(--muted)}
.contact-list a{display:inline-block;min-height:24px;border-bottom:1px solid transparent}
.contact-list a:hover,.contact-list a:focus-visible{border-color:var(--forest)}
.contact-list .socials{display:flex;gap:1.5rem}

.field{position:relative;margin-bottom:2.25rem}
.field input,.field textarea,.field select{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--hair);border-radius:0;
  padding:1.1rem 0 .7rem;font:inherit;font-weight:300;color:var(--ink);
  min-height:52px;appearance:none;-webkit-appearance:none;
}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-bottom-color:var(--forest)}
.field .underline{position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--forest);transform:scaleX(0);transform-origin:left}
.field input:focus~.underline,.field textarea:focus~.underline,.field select:focus~.underline{transform:scaleX(1)}
.field label{
  position:absolute;left:0;top:1.1rem;
  font-size:1rem;color:var(--muted);pointer-events:none;
  transform-origin:left top;
}
.field input:focus~label,.field input:not(:placeholder-shown)~label,
.field textarea:focus~label,.field textarea:not(:placeholder-shown)~label,
.field select~label{
  transform:translateY(-1.15rem) scale(.7);letter-spacing:.2em;text-transform:uppercase;color:var(--brass);
}
.field select{padding-top:1.35rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 9px) 1.55rem,calc(100% - 3px) 1.55rem;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}
.field-row{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem;margin-top:.5rem}
.form-foot small{font-size:.875rem;color:var(--muted)}
.form-status{margin-top:1.25rem;font-size:.9375rem;color:var(--forest);min-height:1.5em}
@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr;row-gap:3rem}
  .contact-grid .body,.contact-grid .form{grid-column:1 / -1}
}
@media (max-width:540px){
  .field-row{grid-template-columns:1fr}
  .contact-list li{grid-template-columns:1fr;gap:.35rem}
}

/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */
.site-footer{background:var(--forest-deep);color:rgba(244,240,232,.75)}
.foot-grid{
  display:grid;grid-template-columns:1.4fr 2fr;gap:2rem 3rem;
  padding-block:clamp(2.5rem, 4vw, 3.75rem) 2rem;
  align-items:start;
}
.site-footer .nav-row ul,
.site-footer .foot-links ul{
  display:flex;flex-wrap:wrap;gap:.35rem 1.75rem;
}
.site-footer .nav-row li,
.site-footer .foot-links li{margin-bottom:0}
.foot-brand img{width:88px;height:88px;margin-bottom:1.5rem;margin-left:0;object-fit:contain}
.foot-brand p{max-width:26em;font-size:.9375rem}
.site-footer h4{margin-bottom:1.5rem}
.site-footer li{margin-bottom:.75rem;font-size:.9375rem}
.site-footer li a{border-bottom:1px solid transparent}
.site-footer li a:hover,.site-footer li a:focus-visible{border-color:var(--cream);color:var(--cream)}
.site-footer .hrs li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hair-on-dark);padding-bottom:.6rem}
.site-footer .hrs li span:last-child{color:var(--cream)}
.foot-bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;
  padding:2rem 0 2.5rem;border-top:1px solid var(--hair-on-dark);
  font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
}
.foot-bottom ul{display:flex;gap:2rem}
.foot-bottom a:hover,.foot-bottom a:focus-visible{color:var(--cream)}
.privacy{max-width:60em;padding:0 0 3rem;font-size:.875rem}
.privacy summary{cursor:pointer;list-style:none;display:inline-block;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center}
.privacy summary::-webkit-details-marker{display:none}
.privacy p{margin-top:1rem}
@media (max-width:900px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1 / -1}
}
@media (max-width:540px){
  .foot-grid{grid-template-columns:1fr}
}

/* ------------------------------------------------------------
   MOTION — everything below is opt-in via prefers-reduced-motion
   Content is always visible without JS or when motion is reduced.
   ------------------------------------------------------------ */
@media (prefers-reduced-motion:no-preference){
  /* transitions */
  .btn::before,.link::after,.nav a::after,.price-tabs button::after,.field .underline{transition:transform .3s var(--ease)}
  .tcard-link:hover .tcard-body,
  .tcard-link:hover .tcard-body .eyebrow,
  .tcard-link:hover .tcard-body h3,
  .tcard-link:hover .tcard-body p,
  .tcard-link:hover .tcard-body .link{transition:color .45s var(--ease)}
  .btn span,.price-tabs button,.inline-link,.contact-list a,.site-footer a,.foot-bottom a,.hero-trust .lead,.hero-trust .cell .eyebrow::after{transition:color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
  .hero-trust .cell:hover .eyebrow::after{transform:translateX(4px)}
  .field label{transition:transform .25s var(--ease),color .25s var(--ease),letter-spacing .25s var(--ease)}
  .site-header::before{transition:opacity .45s var(--ease),border-color .45s var(--ease)}
  .site-header .bar,.brand-mark,.brand-mark img,.brand-name{transition:all .45s var(--ease)}
  .overlay{transition:opacity .45s var(--ease),visibility .45s}
  .overlay li{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
  .overlay[aria-hidden="false"] li:nth-child(1){transition-delay:.12s}
  .overlay[aria-hidden="false"] li:nth-child(2){transition-delay:.2s}
  .overlay[aria-hidden="false"] li:nth-child(3){transition-delay:.28s}
  .overlay[aria-hidden="false"] li:nth-child(4){transition-delay:.36s}
  .overlay[aria-hidden="false"] li:nth-child(5){transition-delay:.44s}

  /* image hover: slow scale inside a fixed frame */
  .frame .frame-inner{transition:transform .7s var(--ease)}
  .frame:hover .frame-inner{transform:scale(1.04)}

  /* scroll reveals: fade + 24px rise, 600ms, fire once */
  html.js .rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
  html.js .rv.in{opacity:1;transform:none}
  .tcards .tcard{
    opacity:0;
    transform:translate3d(0,56px,0);
    transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);
  }
  .tcards .tcard:nth-child(1){transition-delay:.08s}
  .tcards .tcard:nth-child(2){transition-delay:.32s}
  .tcards .tcard:nth-child(3){transition-delay:.56s}
  .tcards .tcard.in,
  html:not(.js) .tcards .tcard{opacity:1;transform:none}

  /* testimonial carousel */
  .quotes.is-carousel .quote{transition:opacity 1.1s var(--ease),visibility 1.1s}

  /* page load: logo settles, then hero content resolves (all under 1.2s) */
  .brand{animation:settle .7s var(--ease-out) both}
  .hero h1 .w>span{animation:rise .8s var(--ease-out) both;animation-delay:calc(.25s + var(--i,0) * 60ms)}
  .hero .eyebrow{animation:fade .8s var(--ease-out) .2s both}
  .hero .lede{animation:fade .8s var(--ease-out) .75s both}
  .hero-actions{animation:fade .8s var(--ease-out) .85s both}
  .hero-trust{animation:fade .9s var(--ease-out) 1s both}
  .hero-media .frame img{animation:none}
  .hero-media{animation:none}
}
@media (max-width:700px){
  :root{--header-h:72px;--sp:2.75rem;--gutter:1.15rem}
  html,body{overflow-x:hidden}
  .brand-name{font-size:1.25rem}
  .brand-mark,.brand-mark img{width:36px;height:40px}
  .hero{min-height:0}
  .hero-copy{padding-top:calc(var(--header-h) + 1.1rem);padding-bottom:2.25rem}
  .hero h1{font-size:2.15rem;margin-bottom:1rem}
  .hero .lede{font-size:.95rem;margin-bottom:1.25rem}
  .hero-actions{gap:1rem;flex-direction:column;align-items:flex-start}
  .hero-actions .btn{width:100%;min-height:48px}
  .google-sign-lg{font-size:1.75rem}
  .review-stars{font-size:1.6rem;letter-spacing:.18em}
  .tcards{grid-template-columns:1fr;gap:1rem}
  .tcard .frame,.tcard .panel{aspect-ratio:4/5}
  .intro .display{font-size:1.55rem}
  .steps{grid-template-columns:1fr;row-gap:2rem}
  .steps li,.steps li:nth-child(even){padding:0;border:0}
  .steps li::before,.steps li + li::before{content:none;display:none}
  .pillars{grid-template-columns:1fr}
  .pillar{border-left:0;padding:1.5rem 0;border-top:1px solid var(--hair)}
  .pillar:first-child{border-top:0;padding-left:0;padding-right:0}
  .pc-form{flex-direction:column;max-width:none;margin-top:1.5rem}
  .pc-form input,.pc-form .btn{width:100%;flex:none}
  .about-grid .frame{max-width:none;aspect-ratio:3/4}
  .mapbox{aspect-ratio:4/5}
  .pin-label{font-size:.82rem;max-width:9.5rem}
  .loc-grid .map,.loc-grid figure .frame{width:100%;max-width:none;aspect-ratio:4/3}
  .book h2{font-size:2.1rem}
  .hours{gap:.5rem 1.25rem}
  .foot-grid{grid-template-columns:1fr;gap:1.5rem}
  .site-footer .nav-row ul,.site-footer .foot-links ul{gap:.4rem 1.1rem}
  .foot-bottom{flex-direction:column;align-items:flex-start}
  .btn{min-height:48px;padding:0 1.35rem;width:auto}
  .tcard-body,.tcard p{min-height:0}
  .hero-trust .cell{text-align:left;padding-left:0;padding-right:0}
  .pc-form input,.field input,.field textarea,.field select,.search input{font-size:16px}
}

@keyframes settle{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes kenburns{from{transform:scale(1.06)}to{transform:scale(1)}}

@media (max-width:900px){
  .wrap{padding-inline:max(1.15rem, env(safe-area-inset-left));padding-right:max(1.15rem, env(safe-area-inset-right))}
  .section{padding-block:3rem}
  .section-head{
    text-align:center;margin-bottom:2rem;
  }
  .section-head .eyebrow{margin-bottom:.85rem}
  .section-head h2{
    font-size:2rem;line-height:1.18;margin:0 auto .9rem;
    max-width:18ch;
  }
  .section-head .lede,.section-head p{
    margin:0 auto;max-width:34em;font-size:1rem;line-height:1.65;
  }
  .section-head.split{
    flex-direction:column;align-items:center;text-align:center;gap:.9rem;
  }
  .section-head.split .link{margin:0}
  .tcard-body{text-align:left;padding:1.15rem 1.1rem 1.25rem}
  .tcard h3{margin-bottom:.45rem}
  .tcard p{margin:0 0 1rem;line-height:1.55}
  .steps li{text-align:left}
  .steps h3{margin-bottom:.5rem}
  .steps p{line-height:1.6}
  .visit .section-head .lede{margin-top:0}
  .discount .section-head .lede{margin-top:0}
  .quotes .quote p,.quote p{line-height:1.65}
  .hero-copy{text-align:left}
  .intro .display{font-size:1.55rem;line-height:1.35;padding-inline:.25rem}
}
@media (prefers-reduced-motion:reduce){
  .tcards .tcard{opacity:1;transform:none;transition:none}
}
.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.85rem;margin:3rem 0 2.25rem;align-items:stretch}
a.stage{text-decoration:none;color:inherit;cursor:pointer}
.stage{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  min-height:100%;padding:1.85rem 1.4rem 1.7rem;
  background:var(--cream);border:1px solid var(--hair);
  transition:background .45s ease,border-color .45s ease,color .45s ease;
}
.stage h2{font-size:1.45rem;line-height:1.2;min-height:2.5em;margin:.35rem 0 .45rem}
.stage-meta{font-family:var(--serif);font-size:1.25rem;color:var(--forest);margin:0 0 .85rem;transition:color .45s ease}
.stage p{color:var(--muted);font-size:.95rem;line-height:1.7;margin:0;flex:1;max-width:22em}
.stage:hover,.stage:focus-within{
  background:var(--forest);border-color:var(--forest);color:var(--cream);
}
.stage:hover .eyebrow,.stage:hover h2,.stage:hover .stage-meta,.stage:hover p,
.stage:focus-within .eyebrow,.stage:focus-within h2,.stage:focus-within .stage-meta,.stage:focus-within p{color:var(--cream)}
.stage-note{color:var(--muted);font-size:.95rem;max-width:40em;margin:0 auto 2rem;text-align:center;line-height:1.7}
.coming{max-width:28rem;text-align:center;margin-inline:auto;padding-top:2rem}
.coming h1{margin:.6rem 0 1rem}
.coming .lede{font-size:1.5rem;color:var(--forest);margin-bottom:1rem}
@media (max-width:900px){
  .stages{grid-template-columns:1fr}
}
@media (min-width:901px){
  .stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  .stage{min-height:24rem;padding:2.35rem 1.75rem;text-align:center}
  .stage h2{min-height:2.6em}
  .nav-panel a{justify-content:center;text-align:center}
}




.about-grid{align-items:stretch}
.about-grid .media{height:100%}
.why{margin-top:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0}
.why .eyebrow{display:block;margin-bottom:.9rem}
.why-board{flex:1;display:flex;flex-direction:column;gap:.45rem;min-height:0}
.why-card{
  appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;
  display:grid;grid-template-columns:2.6rem 1fr;grid-template-rows:auto auto;
  column-gap:.7rem;row-gap:0;align-items:center;text-align:left;
  flex:1 1 0;min-height:3.1rem;padding:.7rem .85rem;
  background:#EFE8DC;border:1px solid transparent;color:var(--forest);
  transition:background .35s ease,color .35s ease,flex .45s cubic-bezier(.16,1,.3,1),min-height .45s cubic-bezier(.16,1,.3,1);
}
.why-card b{
  grid-row:1 / span 2;align-self:start;padding-top:.1rem;
  font-family:var(--serif);font-weight:400;font-size:1.15rem;letter-spacing:.12em;color:#B7A072;
}
.why-title{grid-column:2;font-family:var(--serif);font-size:1.05rem;line-height:1.2;color:var(--forest)}
.why-copy{
  grid-column:2;max-height:0;opacity:0;overflow:hidden;
  font-size:.78rem;line-height:1.45;color:rgba(244,240,232,.82);
  transition:max-height .4s ease,opacity .35s ease,margin .35s ease;
}
.why-card:hover,.why-card:focus-visible,.why-card.is-on{
  background:var(--forest-deep);color:var(--cream);flex:1.65 1 0;min-height:5.4rem;
}
.why-card:hover b,.why-card:focus-visible b,.why-card.is-on b{color:#E8D5A3}
.why-card:hover .why-title,.why-card:focus-visible .why-title,.why-card.is-on .why-title{color:var(--cream)}
.why-card:hover .why-copy,.why-card:focus-visible .why-copy,.why-card.is-on .why-copy{
  max-height:4.5rem;opacity:1;margin-top:.35rem;
}
@media (max-width:900px){
  .why{margin-top:1.6rem}
  .why-card{min-height:3.4rem}
  .why-card.is-on{min-height:5.6rem}
}

@media (min-width:901px){
  .about-grid.is-postcard{
    display:block;
    max-width:none;
    margin:0;
    text-align:left;
  }
  .about-grid.is-postcard .media{
    float:left;
    width:min(42%, 420px);
    margin:0 2.75rem 1rem 0;
    display:block;
    height:auto;
  }
  .about-grid.is-postcard .frame{width:100%;max-width:none;aspect-ratio:3/4}
  .about-grid.is-postcard .body{
    display:block;
    float:none;
    grid-column:auto;
    text-align:left;
    max-width:none;
  }
  .about-grid.is-postcard .body h1{margin:0 0 .85rem}
  .about-grid.is-postcard .body p{
    max-width:none;
    margin:0 0 .85rem;
  }
  .about-grid.is-postcard::after{content:"";display:block;clear:both}
}