/* ==========================================================================
   Home Options WNY — design system
   Premium, spacious, advisor-first. Deep forest + brass on ivory.
   Display: Instrument Sans. Body: Inter. Accent: Instrument Serif italic.
   ========================================================================== */

:root{
  /* charcoal + deep navy */
  --charcoal:#22262b;
  --charcoal-2:#2e343a;
  --navy:#122a45;
  --navy-deep:#0d1c2e;
  --navy-2:#1c3d5e;

  /* natural green + gold */
  --green:#2f4c3d;
  --green-2:#3d6350;
  --gold:#a98a46;
  --gold-2:#c2a464;
  --gold-lt:#ddc596;

  /* warm white + taupe */
  --warm-white:#fbf9f5;
  --warm-white-2:#f7f3ec;
  --taupe:#efe8dd;
  --taupe-2:#e2d8c9;
  --white:#fff;

  --line:#e5ddd0;
  --line-2:#efe9de;
  --body:#3f444a;
  --muted:#6f757c;
  --muted-lt:#9aa0a6;

  /* legacy aliases so existing rules resolve */
  --ink:#22262b;
  --ink-2:#2e343a;
  --forest:#122a45;
  --forest-2:#2f4c3d;
  --forest-3:#3d6350;
  --brass:#a98a46;
  --brass-2:#c2a464;
  --brass-lt:#ddc596;
  --ivory:#fbf9f5;
  --stone:#f7f3ec;
  --stone-2:#e2d8c9;

  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --text:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;

  --r:14px;
  --r-sm:9px;
  --r-lg:22px;
  --shadow-sm:0 1px 2px rgba(34,38,43,.05),0 4px 12px -6px rgba(34,38,43,.10);
  --shadow:0 2px 4px rgba(34,38,43,.04),0 18px 40px -22px rgba(34,38,43,.26);
  --shadow-lg:0 4px 8px rgba(34,38,43,.05),0 46px 92px -42px rgba(13,28,46,.40);
  --shell:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ivory);color:var(--body);
  font-family:var(--text);font-size:17px;line-height:1.68;
  font-feature-settings:"cv05" 1,"cv11" 1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--brass-lt);color:var(--ink)}
:focus-visible{outline:2.5px solid var(--brass);outline-offset:3px;border-radius:2px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:14px;top:14px;z-index:999;background:var(--white);padding:12px 18px;border-radius:var(--r-sm);box-shadow:var(--shadow)}

.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.narrow{max-width:800px}

/* ------------------------------------------------------------------ type */
h1,h2{
  font-family:var(--serif);color:var(--charcoal);font-weight:400;
  letter-spacing:-.018em;margin:0;
  font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 40;
}
h3,h4{font-family:var(--sans);color:var(--charcoal);font-weight:600;letter-spacing:-.022em;margin:0}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--gold);font-variation-settings:"SOFT" 0,"WONK" 1,"opsz" 40}
h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}
.band-dark h1 em,.band-dark h2 em,.cta-band h2 em,.panel-dark h3 em{color:var(--brass-lt)}

.hero h1{font-size:clamp(37px,4.9vw,63px);line-height:1.06;letter-spacing:-.022em}
.page-hero h1{font-size:clamp(32px,4.1vw,54px);line-height:1.08;letter-spacing:-.02em;max-width:20ch}
h2{font-size:clamp(27px,3vw,41px);line-height:1.14}
.sec-title{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.6vw,36px);margin-bottom:34px}
h3{font-size:20px;line-height:1.3;letter-spacing:-.022em}

p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.62;color:var(--muted);max-width:62ch;margin:0}
.eyebrow{
  font-family:var(--sans);font-size:11.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--brass);margin:0 0 18px;display:flex;align-items:center;gap:11px;
}
.eyebrow::before{content:"";width:22px;height:1.5px;background:var(--brass);flex:0 0 auto;opacity:.65}
.eyebrow.light{color:var(--brass-lt)}
.eyebrow.light::before{background:var(--brass-lt)}
.sec-head{max-width:760px;margin-bottom:clamp(34px,4vw,54px)}
.sec-sub{font-size:18px;color:var(--muted);margin-top:16px;max-width:62ch}
.fineprint{font-size:13px;line-height:1.6;color:var(--muted-lt);margin-top:26px;max-width:88ch}
.center-cta{text-align:center;margin-top:38px}

.text-link{
  font-family:var(--sans);font-weight:600;font-size:15.5px;color:var(--forest-2);
  border-bottom:1.5px solid var(--brass);padding-bottom:3px;transition:.2s var(--ease);
}
.text-link:hover{color:var(--brass);border-bottom-color:var(--forest-2)}
.text-link span{display:inline-block;transition:transform .2s var(--ease)}
.text-link:hover span{transform:translateX(4px)}

.prose h2{margin:0 0 18px}
.prose h2:not(:first-child){margin-top:44px}
.prose p{color:var(--body)}
.prose>*+ul,.prose>*+ol{margin-top:20px}

ul.ticks,ul.crosses{list-style:none;padding:0;margin:0;display:grid;gap:2px}
ul.ticks li,ul.crosses li{position:relative;padding:9px 0 9px 32px;line-height:1.55}
ul.ticks li::before,ul.crosses li::before{
  content:"";position:absolute;left:0;top:16px;width:16px;height:16px;border-radius:50%;
  background:var(--brass);opacity:.14;
}
ul.ticks li::after{
  content:"";position:absolute;left:5px;top:20px;width:6px;height:3px;
  border-left:1.8px solid var(--brass);border-bottom:1.8px solid var(--brass);
  transform:rotate(-45deg);
}
ul.crosses li::before{background:var(--muted);opacity:.12}
ul.crosses li::after{
  content:"";position:absolute;left:6.5px;top:22px;width:9px;height:1.8px;background:var(--muted);
}
.panel-dark ul.ticks li::before{background:var(--brass-lt);opacity:.24}
.panel-dark ul.ticks li::after{border-color:var(--brass-lt)}

/* ---------------------------------------------------------------- header */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(252,251,248,.72);
  backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid rgba(229,224,214,.7);
}
.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.brand-mark{width:38px;height:38px;flex:0 0 auto}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text strong{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:-.012em;color:var(--charcoal)}
.brand-wny{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.22em;color:var(--brass);margin-top:3px}
.site-header nav{display:flex;align-items:center;gap:30px;font-family:var(--sans);font-size:14.5px;font-weight:500}
.site-header nav a{color:var(--body);transition:color .18s var(--ease);position:relative;white-space:nowrap}
.site-header nav a:hover{color:var(--ink)}
.site-header nav a[aria-current="page"]{color:var(--ink);font-weight:600}
.site-header nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--brass);border-radius:2px}
.nav-cta[aria-current="page"]::after{display:none}
.menu-toggle{
  display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--white);
  border-radius:var(--r-sm);cursor:pointer;padding:0;place-items:center;gap:5px;
}
.menu-toggle span{display:block;width:16px;height:1.8px;background:var(--ink);border-radius:2px;transition:.25s var(--ease)}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.4px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.4px) rotate(-45deg)}

/* --------------------------------------------------------------- buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:-.005em;
  padding:14px 26px;border:1px solid transparent;border-radius:var(--r-sm);
  background:var(--navy);color:var(--warm-white);cursor:pointer;
  transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
  box-shadow:var(--shadow-sm);white-space:nowrap;
}
.btn:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow)}
.btn:active{transform:translateY(0)}
.btn-lg{padding:17px 32px;font-size:16px}
.btn-sm{padding:10px 18px;font-size:13.5px}
.btn-block{width:100%}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--line);box-shadow:none}
.btn-outline:hover{background:var(--white);color:var(--ink);border-color:var(--brass)}
.btn-light{background:var(--warm-white);color:var(--navy)}
.btn-light:hover{background:var(--white);color:var(--navy-deep)}
.btn-ghost-light{background:transparent;color:var(--ivory);border-color:rgba(252,251,248,.3);box-shadow:none}
.btn-ghost-light:hover{background:rgba(252,251,248,.1);color:var(--white);border-color:rgba(252,251,248,.55)}

/* ------------------------------------------------------------------ hero */
.hero{position:relative;overflow:hidden;padding:clamp(50px,6vw,86px) 0 clamp(56px,6vw,92px)}
.hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(1000px 520px at 82% -10%,rgba(169,138,70,.18),transparent 64%),
    radial-gradient(820px 560px at 2% 12%,rgba(18,42,69,.08),transparent 62%),
    linear-gradient(180deg,var(--warm-white) 0%,var(--taupe) 100%);
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(18,42,69,.04) 1px,transparent 1px);
  background-size:100% 46px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 55%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 55%,transparent);
}
.hero-inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,4.4vw,72px);align-items:center}
.hero-copy{max-width:640px}
.hero .lede{margin:22px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 30px}
.hero-marks{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0}
.hero-marks li{
  font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--forest-2);
  background:rgba(255,255,255,.72);border:1px solid var(--line);
  padding:8px 14px;border-radius:100px;backdrop-filter:blur(6px);
}
.hero-marks li::before{content:"✓";color:var(--brass);margin-right:7px;font-size:11px}

/* -------------------------------------------------------------- form card */
.form-card{
  background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(24px,2.4vw,34px);box-shadow:var(--shadow-lg);
}
.form-title{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.015em;margin-bottom:8px}
.form-sub{font-size:14.5px;color:var(--muted);margin-bottom:22px;line-height:1.5}
.field{margin:0 0 15px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field label{
  display:block;font-family:var(--sans);font-size:11.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:7px;
}
.field input,.field select,.field textarea{
  width:100%;font-family:var(--text);font-size:16px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:12px 14px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-lt)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--forest-3);box-shadow:0 0 0 3px rgba(169,124,60,.16);
}
.field textarea{resize:vertical;min-height:76px}
.consent label{
  display:grid;grid-template-columns:19px 1fr;gap:11px;align-items:start;
  text-transform:none;letter-spacing:normal;font-family:var(--text);font-size:12.5px;
  font-weight:400;line-height:1.5;color:var(--muted);margin:0;
}
.consent input{width:auto;margin-top:2px;accent-color:#122a45}
.form-fine{font-size:11.5px;line-height:1.5;color:var(--muted-lt);margin:14px 0 0}

/* --------------------------------------------------------------- marquee */
.marquee{background:var(--charcoal);color:var(--ivory);padding:20px 0;overflow:hidden}
.marquee .shell{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.marquee-label{
  font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--brass-lt);margin:0;flex:0 0 auto;
}
.marquee-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0}
.marquee-list li{font-size:14px;color:rgba(252,251,248,.62)}

/* ----------------------------------------------------------------- bands */
.band{padding:clamp(62px,7.5vw,116px) 0}
.band-stone{background:var(--stone);border-block:1px solid var(--line-2)}
.band-dark{background:linear-gradient(180deg,var(--navy-deep) 0%,var(--charcoal) 100%);color:rgba(251,249,245,.74)}
.band-dark h2,.band-dark h3{color:var(--white)}
.band-dark .sec-sub{color:rgba(252,251,248,.62)}

.page-hero{
  position:relative;padding:clamp(38px,4.6vw,66px) 0 clamp(42px,5vw,70px);
  background:linear-gradient(180deg,var(--warm-white) 0%,var(--warm-white-2) 100%);
  border-bottom:1px solid var(--line-2);
}
.page-hero .lede{margin-top:20px}
.page-hero .hero-actions{margin:30px 0 0}
.narrow-hero .lede{max-width:64ch}
.crumbs{font-family:var(--sans);font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.crumbs a{color:var(--forest-2);font-weight:500}
.crumbs a:hover{color:var(--brass)}
.crumbs .sep{color:var(--muted-lt)}

/* ---------------------------------------------------------------- panels */
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.panel{border-radius:var(--r-lg);padding:clamp(28px,3vw,44px)}
.panel-plain{background:var(--stone);border:1px solid var(--line)}
.panel-dark{
  background:linear-gradient(155deg,var(--navy-2) 0%,var(--navy-deep) 100%);
  color:rgba(251,249,245,.80);box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.panel-dark::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--brass),var(--brass-lt));
}
.panel-dark h3{color:var(--white)}
.panel-kicker{
  font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.15em;color:var(--muted);margin:0 0 12px;
}
.panel-dark .panel-kicker{color:var(--brass-lt)}
.panel h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,29px);letter-spacing:-.015em;margin-bottom:22px}

/* ----------------------------------------------------------------- table */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);background:var(--white);box-shadow:var(--shadow-sm)}
table.compare{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
table.compare th,table.compare td{padding:16px 18px;text-align:left;vertical-align:top;line-height:1.5;border-bottom:1px solid var(--line-2)}
table.compare thead th{
  font-family:var(--sans);font-size:11.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.11em;color:var(--muted);background:var(--stone);border-bottom:1px solid var(--line);
}
table.compare thead th.col-us{background:var(--navy);color:var(--warm-white)}
table.compare tbody th{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink)}
table.compare td.col-us{background:rgba(169,138,70,.08);color:var(--ink);font-weight:500}
table.compare tbody tr:last-child th,table.compare tbody tr:last-child td{border-bottom:0}

/* ----------------------------------------------------------------- steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:26px 0;border-top:1px solid var(--line)}
.steps li:first-child{border-top:0;padding-top:0}
.steps-wide{grid-template-columns:repeat(4,1fr);gap:26px}
.steps-wide li{border-top:2px solid var(--line);padding:22px 0 0;grid-template-columns:1fr}
.stepno{
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;
  color:var(--brass);display:block;margin-bottom:10px;
}
.steps li>div>h3{margin-bottom:7px}
.steps li p{color:var(--muted);font-size:15.5px;margin:0}
.band-dark .steps li{border-color:rgba(219,181,122,.2)}
.band-dark .steps li p{color:rgba(252,251,248,.62)}
.steps-detail li{grid-template-columns:1fr}
.steps-detail .stepno{font-size:13px}

/* ----------------------------------------------------------- card grids */
.sit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sit-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;transition:.22s var(--ease);
}
.sit-card h3{font-size:16px;font-weight:500;letter-spacing:-.015em}
.sit-card span{color:var(--brass);transition:transform .22s var(--ease)}
.sit-card:hover{border-color:var(--brass);box-shadow:var(--shadow);transform:translateY(-3px)}
.sit-card:hover span{transform:translateX(4px)}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hub-card{
  position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 30px 54px;transition:.24s var(--ease);overflow:hidden;
}
.hub-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--brass),var(--brass-lt));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--stone-2)}
.hub-card:hover::before{transform:scaleX(1)}
.hub-card h3{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.012em;margin-bottom:10px}
.hub-card p{font-size:15px;color:var(--muted);margin:0}
.hub-go{position:absolute;left:30px;bottom:26px;color:var(--brass);font-size:18px;transition:transform .24s var(--ease)}
.hub-card:hover .hub-go{transform:translateX(5px)}

.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:26px}
.mini-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.mini-card h3{font-size:17px;margin-bottom:9px}
.mini-card p{font-size:15px;color:var(--muted);margin:0}

.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.promise{border-top:2px solid var(--brass);padding-top:20px}
.promise h3{font-size:17px;margin-bottom:9px}
.promise p{font-size:15px;color:rgba(252,251,248,.62);margin:0}
.proof-note{margin-top:42px;font-size:13px;color:var(--brass-lt);border:1px dashed rgba(219,181,122,.45);border-radius:var(--r-sm);padding:16px 20px}

.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.area-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;
  background:var(--white);transition:.22s var(--ease);
}
.area-name{font-family:var(--sans);font-size:16px;font-weight:500;color:var(--ink)}
.area-go{color:var(--brass);transition:transform .22s var(--ease)}
.area-card:hover{border-color:var(--brass);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.area-card:hover .area-go{transform:translateX(4px)}
.area-card-all{background:var(--navy);border-color:var(--navy)}
.area-card-all .area-name{color:var(--ivory)}
.area-card-all .area-go{color:var(--brass-lt)}

.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0 0 8px}
.chip-list li{
  font-family:var(--sans);font-size:14px;color:var(--body);background:var(--white);
  border:1px solid var(--line);border-radius:100px;padding:9px 17px;
}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{
  display:flex;flex-direction:column;gap:11px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:.24s var(--ease);
}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--stone-2)}
.post-cat{
  font-family:var(--sans);font-size:10.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.14em;color:var(--brass);
}
.post-card h3{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.24;letter-spacing:-.012em}
.post-card p{font-size:15px;color:var(--muted);margin:0;flex:1}
.post-meta{font-family:var(--sans);font-size:12.5px;color:var(--muted-lt)}

.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rel-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;
  background:var(--white);font-family:var(--sans);font-size:15px;font-weight:500;
  color:var(--ink);transition:.22s var(--ease);line-height:1.35;
}
.rel-card em{color:var(--brass);font-style:normal;transition:transform .22s var(--ease)}
.rel-card:hover{border-color:var(--brass);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.rel-card:hover em{transform:translateX(4px)}

/* --------------------------------------------------------------- callout */
.callout{
  border-left:3px solid var(--brass);background:var(--stone);
  border-radius:0 var(--r) var(--r) 0;padding:22px 26px;margin:34px 0 0;
}
.callout p{margin:0;font-size:16px;color:var(--body)}
.callout strong{font-family:var(--sans);font-weight:600;color:var(--ink)}
.band-stone .callout{background:var(--white)}

/* ------------------------------------------------------------ split page */
.split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(34px,4vw,64px);align-items:start}
.split-main{min-width:0}
.side-sticky{position:sticky;top:98px}

/* ------------------------------------------------------------------- faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  display:flex;justify-content:space-between;align-items:center;gap:22px;
  font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.018em;
  color:var(--ink);padding:22px 0;cursor:pointer;list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";flex:0 0 auto;width:11px;height:11px;
  border-right:1.8px solid var(--brass);border-bottom:1.8px solid var(--brass);
  transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease);
}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq .answer{padding:0 0 24px;max-width:74ch}
.faq .answer p{color:var(--muted);font-size:16px;margin:0}
.faq-group{margin-bottom:52px}
.faq-group h2{font-size:25px;margin-bottom:6px}

/* ------------------------------------------------------------ principles */
.principles{margin-top:56px;border-top:1px solid var(--line);padding-top:8px}
.principles h2{font-size:25px;margin:26px 0 6px}
.principle{padding:20px 0;border-bottom:1px solid var(--line-2)}
.principle h3{font-size:17px;margin-bottom:6px;display:flex;align-items:center;gap:11px}
.principle h3::before{content:"";width:13px;height:2px;background:var(--brass);flex:0 0 auto}
.principle p{font-size:15px;color:var(--muted);margin:0}

.founder{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:start}
.photo-placeholder,.map-placeholder{
  border:1.5px dashed var(--line);border-radius:var(--r);background:var(--white);
  display:grid;place-items:center;gap:8px;text-align:center;padding:30px 22px;
  font-family:var(--sans);font-size:12px;color:var(--muted);
}
.photo-placeholder{min-height:250px}
.map-placeholder{min-height:230px;margin-top:26px}
.map-placeholder strong{font-size:13px;color:var(--ink)}
.map-placeholder span{font-size:12px;line-height:1.5;max-width:38ch}

/* --------------------------------------------------------------- contact */
.contact-grid{display:grid;grid-template-columns:1fr 460px;gap:clamp(34px,4vw,64px);align-items:start}
.contact-list{border-top:1px solid var(--line)}
.contact-item{display:grid;gap:5px;padding:19px 0;border-bottom:1px solid var(--line)}
.contact-item span{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.contact-item strong{font-family:var(--text);font-size:16.5px;font-weight:500;color:var(--ink);line-height:1.5}
.contact-item a:hover{color:var(--brass)}

/* ------------------------------------------------------------- cta band */
.cta-band{
  background:linear-gradient(155deg,var(--navy-2) 0%,var(--navy-deep) 100%);
  color:rgba(252,251,248,.74);text-align:center;position:relative;overflow:hidden;
}
.cta-band::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}
.cta-inner{max-width:720px;margin-inline:auto}
.cta-band h2{color:var(--white);font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,45px);line-height:1.14;margin-bottom:16px}
.cta-band p{font-size:18px;margin-bottom:30px}
.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------------------------------------------------------------- footer */
.site-footer{background:var(--navy-deep);color:rgba(252,251,248,.6);padding:clamp(52px,6vw,80px) 0 28px}
.footer-top{display:grid;grid-template-columns:300px 1fr;gap:clamp(34px,4vw,70px)}
.footer-brand .brand-text strong{color:var(--white)}
.ftag{font-size:14.5px;margin:18px 0 16px;color:rgba(252,251,248,.55);max-width:34ch}
.fcontact{font-size:14.5px;line-height:1.85;color:rgba(252,251,248,.55);margin:0}
.fcontact a:hover{color:var(--brass-lt)}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.fcol h3{
  font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;
  color:var(--brass-lt);margin-bottom:16px;
}
.fcol ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fcol a{font-size:14.5px;color:rgba(252,251,248,.6);transition:color .18s var(--ease)}
.fcol a:hover{color:var(--white)}
.footer-legal{margin-top:52px;padding-top:26px;border-top:1px solid rgba(252,251,248,.1)}
.footer-legal p{font-size:12.5px;color:rgba(252,251,248,.42);margin:0 0 10px}
.disclaimer{max-width:96ch;line-height:1.6}

/* ------------------------------------------------------------ sticky cta */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:10px;padding:11px 16px;
  background:rgba(252,251,248,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
}
.sticky-cta .btn{flex:1}

/* ---------------------------------------------------------------- motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.hero-copy,.hero-form{animation:rise .85s var(--ease) both}
.hero-form{animation-delay:.12s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------ responsive */
@media(max-width:1080px){
  .sit-grid,.area-grid,.promise-grid,.rel-grid{grid-template-columns:repeat(2,1fr)}
  .hub-grid,.post-grid{grid-template-columns:repeat(2,1fr)}
  .steps-wide{grid-template-columns:repeat(2,1fr)}
  .fcols{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .site-header nav{
    display:none;position:absolute;left:16px;right:16px;top:68px;
    flex-direction:column;align-items:stretch;gap:4px;
    background:var(--white);border:1px solid var(--line);border-radius:var(--r);
    padding:14px;box-shadow:var(--shadow-lg);
  }
  .site-header nav.open{display:flex}
  .site-header nav a{padding:12px 8px;font-size:16px}
  .site-header nav a[aria-current="page"]::after{display:none}
  .nav-cta{margin-top:8px;justify-content:center}
  .menu-toggle{display:grid}
  .hero-inner,.split,.contact-grid,.footer-top,.founder{grid-template-columns:1fr}
  .hero-copy{max-width:none}
  .side-sticky{position:static}
  .two-up{grid-template-columns:1fr}
  .sticky-cta{display:flex}
  body{padding-bottom:66px}
  .photo-placeholder{min-height:200px}
}
@media(max-width:620px){
  body{font-size:16px}
  .shell{width:min(100% - 32px,var(--shell))}
  .field-row{grid-template-columns:1fr}
  .sit-grid,.area-grid,.promise-grid,.rel-grid,.hub-grid,.post-grid,.steps-wide,.fcols{grid-template-columns:1fr}
  .hero-actions .btn,.cta-actions .btn{width:100%}
  .marquee .shell{flex-direction:column;align-items:flex-start;gap:12px}
  .callout{padding:18px 20px}
  .brand-text strong{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media print{
  .site-header,.sticky-cta,.cta-band,.form-card{display:none}
  body{background:#fff;color:#000}
}

/* ==========================================================================
   Photography, portrait & trust components
   ========================================================================== */

picture{display:block}
picture img{width:100%;height:auto;display:block}

/* ---- hero portrait ---- */
.hero-inner{grid-template-columns:1.02fr .98fr;align-items:center}
.hero-portrait{
  position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-lg);isolation:isolate;
}
.hero-portrait img{border-radius:var(--r-lg)}
.hero-portrait::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--r-lg);
  background:linear-gradient(190deg,transparent 48%,rgba(13,28,46,.62) 100%);
}
.hero-portrait figcaption{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:26px 28px;display:flex;flex-direction:column;gap:3px;color:#fff;
}
.hero-portrait figcaption strong{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:-.01em}
.hero-portrait figcaption span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt)}
.hero-sig{
  font-family:var(--serif);font-style:italic;font-size:19px;color:var(--green);
  margin:28px 0 0;letter-spacing:-.01em;
}

/* ---- trust bar ---- */
.trustbar{background:var(--charcoal);color:rgba(251,249,245,.72);padding:16px 0}
.trustbar ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:10px 30px;
}
.trustbar li{font-size:13.5px;letter-spacing:.01em;display:flex;align-items:center;gap:9px}
.trustbar li::before{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--gold-2);flex:0 0 auto;
}

/* ---- full-bleed photo band ---- */
.photo-band{position:relative;isolation:isolate;padding:clamp(72px,9vw,132px) 0;overflow:hidden}
.photo-band-media{position:absolute;inset:0;z-index:-2}
.photo-band-media picture,.photo-band-media img{width:100%;height:100%;object-fit:cover}
.photo-band::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(13,28,46,.92) 0%,rgba(13,28,46,.78) 42%,rgba(13,28,46,.40) 100%);
}
.photo-band-inner{max-width:640px;color:rgba(251,249,245,.82)}
.photo-band-inner h2{color:#fff;margin-bottom:16px}
.photo-band-inner p{font-size:17.5px;line-height:1.65}
.photo-band-inner .cta-actions{justify-content:flex-start;margin-top:28px}

/* ---- page hero figure (location pages) ---- */
.hero-figure{background:linear-gradient(180deg,var(--warm-white-2) 50%,var(--warm-white) 50%);padding-bottom:4px}
.hero-figure picture{
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);
  max-height:380px;
}
.hero-figure img{object-fit:cover;max-height:380px}

/* ---- offer section ---- */
.offer-grid{display:grid;grid-template-columns:1fr 480px;gap:clamp(34px,4vw,68px);align-items:center}
.offer-ticks{margin-top:26px}

/* ---- testimonials ---- */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{
  margin:0;padding:32px;border-radius:var(--r-lg);
  background:rgba(251,249,245,.05);border:1px solid rgba(221,197,150,.22);
  display:flex;flex-direction:column;gap:22px;
}
.quote p{
  font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.5;
  color:rgba(251,249,245,.92);margin:0;flex:1;letter-spacing:-.01em;
}
.quote::before{
  content:"\201C";font-family:var(--serif);font-size:52px;line-height:.6;
  color:var(--gold-2);display:block;height:26px;
}
.quote footer{display:flex;flex-direction:column;gap:3px}
.quote footer strong{font-family:var(--sans);font-size:14.5px;font-weight:600;color:#fff}
.quote footer span{font-size:12.5px;color:rgba(251,249,245,.55)}
.quote.is-placeholder p{
  font-family:var(--text);font-size:14.5px;line-height:1.6;font-style:normal;
  color:var(--gold-lt);
}
.quote.is-placeholder{border-style:dashed}

/* ---- founder feature (about) ---- */
.founder-feature{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(36px,4.5vw,72px);align-items:start}
.founder-photo{margin:0;position:sticky;top:100px}
.founder-photo picture{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.founder-photo figcaption{
  margin-top:16px;font-size:13px;color:var(--muted);letter-spacing:.02em;
  padding-left:16px;border-left:2px solid var(--gold);
}
.founder-story h2:first-child{margin-top:0}

/* ---- values grid ---- */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.value-card{background:var(--warm-white);padding:32px 30px;transition:background .25s var(--ease)}
.value-card:hover{background:var(--white)}
.value-card h3{font-size:16.5px;margin-bottom:9px;display:flex;align-items:center;gap:10px}
.value-card h3::before{content:"";width:12px;height:2px;background:var(--gold);flex:0 0 auto}
.value-card p{font-size:15px;color:var(--muted);margin:0}

/* ---- personal note (contact) ---- */
.personal-note{
  display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:start;
  background:var(--warm-white-2);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px;margin-bottom:34px;
}
.note-photo{margin:0}
.note-photo picture{border-radius:var(--r);overflow:hidden}
.personal-note p{font-size:16px;line-height:1.62;color:var(--body);margin:0 0 14px}
.note-sign{display:flex;flex-direction:column;gap:2px;margin:0!important}
.note-sign strong{font-family:var(--serif);font-weight:400;font-size:18px;color:var(--charcoal)}
.note-sign span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}

/* ---- responsive ---- */
@media(max-width:1080px){
  .quote-grid,.value-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr}
  .hero-portrait{order:-1;max-width:560px}
  .founder-feature,.offer-grid{grid-template-columns:1fr}
  .founder-photo{position:static;max-width:520px}
  .photo-band::before{background:linear-gradient(180deg,rgba(13,28,46,.86) 0%,rgba(13,28,46,.72) 100%)}
  .photo-band-inner{max-width:none}
}
@media(max-width:620px){
  .quote-grid,.value-grid{grid-template-columns:1fr}
  .value-grid{border-radius:var(--r)}
  .personal-note{grid-template-columns:1fr;text-align:left}
  .note-photo picture{max-width:150px}
  .trustbar ul{gap:8px 20px}
  .trustbar li{font-size:12.5px}
  .hero-portrait figcaption{padding:20px}
  .hero-figure picture,.hero-figure img{max-height:240px}
}

/* ==========================================================================
   Click-to-call system
   ========================================================================== */

.call-link{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans);font-weight:600;color:var(--navy);
  letter-spacing:-.005em;transition:color .18s var(--ease);white-space:nowrap;
}
.call-link svg{width:17px;height:17px;flex:0 0 auto;color:var(--gold)}
.call-link:hover{color:var(--gold)}
.call-pre{font-weight:500}
.call-num{font-variant-numeric:tabular-nums}

/* header */
.nav-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.call-link-header{
  font-size:14.5px;padding:9px 15px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--white);box-shadow:var(--shadow-sm);
}
.call-link-header:hover{border-color:var(--gold);color:var(--navy)}
.nav-phone{display:none}

/* large inline (hero, CTA bands, subpage heroes) */
.call-link-lg{font-size:19px;letter-spacing:-.015em}
.call-link-lg svg{width:19px;height:19px}
.call-link-xl{
  font-family:var(--serif);font-weight:400;font-size:clamp(27px,3vw,34px);
  letter-spacing:-.015em;color:var(--navy);gap:12px;
}
.call-link-xl svg{width:26px;height:26px;stroke-width:1.7}
.call-link-row{font-size:17px;font-weight:500;color:var(--charcoal)}
.call-link-row svg{width:15px;height:15px}

.hero-call{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
  font-size:16px;color:var(--muted);margin:22px 0 0;
}
.hero-call-note{flex-basis:100%;font-size:13.5px;color:var(--muted-lt)}

/* button-shaped call (photo band) */
.btn-call{gap:10px}
.btn-call svg{width:17px;height:17px;color:currentColor}
.btn-call .call-num{font-size:15px;font-weight:600}

/* aside under form submit */
.call-aside{
  display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;
  margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line-2);
  font-size:14px;color:var(--muted);
}
.call-inline{font-size:15.5px;color:var(--navy);border-bottom:1.5px solid var(--gold);padding-bottom:1px}
.call-inline:hover{color:var(--gold);border-bottom-color:var(--navy)}
.call-hours{flex-basis:100%;font-size:12.5px;color:var(--muted-lt)}

/* call card (homepage offer section) */
.call-card{
  margin-top:32px;padding:26px 28px;border-radius:var(--r-lg);
  background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  border-left:3px solid var(--gold);
}
.call-card-label,.call-hero-label{
  font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--gold);margin:0 0 10px;
}
.call-card-note,.call-hero-note{font-size:14.5px;color:var(--muted);margin:12px 0 0;line-height:1.55}

/* call hero (contact page) */
.call-hero{
  padding:30px 32px;border-radius:var(--r-lg);margin-bottom:26px;
  background:linear-gradient(155deg,var(--warm-white-2) 0%,var(--taupe) 100%);
  border:1px solid var(--line);
}
.call-hero .call-link-xl{color:var(--navy-deep)}

/* CTA band call line */
.cta-call{
  margin:26px 0 0;font-size:15.5px;color:rgba(251,249,245,.62);
  display:flex;justify-content:center;align-items:baseline;gap:9px;flex-wrap:wrap;
}
.cta-call .call-link{color:var(--gold-lt)}
.cta-call .call-link svg{color:var(--gold-lt)}
.cta-call .call-link:hover{color:#fff}

/* footer */
.fcall{margin:18px 0 14px}
.fcall-label{
  display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--gold-lt);margin-bottom:7px;
}
.call-link-footer{
  font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.012em;
  color:#fff;gap:11px;
}
.call-link-footer svg{width:20px;height:20px;color:var(--gold-lt)}
.call-link-footer:hover{color:var(--gold-lt)}
.fcontact{margin-top:4px}

/* sticky mobile bar */
.sticky-call{gap:9px;background:var(--navy)}
.sticky-call svg{width:16px;height:16px;color:var(--gold-lt)}
.sticky-call span{font-variant-numeric:tabular-nums}
.sticky-cta .sticky-call{flex:1.35}

@media(max-width:1180px){
  .call-link-header .call-pre{display:none}
}
@media(max-width:980px){
  .call-link-header{padding:10px 12px;border-radius:var(--r-sm)}
  .call-link-header .call-num{display:none}
  .call-link-header svg{width:19px;height:19px;color:var(--navy)}
  .nav-phone{display:block;margin-top:10px;padding-top:14px;border-top:1px solid var(--line-2)}
  .call-link-nav{font-size:17px;justify-content:center}
  .call-link-nav .call-pre{display:inline}
}
@media(max-width:620px){
  .hero-call{font-size:15px}
  .call-card,.call-hero{padding:22px}
  .cta-call{font-size:14.5px}
  .call-link-footer{font-size:23px}
  .sticky-call span{font-size:13px}
}

/* Touch targets: every click-to-call reaches the 44px minimum on touch devices */
@media (hover:none), (max-width:980px){
  .call-link,.call-inline{min-height:44px;padding-block:7px}
  .call-link-row{min-height:44px;align-items:center}
  .call-link-header{min-height:44px;min-width:44px;justify-content:center;padding-block:0}
  .sticky-cta .btn{min-height:48px}
  .call-aside{align-items:center}
}

/* Keep the header intact between the tablet and desktop breakpoints */
@media (min-width:981px) and (max-width:1180px){
  .site-header nav{gap:20px;font-size:14px}
  .call-link-header{padding:0;width:44px;height:44px;justify-content:center}
  .call-link-header .call-num,.call-link-header .call-pre{display:none}
  .call-link-header svg{width:19px;height:19px;color:var(--navy)}
  .nav-wrap{gap:16px}
}

/* Nav CTA: the generic nav-link colour was overriding the button's own text
   colour, leaving dark text on the navy fill. Restore white. */
.site-header nav a.btn,
.site-header nav a.nav-cta{color:var(--warm-white)}
.site-header nav a.btn:hover,
.site-header nav a.nav-cta:hover{color:#fff;background:var(--navy-deep)}
.site-header nav a.nav-cta[aria-current="page"]{color:var(--warm-white)}
.sticky-cta .btn{color:var(--warm-white)}
.sticky-cta .btn-outline{color:var(--navy)}

/* Photo-band copy: balanced headline breaks, no orphans in the paragraph,
   and a measure that stays comfortable from 390px up. */
.photo-band-inner h2{
  text-wrap:balance;max-width:16ch;
}
.photo-band-inner p:not(.eyebrow){
  text-wrap:pretty;max-width:52ch;hyphens:none;
}
@media(max-width:620px){
  .photo-band-inner h2{max-width:none}
  .photo-band-inner p:not(.eyebrow){font-size:16.5px;line-height:1.62;max-width:38ch}
}

/* ==========================================================================
   Mobile & tablet hero — one-screen conversion pass
   Desktop layout is untouched; everything below is breakpoint-scoped.
   ========================================================================== */

.hero-call-btn{display:none}

/* ---- tablet: shorten the portrait, tighten the stack ---- */
@media (max-width:980px){
  .nav-wrap{height:66px}
  .site-header nav{top:60px}

  .hero{padding:22px 0 44px}
  .hero-inner{gap:26px}

  .hero-portrait{max-width:none}
  .hero-portrait img{
    aspect-ratio:16/10;object-fit:cover;object-position:50% 12%;
  }

  .hero .lede{margin:0}
  .hero-actions{margin:0}
}

/* ---- phone: reorder for comprehension, then action ---- */
@media (max-width:620px){
  .hero{padding:16px 0 36px}
  .hero-inner{gap:22px}

  /* 16:9 keeps both faces well inside the frame while cutting ~33% of height */
  .hero-portrait img{aspect-ratio:16/9;object-position:50% 10%}
  .hero-portrait::after{background:linear-gradient(190deg,transparent 40%,rgba(13,28,46,.68) 100%)}
  .hero-portrait figcaption{padding:16px 18px;gap:2px}
  .hero-portrait figcaption strong{font-size:19px}
  .hero-portrait figcaption span{font-size:10.5px;letter-spacing:.16em}

  /* Photo → who/where → headline → promise → buttons. Explanation follows. */
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy .eyebrow{order:1;margin:0 0 14px}
  .hero-copy h1{order:2;margin:0}
  .hero-sig{order:3;margin:14px 0 0;font-size:17.5px}
  .hero-actions{order:4;margin:18px 0 0}
  .hero .lede{order:5;margin:22px 0 0}
  .hero-call{order:6;margin:18px 0 0}

  .hero h1{font-size:36px;line-height:1.07;letter-spacing:-.02em}

  /* Primary + Call side by side; the explore path stays as a quiet link.
     Scoped to .hero — subpage heroes reuse .hero-actions with longer labels. */
  .hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero .hero-actions .btn{width:auto;min-height:52px;padding:14px 10px;font-size:15px}
  .hero .hero-call-btn{display:inline-flex}
  .hero .hero-secondary{
    grid-column:1/-1;background:none;border:0;box-shadow:none;
    color:var(--navy);font-size:15px;min-height:44px;padding:6px 0;
    text-decoration:underline;text-decoration-color:var(--gold);
    text-underline-offset:5px;text-decoration-thickness:1.5px;
  }
  .hero .hero-secondary:hover{background:none;color:var(--gold)}
}

/* ---- sticky bar: respect the home indicator, and stay out of the way
        while the hero's own buttons are on screen ---- */
.sticky-cta{
  padding-bottom:calc(11px + env(safe-area-inset-bottom,0px));
  transform:translateY(0);
  transition:transform .32s var(--ease);
  will-change:transform;
}
.sticky-cta.is-stowed{transform:translateY(130%)}
@media (prefers-reduced-motion:reduce){
  .sticky-cta{transition:none}
}

/* Tablet: centre the portrait at an editorial width rather than letting it
   stretch the full column and push the CTAs down. */
@media (min-width:621px) and (max-width:980px){
  .hero-portrait{max-width:600px;margin-inline:auto}
  .hero-inner{gap:30px}
}

/* Touch: lift secondary text links to a comfortable target without changing
   how they look. Applies to coarse pointers only, so desktop is unaffected. */
@media (hover:none){
  .fcol ul{gap:2px}
  .fcol a{min-height:44px;display:flex;align-items:center}
  .crumbs{gap:4px 8px}
  .crumbs a{min-height:44px;display:inline-flex;align-items:center}
  .text-link{display:inline-flex;align-items:center;min-height:44px}
  .contact-item a{min-height:44px;display:inline-flex;align-items:center}
  .privacy-box a,.callout a{padding-block:4px}
}
@media (hover:none){
  .menu-toggle{width:44px;height:44px}
  .fcontact a{min-height:44px;display:inline-flex;align-items:center}
}