/* ============================================================
   THE MONTHLY LEDGER — base layer
   Paper surface, deep-green structural mass, copper on numerals.
   ============================================================ */

.bp-sec,
.bp-header,
.bp-footer{
  /* ---- surfaces ---- */
  --paper: var(--color-base);
  --tint: #F1EFE8;
  /* ---- ink ---- */
  --ink: color-mix(in srgb, var(--color-contrast) 88%, transparent);
  --ink-strong: var(--color-contrast);
  --ink-soft: var(--color-muted);
  /* ---- ledger hairlines ---- */
  --rule: color-mix(in srgb, var(--color-contrast) 14%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-contrast) 30%, transparent);
  /* ---- copper, darkened for AA on paper ---- */
  --stub: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
  /* ---- rhythm ---- */
  --gutter: 20px;
  --stack: 18px;
  --measure: 66ch;
  --shell: var(--container, 1180px);
}

/* ---------- section shell + vertical rhythm ---------- */
.bp-sec{
  position: relative;
  padding: 52px var(--gutter);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.72;
}
.bp-sec.bp-u-flush{ padding-left: 0; padding-right: 0; }
.bp-sec.bp-u-tight{ padding-top: 34px; padding-bottom: 34px; }
.bp-sec.bp-u-tall{ padding-top: 68px; padding-bottom: 68px; }

.bp-u-shell{
  width: 100%;
  max-width: var(--shell);
  margin-inline: auto;
}
.bp-u-shell--narrow{ max-width: 900px; }
.bp-u-inset{ padding-inline: var(--gutter); }

/* ruled section rhythm: hairline seams between banded rows */
.bp-sec.bp-u-seam-t{ border-top: 1px solid var(--rule); }
.bp-sec.bp-u-seam-b{ border-bottom: 1px solid var(--rule); }

/* ---------- surfaces ---------- */
.bp-u-tinted{ background: var(--tint); }
.bp-u-band{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 76%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  background: var(--color-primary);
  color: var(--ink);
}

/* ---------- type scale ---------- */
.bp-sec h1, .bp-sec h2, .bp-sec h3, .bp-sec h4,
.bp-header h1, .bp-header h2, .bp-header h3,
.bp-footer h2, .bp-footer h3, .bp-footer h4{
  font-family: var(--font-heading);
  color: var(--ink-strong);
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
  text-wrap: balance;
}
.bp-sec h1{
  font-size: clamp(2.1rem, 4.6vw, 3.2rem);
  line-height: 1.08;
  font-weight: 400;
  max-width: 20ch;
}
.bp-sec h2{
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  line-height: 1.16;
  font-weight: 400;
  max-width: 26ch;
}
.bp-sec h3{
  font-size: clamp(1.15rem, 1.5vw, 1.3rem);
  line-height: 1.3;
  font-weight: 500;
}
.bp-sec h4{
  font-size: 1.0625rem;
  line-height: 1.4;
  font-weight: 600;
}
.bp-sec p{
  margin: 0;
  max-width: var(--measure);
}
.bp-sec p + p{ margin-top: 1.05em; }
.bp-sec strong, .bp-footer strong{ font-weight: 600; color: var(--ink-strong); }
.bp-sec em{ font-style: italic; }

.bp-u-lede{
  font-size: 1.15rem;
  line-height: 1.6;
  max-width: 58ch;
  color: var(--ink);
}
.bp-u-measure{ max-width: var(--measure); }
.bp-u-measure-wide{ max-width: 68ch; }
.bp-u-cap{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ink-soft);
  max-width: 46ch;
}

/* kickers + ledger column heads */
.bp-u-kicker,
.bp-u-colhead{
  display: block;
  font-family: var(--font-body);
  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: 0;
}
.bp-u-kicker--copper{ color: var(--stub); }
.bp-u-kicker--stub{ padding-bottom: 12px; }
.bp-u-kicker--stub::after{
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 12px;
  background: var(--stub);
}
.bp-u-colhead{
  padding-bottom: 8px;
  border-bottom: 2px solid var(--stub);
}

/* tabular figures */
.bp-u-num{
  font-family: var(--font-heading);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--stub);
  line-height: 1;
}
.bp-u-num--xl{ font-size: clamp(2.4rem, 5vw, 3.6rem); }
.bp-u-num--lg{ font-size: clamp(1.9rem, 3vw, 2.5rem); }

/* month-marker ordinals */
.bp-u-month{
  font-family: var(--font-heading);
  font-style: italic;
  font-weight: 400;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
  color: var(--stub);
}

/* ---------- ledger rules ---------- */
.bp-u-rule{
  border: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  background: var(--rule);
}
.bp-u-rule--firm{ background: var(--rule-firm); height: 2px; }
.bp-u-rule--copper{ background: var(--stub); height: 2px; }
.bp-u-rule--short{ width: 32px; }
.bp-u-hair-t{ border-top: 1px solid var(--rule); }
.bp-u-hair-b{ border-bottom: 1px solid var(--rule); }

/* ---------- lists / index rows ---------- */
.bp-u-index{ list-style: none; margin: 0; padding: 0; }
.bp-u-index > li{ margin: 0; }
.bp-u-ruled > li{
  padding: 18px 0;
  border-top: 1px solid var(--rule);
}
.bp-u-ruled > li:last-child{ border-bottom: 1px solid var(--rule); }
.bp-u-ticks{ list-style: none; margin: 0; padding: 0; }
.bp-u-ticks > li{
  position: relative;
  padding-left: 26px;
  margin: 0;
  max-width: var(--measure);
}
.bp-u-ticks > li + li{ margin-top: 10px; }
.bp-u-ticks svg{
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 15px;
  height: 15px;
  color: var(--stub);
}

/* ---------- stacks + action rows ---------- */
.bp-u-stack > * + *{ margin-top: var(--stack); }
.bp-u-stack--tight{ --stack: 10px; }
.bp-u-stack--loose{ --stack: 28px; }
.bp-u-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 22px;
}

/* ---------- links ---------- */
.bp-sec a:not(.bp-btn){
  color: var(--ink-strong);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--stub);
  text-underline-offset: 4px;
  transition: color .18s ease, text-decoration-color .18s ease;
}
.bp-sec a:not(.bp-btn):hover{
  color: var(--stub);
  text-decoration-color: currentColor;
}
.bp-header a:not(.bp-btn){
  color: var(--ink-strong);
  text-decoration: none;
}
.bp-footer a:not(.bp-btn){
  color: color-mix(in srgb, var(--color-primary-contrast) 88%, var(--color-primary));
  text-decoration: none;
}
.bp-footer a:not(.bp-btn):hover{
  color: var(--color-primary-contrast);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  text-underline-offset: 4px;
}
.bp-u-link{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.bp-u-linklabel{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ---------- photography ---------- */
.bp-u-figure{
  position: relative;
  overflow: hidden;
  background: var(--tint);
  margin: 0;
}
.bp-u-figure img,
.bp-u-photo{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bp-u-figure--fill img{
  position: absolute;
  inset: 0;
}
.bp-u-scrim{
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-primary-dark) 82%, transparent);
}
/* photo-less fallback: paper-to-green ruled plate, a complete design on its own */
.bp-u-plate{
  position: relative;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  overflow: hidden;
}
.bp-u-plate::before,
.bp-u-plate::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
}
.bp-u-plate::before{ top: 33%; }
.bp-u-plate::after{ top: 66%; }

/* ---------- buttons ---------- */
.bp-btn{
  --btn-fill: var(--color-primary);
  --btn-ink: var(--color-primary-contrast);
  --btn-edge: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 13px 26px;
  border: 1px solid var(--btn-edge);
  border-radius: 2px;
  background: var(--btn-fill);
  color: var(--btn-ink);
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.015em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.bp-btn svg{ width: 17px; height: 17px; flex: none; }
.bp-btn:hover{
  --btn-fill: var(--color-primary-dark);
  --btn-edge: var(--color-primary-dark);
}
.bp-btn--primary{
  --btn-fill: var(--color-primary);
  --btn-edge: var(--color-primary);
  --btn-ink: var(--color-primary-contrast);
}
.bp-btn--accent{
  --btn-fill: color-mix(in srgb, var(--color-accent) 78%, var(--color-contrast));
  --btn-edge: color-mix(in srgb, var(--color-accent) 78%, var(--color-contrast));
  --btn-ink: var(--color-white);
}
.bp-btn--accent:hover{
  --btn-fill: color-mix(in srgb, var(--color-accent) 62%, var(--color-contrast));
  --btn-edge: color-mix(in srgb, var(--color-accent) 62%, var(--color-contrast));
}
.bp-btn--ghost{
  --btn-fill: transparent;
  --btn-edge: color-mix(in srgb, var(--color-contrast) 34%, transparent);
  --btn-ink: var(--color-contrast);
}
.bp-btn--ghost:hover{
  --btn-fill: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --btn-edge: var(--color-primary);
  --btn-ink: var(--color-primary-dark);
}
.bp-btn--onband{
  --btn-fill: var(--color-primary-contrast);
  --btn-edge: var(--color-primary-contrast);
  --btn-ink: var(--color-primary-dark);
}
.bp-btn--onband:hover{
  --btn-fill: var(--color-white);
  --btn-edge: var(--color-white);
  --btn-ink: var(--color-primary-darker);
}
.bp-btn--onband-ghost{
  --btn-fill: transparent;
  --btn-edge: color-mix(in srgb, var(--color-primary-contrast) 46%, transparent);
  --btn-ink: var(--color-primary-contrast);
}
.bp-btn--onband-ghost:hover{
  --btn-fill: color-mix(in srgb, var(--color-primary-contrast) 12%, transparent);
  --btn-edge: var(--color-primary-contrast);
  --btn-ink: var(--color-primary-contrast);
}
/* quiet text action beside a solid button */
.bp-btn--quiet{
  --btn-fill: transparent;
  --btn-edge: transparent;
  --btn-ink: var(--color-contrast);
  min-height: 0;
  padding: 6px 0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
  text-underline-offset: 5px;
}
.bp-btn--quiet:hover{
  --btn-fill: transparent;
  --btn-edge: transparent;
  --btn-ink: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
}
.bp-btn--wide{ width: 100%; }
.bp-btn:focus-visible,
.bp-sec a:not(.bp-btn):focus-visible,
.bp-header a:not(.bp-btn):focus-visible,
.bp-footer a:not(.bp-btn):focus-visible{
  outline: 2px solid color-mix(in srgb, var(--color-accent) 78%, var(--color-contrast));
  outline-offset: 3px;
}

/* ---------- atoms ---------- */
.bp-sec .bpa-lead-form{
  display: grid;
  gap: 16px;
  font-family: var(--font-body);
}
.bp-sec .bpa-label{
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 7px;
}
.bp-sec .bpa-input{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--rule-firm);
  border-radius: 2px;
  background: var(--color-white);
  color: var(--color-contrast);
  font-family: var(--font-body);
  font-size: 1rem;
}
.bp-sec .bpa-input:focus{
  outline: 2px solid color-mix(in srgb, var(--color-accent) 70%, var(--color-contrast));
  outline-offset: 1px;
}
.bp-sec .bpa-consent,
.bp-sec .bpa-fineprint{
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--ink-soft);
}
.bp-sec .bpa-submit{
  min-height: 50px;
  padding: 13px 26px;
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.015em;
  cursor: pointer;
}
.bp-sec .bpa-submit:hover{
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.bp-sec .bpa-map{
  width: 100%;
  min-height: 300px;
  border: 1px solid var(--rule-firm);
  filter: saturate(0.82);
}
.bp-sec .bpa-video{ width: 100%; }

/* ---------- misc utilities ---------- */
.bp-u-tabular{ font-variant-numeric: tabular-nums lining-nums; }
.bp-u-upper{ text-transform: uppercase; letter-spacing: 0.14em; }
.bp-u-serif{ font-family: var(--font-heading); }
.bp-u-sans{ font-family: var(--font-body); }
.bp-u-soft{ color: var(--ink-soft); }
.bp-u-copper{ color: var(--stub); }
.bp-u-nowrap{ white-space: nowrap; }
.bp-u-sr{
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 768px){
  .bp-sec,
  .bp-header,
  .bp-footer{
    --gutter: 34px;
    --stack: 20px;
  }
  .bp-sec{ padding: 78px var(--gutter); }
  .bp-sec.bp-u-tight{ padding-top: 46px; padding-bottom: 46px; }
  .bp-sec.bp-u-tall{ padding-top: 104px; padding-bottom: 104px; }
  .bp-u-num--xl{ font-size: clamp(3rem, 5vw, 4rem); }
  .bp-btn--wide{ width: auto; }
  .bp-sec .bpa-lead-form{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bp-sec .bpa-consent,
  .bp-sec .bpa-fineprint,
  .bp-sec .bpa-submit{ grid-column: 1 / -1; }
  .bp-sec .bpa-submit{ justify-self: start; }
}

@media (min-width: 1024px){
  .bp-sec,
  .bp-header,
  .bp-footer{ --gutter: 48px; }
  .bp-sec{ padding: 104px var(--gutter); }
  .bp-sec.bp-u-tight{ padding-top: 56px; padding-bottom: 56px; }
  .bp-sec.bp-u-tall{ padding-top: 136px; padding-bottom: 136px; }
  .bp-sec .bpa-map{ min-height: 400px; }
}


.bp-header{
  --hdr-max: var(--container, 1180px);
  position: sticky;
  top: 0;
  z-index: 60;
  background: var(--color-base);
  font-family: var(--font-body);
  border-bottom: 1px solid var(--rule-firm);
}

/* ---------- tier 1: deep-green identity strip ---------- */
.bp-header .bp-header__strip{
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.bp-header .bp-header__strip-in{
  max-width: var(--hdr-max);
  margin-inline: auto;
  padding: 7px var(--gutter);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 18px;
}
.bp-header .bp-header__tag{
  margin: 0;
  min-width: 0;
  font-size: 0.63rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-primary-contrast) 90%, var(--color-primary));
}
.bp-header .bp-header__meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.bp-header .bp-header__addr,
.bp-header .bp-header__strip a:not(.bp-btn){
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.68rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--color-primary-contrast);
  text-decoration: none;
}
.bp-header .bp-header__tel{
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: 0.03em;
  padding-left: 12px;
  border-left: 1px solid color-mix(in srgb, var(--color-primary-contrast) 26%, transparent);
}
.bp-header .bp-header__strip a:not(.bp-btn):hover{
  color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-header .bp-header__meta svg{
  width: 13px;
  height: 13px;
  flex: none;
  opacity: 0.75;
}

/* ---------- tier 2: paper brand bar ---------- */
.bp-header .bp-header__bar{ background: var(--color-base); }
.bp-header .bp-header__bar-in{
  max-width: var(--hdr-max);
  margin-inline: auto;
  padding: 11px var(--gutter) 13px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "brand toggle"
    "cta   cta";
  align-items: center;
  column-gap: 12px;
  row-gap: 11px;
}
.bp-header .bp-header__brand{
  grid-area: brand;
  display: flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
}
.bp-header .bp-header__logo{
  display: block;
  width: auto;
  height: 30px;
  max-width: 180px;
  object-fit: contain;
  object-position: left center;
}
.bp-header .bp-header__word{
  font-family: var(--font-heading);
  font-size: 0.95rem;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: var(--color-contrast);
  max-width: 17ch;
  overflow-wrap: anywhere;
}

.bp-header .bp-header__toggle{
  grid-area: toggle;
  width: 46px;
  height: 46px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--rule-firm);
  border-radius: 2px;
  cursor: pointer;
}
.bp-header .bp-header__burger{
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--color-contrast);
  transition: background-color .16s ease;
}
.bp-header .bp-header__burger::before,
.bp-header .bp-header__burger::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-contrast);
  transition: transform .18s ease;
}
.bp-header .bp-header__burger::before{ top: -6px; }
.bp-header .bp-header__burger::after{ top: 6px; }
.bp-header.bp-nav-open .bp-header__burger{ background: transparent; }
.bp-header.bp-nav-open .bp-header__burger::before{ transform: translateY(6px) rotate(45deg); }
.bp-header.bp-nav-open .bp-header__burger::after{ transform: translateY(-6px) rotate(-45deg); }
.bp-header .bp-header__toggle:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--color-accent) 78%, var(--color-contrast));
  outline-offset: 2px;
}

.bp-header .bp-header__cta{
  grid-area: cta;
  width: 100%;
  min-height: 46px;
  padding: 12px 22px;
}

/* ---------- tier 3: ruled nav index / mobile drawer ---------- */
.bp-header .bp-header__nav{
  display: none;
  border-top: 1px solid var(--rule);
  background: var(--color-base);
}
.bp-header.bp-nav-open .bp-header__nav{
  display: block;
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}
.bp-header .bp-header__nav-in{
  max-width: var(--hdr-max);
  margin-inline: auto;
  padding: 2px var(--gutter) 20px;
}
.bp-header .bp-header__menu{
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.bp-header .bp-header__item{
  border-bottom: 1px solid var(--rule);
  min-width: 0;
}
.bp-header .bp-header__link{
  display: block;
  padding: 13px 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: var(--color-contrast);
  text-decoration: none;
}
.bp-header .bp-header__link:hover{ color: var(--stub); }

.bp-header .sub-menu{
  list-style: none;
  margin: 0 0 12px;
  padding: 2px 0 2px 16px;
  border-left: 2px solid var(--stub);
}
.bp-header .sub-menu a{
  display: block;
  padding: 8px 0;
  font-size: 0.9rem;
  color: var(--color-muted);
  text-decoration: none;
}
.bp-header .sub-menu a:hover{ color: var(--color-contrast); }

.bp-header .bp-header__fine{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  margin: 16px 0 0;
  padding: 0;
}
.bp-header .bp-header__fine a{
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--color-muted);
  text-decoration: none;
}
.bp-header .bp-header__fine a:hover{ color: var(--stub); }

@media (min-width: 768px){
  .bp-header .bp-header__tag{ font-size: 0.65rem; }
  .bp-header .bp-header__bar-in{
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand cta";
    padding: 12px var(--gutter);
    column-gap: 24px;
  }
  .bp-header .bp-header__logo{ height: 34px; max-width: 210px; }
  .bp-header .bp-header__word{ font-size: 1.05rem; }
  .bp-header .bp-header__toggle{ display: none; }
  .bp-header .bp-header__cta{ width: auto; justify-self: end; }

  .bp-header .bp-header__nav{ display: block; }
  .bp-header .bp-header__nav-in{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 2px 24px;
    padding: 0 var(--gutter);
  }
  .bp-header .bp-header__menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 18px;
  }
  .bp-header .bp-header__item{
    border-bottom: 0;
    position: relative;
  }
  .bp-header .bp-header__link{
    position: relative;
    padding: 11px 0;
    font-size: 0.84rem;
    white-space: nowrap;
  }
  .bp-header .bp-header__link::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 2px;
    background: var(--stub);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .18s ease;
  }
  .bp-header .bp-header__link:hover::after,
  .bp-header .bp-header__link:focus-visible::after{ transform: scaleX(1); }

  .bp-header .sub-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: -16px;
    z-index: 5;
    min-width: 232px;
    margin: 0;
    padding: 6px 0;
    background: var(--color-base);
    border: 1px solid var(--rule-firm);
    box-shadow: var(--shadow-md);
  }
  .bp-header .bp-header__item:hover .sub-menu,
  .bp-header .bp-header__item:focus-within .sub-menu{ display: block; }
  .bp-header .sub-menu a{
    padding: 9px 16px;
    font-size: 0.85rem;
  }
  .bp-header .bp-header__fine{ margin: 0; gap: 4px 14px; }
}

@media (min-width: 1024px){
  .bp-header .bp-header__strip-in{ padding-top: 8px; padding-bottom: 8px; }
  .bp-header .bp-header__tag{ font-size: 0.68rem; }
  .bp-header .bp-header__bar-in{ padding: 13px var(--gutter); }
  .bp-header .bp-header__logo{ height: 36px; max-width: 230px; }
  .bp-header .bp-header__menu{ gap: 0 26px; }
  .bp-header .bp-header__link{ font-size: 0.875rem; padding: 12px 0; }
  .bp-header .bp-header__fine a{ font-size: 0.64rem; }
}

.bp-footer{
  --f-bg: var(--color-primary-dark);
  --f-ink: var(--color-primary-contrast);
  --f-ink-soft: color-mix(in srgb, var(--color-primary-contrast) 76%, var(--color-primary-dark));
  --f-rule: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
  --f-rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --f-copper: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  --ink: var(--f-ink);
  --ink-strong: var(--f-ink);
  --ink-soft: var(--f-ink-soft);
  background: var(--f-bg);
  color: var(--f-ink);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.7;
  padding: 40px var(--gutter) 0;
  border-top: 2px solid var(--f-copper);
}

.bp-footer .bp-footer__grid{
  display: grid;
  gap: 34px;
}

/* ---- identity column ---- */
.bp-footer .bp-footer__chip{
  display: inline-block;
  background: var(--color-base);
  padding: 12px 16px;
  border-radius: 2px;
  max-width: 250px;
}
.bp-footer .bp-footer__logo{
  display: block;
  height: 38px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
.bp-footer .bp-footer__logo--bare{ height: 44px; }
.bp-footer .bp-footer__wordmark{
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1.15rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.01em;
  max-width: 22ch;
}
.bp-footer .bp-footer__tag{
  margin: 20px 0 0;
  font-family: var(--font-heading);
  font-size: 1.28rem;
  line-height: 1.34;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--f-ink);
  max-width: 26ch;
  text-wrap: balance;
}
.bp-footer .bp-footer__hair{
  border: 0;
  height: 1px;
  background: var(--f-rule);
  margin: 26px 0 24px;
  width: 100%;
  max-width: 340px;
}
.bp-footer .bp-footer__cta{ width: 100%; max-width: 320px; }

/* ---- ruled ledger columns ---- */
.bp-footer .bp-footer__cols{
  display: grid;
  gap: 30px;
}
.bp-footer .bp-footer__head{
  margin: 0 0 14px;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--f-ink-soft);
}
.bp-footer .bp-footer__head::after{
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 12px;
  background: var(--f-copper);
}
.bp-footer .bp-footer__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.bp-footer .bp-footer__item{
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid var(--f-rule);
  font-size: 0.95rem;
  line-height: 1.5;
}
.bp-footer .bp-footer__item:first-child{ border-top: 0; padding-top: 0; }
.bp-footer .bp-footer__item:last-child{ border-bottom: 1px solid var(--f-rule); }
.bp-footer .bp-footer__item a{ display: inline-block; }
.bp-footer .bp-footer__sub{
  list-style: none;
  margin: 8px 0 2px;
  padding: 0 0 0 14px;
  border-left: 1px solid var(--f-rule);
}
.bp-footer .bp-footer__sub li{ margin: 0; }
.bp-footer .bp-footer__sub a{
  font-size: 0.875rem;
  line-height: 1.9;
  color: var(--f-ink-soft);
}
.bp-footer .bp-footer__list--contact .bp-footer__item{ padding-top: 11px; padding-bottom: 11px; }
.bp-footer .bp-footer__list--contact .bp-footer__item:first-child{ padding-top: 0; }
.bp-footer .bp-footer__item--plain,
.bp-footer .bp-footer__phone{
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bp-footer .bp-footer__item--plain svg,
.bp-footer .bp-footer__phone svg{
  width: 14px;
  height: 14px;
  flex: none;
  color: var(--f-copper);
  transform: translateY(2px);
}
.bp-footer .bp-footer__figures{
  font-family: var(--font-heading);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--f-copper);
}
.bp-footer .bp-footer__phone:hover .bp-footer__figures{ color: var(--color-primary-contrast); }

/* ---- closing rule ---- */
.bp-footer .bp-footer__base{
  margin-top: 40px;
  border-top: 1px solid var(--f-rule-firm);
  padding: 20px 0 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  align-items: baseline;
  justify-content: space-between;
}
.bp-footer .bp-footer__legalname{
  margin: 0;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--f-ink-soft);
  max-width: 40ch;
}
.bp-footer .bp-footer__legal{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.bp-footer .bp-footer__legalitem{
  margin: 0;
  padding: 0 14px;
  font-size: 0.8125rem;
  line-height: 1.4;
  border-left: 1px solid var(--f-rule);
}
.bp-footer .bp-footer__legalitem:first-child{ padding-left: 0; border-left: 0; }
.bp-footer .bp-footer__legalitem:last-child{ padding-right: 0; }

@media (min-width: 768px){
  .bp-footer{ padding-top: 56px; }
  .bp-footer .bp-footer__cols{
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    gap: 34px;
  }
  .bp-footer .bp-footer__cta{ width: auto; }
  .bp-footer .bp-footer__tag{ font-size: 1.4rem; }
}

@media (min-width: 1024px){
  .bp-footer{ padding-top: 72px; }
  .bp-footer .bp-footer__grid{
    grid-template-columns: 5fr 7fr;
    gap: 0;
    align-items: start;
  }
  .bp-footer .bp-footer__id{
    padding-right: 56px;
    min-width: 0;
  }
  .bp-footer .bp-footer__cols{
    border-left: 1px solid var(--f-rule);
    padding-left: 56px;
    min-width: 0;
    column-gap: 40px;
  }
  .bp-footer .bp-footer__col--pages{ grid-column: span 1; }
  .bp-footer .bp-footer__base{ margin-top: 64px; }
}

.bp-etalon-about-community{
  --comm-row-pad: 26px;
  --comm-mark: 22px;
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

/* ---------- head: label + question left, plain answer line under ---------- */
.bp-etalon-about-community .bp-comm__head{
  display: grid;
  gap: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-about-community .bp-comm__headline h2{
  margin-top: 14px;
  max-width: 24ch;
}
.bp-etalon-about-community .bp-comm__sub{
  max-width: 44ch;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

/* ---------- ruled ledger rows ---------- */
.bp-etalon-about-community .bp-comm__rows{
  margin-top: 0;
}
.bp-etalon-about-community .bp-comm__row{
  display: grid;
  grid-template-columns: var(--comm-mark) minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 10px;
  align-items: start;
  padding: var(--comm-row-pad) 0;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-about-community .bp-comm__row:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

.bp-etalon-about-community .bp-comm__mark{
  grid-column: 1;
  grid-row: 1;
  display: block;
  color: var(--stub);
  line-height: 0;
  padding-top: 1px;
}
.bp-etalon-about-community .bp-comm__mark svg{
  width: var(--comm-mark);
  height: var(--comm-mark);
  stroke-width: 1.5;
}

.bp-etalon-about-community .bp-comm__tag{
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.bp-etalon-about-community .bp-comm__title{
  grid-column: 1 / -1;
  grid-row: 2;
  max-width: 26ch;
  font-size: clamp(1.2rem, 2.1vw, 1.45rem);
  line-height: 1.24;
}

.bp-etalon-about-community .bp-comm__text{
  grid-column: 1 / -1;
  grid-row: 3;
  max-width: 62ch;
  color: var(--ink);
}

@media (min-width: 768px){
  .bp-etalon-about-community{
    --comm-row-pad: 32px;
    --comm-mark: 24px;
  }
  .bp-etalon-about-community .bp-comm__head{
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: end;
    column-gap: 48px;
    padding-bottom: 30px;
  }
  .bp-etalon-about-community .bp-comm__sub{
    padding-bottom: 4px;
  }
  .bp-etalon-about-community .bp-comm__row{
    grid-template-columns: var(--comm-mark) minmax(0, 1fr) minmax(0, 1.2fr);
    column-gap: 26px;
    row-gap: 8px;
  }
  .bp-etalon-about-community .bp-comm__title{
    grid-column: 2;
    grid-row: 2;
  }
  .bp-etalon-about-community .bp-comm__text{
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: start;
    padding-top: 2px;
    border-left: 1px solid var(--rule);
    padding-left: 26px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-about-community{
    --comm-row-pad: 38px;
    --comm-mark: 26px;
  }
  .bp-etalon-about-community .bp-comm__head{
    column-gap: 72px;
  }
  .bp-etalon-about-community .bp-comm__row{
    grid-template-columns: var(--comm-mark) minmax(0, 23ch) minmax(0, 1fr);
    column-gap: 34px;
  }
  .bp-etalon-about-community .bp-comm__text{
    padding-left: 34px;
  }
}

.bp-etalon-about-cta{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 84%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  background: var(--color-primary);
  color: var(--ink);
  border-top: 1px solid color-mix(in srgb, var(--color-contrast) 22%, transparent);
  overflow: hidden;
}

.bp-etalon-about-cta .cta__kicker{
  color: var(--stub);
  margin-bottom: 26px;
}

.bp-etalon-about-cta .cta__grid{
  display: grid;
  gap: 30px;
  border-top: 1px solid var(--rule);
  padding-top: 30px;
}

.bp-etalon-about-cta .cta__title{
  max-width: 22ch;
  font-size: clamp(1.9rem, 6vw, 2.9rem);
  line-height: 1.1;
}
.bp-etalon-about-cta .cta__lead,
.bp-etalon-about-cta .cta__tail{
  display: block;
}
.bp-etalon-about-cta .cta__lead{
  color: color-mix(in srgb, var(--color-primary-contrast) 80%, var(--color-primary));
}
.bp-etalon-about-cta .cta__tail{
  color: var(--color-primary-contrast);
}

.bp-etalon-about-cta .cta__sub{
  margin-top: 20px;
  max-width: 58ch;
  color: var(--ink-soft);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.bp-etalon-about-cta .cta__act{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  padding-top: 4px;
}

.bp-etalon-about-cta .cta__btn{
  width: 100%;
  border-radius: 2px;
}

.bp-etalon-about-cta a.cta__phone:not(.bp-btn){
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--color-primary-contrast);
  text-decoration: none;
}
.bp-etalon-about-cta a.cta__phone:not(.bp-btn):hover{
  color: var(--color-primary-contrast);
}
.bp-etalon-about-cta .cta__ico{
  display: inline-flex;
  flex: none;
  color: var(--stub);
}
.bp-etalon-about-cta .cta__ico svg{
  width: 18px;
  height: 18px;
}
.bp-etalon-about-cta .cta__num{
  font-size: clamp(1.5rem, 5.6vw, 1.95rem);
  color: var(--stub);
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
  transition: border-color .18s ease;
}
.bp-etalon-about-cta a.cta__phone:not(.bp-btn):hover .cta__num{
  border-bottom-color: var(--stub);
}

.bp-etalon-about-cta .cta__nap{
  max-width: none;
  margin-top: 38px;
  padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--ink-soft);
}

@media (min-width: 768px){
  .bp-etalon-about-cta .cta__grid{
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 44px;
    padding-top: 40px;
    align-items: start;
  }
  .bp-etalon-about-cta .cta__act{
    border-left: 1px solid var(--rule);
    padding-left: 44px;
    padding-top: 6px;
  }
  .bp-etalon-about-cta .cta__btn{
    width: auto;
  }
  .bp-etalon-about-cta .cta__nap{
    margin-top: 52px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-about-cta{
    padding-top: 116px;
    padding-bottom: 116px;
  }
  .bp-etalon-about-cta .cta__kicker{
    margin-bottom: 34px;
  }
  .bp-etalon-about-cta .cta__grid{
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 64px;
    padding-top: 48px;
  }
  .bp-etalon-about-cta .cta__act{
    padding-left: 64px;
    gap: 28px;
  }
  .bp-etalon-about-cta .cta__title{
    font-size: clamp(2.4rem, 3.4vw, 3.1rem);
  }
}

.bp-etalon-about-hero{--stage:660px;padding:0;background:var(--paper);border-bottom:1px solid var(--rule-firm)}

.bp-etalon-about-hero .bp-etalon-about-hero__grid{display:grid;grid-template-columns:1fr;align-items:stretch}

/* ---- media: edge-bleeding half panel ---- */
.bp-etalon-about-hero .bp-etalon-about-hero__media{position:relative;margin:0;overflow:hidden;background:var(--tint);height:56vh;min-height:300px;max-height:440px}
.bp-etalon-about-hero .bp-etalon-about-hero__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* ---- photo-less fallback: green ledger plate ---- */
.bp-etalon-about-hero .bp-etalon-about-hero__plate{position:absolute;inset:0;background:var(--color-primary);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,color-mix(in srgb,var(--color-primary-contrast) 14%,transparent) 45px,color-mix(in srgb,var(--color-primary-contrast) 14%,transparent) 46px)}
.bp-etalon-about-hero .bp-etalon-about-hero__plate-rule{position:absolute;left:0;right:0;top:50%;height:2px;background:color-mix(in srgb,var(--color-primary-contrast) 34%,transparent)}
.bp-etalon-about-hero .bp-etalon-about-hero__plate-stub{position:absolute;left:32px;bottom:44px;width:96px;height:3px;background:color-mix(in srgb,var(--color-accent) 45%,var(--color-white))}

/* ---- text panel ---- */
.bp-etalon-about-hero .bp-etalon-about-hero__panel{padding:36px var(--gutter) 46px;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.bp-etalon-about-hero .bp-etalon-about-hero__est{max-width:38ch}
.bp-etalon-about-hero .bp-etalon-about-hero__title{margin-top:20px;max-width:17ch;letter-spacing:-0.015em}
.bp-etalon-about-hero .bp-etalon-about-hero__accent{color:var(--stub)}
.bp-etalon-about-hero .bp-etalon-about-hero__lede{margin-top:20px;max-width:56ch;color:var(--ink)}

/* ---- proof cell / seam ---- */
.bp-etalon-about-hero .bp-etalon-about-hero__ledger{margin-top:30px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 22px;align-items:center;padding:16px 0;border-top:1px solid var(--rule);border-bottom:2px solid var(--stub);max-width:30rem}
.bp-etalon-about-hero .bp-etalon-about-hero__fig{min-width:0}
.bp-etalon-about-hero .bp-etalon-about-hero__figlabel{min-width:0;font-family:var(--font-body);font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;line-height:1.5;color:var(--ink-soft)}
.bp-etalon-about-hero .bp-etalon-about-hero__seam{margin-top:30px;max-width:30rem}

.bp-etalon-about-hero .bp-etalon-about-hero__actions{margin-top:28px}
.bp-etalon-about-hero .bp-etalon-about-hero__actions .bp-btn svg{width:16px;height:16px}

@media (min-width:768px){
  .bp-etalon-about-hero .bp-etalon-about-hero__media{height:52vh;min-height:360px;max-height:520px}
  .bp-etalon-about-hero .bp-etalon-about-hero__panel{padding:56px var(--gutter) 64px}
  .bp-etalon-about-hero .bp-etalon-about-hero__title{margin-top:24px}
  .bp-etalon-about-hero .bp-etalon-about-hero__ledger{grid-template-columns:auto minmax(0,1fr);gap:0 28px}
}

@media (min-width:1024px){
  .bp-etalon-about-hero .bp-etalon-about-hero__grid{grid-template-columns:53% 47%;min-height:var(--stage)}
  .bp-etalon-about-hero .bp-etalon-about-hero__media{height:auto;min-height:var(--stage);max-height:none}
  .bp-etalon-about-hero .bp-etalon-about-hero__panel{justify-content:center;padding:96px 56px 96px 60px;border-left:1px solid var(--rule-firm)}
  .bp-etalon-about-hero .bp-etalon-about-hero__title{margin-top:26px;max-width:15ch}
  .bp-etalon-about-hero .bp-etalon-about-hero__lede{margin-top:24px;max-width:52ch}
  .bp-etalon-about-hero .bp-etalon-about-hero__ledger{margin-top:36px}
  .bp-etalon-about-hero .bp-etalon-about-hero__seam{margin-top:36px}
  .bp-etalon-about-hero .bp-etalon-about-hero__actions{margin-top:34px}
}

.bp-etalon-about-owner{
  --panel-w: 44%;
  --body-pad: 40px;
  padding-inline: 0;
  padding-top: 0;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}

.bp-etalon-about-owner .own{
  display: grid;
  gap: 30px;
  align-items: start;
}

/* ---------- left panel: portrait / typographic name plate ---------- */
.bp-etalon-about-owner .own__panel{
  margin: 0;
  position: relative;
}
.bp-etalon-about-owner .own__shot{
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--tint);
}
.bp-etalon-about-owner .own__shot img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.bp-etalon-about-owner .own__badge{
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  padding: 24px var(--gutter) 26px;
}
.bp-etalon-about-owner .own__badge--plate{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 400px;
  padding-top: 56px;
  background-color: var(--color-primary);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0 33px,
    color-mix(in srgb, var(--color-primary-contrast) 13%, transparent) 33px 34px
  );
}
.bp-etalon-about-owner .own__kicker{
  color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-about-owner .own__name{
  margin-top: 12px;
  color: var(--color-primary-contrast);
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.9rem, 6vw, 2.4rem);
  line-height: 1.06;
  max-width: 14ch;
}
.bp-etalon-about-owner .own__name--xl{
  font-size: clamp(2.4rem, 9vw, 3.4rem);
}
.bp-etalon-about-owner .own__role{
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid color-mix(in srgb, var(--color-primary-contrast) 24%, transparent);
  color: color-mix(in srgb, var(--color-primary-contrast) 84%, var(--color-primary));
  font-family: var(--font-body);
  font-size: 0.86rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  max-width: 30ch;
}

/* ---------- copper stub rules ---------- */
.bp-etalon-about-owner .own__stub{
  display: block;
  width: 32px;
  height: 2px;
  background: var(--stub);
}
.bp-etalon-about-owner .own__stub--band{
  width: 56px;
  margin-top: 22px;
  background: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}

/* ---------- right column: bio ---------- */
.bp-etalon-about-owner .own__body{
  padding-inline: var(--gutter);
  min-width: 0;
}
.bp-etalon-about-owner .own__body > * + *{ margin-top: 28px; }

.bp-etalon-about-owner .own__lead{
  margin-top: 18px;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.3rem, 3.4vw, 1.7rem);
  line-height: 1.34;
  letter-spacing: -0.01em;
  color: var(--ink-strong);
  max-width: 34ch;
}

.bp-etalon-about-owner .own__prose p{
  max-width: var(--measure);
  color: var(--ink);
}
.bp-etalon-about-owner .own__prose p + p{ margin-top: 1.05em; }

/* ---------- credentials: ruled ledger index ---------- */
.bp-etalon-about-owner .own__creds{
  padding-top: 26px;
  border-top: 1px solid var(--rule);
}
.bp-etalon-about-owner .own__credhead{
  width: fit-content;
  margin-bottom: 6px;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-about-owner .own__credlist{
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-about-owner .own__cred{
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid var(--rule);
  font-size: 0.98rem;
  line-height: 1.45;
  color: var(--ink-strong);
  min-width: 0;
}
.bp-etalon-about-owner .own__cred svg{
  width: 16px;
  height: 16px;
  margin-top: 0.22em;
  color: var(--stub);
  flex: none;
}

.bp-etalon-about-owner .own__act{
  margin-top: 30px;
  max-width: none;
}

@media (min-width: 768px){
  .bp-etalon-about-owner{
    --body-pad: 44px;
    padding-bottom: 0;
  }
  .bp-etalon-about-owner .own{
    grid-template-columns: minmax(0, var(--panel-w)) minmax(0, 1fr);
    gap: 0;
  }
  .bp-etalon-about-owner .own__panel{
    border-right: 1px solid var(--rule);
    height: 100%;
  }
  .bp-etalon-about-owner .own__shot{
    aspect-ratio: 3 / 4;
  }
  .bp-etalon-about-owner .own__badge{
    padding: 28px 32px 30px;
  }
  .bp-etalon-about-owner .own__badge--plate{
    min-height: 520px;
    height: 100%;
  }
  .bp-etalon-about-owner .own__body{
    padding: 60px var(--gutter) 72px var(--body-pad);
    max-width: 700px;
  }
  .bp-etalon-about-owner .own__lead{
    margin-top: 0;
  }
  .bp-etalon-about-owner .own__credlist{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-about-owner{
    --panel-w: 43%;
    --body-pad: 72px;
  }
  .bp-etalon-about-owner .own__badge{
    padding: 34px 40px 38px;
  }
  .bp-etalon-about-owner .own__badge--plate{
    min-height: 620px;
  }
  .bp-etalon-about-owner .own__body{
    padding: 96px var(--gutter) 104px var(--body-pad);
    max-width: 760px;
  }
  .bp-etalon-about-owner .own__body > * + *{ margin-top: 34px; }
  .bp-etalon-about-owner .own__shot{
    aspect-ratio: 4 / 5;
  }
}

.bp-etalon-about-statement{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 76%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 38%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  --abst-lead: 1.3;
  background: var(--color-primary);
  color: var(--ink);
  padding: 44px var(--gutter);
}

.bp-etalon-about-statement .bp-abst__seam{
  margin: 0;
  border: 0;
}

.bp-etalon-about-statement .bp-abst__grid{
  padding: 30px 0 34px;
}

.bp-etalon-about-statement .bp-abst__stub{
  display: block;
  width: 32px;
  height: 2px;
  margin: 0 0 20px;
  background: var(--stub);
}

.bp-etalon-about-statement .bp-abst__line{
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.4rem, 5.4vw, 1.85rem);
  line-height: var(--abst-lead);
  letter-spacing: -0.01em;
  color: var(--color-primary-contrast);
  max-width: 30ch;
  text-wrap: pretty;
}

.bp-etalon-about-statement .bp-abst__hl{
  font-weight: 600;
  color: var(--color-primary-contrast);
  white-space: nowrap;
  border-bottom: 2px solid var(--stub);
  padding-bottom: 1px;
}

@media (min-width: 768px){
  .bp-etalon-about-statement{
    padding: 74px var(--gutter);
  }
  .bp-etalon-about-statement .bp-abst__grid{
    padding: 40px 0 46px;
  }
  .bp-etalon-about-statement .bp-abst__line{
    font-size: clamp(1.75rem, 3.4vw, 2.3rem);
    max-width: 28ch;
  }
}

@media (min-width: 1024px){
  .bp-etalon-about-statement{
    --abst-lead: 1.26;
    padding: 96px var(--gutter);
  }
  .bp-etalon-about-statement .bp-abst__grid{
    display: grid;
    grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
    align-items: start;
    gap: 0;
    padding: 52px 0 58px;
  }
  .bp-etalon-about-statement .bp-abst__stub{
    width: 104px;
    margin: 0.85em 0 0 auto;
  }
  .bp-etalon-about-statement .bp-abst__line{
    min-width: 0;
    padding-left: 56px;
    border-left: 1px solid var(--rule);
    font-size: clamp(2.05rem, 2.7vw, 2.55rem);
    max-width: 32ch;
  }
  .bp-etalon-about-statement .bp-abst__seam--end{
    max-width: none;
  }
}

.bp-etalon-about-story{ --rail-w: 260px; --rail-gap: 36px; }

/* ---- masthead: label + heading over a firm ledger rule ---- */
.bp-etalon-about-story .story__masthead{
  padding-bottom: 20px;
  border-bottom: 2px solid var(--rule-firm);
}
.bp-etalon-about-story .story__title{
  margin-top: 16px;
  max-width: 24ch;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  line-height: 1.14;
}

/* ---- prose spread ---- */
.bp-etalon-about-story .story__grid{
  display: grid;
  gap: 34px;
  padding-top: 30px;
}
.bp-etalon-about-story .story__main{ min-width: 0; }
.bp-etalon-about-story .story__lead{
  font-size: 1.15rem;
  line-height: 1.6;
  max-width: 56ch;
  color: var(--ink-strong);
}
.bp-etalon-about-story .story__seam{ margin: 24px 0; }
.bp-etalon-about-story .story__body p{
  max-width: 66ch;
  color: var(--ink);
}

/* ---- rail ---- */
.bp-etalon-about-story .story__rail{
  min-width: 0;
  display: grid;
  gap: 26px;
  align-content: start;
}

/* photographic slot */
.bp-etalon-about-story .story__figure{ border-radius: 0; }
.bp-etalon-about-story .story__figure--main{ aspect-ratio: 4 / 5; }
.bp-etalon-about-story .story__figure--accent{ aspect-ratio: 4 / 3; }

/* owner statement — deep-green plate when no photograph carries the rail */
.bp-etalon-about-story .story__plate{
  position: relative;
  margin: 0;
  padding: 32px 26px 26px;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.bp-etalon-about-story .story__plate::before{
  content: "";
  position: absolute;
  top: 0;
  left: 26px;
  width: 40px;
  height: 2px;
  background: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-about-story .story__plate-text{
  font-family: var(--font-heading);
  font-size: clamp(1.18rem, 2vw, 1.42rem);
  line-height: 1.34;
  letter-spacing: -0.01em;
  color: var(--color-primary-contrast);
  max-width: 28ch;
}

/* owner statement — paper margin note when a photograph is present */
.bp-etalon-about-story .story__note{
  margin: 0;
  padding: 24px 22px 22px;
  background: var(--tint);
  border-top: 2px solid var(--stub);
}
.bp-etalon-about-story .story__note-text{
  font-family: var(--font-heading);
  font-size: 1.15rem;
  line-height: 1.38;
  letter-spacing: -0.01em;
  color: var(--ink-strong);
  max-width: 30ch;
}

.bp-etalon-about-story .story__cite{
  display: block;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--rule);
  font-family: var(--font-body);
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-about-story .story__cite--onband{
  border-top-color: color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  color: color-mix(in srgb, var(--color-primary-contrast) 82%, var(--color-primary));
}

/* graphic fallback: stacked ledger hairlines */
.bp-etalon-about-story .story__rules{ display: grid; gap: 16px; }
.bp-etalon-about-story .story__rules span{
  display: block;
  height: 1px;
  background: var(--rule);
}
.bp-etalon-about-story .story__rules span:first-child{
  height: 2px;
  background: var(--stub);
  width: 40px;
}
.bp-etalon-about-story .story__rules span:last-child{ width: 52%; }

/* ---- ledger stats ---- */
.bp-etalon-about-story .story__stats{
  margin: 0;
  display: grid;
  border-top: 2px solid var(--stub);
}
.bp-etalon-about-story .story__stat{
  display: flex;
  flex-direction: column-reverse;
  padding: 15px 0 16px;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-about-story .story__stat-value{
  margin: 0;
  font-variant-numeric: tabular-nums lining-nums;
}
.bp-etalon-about-story .story__stat-label{
  margin: 9px 0 0;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

@media (min-width: 768px){
  .bp-etalon-about-story .story__masthead{ padding-bottom: 26px; }
  .bp-etalon-about-story .story__grid{
    grid-template-columns: minmax(0, 1fr) var(--rail-w);
    gap: var(--rail-gap);
    padding-top: 40px;
  }
  .bp-etalon-about-story .story__title{ margin-top: 20px; }
  .bp-etalon-about-story .story__lead{ font-size: 1.22rem; }
  .bp-etalon-about-story .story__seam{ margin: 28px 0; }
}

@media (min-width: 1024px){
  .bp-etalon-about-story{ --rail-w: 340px; --rail-gap: 68px; }
  .bp-etalon-about-story .story__grid{ padding-top: 52px; }
  .bp-etalon-about-story .story__title{ max-width: 26ch; }
  .bp-etalon-about-story .story__rail{
    padding-left: 40px;
    border-left: 1px solid var(--rule);
    gap: 32px;
  }
  .bp-etalon-about-story .story__plate{ padding: 38px 32px 30px; }
  .bp-etalon-about-story .story__plate::before{ left: 32px; }
  .bp-etalon-about-story .story__seam{ margin: 34px 0; }
}

.bp-etalon-about-timeline{--stamp-col:152px;--spine-x:122px;background:var(--tint);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.bp-etalon-about-timeline .bp-eat__head{max-width:44ch}
.bp-etalon-about-timeline .bp-eat__title{margin-top:16px;max-width:30ch}
.bp-etalon-about-timeline .bp-eat__seam{margin-top:30px}
.bp-etalon-about-timeline .bp-eat__list{list-style:none;margin:0;padding:0;position:relative}
.bp-etalon-about-timeline .bp-eat__list::before{content:"";position:absolute;left:4px;top:0;bottom:16px;width:1px;background:var(--rule-firm)}
.bp-etalon-about-timeline .bp-eat__row{position:relative;margin:0;padding:24px 0 26px 28px;border-bottom:1px solid var(--rule)}
.bp-etalon-about-timeline .bp-eat__row:last-child{border-bottom:2px solid var(--rule-firm)}
.bp-etalon-about-timeline .bp-eat__row::before{content:"";position:absolute;left:0;top:32px;width:9px;height:9px;background:var(--stub)}
.bp-etalon-about-timeline .bp-eat__row--now::before{left:-2px;top:30px;width:13px;height:13px}
.bp-etalon-about-timeline .bp-eat__year{margin:0 0 8px;max-width:none;line-height:1}
.bp-etalon-about-timeline .bp-eat__stamp{display:inline-block}
.bp-etalon-about-timeline .bp-eat__row--now .bp-eat__year{display:inline-block;padding-bottom:9px;border-bottom:2px solid var(--stub)}
.bp-etalon-about-timeline .bp-eat__mtitle{max-width:36ch}
.bp-etalon-about-timeline .bp-eat__row--now .bp-eat__mtitle{font-weight:600}
.bp-etalon-about-timeline .bp-eat__text{margin-top:10px;max-width:62ch;color:var(--ink)}

@media (min-width:768px){
  .bp-etalon-about-timeline .bp-eat__seam{margin-top:40px}
  .bp-etalon-about-timeline .bp-eat__list::before{content:none}
  .bp-etalon-about-timeline .bp-eat__row{display:grid;grid-template-columns:var(--stamp-col) minmax(0,1fr);gap:0;padding:30px 0 34px}
  .bp-etalon-about-timeline .bp-eat__row::before{content:none}
  .bp-etalon-about-timeline .bp-eat__row::after{content:"";position:absolute;left:var(--spine-x);top:0;bottom:-1px;width:1px;background:var(--rule-firm)}
  .bp-etalon-about-timeline .bp-eat__row:last-child::after{bottom:-2px}
  .bp-etalon-about-timeline .bp-eat__year{grid-column:1;position:relative;margin:0;padding-right:30px;text-align:right}
  .bp-etalon-about-timeline .bp-eat__year::after{content:"";position:absolute;right:25px;top:0.34em;width:9px;height:9px;background:var(--stub)}
  .bp-etalon-about-timeline .bp-eat__row--now .bp-eat__year{display:block;padding-bottom:0;border-bottom:0}
  .bp-etalon-about-timeline .bp-eat__row--now .bp-eat__year::after{right:23px;top:0.28em;width:13px;height:13px}
  .bp-etalon-about-timeline .bp-eat__row--now .bp-eat__stamp{padding-bottom:9px;border-bottom:2px solid var(--stub)}
  .bp-etalon-about-timeline .bp-eat__body{grid-column:2;min-width:0}
  .bp-etalon-about-timeline .bp-eat__text{margin-top:12px}
}

@media (min-width:1024px){
  .bp-etalon-about-timeline{--stamp-col:196px;--spine-x:152px}
  .bp-etalon-about-timeline .bp-eat__head{max-width:52ch}
  .bp-etalon-about-timeline .bp-eat__row{padding:36px 0 40px}
  .bp-etalon-about-timeline .bp-eat__year{padding-right:44px}
  .bp-etalon-about-timeline .bp-eat__year::after{right:39px}
  .bp-etalon-about-timeline .bp-eat__row--now .bp-eat__year::after{right:37px}
}

.bp-etalon-about-values{
  --vals-gutter-col: 30px;
  --vals-name-col: 16rem;
  --vals-zebra: color-mix(in srgb, var(--color-base) 78%, var(--color-white));
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

/* ---------- header: label column left, statement right ---------- */
.bp-etalon-about-values .bp-vals__head{
  display: grid;
  gap: 18px;
}
.bp-etalon-about-values .bp-vals__title{
  max-width: 24ch;
}

/* copper seam closing the header, opening the ledger */
.bp-etalon-about-values .bp-vals__seam{
  height: 2px;
  margin-top: 26px;
  background: var(--stub);
}

/* ---------- ledger rows ---------- */
.bp-etalon-about-values .bp-vals__rows{
  margin-inline: -14px;
}
.bp-etalon-about-values .bp-vals__row{
  display: grid;
  grid-template-columns: var(--vals-gutter-col) minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;
  padding: 22px 14px 24px;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-about-values .bp-vals__row:nth-child(even){
  background: var(--vals-zebra);
}
.bp-etalon-about-values .bp-vals__row:last-child{
  border-bottom: 0;
}

.bp-etalon-about-values .bp-vals__mark{
  display: block;
  color: var(--stub);
  line-height: 0;
  padding-top: 4px;
}
.bp-etalon-about-values .bp-vals__mark svg{
  width: 20px;
  height: 20px;
  stroke-width: 1.6;
}

.bp-etalon-about-values .bp-vals__rowtitle{
  grid-column: 2;
  max-width: 26ch;
}
.bp-etalon-about-values .bp-vals__rowtext{
  grid-column: 2;
  max-width: 62ch;
  color: var(--ink);
}

/* the opening differentiator reads as the lead statement of the ledger */
.bp-etalon-about-values .bp-vals__row:first-child{
  padding-top: 30px;
  padding-bottom: 30px;
}
.bp-etalon-about-values .bp-vals__row:first-child .bp-vals__rowtitle{
  font-size: clamp(1.35rem, 3.4vw, 1.7rem);
  line-height: 1.2;
  font-weight: 400;
}
.bp-etalon-about-values .bp-vals__row:first-child .bp-vals__rowtext{
  font-size: 1.1rem;
  line-height: 1.66;
}
.bp-etalon-about-values .bp-vals__row:first-child .bp-vals__mark svg{
  width: 24px;
  height: 24px;
}

@media (min-width: 768px){
  .bp-etalon-about-values{
    --vals-gutter-col: 38px;
  }
  .bp-etalon-about-values .bp-vals__head{
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
    gap: 28px 34px;
    align-items: start;
  }
  .bp-etalon-about-values .bp-vals__label{
    padding-top: 6px;
  }
  .bp-etalon-about-values .bp-vals__seam{
    margin-top: 34px;
  }
  .bp-etalon-about-values .bp-vals__rows{
    margin-inline: -18px;
  }
  .bp-etalon-about-values .bp-vals__row{
    grid-template-columns: var(--vals-gutter-col) minmax(0, var(--vals-name-col)) minmax(0, 1fr);
    column-gap: 30px;
    padding: 26px 18px 28px;
  }
  .bp-etalon-about-values .bp-vals__rowtitle{
    grid-column: 2;
    font-size: 1.2rem;
  }
  .bp-etalon-about-values .bp-vals__rowtext{
    grid-column: 3;
    grid-row: 1;
  }
  /* lead row: full-width measure under an oversized name */
  .bp-etalon-about-values .bp-vals__row:first-child{
    grid-template-columns: var(--vals-gutter-col) minmax(0, 1fr);
    row-gap: 14px;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .bp-etalon-about-values .bp-vals__row:first-child .bp-vals__rowtitle{
    grid-column: 2;
    max-width: 22ch;
  }
  .bp-etalon-about-values .bp-vals__row:first-child .bp-vals__rowtext{
    grid-column: 2;
    grid-row: auto;
    max-width: 66ch;
  }
}

@media (min-width: 1024px){
  .bp-etalon-about-values{
    --vals-gutter-col: 44px;
    --vals-name-col: 19rem;
  }
  .bp-etalon-about-values .bp-vals__head{
    grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
    column-gap: 44px;
  }
  .bp-etalon-about-values .bp-vals__row{
    column-gap: 44px;
    padding: 30px 18px 32px;
  }
  .bp-etalon-about-values .bp-vals__rowtext{
    max-width: 58ch;
  }
}

.bp-etalon-affiliations{
  --aff-gap: 26px;
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding-top: 38px;
  padding-bottom: 38px;
}

.bp-etalon-affiliations .aff__grid{
  display: grid;
  gap: var(--aff-gap);
}

.bp-etalon-affiliations .aff__head h2{
  margin-top: 4px;
  max-width: 22ch;
}

.bp-etalon-affiliations .aff__lede{
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.7;
}

.bp-etalon-affiliations .aff__list{
  margin-top: 24px;
  border-top: 2px solid var(--stub);
}

.bp-etalon-affiliations .aff__item{
  padding: 16px 0 15px;
  border-bottom: 1px solid var(--rule);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.bp-etalon-affiliations .aff__mark{
  display: block;
  height: 38px;
  width: auto;
  max-width: 170px;
  object-fit: contain;
  object-position: left center;
}

.bp-etalon-affiliations .aff__name{
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-strong);
}

@media (min-width: 768px){
  .bp-etalon-affiliations{
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .bp-etalon-affiliations .aff__list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
    border-bottom: 1px solid var(--rule);
  }
  .bp-etalon-affiliations .aff__item{
    flex: 1 1 0;
    min-width: 190px;
    padding: 20px 24px 20px 0;
    border-bottom: 0;
    border-left: 1px solid var(--rule);
    padding-left: 24px;
    justify-content: flex-end;
  }
  .bp-etalon-affiliations .aff__item:first-child{
    border-left: 0;
    padding-left: 0;
  }
}

@media (min-width: 1024px){
  .bp-etalon-affiliations{
    --aff-gap: 64px;
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .bp-etalon-affiliations .aff__grid{
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
    align-items: start;
  }
  .bp-etalon-affiliations .aff__head h2{
    font-size: clamp(1.5rem, 2vw, 1.85rem);
  }
  .bp-etalon-affiliations .aff__list{
    margin-top: 32px;
  }
}

.bp-etalon-areas{padding:0;background:var(--color-primary-dark)}

.bp-etalon-areas .bp-etalon-areas__band{
  --ink:var(--color-primary-contrast);
  --ink-strong:var(--color-white);
  --ink-soft:color-mix(in srgb, var(--color-primary-contrast) 80%, var(--color-primary));
  --rule:color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  --rule-firm:color-mix(in srgb, var(--color-primary-contrast) 40%, transparent);
  --stub:color-mix(in srgb, var(--color-accent) 48%, var(--color-white));
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:520px;
  background:var(--color-primary-dark);
  color:var(--ink);
}

/* ---- photographic full bleed ---- */
.bp-etalon-areas .bp-etalon-areas__photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
}
.bp-etalon-areas .bp-etalon-areas__scrim{
  position:absolute;
  inset:0;
  z-index:1;
  background:color-mix(in srgb, var(--color-primary-dark) 85%, transparent);
}

/* ---- photo-less fallback: ruled green ledger plate ---- */
.bp-etalon-areas .bp-etalon-areas__plate{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 47px,
      color-mix(in srgb, var(--color-primary-contrast) 12%, transparent) 47px,
      color-mix(in srgb, var(--color-primary-contrast) 12%, transparent) 48px
    ),
    color-mix(in srgb, var(--color-primary-dark) 92%, var(--color-contrast));
}

/* ---- composition shell ---- */
.bp-etalon-areas .bp-etalon-areas__inner{
  position:relative;
  z-index:2;
  display:grid;
  gap:40px;
  padding:56px var(--gutter) 60px;
}

.bp-etalon-areas .bp-etalon-areas__head > * + *{margin-top:18px}
.bp-etalon-areas .bp-etalon-areas__title{
  color:var(--ink-strong);
  max-width:22ch;
}
.bp-etalon-areas .bp-etalon-areas__lede{
  max-width:56ch;
  font-size:1.0625rem;
  line-height:1.7;
  color:var(--ink);
}

/* ---- ruled index ---- */
.bp-etalon-areas .bp-etalon-areas__colhead{
  color:var(--ink-soft);
  border-bottom-color:var(--stub);
  margin-bottom:6px;
}

.bp-etalon-areas .bp-etalon-areas__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  gap:2px 16px;
  padding:20px 0;
  border-top:1px solid var(--rule);
}
.bp-etalon-areas .bp-etalon-areas__index > li:last-child{
  border-bottom:1px solid var(--rule);
}

.bp-etalon-areas .bp-etalon-areas__ord{
  grid-row:1 / span 2;
  font-size:1rem;
  letter-spacing:0.02em;
  color:var(--stub);
  padding-top:0.35em;
  min-width:2ch;
}

.bp-etalon-areas .bp-etalon-areas__cell{min-width:0}

.bp-etalon-areas .bp-etalon-areas__name{
  font-size:clamp(1.2rem,2.6vw,1.5rem);
  line-height:1.25;
  color:var(--ink-strong);
  font-weight:400;
}
.bp-etalon-areas .bp-etalon-areas__name a:not(.bp-btn){
  color:var(--ink-strong);
  text-decoration-color:var(--stub);
  text-underline-offset:5px;
}
.bp-etalon-areas .bp-etalon-areas__name a:not(.bp-btn)::after{
  content:"\2192";
  display:inline-block;
  margin-left:0.45em;
  color:var(--stub);
  text-decoration:none;
  transform:translateX(0);
  transition:transform .18s ease;
}
.bp-etalon-areas .bp-etalon-areas__name a:not(.bp-btn):hover{
  color:var(--stub);
}
.bp-etalon-areas .bp-etalon-areas__name a:not(.bp-btn):hover::after{
  transform:translateX(4px);
}

.bp-etalon-areas .bp-etalon-areas__note{
  grid-column:2;
  margin:0;
  max-width:34ch;
  font-family:var(--font-body);
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  line-height:1.5;
  color:var(--ink-soft);
}

/* main office row: brightest mass in the index */
.bp-etalon-areas .bp-etalon-areas__row.is-main{
  background:color-mix(in srgb, var(--color-primary-contrast) 9%, transparent);
  border-top-color:var(--rule-firm);
  padding-left:16px;
  padding-right:14px;
  box-shadow:inset 2px 0 0 0 var(--stub);
}
.bp-etalon-areas .bp-etalon-areas__row.is-main .bp-etalon-areas__note{
  color:var(--color-primary-contrast);
}

@media (min-width:768px){
  .bp-etalon-areas .bp-etalon-areas__band{min-height:600px}
  .bp-etalon-areas .bp-etalon-areas__inner{
    gap:48px;
    padding:84px var(--gutter) 88px;
  }
  .bp-etalon-areas .bp-etalon-areas__lede{font-size:1.1rem}
  .bp-etalon-areas .bp-etalon-areas__row{
    grid-template-columns:auto minmax(0,1fr) minmax(0,20ch);
    align-items:center;
    gap:0 24px;
    padding-top:24px;
    padding-bottom:24px;
  }
  .bp-etalon-areas .bp-etalon-areas__ord{
    grid-row:auto;
    padding-top:0;
    font-size:1.05rem;
  }
  .bp-etalon-areas .bp-etalon-areas__note{
    grid-column:3;
    text-align:right;
    max-width:none;
  }
}

@media (min-width:1024px){
  .bp-etalon-areas .bp-etalon-areas__band{min-height:660px}
  .bp-etalon-areas .bp-etalon-areas__inner{
    grid-template-columns:minmax(0,0.86fr) minmax(0,1fr);
    align-items:start;
    gap:72px;
    padding:120px var(--gutter) 124px;
  }
  .bp-etalon-areas .bp-etalon-areas__photo{object-position:right 40%}
  .bp-etalon-areas .bp-etalon-areas__row{
    grid-template-columns:auto minmax(0,1fr) minmax(0,24ch);
    padding-top:28px;
    padding-bottom:28px;
  }
  .bp-etalon-areas .bp-etalon-areas__ord{font-size:1.15rem}
}

.bp-etalon-comparison{--ink:var(--color-primary-contrast);--ink-strong:var(--color-primary-contrast);--ink-soft:color-mix(in srgb, var(--color-primary-contrast) 78%, var(--color-primary));--rule:color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);--rule-firm:color-mix(in srgb, var(--color-primary-contrast) 32%, transparent);--stub:color-mix(in srgb, var(--color-accent) 48%, var(--color-white));--cmp-zebra:color-mix(in srgb, var(--color-primary-darker) 45%, transparent);--cmp-firm:color-mix(in srgb, var(--color-primary-contrast) 8%, transparent);background:var(--color-primary);color:var(--ink)}
.bp-etalon-comparison .bp-etalon-comparison__head{display:grid;gap:16px;margin-bottom:30px}
.bp-etalon-comparison .bp-etalon-comparison__headline h2{max-width:22ch}
.bp-etalon-comparison .bp-etalon-comparison__sub{max-width:60ch;font-size:1.0625rem;line-height:1.68;color:color-mix(in srgb, var(--color-primary-contrast) 90%, var(--color-primary))}
.bp-etalon-comparison .bp-etalon-comparison__heads{display:none}
.bp-etalon-comparison .bp-etalon-comparison__body{display:block}
.bp-etalon-comparison .bp-etalon-comparison__row{display:grid;grid-template-columns:minmax(0,1fr);padding:16px}
.bp-etalon-comparison .bp-etalon-comparison__row:nth-child(odd){background:var(--cmp-zebra)}
.bp-etalon-comparison .bp-etalon-comparison__feature{font-family:var(--font-heading);font-weight:500;font-size:1.1rem;line-height:1.3;color:var(--ink-strong);max-width:26ch}
.bp-etalon-comparison .bp-etalon-comparison__cell{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;row-gap:6px;align-content:start;padding:14px 0 0 0;min-width:0}
.bp-etalon-comparison .bp-etalon-comparison__cell p{grid-column:2;min-width:0;max-width:46ch;font-size:0.98rem;line-height:1.62;color:color-mix(in srgb, var(--color-primary-contrast) 88%, var(--color-primary))}
.bp-etalon-comparison .bp-etalon-comparison__rowhead{grid-column:1 / -1;font-family:var(--font-body);font-size:0.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.bp-etalon-comparison .bp-etalon-comparison__rowhead--firm{color:var(--stub)}
.bp-etalon-comparison .bp-etalon-comparison__mark{grid-column:1;position:relative;display:block;width:18px;height:18px;margin-top:.3em}
.bp-etalon-comparison .bp-etalon-comparison__mark--x::before,
.bp-etalon-comparison .bp-etalon-comparison__mark--x::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:1.5px;background:color-mix(in srgb, var(--color-primary-contrast) 58%, var(--color-primary))}
.bp-etalon-comparison .bp-etalon-comparison__mark--x::before{transform:rotate(45deg)}
.bp-etalon-comparison .bp-etalon-comparison__mark--x::after{transform:rotate(-45deg)}
.bp-etalon-comparison .bp-etalon-comparison__mark--yes svg{display:block;width:18px;height:18px;color:var(--stub)}
.bp-etalon-comparison .bp-etalon-comparison__foot{margin-top:26px;padding-top:24px;border-top:1px solid var(--rule-firm);display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
@media (min-width:768px){
.bp-etalon-comparison .bp-etalon-comparison__head{margin-bottom:38px}
.bp-etalon-comparison .bp-etalon-comparison__heads{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0;align-items:end}
.bp-etalon-comparison .bp-etalon-comparison__hcell{font-family:var(--font-body);font-size:0.72rem;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;padding:0 24px 10px 0}
.bp-etalon-comparison .bp-etalon-comparison__hcell--feature{display:none}
.bp-etalon-comparison .bp-etalon-comparison__hcell--own{color:var(--ink-soft);border-bottom:2px solid var(--rule-firm)}
.bp-etalon-comparison .bp-etalon-comparison__hcell--firm{color:var(--stub);background:var(--cmp-firm);padding:0 24px 10px 24px;border-bottom:2px solid var(--stub)}
.bp-etalon-comparison .bp-etalon-comparison__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0}
.bp-etalon-comparison .bp-etalon-comparison__feature{grid-column:1 / -1;padding:22px 24px 2px 0;font-size:1.15rem}
.bp-etalon-comparison .bp-etalon-comparison__cell{padding:10px 24px 24px 0}
.bp-etalon-comparison .bp-etalon-comparison__cell--firm{background:var(--cmp-firm);padding:10px 24px 24px 24px}
.bp-etalon-comparison .bp-etalon-comparison__rowhead{display:none}
.bp-etalon-comparison .bp-etalon-comparison__foot{margin-top:34px;padding-top:30px}
}
@media (min-width:1024px){
.bp-etalon-comparison .bp-etalon-comparison__head{grid-template-columns:minmax(0,0.9fr) minmax(0,2.05fr);column-gap:0;align-items:end;margin-bottom:44px}
.bp-etalon-comparison .bp-etalon-comparison__sub{padding-left:24px;max-width:56ch}
.bp-etalon-comparison .bp-etalon-comparison__heads{grid-template-columns:minmax(0,0.9fr) minmax(0,1fr) minmax(0,1.05fr)}
.bp-etalon-comparison .bp-etalon-comparison__hcell--feature{display:block;border-bottom:2px solid var(--rule-firm)}
.bp-etalon-comparison .bp-etalon-comparison__row{grid-template-columns:minmax(0,0.9fr) minmax(0,1fr) minmax(0,1.05fr)}
.bp-etalon-comparison .bp-etalon-comparison__feature{grid-column:auto;padding:26px 24px 26px 0}
.bp-etalon-comparison .bp-etalon-comparison__cell{padding:26px 24px 26px 0}
.bp-etalon-comparison .bp-etalon-comparison__cell--firm{padding:26px 24px 26px 24px}
.bp-etalon-comparison .bp-etalon-comparison__cell p{font-size:1rem}
}

.bp-etalon-consult-main{ --rail: 360px; --split-gap: 56px; }

.bp-etalon-consult-main .cm-head{
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 34px;
}
.bp-etalon-consult-main .cm-kicker{ margin-bottom: 14px; }
.bp-etalon-consult-main .cm-title{ max-width: 28ch; }

.bp-etalon-consult-main .cm-grid{
  display: grid;
  gap: 40px;
}
.bp-etalon-consult-main .cm-article{ min-width: 0; }

.bp-etalon-consult-main .cm-prose .cm-p{
  max-width: 66ch;
  color: var(--ink);
}
.bp-etalon-consult-main .cm-prose .cm-p + .cm-p{ margin-top: 1.3em; }
.bp-etalon-consult-main .cm-prose .cm-p:first-child{
  font-size: 1.15rem;
  line-height: 1.6;
  max-width: 58ch;
  color: var(--ink-strong);
}

/* tinted ledger insert: the two checklists, purely typographic rows */
.bp-etalon-consult-main .cm-lists{
  margin-top: 40px;
  padding: 26px 20px 30px;
  background: var(--tint);
  border-top: 2px solid var(--stub);
  display: grid;
  gap: 28px;
}
.bp-etalon-consult-main .cm-list{ min-width: 0; }
.bp-etalon-consult-main .cm-list__head{
  font-family: var(--font-body);
  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 4px;
}
.bp-etalon-consult-main .cm-list__items{
  list-style: none;
  margin: 0;
  padding: 0;
}
.bp-etalon-consult-main .cm-list__item{
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid var(--rule);
  max-width: 60ch;
}
.bp-etalon-consult-main .cm-list__item:last-child{ border-bottom: 1px solid var(--rule); }
.bp-etalon-consult-main .cm-tick{
  display: block;
  padding-top: 5px;
  color: var(--stub);
}
.bp-etalon-consult-main .cm-tick svg{ width: 15px; height: 15px; display: block; }
.bp-etalon-consult-main .cm-tick__text{
  min-width: 0;
  font-size: 0.98rem;
  line-height: 1.6;
}

/* ---- booking rail ---- */
.bp-etalon-consult-main .cm-rail{ min-width: 0; }
.bp-etalon-consult-main .cm-card{
  border: 1px solid var(--rule-firm);
  border-radius: 3px;
  overflow: hidden;
  background: var(--tint);
}
.bp-etalon-consult-main .cm-card__head{
  background: var(--color-primary);
  padding: 22px 22px 18px;
}
.bp-etalon-consult-main .cm-card__title{
  color: var(--color-primary-contrast);
  font-size: 1.2rem;
  line-height: 1.24;
  max-width: 18ch;
}
.bp-etalon-consult-main .cm-perks{
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.bp-etalon-consult-main .cm-perks__item{
  position: relative;
  padding: 9px 0 9px 26px;
  border-top: 1px solid color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  font-size: 0.875rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--color-primary-contrast) 92%, var(--color-primary));
}
.bp-etalon-consult-main .cm-perks__icon{
  position: absolute;
  left: 0;
  top: 0.85em;
  color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-consult-main .cm-perks__icon svg{ width: 14px; height: 14px; display: block; }

.bp-etalon-consult-main .cm-card__body{ padding: 20px 22px 26px; }
.bp-etalon-consult-main .cm-note{
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink-soft);
  margin-bottom: 18px;
  max-width: 42ch;
}
.bp-etalon-consult-main .bpa-input{ font-size: 0.98rem; }
.bp-etalon-consult-main .bpa-submit{ width: 100%; }

@media (min-width: 768px){
  .bp-etalon-consult-main .cm-head{
    padding-bottom: 30px;
    margin-bottom: 44px;
  }
  .bp-etalon-consult-main .cm-lists{
    margin-top: 52px;
    padding: 32px 30px 36px;
    gap: 34px;
  }
  .bp-etalon-consult-main .cm-card__head{ padding: 28px 28px 22px; }
  .bp-etalon-consult-main .cm-card__body{ padding: 24px 28px 30px; }
  .bp-etalon-consult-main .cm-note{ max-width: 60ch; }
}

@media (min-width: 1024px){
  .bp-etalon-consult-main .cm-grid{
    grid-template-columns: minmax(0, 1fr) var(--rail);
    column-gap: var(--split-gap);
    gap: 0 var(--split-gap);
  }
  .bp-etalon-consult-main .cm-rail{
    border-left: 1px solid var(--rule);
    padding-left: 40px;
  }
  .bp-etalon-consult-main .cm-card{
    position: sticky;
    top: calc(var(--header-height, 76px) + 22px);
  }
  .bp-etalon-consult-main .cm-note{ max-width: 40ch; }
  .bp-etalon-consult-main .bpa-lead-form{ grid-template-columns: minmax(0, 1fr); }
  .bp-etalon-consult-main .bpa-submit{ justify-self: stretch; }
}

.bp-etalon-contact{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 78%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  --panel-pad: 24px;
  background: var(--color-primary);
  color: var(--ink);
  border-top: 1px solid color-mix(in srgb, var(--color-contrast) 30%, transparent);
}

.bp-etalon-contact__grid{
  display: grid;
  gap: 34px;
  align-items: start;
}

.bp-etalon-contact__title{
  margin-top: 4px;
  max-width: 18ch;
}
.bp-etalon-contact__sub{
  margin-top: 16px;
  color: color-mix(in srgb, var(--color-primary-contrast) 90%, var(--color-primary));
}

/* ---- ledger NAP rows ---- */
.bp-etalon-contact__nap{
  margin-top: 30px;
  border-top: 1px solid var(--rule);
}
.bp-etalon-contact__row{
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-contact__ico{
  display: block;
  min-width: 0;
  margin-top: 0.3em;
  color: var(--stub);
}
.bp-etalon-contact__ico svg{
  display: block;
  width: 18px;
  height: 18px;
}
.bp-etalon-contact__cell{ min-width: 0; }
.bp-etalon-contact__lbl{
  display: block;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 7px;
}
.bp-etalon-contact__val{
  margin: 0;
  max-width: 40ch;
  font-size: 1rem;
  line-height: 1.6;
}
.bp-etalon-contact__row--tel{ padding: 14px 0 18px; }
.bp-etalon-contact a.bp-etalon-contact__tel:not(.bp-btn){
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(1.65rem, 4.4vw, 2.15rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--stub);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: color-mix(in srgb, var(--stub) 55%, transparent);
}
.bp-etalon-contact a.bp-etalon-contact__tel:not(.bp-btn):hover{
  color: var(--color-primary-contrast);
  text-decoration-color: var(--color-primary-contrast);
}

/* ---- paper form panel: ink vars reset to the light surface ---- */
.bp-etalon-contact__panel{
  --ink: color-mix(in srgb, var(--color-contrast) 88%, transparent);
  --ink-strong: var(--color-contrast);
  --ink-soft: var(--color-muted);
  --rule: color-mix(in srgb, var(--color-contrast) 14%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-contrast) 30%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
  background: var(--color-base);
  color: var(--ink);
  border-top: 3px solid var(--stub);
  padding: var(--panel-pad);
}
.bp-etalon-contact__panel .bpa-lead-form{
  grid-template-columns: minmax(0, 1fr);
}
.bp-etalon-contact__panel .bpa-input{
  background: var(--color-white);
  border-color: color-mix(in srgb, var(--color-contrast) 24%, transparent);
}
.bp-etalon-contact__panel .bpa-submit{
  width: 100%;
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary-contrast);
  letter-spacing: 0.02em;
}
.bp-etalon-contact__panel .bpa-consent,
.bp-etalon-contact__panel .bpa-fineprint{
  color: var(--color-muted);
}

@media (min-width: 768px){
  .bp-etalon-contact{ --panel-pad: 34px 32px 38px; }
  .bp-etalon-contact__grid{ gap: 46px; }
  .bp-etalon-contact__nap{ margin-top: 36px; }
  .bp-etalon-contact__row{
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 20px 0;
  }
  .bp-etalon-contact__val{ font-size: 1.0625rem; }
  .bp-etalon-contact__panel .bpa-submit{ width: auto; }
}

@media (min-width: 1024px){
  .bp-etalon-contact{ --panel-pad: 44px 42px 46px; }
  .bp-etalon-contact__grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
    gap: 78px;
  }
  .bp-etalon-contact__intro{ padding-top: 4px; }
  .bp-etalon-contact__nap{ margin-top: 44px; }
  .bp-etalon-contact__panel{
    position: relative;
    box-shadow: var(--shadow-md);
  }
  .bp-etalon-contact__panel .bpa-lead-form{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

.bp-etalon-contact-bar{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 84%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  background: var(--color-primary);
  color: var(--ink);
  padding-top: 42px;
  padding-bottom: 42px;
}

.bp-etalon-contact-bar__ledger{
  border-top: 2px solid var(--stub);
  border-bottom: 1px solid var(--rule);
}

.bp-etalon-contact-bar__entry{
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 10px;
  align-content: start;
  padding: 22px 0 24px;
}
.bp-etalon-contact-bar__entry + .bp-etalon-contact-bar__entry{
  border-top: 1px solid var(--rule);
}

.bp-etalon-contact-bar .bp-etalon-contact-bar__head{
  grid-column: 1 / -1;
  width: fit-content;
  color: var(--ink-soft);
  border-bottom: 2px solid var(--stub);
  padding-bottom: 7px;
  margin-bottom: 4px;
}

.bp-etalon-contact-bar__mark{
  grid-column: 1;
  align-self: start;
  margin-top: 0.38em;
  color: var(--stub);
}
.bp-etalon-contact-bar__mark svg{
  display: block;
  width: 18px;
  height: 18px;
}

.bp-etalon-contact-bar__val{
  grid-column: 2;
  min-width: 0;
  max-width: 30ch;
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink);
}

.bp-etalon-contact-bar a.bp-etalon-contact-bar__val--num{
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4.4vw, 1.85rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-decoration-color: var(--stub);
  text-underline-offset: 6px;
}

.bp-etalon-contact-bar__val--hours{
  font-weight: 600;
  letter-spacing: 0.005em;
}

.bp-etalon-contact-bar__val--cta{
  font-family: var(--font-heading);
  font-size: 1.1rem;
  line-height: 1.4;
  max-width: 24ch;
}

.bp-etalon-contact-bar__act{
  grid-column: 2;
  justify-self: start;
  margin-top: 6px;
}

@media (min-width: 768px){
  .bp-etalon-contact-bar{
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .bp-etalon-contact-bar__ledger{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bp-etalon-contact-bar__entry{
    padding: 28px 30px 32px;
  }
  .bp-etalon-contact-bar__entry + .bp-etalon-contact-bar__entry{
    border-top: 0;
  }
  .bp-etalon-contact-bar__entry:nth-child(n+3){
    border-top: 1px solid var(--rule);
  }
  .bp-etalon-contact-bar__entry:nth-child(odd){
    padding-left: 0;
  }
  .bp-etalon-contact-bar__entry:nth-child(even){
    border-left: 1px solid var(--rule);
    padding-right: 0;
  }
}

@media (min-width: 1024px){
  .bp-etalon-contact-bar{
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .bp-etalon-contact-bar__ledger{
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .bp-etalon-contact-bar__entry{
    padding: 34px 34px 38px;
  }
  .bp-etalon-contact-bar__entry:nth-child(n+3){
    border-top: 0;
  }
  .bp-etalon-contact-bar__entry:nth-child(odd){
    padding-left: 34px;
  }
  .bp-etalon-contact-bar__entry:nth-child(even){
    padding-right: 34px;
  }
  .bp-etalon-contact-bar__entry + .bp-etalon-contact-bar__entry{
    border-left: 1px solid var(--rule);
  }
  .bp-etalon-contact-bar__entry:first-child{
    padding-left: 0;
  }
  .bp-etalon-contact-bar__entry:last-child{
    padding-right: 0;
  }
  .bp-etalon-contact-bar__val--cta{
    font-size: 1.15rem;
  }
}

.bp-sec.bp-etalon-contact-main{
  --cm-panel-pad: 26px;
  --cm-map-h: 300px;
  background: var(--tint);
  border-top: 1px solid var(--rule-firm);
}

.bp-etalon-contact-main .cm{
  scroll-margin-top: calc(var(--header-height, 64px) + 18px);
}

.bp-etalon-contact-main .cm__grid{
  display: grid;
  gap: 38px;
  align-items: start;
}

/* ---------- left: orientation copy + mounted map ---------- */
.bp-etalon-contact-main .cm__side{
  min-width: 0;
}

.bp-etalon-contact-main .cm__title{
  position: relative;
  padding-top: 20px;
  max-width: 18ch;
}
.bp-etalon-contact-main .cm__title::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--stub);
}

.bp-etalon-contact-main .cm__paras{
  margin-top: 22px;
}
.bp-etalon-contact-main .cm__paras p{
  max-width: 62ch;
  color: var(--ink);
}
.bp-etalon-contact-main .cm__paras p + p{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--rule);
}

.bp-etalon-contact-main .cm__map{
  margin-top: 30px;
  padding: 9px;
  background: var(--paper);
  border: 1px solid var(--rule-firm);
  border-radius: 2px;
  overflow: visible;
}
.bp-etalon-contact-main .cm__map .bpa-map{
  display: block;
  width: 100%;
  min-height: var(--cm-map-h);
  height: var(--cm-map-h);
  border: 0;
  border-radius: 0;
  filter: saturate(0.74) contrast(1.02);
}

/* ---------- right: deep-green form plate ---------- */
.bp-etalon-contact-main .cm__panel{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 78%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 40%, transparent);
  min-width: 0;
  background: var(--color-primary);
  color: var(--ink);
  border-radius: 2px;
  border-top: 3px solid color-mix(in srgb, var(--color-accent) 62%, var(--color-white));
  padding: var(--cm-panel-pad);
  box-shadow: var(--shadow-sm);
}

.bp-etalon-contact-main .cm__formtitle{
  max-width: 20ch;
  font-size: clamp(1.45rem, 2.1vw, 1.85rem);
}

.bp-etalon-contact-main .cm__note{
  margin-top: 12px;
  max-width: 46ch;
  font-size: 0.95rem;
  line-height: 1.62;
  color: var(--ink-soft);
}

.bp-etalon-contact-main .cm__panelrule{
  border: 0;
  height: 1px;
  width: 100%;
  margin: 24px 0;
  background: var(--rule);
}

.bp-etalon-contact-main .cm__panel .bpa-input{
  background: var(--color-white);
  border-color: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  color: var(--color-contrast);
  border-radius: 2px;
}
.bp-etalon-contact-main .cm__panel .bpa-label{
  color: var(--ink-soft);
}
.bp-etalon-contact-main .cm__panel .bpa-consent,
.bp-etalon-contact-main .cm__panel .bpa-fineprint{
  color: color-mix(in srgb, var(--color-primary-contrast) 74%, var(--color-primary));
}
.bp-etalon-contact-main .cm__panel .bpa-submit{
  background: color-mix(in srgb, var(--color-accent) 74%, var(--color-contrast));
  border-color: color-mix(in srgb, var(--color-accent) 74%, var(--color-contrast));
  color: var(--color-white);
  border-radius: 2px;
}
.bp-etalon-contact-main .cm__panel .bpa-submit:hover{
  background: color-mix(in srgb, var(--color-accent) 58%, var(--color-contrast));
  border-color: color-mix(in srgb, var(--color-accent) 58%, var(--color-contrast));
}
.bp-etalon-contact-main .cm__panel .bpa-submit:focus-visible{
  outline: 2px solid var(--color-primary-contrast);
  outline-offset: 3px;
}

@media (min-width: 768px){
  .bp-sec.bp-etalon-contact-main{
    --cm-panel-pad: 36px;
    --cm-map-h: 340px;
  }
  .bp-etalon-contact-main .cm__grid{
    gap: 46px;
  }
  .bp-etalon-contact-main .cm__map{
    margin-top: 38px;
  }
  .bp-etalon-contact-main .cm__panelrule{
    margin: 28px 0;
  }
}

@media (min-width: 1024px){
  .bp-sec.bp-etalon-contact-main{
    --cm-panel-pad: 46px;
    --cm-map-h: 420px;
  }
  .bp-etalon-contact-main .cm__grid{
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
    gap: 60px;
  }
  .bp-etalon-contact-main .cm__title{
    font-size: clamp(1.7rem, 2.4vw, 2.1rem);
  }
  .bp-etalon-contact-main .cm__map{
    margin-top: 44px;
  }
}

.bp-etalon-cta-bar{
  --cta-scrim-a: color-mix(in srgb, var(--color-primary-darker) 94%, transparent);
  --cta-scrim-b: color-mix(in srgb, var(--color-primary-dark) 82%, transparent);
  --cta-ink: var(--color-primary-contrast);
  --cta-copper: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  --cta-hair: color-mix(in srgb, var(--color-primary-contrast) 24%, transparent);
  isolation: isolate;
  background: var(--color-primary-dark);
  color: var(--cta-ink);
  overflow: hidden;
}

/* ledger seam that opens the band */
.bp-etalon-cta-bar::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--cta-copper);
  z-index: 2;
}

/* ---- full-bleed backdrop (fills the section padding box edge to edge) ---- */
.bp-etalon-cta-bar__bg{
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
  background: var(--color-primary-dark);
  z-index: 0;
}
.bp-etalon-cta-bar__bg img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 55%;
}
.bp-etalon-cta-bar__scrim{
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, var(--cta-scrim-a) 0%, var(--cta-scrim-a) 42%, var(--cta-scrim-b) 100%);
}

/* photo-less branch: a complete ruled green plate */
.bp-etalon-cta-bar__bg--plate{
  background: var(--color-primary);
}
.bp-etalon-cta-bar__bg--plate::before,
.bp-etalon-cta-bar__bg--plate::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: color-mix(in srgb, var(--color-primary-contrast) 16%, transparent);
}
.bp-etalon-cta-bar__bg--plate::before{ top: 34%; }
.bp-etalon-cta-bar__bg--plate::after{ top: 68%; }

/* ---- content ---- */
.bp-etalon-cta-bar__inner{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 30px;
}

.bp-etalon-cta-bar__say h2{
  color: var(--cta-ink);
  font-size: clamp(1.75rem, 3.1vw, 2.35rem);
  line-height: 1.12;
  max-width: 22ch;
}
.bp-etalon-cta-bar__say p{
  margin-top: 14px;
  max-width: 52ch;
  color: var(--cta-ink);
  font-size: 1.0625rem;
  line-height: 1.66;
}

.bp-etalon-cta-bar__act{
  display: grid;
  gap: 16px;
  justify-items: stretch;
}

.bp-etalon-cta-bar__tel{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.4vw, 1.9rem);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
.bp-etalon-cta-bar__telmark{
  display: inline-flex;
  flex: none;
}
.bp-etalon-cta-bar__telmark svg{
  width: 18px;
  height: 18px;
}

.bp-etalon-cta-bar__hair{
  border: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  background: var(--cta-hair);
}

/* anchors on the dark band */
.bp-etalon-cta-bar a:not(.bp-btn){
  color: var(--cta-copper);
  text-decoration: none;
}
.bp-etalon-cta-bar a:not(.bp-btn):hover{
  color: var(--color-white);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--cta-copper);
  text-underline-offset: 6px;
}

@media (min-width: 768px){
  .bp-etalon-cta-bar__inner{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 44px;
    row-gap: 30px;
    min-height: 190px;
  }
  .bp-etalon-cta-bar__act{
    justify-items: start;
    padding-left: 44px;
    border-left: 1px solid var(--cta-hair);
  }
  .bp-etalon-cta-bar__hair{
    width: 100%;
    min-width: 240px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-cta-bar__inner{
    column-gap: 72px;
    min-height: 220px;
  }
  .bp-etalon-cta-bar__say p{
    margin-top: 18px;
  }
  .bp-etalon-cta-bar__act{
    padding-left: 64px;
  }
  .bp-etalon-cta-bar__hair{
    min-width: 280px;
  }
}

.bp-etalon-faq{
  --faq-rail: 360px;
  --faq-gap: 72px;
  --faq-mark: 16px;
  --faq-answer-measure: 68ch;
  border-top: 1px solid var(--rule);
}

.bp-etalon-faq__grid{
  display: grid;
  gap: 34px;
}

/* ---------- rail: editorial header, flush left ---------- */
.bp-etalon-faq__head{
  min-width: 0;
}
.bp-etalon-faq__title{
  max-width: 22ch;
}
.bp-etalon-faq__sub{
  margin-top: 18px;
  max-width: 54ch;
  color: var(--ink);
}

/* ---------- ledger rows ---------- */
.bp-etalon-faq__list{
  min-width: 0;
}
.bp-etalon-faq__row{
  border-top: 1px solid var(--rule);
}
.bp-etalon-faq__row:last-child{
  border-bottom: 1px solid var(--rule);
}

.bp-etalon-faq__q{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
}
.bp-etalon-faq__q::marker{ content: ""; }
.bp-etalon-faq__q::-webkit-details-marker{ font-size: 0; }

.bp-etalon-faq__qtext{
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: clamp(1.05rem, 1.7vw, 1.22rem);
  line-height: 1.34;
  letter-spacing: -0.01em;
  color: var(--ink-strong);
  max-width: 40ch;
  transition: color .18s ease;
}
.bp-etalon-faq__q:hover .bp-etalon-faq__qtext{
  color: var(--stub);
}

/* copper cross marker built from two hairline bars */
.bp-etalon-faq__mark{
  position: relative;
  flex: none;
  width: var(--faq-mark);
  height: var(--faq-mark);
  margin-top: 0.42em;
}
.bp-etalon-faq__mark::before,
.bp-etalon-faq__mark::after{
  content: "";
  position: absolute;
  background: var(--stub);
}
.bp-etalon-faq__mark::before{
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
}
.bp-etalon-faq__mark::after{
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%) scaleY(1);
  transition: transform .2s ease;
}
.bp-etalon-faq__row[open] .bp-etalon-faq__mark::after{
  transform: translateX(-50%) scaleY(0);
}

/* ---------- answer: tinted zebra inset, copper edge ---------- */
.bp-etalon-faq__a{
  margin: 0 0 20px;
  padding: 16px 18px;
  background: var(--tint);
  border-left: 2px solid var(--stub);
}
.bp-etalon-faq__a > p{
  max-width: var(--faq-answer-measure);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink);
}
.bp-etalon-faq__a > p::first-line{
  font-weight: 600;
  color: var(--ink-strong);
}

@media (min-width: 768px){
  .bp-etalon-faq__grid{ gap: 42px; }
  .bp-etalon-faq__q{ padding: 22px 0; }
  .bp-etalon-faq__a{
    margin-bottom: 26px;
    padding: 20px 26px;
  }
  .bp-etalon-faq__a > p{ font-size: 1.0625rem; }
}

@media (min-width: 1024px){
  .bp-etalon-faq__grid{
    grid-template-columns: minmax(0, var(--faq-rail)) minmax(0, 1fr);
    gap: var(--faq-gap);
    align-items: start;
  }
  .bp-etalon-faq__head{
    position: sticky;
    top: calc(var(--header-height, 72px) + 30px);
    align-self: start;
    padding-right: 12px;
    border-right: 1px solid var(--rule);
  }
  .bp-etalon-faq__q{ padding: 26px 0; }
  .bp-etalon-faq__qtext{ max-width: 46ch; }
}

.bp-etalon-feature-grid{
  --fg-mark: 26px;
  --fg-pad: 16px;
  --fg-title-col: 15rem;
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

/* ---------- header: flush-left editorial split ---------- */
.bp-etalon-feature-grid__head{
  display: grid;
  gap: 22px;
  padding-bottom: 26px;
  border-bottom: 2px solid var(--rule-firm);
}
.bp-etalon-feature-grid__headline h2{
  margin-top: 6px;
  max-width: 24ch;
}
.bp-etalon-feature-grid__sub{
  max-width: 60ch;
  color: var(--ink);
}

/* ---------- ruled ledger rows ---------- */
.bp-etalon-feature-grid__rows{
  margin-top: 0;
}
.bp-etalon-feature-grid__row{
  display: grid;
  grid-template-columns: var(--fg-mark) minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;
  padding: 22px var(--fg-pad);
  margin-inline: calc(var(--fg-pad) * -1);
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-feature-grid__row:nth-child(even){
  background: var(--paper);
}
.bp-etalon-feature-grid__row:last-child{
  border-bottom: 2px solid var(--stub);
}

.bp-etalon-feature-grid__mark{
  display: block;
  width: var(--fg-mark);
  padding-top: 2px;
  color: var(--stub);
}
.bp-etalon-feature-grid__mark svg{
  display: block;
  width: 20px;
  height: 20px;
  stroke-width: 1.5;
}

.bp-etalon-feature-grid__title{
  min-width: 0;
  grid-column: 2 / -1;
  align-self: center;
  max-width: 24ch;
  letter-spacing: -0.005em;
}
.bp-etalon-feature-grid__text{
  min-width: 0;
  grid-column: 2 / -1;
  max-width: 64ch;
  color: var(--ink);
}

@media (min-width: 768px){
  .bp-etalon-feature-grid{
    --fg-pad: 20px;
  }
  .bp-etalon-feature-grid__head{
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 34px 48px;
    align-items: end;
    padding-bottom: 32px;
  }
  .bp-etalon-feature-grid__row{
    padding: 26px var(--fg-pad);
    column-gap: 18px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-feature-grid{
    --fg-mark: 28px;
    --fg-pad: 24px;
  }
  .bp-etalon-feature-grid__row{
    grid-template-columns: var(--fg-mark) minmax(0, var(--fg-title-col)) minmax(0, 1fr);
    column-gap: 32px;
    row-gap: 0;
    padding: 30px var(--fg-pad);
  }
  .bp-etalon-feature-grid__title{
    grid-column: 2 / 3;
    align-self: start;
    padding-top: 1px;
  }
  .bp-etalon-feature-grid__text{
    grid-column: 3 / -1;
  }
}

.bp-etalon-hero{
  padding: 0;
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
}

.bp-etalon-hero .bp-etalon-hero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

/* ---------- left: paper text panel ---------- */
.bp-etalon-hero .bp-etalon-hero__text{
  min-width: 0;
  padding: 34px var(--gutter) 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bp-etalon-hero .bp-etalon-hero__title{
  margin: 22px 0 0;
  max-width: 19ch;
}
.bp-etalon-hero .bp-etalon-hero__accent{
  display: block;
  color: var(--stub);
}
.bp-etalon-hero .bp-etalon-hero__tail{
  display: block;
  color: var(--ink-strong);
}
.bp-etalon-hero .bp-etalon-hero__body{
  margin-top: 20px;
}
.bp-etalon-hero .bp-etalon-hero__body p{
  max-width: 58ch;
  color: var(--ink);
}
.bp-etalon-hero .bp-etalon-hero__seam{
  margin: 26px 0 24px;
  align-self: stretch;
  max-width: 540px;
}
.bp-etalon-hero .bp-etalon-hero__actions{
  gap: 12px 20px;
}
.bp-etalon-hero .bp-etalon-hero__tel{
  font-variant-numeric: tabular-nums lining-nums;
}

/* badge index — used only when a photograph occupies the stage */
.bp-etalon-hero .bp-etalon-hero__badges{
  margin-top: 30px;
  align-self: stretch;
  display: grid;
  max-width: 620px;
}
.bp-etalon-hero .bp-etalon-hero__badges > li{
  position: relative;
  padding: 12px 0 12px 24px;
  border-top: 1px solid var(--rule);
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-hero .bp-etalon-hero__badges > li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 1.35em;
  width: 13px;
  height: 2px;
  background: var(--stub);
}
.bp-etalon-hero .bp-etalon-hero__badges > li:last-child{
  border-bottom: 1px solid var(--rule);
}

/* ---------- right: the stage (photograph or ledger plate) ---------- */
.bp-etalon-hero .bp-etalon-hero__stage{
  position: relative;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
.bp-etalon-hero .bp-etalon-hero__figure{
  flex: 1 1 auto;
  width: 100%;
  height: 58vh;
  min-height: 300px;
}

.bp-etalon-hero .bp-etalon-hero__plate{
  flex: 1 1 auto;
  width: 100%;
  min-height: 350px;
  padding: 32px var(--gutter) 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bp-etalon-hero .bp-etalon-hero__plate-stub{
  display: block;
  width: 48px;
  height: 2px;
  margin-bottom: 22px;
  background: var(--stub);
}
.bp-etalon-hero .bp-etalon-hero__ledger{
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}
.bp-etalon-hero .bp-etalon-hero__ledger-row{
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 64px;
  padding: 14px 0;
  border-top: 1px solid var(--rule);
}
.bp-etalon-hero .bp-etalon-hero__ledger-row:last-child{
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-hero .bp-etalon-hero__ledger-num{
  font-size: 1.3rem;
}
.bp-etalon-hero .bp-etalon-hero__ledger-label{
  min-width: 0;
  font-family: var(--font-heading);
  font-size: 1.12rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--color-primary-contrast);
}

@media (min-width: 768px){
  .bp-etalon-hero .bp-etalon-hero__text{
    padding: 56px var(--gutter) 64px;
  }
  .bp-etalon-hero .bp-etalon-hero__figure{
    height: 64vh;
  }
  .bp-etalon-hero .bp-etalon-hero__plate{
    min-height: 430px;
    padding: 56px var(--gutter);
  }
  .bp-etalon-hero .bp-etalon-hero__badges{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
  }
  .bp-etalon-hero .bp-etalon-hero__ledger-row{
    grid-template-columns: 3.4rem minmax(0, 1fr);
    gap: 18px;
  }
  .bp-etalon-hero .bp-etalon-hero__ledger-num{
    font-size: 1.45rem;
  }
  .bp-etalon-hero .bp-etalon-hero__ledger-label{
    font-size: 1.3rem;
  }
}

@media (min-width: 1024px){
  .bp-etalon-hero .bp-etalon-hero__grid{
    grid-template-columns: 46fr 54fr;
    min-height: max(640px, calc(100vh - var(--header-height, 76px)));
  }
  .bp-etalon-hero .bp-etalon-hero__text{
    padding: clamp(56px, 7vh, 100px) clamp(40px, 4vw, 68px) clamp(48px, 6vh, 88px)
             max(var(--gutter), calc((100vw - var(--shell)) / 2));
    justify-content: flex-start;
  }
  .bp-etalon-hero .bp-etalon-hero__stage{
    border-left: 1px solid var(--rule);
  }
  .bp-etalon-hero .bp-etalon-hero__figure{
    height: auto;
    align-self: stretch;
  }
  .bp-etalon-hero .bp-etalon-hero__plate{
    padding: clamp(56px, 6vh, 92px) clamp(40px, 4vw, 76px);
  }
  .bp-etalon-hero .bp-etalon-hero__plate-stub{
    margin-bottom: 30px;
  }
  .bp-etalon-hero .bp-etalon-hero__ledger-num{
    font-size: 1.6rem;
  }
  .bp-etalon-hero .bp-etalon-hero__ledger-label{
    font-size: 1.45rem;
  }
}

.bp-etalon-hww-difference{
  --hww-col: 66ch;
  --hww-shell: 880px;
  --hww-gap: 26px;
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding-top: 58px;
  padding-bottom: 58px;
}

.bp-etalon-hww-difference .hww-diff__shell{
  max-width: var(--hww-shell);
}

/* ---- centered header: the page's single centered heading ---- */
.bp-etalon-hww-difference .hww-diff__head{
  text-align: center;
}
.bp-etalon-hww-difference .hww-diff__kicker{
  color: var(--ink-soft);
}
.bp-etalon-hww-difference .hww-diff__kicker::after{
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--stub);
}
.bp-etalon-hww-difference .hww-diff__title{
  max-width: 26ch;
  margin: 20px auto 0;
  text-wrap: balance;
}

/* ---- hairline seam between header and prose column ---- */
.bp-etalon-hww-difference .hww-diff__seam{
  margin: 34px auto 0;
  max-width: var(--hww-shell);
  background: var(--rule-firm);
}

/* ---- the reading column: flush left inside generous margins ---- */
.bp-etalon-hww-difference .hww-diff__body{
  max-width: var(--hww-col);
  margin-inline: auto;
  text-align: left;
}

.bp-etalon-hww-difference .hww-diff__para{
  position: relative;
  padding-top: var(--hww-gap);
}
.bp-etalon-hww-difference .hww-diff__para p{
  max-width: none;
}

/* first paragraph = the direct answer, set larger */
.bp-etalon-hww-difference .hww-diff__para:first-child p{
  font-size: 1.15rem;
  line-height: 1.62;
  color: var(--ink-strong);
}

/* ledger hairline + copper stub between supporting paragraphs */
.bp-etalon-hww-difference .hww-diff__para + .hww-diff__para{
  margin-top: var(--hww-gap);
  border-top: 1px solid var(--rule);
}
.bp-etalon-hww-difference .hww-diff__para + .hww-diff__para::before{
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--stub);
}

@media (min-width: 768px){
  .bp-etalon-hww-difference{
    --hww-gap: 32px;
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .bp-etalon-hww-difference .hww-diff__title{
    margin-top: 22px;
  }
  .bp-etalon-hww-difference .hww-diff__seam{
    margin-top: 44px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-hww-difference{
    --hww-shell: 940px;
    --hww-gap: 38px;
    padding-top: 118px;
    padding-bottom: 118px;
  }
  .bp-etalon-hww-difference .hww-diff__kicker{
    letter-spacing: 0.18em;
  }
  .bp-etalon-hww-difference .hww-diff__title{
    margin-top: 26px;
  }
  .bp-etalon-hww-difference .hww-diff__seam{
    margin-top: 54px;
  }
  .bp-etalon-hww-difference .hww-diff__para:first-child p{
    font-size: 1.26rem;
    line-height: 1.58;
  }
}

.bp-sec.bp-etalon-hww-fit{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 78%, var(--color-primary));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 38%, var(--color-white));
  --fit-colgap: 44px;
  background: var(--color-primary);
  color: var(--ink);
}

.bp-etalon-hww-fit .fit__head{
  display: grid;
  gap: 22px;
  margin-bottom: 40px;
}
.bp-etalon-hww-fit .fit__title{
  color: var(--ink-strong);
  max-width: 18ch;
}
.bp-etalon-hww-fit .fit__sub{
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--ink-soft);
  max-width: 54ch;
}

.bp-etalon-hww-fit .fit__rows{
  border-top: 2px solid var(--stub);
  border-bottom: 1px solid var(--rule-firm);
}
.bp-etalon-hww-fit .fit__row{
  display: grid;
  gap: 12px;
  padding: 24px 0 26px;
}
.bp-etalon-hww-fit .fit__row + .fit__row{
  border-top: 1px solid var(--rule);
}

.bp-etalon-hww-fit .fit__flag{
  position: relative;
  padding-left: 34px;
  margin: 0;
  max-width: 26ch;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(1.14rem, 2.6vw, 1.32rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink-strong);
}
.bp-etalon-hww-fit .fit__flag::before{
  content: "\00d7";
  position: absolute;
  left: 0;
  top: -0.12em;
  font-family: var(--font-body);
  font-size: 1.55em;
  font-weight: 400;
  line-height: 1.1;
  color: var(--stub);
}

.bp-etalon-hww-fit .fit__note{
  margin: 0;
  padding-left: 34px;
  max-width: 62ch;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.72;
  color: color-mix(in srgb, var(--color-primary-contrast) 88%, var(--color-primary));
}

@media (min-width: 768px){
  .bp-etalon-hww-fit .fit__head{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    column-gap: var(--fit-colgap);
    align-items: end;
    margin-bottom: 54px;
  }
  .bp-etalon-hww-fit .fit__sub{
    padding-bottom: 4px;
  }
  .bp-etalon-hww-fit .fit__row{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    column-gap: var(--fit-colgap);
    align-items: start;
    padding: 30px 0 32px;
  }
  .bp-etalon-hww-fit .fit__note{
    padding-left: 0;
    padding-top: 0.28em;
  }
}

@media (min-width: 1024px){
  .bp-sec.bp-etalon-hww-fit{ --fit-colgap: 72px; }
  .bp-etalon-hww-fit .fit__head{ margin-bottom: 64px; }
  .bp-etalon-hww-fit .fit__flag{
    padding-left: 44px;
    font-size: 1.4rem;
  }
  .bp-etalon-hww-fit .fit__row{
    padding: 36px 0 38px;
  }
}

.bp-etalon-hww-process{
  --ord-col: 44px;
  --sidehead: 230px;
  --fc-pad: 26px;
  background: var(--paper);
}

/* ---------- masthead: flush-left title, subtitle as a second column ---------- */
.bp-etalon-hww-process .hww__masthead{
  display: grid;
  gap: 20px;
  padding-bottom: 26px;
  border-bottom: 2px solid var(--rule-firm);
}
.bp-etalon-hww-process .hww__mast-l{ min-width: 0; }
.bp-etalon-hww-process .hww__sub{
  min-width: 0;
  color: var(--ink);
}

/* ---------- first contact: tinted prose plate with a side head ---------- */
.bp-etalon-hww-process .hww__fc{
  margin-top: 34px;
  background: var(--tint);
  padding: var(--fc-pad);
  display: grid;
  gap: 20px;
}
.bp-etalon-hww-process .hww__fc-head{ min-width: 0; }
.bp-etalon-hww-process .hww__fc-head h3{
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.22;
  font-weight: 400;
  max-width: 18ch;
  padding-top: 16px;
  position: relative;
}
.bp-etalon-hww-process .hww__fc-head h3::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--stub);
}
.bp-etalon-hww-process .hww__fc-body{
  min-width: 0;
  --measure: 64ch;
}
.bp-etalon-hww-process .hww__fc-body p:first-child{
  font-size: 1.1rem;
  line-height: 1.62;
  color: var(--ink-strong);
}
.bp-etalon-hww-process .hww__fc-body p + p{ margin-top: 1.1em; }

/* ---------- ruled step ledger ---------- */
.bp-etalon-hww-process .hww__steps{ margin-top: 44px; }
.bp-etalon-hww-process .hww__steps-title{
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.22;
  font-weight: 400;
  max-width: 24ch;
  margin-bottom: 18px;
}

.bp-etalon-hww-process .hww__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.bp-etalon-hww-process .hww__step{
  display: grid;
  grid-template-columns: var(--ord-col) minmax(0, 1fr);
  column-gap: 18px;
  row-gap: 4px;
  padding: 26px 0;
  border-top: 1px solid var(--rule);
}
.bp-etalon-hww-process .hww__step:last-child{
  border-bottom: 2px solid var(--rule-firm);
}

.bp-etalon-hww-process .hww__ord{
  min-width: 0;
  padding-top: 4px;
}
.bp-etalon-hww-process .hww__ord .bp-u-month{
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--stub);
  width: 30px;
}

.bp-etalon-hww-process .hww__step-body{ min-width: 0; }
.bp-etalon-hww-process .hww__step-title{
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 1.7vw, 1.35rem);
  line-height: 1.25;
  font-weight: 500;
  max-width: 30ch;
  margin-bottom: 12px;
}
.bp-etalon-hww-process .hww__step-body p{
  max-width: 66ch;
}
.bp-etalon-hww-process .hww__step-body p + p{ margin-top: 1.05em; }

@media (min-width: 768px){
  .bp-etalon-hww-process{
    --ord-col: 92px;
    --fc-pad: 40px 44px;
  }
  .bp-etalon-hww-process .hww__masthead{
    padding-bottom: 32px;
  }
  .bp-etalon-hww-process .hww__fc{
    margin-top: 46px;
    grid-template-columns: var(--sidehead) minmax(0, 1fr);
    column-gap: 40px;
  }
  .bp-etalon-hww-process .hww__fc-body{
    padding-left: 40px;
    border-left: 1px solid var(--rule-firm);
  }
  .bp-etalon-hww-process .hww__steps{ margin-top: 64px; }
  .bp-etalon-hww-process .hww__steps-title{ margin-bottom: 26px; }
  .bp-etalon-hww-process .hww__step{
    column-gap: 32px;
    padding: 36px 0;
  }
  .bp-etalon-hww-process .hww__ord .bp-u-month{
    font-size: 2rem;
    width: 44px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-hww-process{
    --ord-col: 120px;
    --sidehead: 280px;
    --fc-pad: 56px 60px;
  }
  .bp-etalon-hww-process .hww__masthead{
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    column-gap: 72px;
    align-items: end;
  }
  .bp-etalon-hww-process .hww__sub{
    padding-bottom: 4px;
  }
  .bp-etalon-hww-process .hww__fc{
    column-gap: 56px;
  }
  .bp-etalon-hww-process .hww__fc-body{ padding-left: 56px; }
  .bp-etalon-hww-process .hww__step{
    column-gap: 48px;
    padding: 44px 0;
  }
  .bp-etalon-hww-process .hww__step-title{ margin-bottom: 14px; }
}

.bp-etalon-intro{
  --edge: max(var(--gutter), calc((100vw - var(--shell)) / 2));
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.bp-etalon-intro__grid{
  display: grid;
  gap: 30px;
}

.bp-etalon-intro__rail{
  display: grid;
  align-content: start;
  gap: 26px;
}

/* --- edge-anchored photograph: bleeds off the left margin --- */
.bp-etalon-intro__figure{
  width: 100%;
  aspect-ratio: 16 / 10;
}

/* --- consultation ledger panel --- */
.bp-etalon-intro__consult{
  margin-inline: var(--gutter);
  padding: 24px 22px 26px;
  background: var(--tint);
  border-top: 2px solid var(--stub);
}
.bp-etalon-intro__consult--lead{
  border-top-width: 3px;
  border-bottom: 1px solid var(--rule-firm);
  padding-top: 30px;
}
.bp-etalon-intro__consult-title{
  font-size: clamp(1.3rem, 2vw, 1.5rem);
}
.bp-etalon-intro__consult--lead .bp-etalon-intro__consult-title{
  font-size: clamp(1.45rem, 2.6vw, 1.8rem);
}
.bp-etalon-intro__consult-text{
  margin-top: 10px;
  font-size: 0.98rem;
  line-height: 1.66;
  max-width: 44ch;
}
.bp-etalon-intro__bullets{
  list-style: none;
  margin: 20px 0 22px;
  padding: 0;
}
.bp-etalon-intro__bullets li{
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 0 12px;
  align-items: start;
  min-width: 0;
  padding: 11px 0;
  border-top: 1px solid var(--rule);
  font-size: 0.94rem;
  line-height: 1.45;
}
.bp-etalon-intro__bullets li:last-child{
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-intro__bullets svg{
  width: 15px;
  height: 15px;
  margin-top: 0.3em;
  color: var(--stub);
}
.bp-etalon-intro__tel{
  margin-top: 16px;
}
.bp-etalon-intro__tel a:not(.bp-btn){
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink-strong);
  text-decoration-color: var(--stub);
}
.bp-etalon-intro__tel svg{
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--stub);
}

/* --- editorial prose column --- */
.bp-etalon-intro__body{
  padding-inline: var(--gutter);
  min-width: 0;
}
.bp-etalon-intro__body h2{
  margin-top: 18px;
  max-width: 22ch;
}
.bp-etalon-intro__prose{
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--rule);
}
.bp-etalon-intro__prose p{
  max-width: 66ch;
}
.bp-etalon-intro__prose p:first-child{
  font-size: 1.13rem;
  line-height: 1.62;
  max-width: 60ch;
  color: var(--ink-strong);
}
.bp-etalon-intro__prose p + p{
  margin-top: 1.1em;
}

@media (min-width: 768px){
  .bp-etalon-intro__grid{
    gap: 44px;
  }
  .bp-etalon-intro__rail{
    grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
    align-items: start;
    gap: 0 34px;
  }
  .bp-etalon-intro__figure{
    aspect-ratio: 3 / 4;
  }
  .bp-etalon-intro__consult{
    margin-inline: 0 var(--gutter);
    padding: 28px 30px 32px;
  }
  .bp-etalon-intro__consult .bp-btn--wide{
    width: 100%;
  }
  .bp-etalon-intro__body h2{
    margin-top: 20px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-intro__grid{
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
    align-items: start;
    gap: 0 clamp(44px, 5vw, 78px);
    padding-right: var(--edge);
  }
  .bp-etalon-intro__rail{
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .bp-etalon-intro__figure{
    aspect-ratio: 4 / 3;
  }
  .bp-etalon-intro__consult{
    margin-inline: var(--edge) 0;
    padding: 30px 28px 32px;
    border-top-width: 3px;
  }
  .bp-etalon-intro__body{
    padding-inline: 0;
  }
  .bp-etalon-intro__body h2{
    margin-top: 22px;
  }
  .bp-etalon-intro__prose{
    margin-top: 28px;
    padding-top: 28px;
  }
}

.bp-etalon-owner{
  --owner-col: 42%;
  --owner-figure-min: 520px;
  --owner-body-pad: 28px;
  padding: 44px 0;
  background: var(--paper);
  border-top: 1px solid var(--rule);
}

.bp-etalon-owner__wrap{ width: 100%; }

.bp-etalon-owner__split{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

/* ---------- portrait: edge-anchored half panel ---------- */
.bp-etalon-owner__figure{
  width: 100%;
  aspect-ratio: 4 / 5;
  max-height: 74vh;
  background: var(--tint);
}

/* ---------- photo-less plate: complete green ledger card ---------- */
.bp-etalon-owner__plate{
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 340px;
  padding: 34px var(--gutter) 38px;
}
.bp-etalon-owner__plate > *{ position: relative; z-index: 1; }
.bp-etalon-owner__plate-kicker{
  color: color-mix(in srgb, var(--color-primary-contrast) 74%, var(--color-primary));
  padding-bottom: 12px;
}
.bp-etalon-owner__plate-kicker::after{
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 12px;
  background: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-owner__plate-id{ margin-top: auto; }

/* ---------- text column ---------- */
.bp-etalon-owner__body{
  padding: var(--owner-body-pad) var(--gutter) 0;
}
.bp-etalon-owner__body--plate{ padding-top: 30px; }

.bp-etalon-owner .bp-etalon-owner__name{
  margin-top: 16px;
  font-size: clamp(2rem, 3.4vw, 2.7rem);
  line-height: 1.04;
  font-weight: 400;
  letter-spacing: -0.015em;
  max-width: 16ch;
}
.bp-etalon-owner .bp-etalon-owner__name--plate{
  margin-top: 0;
  color: var(--color-primary-contrast);
}

.bp-etalon-owner__role{
  margin-top: 10px;
  max-width: 34ch;
  font-family: var(--font-body);
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0.015em;
  color: var(--stub);
}
.bp-etalon-owner__role--plate{
  color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}

.bp-etalon-owner .bp-etalon-owner__seam{
  margin-top: 26px;
  background: var(--rule-firm);
}

/* ---------- ruled biography entries ---------- */
.bp-etalon-owner__bio{ margin-top: 4px; }
.bp-etalon-owner__entry{
  padding: 20px 0;
}
.bp-etalon-owner__entry + .bp-etalon-owner__entry{
  border-top: 1px solid var(--rule);
}
.bp-etalon-owner__entry p{
  max-width: 64ch;
  font-size: 1.0625rem;
  line-height: 1.72;
}
.bp-etalon-owner__entry:first-child p{
  font-size: 1.1rem;
  line-height: 1.66;
  color: var(--ink-strong);
}

@media (min-width: 768px){
  .bp-etalon-owner{
    padding: 72px 0;
    --owner-body-pad: 4px;
  }
  .bp-etalon-owner__split{
    grid-template-columns: var(--owner-col) minmax(0, 1fr);
    align-items: stretch;
  }
  .bp-etalon-owner__figure{
    aspect-ratio: auto;
    max-height: none;
    height: 100%;
    min-height: var(--owner-figure-min);
  }
  .bp-etalon-owner__plate{
    min-height: var(--owner-figure-min);
    padding: 44px 40px 46px;
    gap: 56px;
  }
  .bp-etalon-owner__body{
    border-left: 1px solid var(--rule);
    padding: 6px max(34px, calc((100vw - var(--shell)) / 2)) 6px 40px;
  }
  .bp-etalon-owner__body--plate{ padding-top: 6px; }
  .bp-etalon-owner .bp-etalon-owner__seam{ margin-top: 30px; }
  .bp-etalon-owner__entry{ padding: 24px 0; }
}

@media (min-width: 1024px){
  .bp-etalon-owner{
    padding: 96px 0;
    --owner-col: 46%;
    --owner-figure-min: 640px;
  }
  .bp-etalon-owner__body{
    padding-left: 64px;
    padding-top: 10px;
  }
  .bp-etalon-owner__plate{ padding: 56px 56px 60px; }
  .bp-etalon-owner__entry{ padding: 26px 0; }
}

.bp-etalon-page-cta{
  --ink: var(--color-primary-contrast);
  --ink-strong: var(--color-primary-contrast);
  --ink-soft: color-mix(in srgb, var(--color-primary-contrast) 78%, var(--color-primary-dark));
  --rule: color-mix(in srgb, var(--color-primary-contrast) 18%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-primary-contrast) 34%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
  --panel-pad: 24px;
  background: var(--color-primary-dark);
  color: var(--ink);
  border-top: 1px solid color-mix(in srgb, var(--color-contrast) 22%, transparent);
  overflow: hidden;
}

.bp-etalon-page-cta__wrap{
  display: grid;
  gap: 38px;
}

/* ---------- left: the ask ---------- */
.bp-etalon-page-cta__say{ min-width: 0; }

.bp-etalon-page-cta__title{
  max-width: 22ch;
  font-size: clamp(1.75rem, 5.2vw, 2.35rem);
  line-height: 1.12;
}
.bp-etalon-page-cta__stub{ margin: 20px 0 0; }
.bp-etalon-page-cta__text{
  margin-top: 20px;
  max-width: 52ch;
  color: var(--ink);
}
.bp-etalon-page-cta__actions{ margin-top: 30px; }
.bp-etalon-page-cta__tel{
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: 0.02em;
}
.bp-etalon-page-cta__tel svg{ color: var(--stub); }

/* ---------- right: paper form plate ---------- */
.bp-etalon-page-cta__panel{
  --paper: var(--color-base);
  --ink: color-mix(in srgb, var(--color-contrast) 88%, transparent);
  --ink-strong: var(--color-contrast);
  --ink-soft: var(--color-muted);
  --rule: color-mix(in srgb, var(--color-contrast) 14%, transparent);
  --rule-firm: color-mix(in srgb, var(--color-contrast) 30%, transparent);
  --stub: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
  min-width: 0;
  background: var(--color-base);
  color: var(--ink);
  padding: var(--panel-pad);
  border-radius: var(--radius-sm, 3px);
  border-top: 3px solid color-mix(in srgb, var(--color-accent) 78%, var(--color-contrast));
}
.bp-etalon-page-cta__ftitle{
  font-size: 1.2rem;
  color: var(--ink-strong);
}
.bp-etalon-page-cta__fhair{ margin: 16px 0 22px; }
.bp-etalon-page-cta__fstub{ margin: 4px 0 24px; }

.bp-etalon-page-cta__panel .bpa-lead-form{ gap: 14px; }
.bp-etalon-page-cta__panel .bpa-input{ background: var(--color-white); }
.bp-etalon-page-cta__panel .bpa-fineprint,
.bp-etalon-page-cta__panel .bpa-consent{ color: var(--color-muted); }

@media (min-width: 768px){
  .bp-etalon-page-cta{ --panel-pad: 34px; }
  .bp-etalon-page-cta__wrap{ gap: 48px; }
  .bp-etalon-page-cta__text{ margin-top: 24px; }
}

@media (min-width: 1024px){
  .bp-etalon-page-cta{ --panel-pad: 40px; }
  .bp-etalon-page-cta__wrap{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
    gap: 0;
    align-items: start;
  }
  .bp-etalon-page-cta__say{
    padding-right: 56px;
    border-right: 1px solid var(--rule);
    padding-bottom: 8px;
  }
  .bp-etalon-page-cta__title{ font-size: clamp(2rem, 2.6vw, 2.5rem); }
  .bp-etalon-page-cta__panel{ margin-left: 56px; }
  .bp-etalon-page-cta__panel .bpa-lead-form{
    grid-template-columns: minmax(0, 1fr);
  }
}

.bp-etalon-page-hero{
  --peh-minh: 240px;
  --peh-panel-top: 26px;
  padding: 0;
  background: var(--paper);
  border-bottom: 1px solid var(--rule-firm);
}

.bp-etalon-page-hero .peh{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

/* ---------- left paper panel ---------- */
.bp-etalon-page-hero .peh__panel{
  min-width: 0;
  padding: var(--peh-panel-top) var(--gutter) 38px;
  background: var(--paper);
}

.bp-etalon-page-hero .peh__crumbs ol{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 0;
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--ink-soft);
}
.bp-etalon-page-hero .peh__crumbs li + li::before{
  content: "/";
  display: inline-block;
  margin: 0 9px;
  color: var(--stub);
  font-weight: 500;
}
.bp-etalon-page-hero .peh__crumbs a:not(.bp-btn){
  color: var(--ink-soft);
  text-decoration: none;
}
.bp-etalon-page-hero .peh__crumbs a:not(.bp-btn):hover{
  color: var(--stub);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.bp-etalon-page-hero .peh__crumbs [aria-current]{ color: var(--ink-strong); }

.bp-etalon-page-hero .peh__title{
  margin: 22px 0 0;
  max-width: 17ch;
  font-size: clamp(2rem, 4.4vw, 2.95rem);
  line-height: 1.1;
}
.bp-etalon-page-hero .peh__t-lead,
.bp-etalon-page-hero .peh__t-accent{ display: block; }
.bp-etalon-page-hero .peh__t-accent{ color: var(--stub); }

.bp-etalon-page-hero .peh__sub{
  margin: 18px 0 0;
  max-width: 56ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--ink);
}

/* ---------- ledger proof row ---------- */
.bp-etalon-page-hero .peh__badges{
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 22px;
  max-width: 640px;
}
.bp-etalon-page-hero .peh__badges li{
  position: relative;
  min-width: 0;
  padding-top: 13px;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.45;
  text-transform: uppercase;
  color: var(--ink-strong);
}
.bp-etalon-page-hero .peh__badges li::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: var(--stub);
}

/* ---------- actions ---------- */
.bp-etalon-page-hero .peh__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 26px;
  margin-top: 30px;
}
.bp-etalon-page-hero a.peh__tel{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink-strong);
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums lining-nums;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--stub);
  text-underline-offset: 5px;
}
.bp-etalon-page-hero a.peh__tel:hover{ color: var(--stub); }
.bp-etalon-page-hero a.peh__tel svg{
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--stub);
}

/* ---------- right stage ---------- */
.bp-etalon-page-hero .peh__stage{
  position: relative;
  min-width: 0;
  min-height: var(--peh-minh);
  background: var(--tint);
  border-top: 1px solid var(--rule);
}
.bp-etalon-page-hero .peh__fig{
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
}
.bp-etalon-page-hero .peh__fig img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}

/* photo-less fallback: green quarter-ledger plate */
.bp-etalon-page-hero .peh__plate{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px var(--gutter);
  background: var(--color-primary);
}
.bp-etalon-page-hero .peh__plate-stub{
  display: block;
  width: 32px;
  height: 2px;
  margin-bottom: 18px;
  background: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-page-hero .peh__months{
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 320px;
}
.bp-etalon-page-hero .peh__months li{
  padding: 12px 0;
  border-top: 1px solid color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
  font-family: var(--font-heading);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--color-accent) 45%, var(--color-white));
}
.bp-etalon-page-hero .peh__months li:last-child{
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);
}

@media (min-width: 768px){
  .bp-etalon-page-hero{ --peh-minh: 460px; }
  .bp-etalon-page-hero .peh{
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
  .bp-etalon-page-hero .peh__panel{
    padding: 44px 40px 52px var(--gutter);
    border-right: 1px solid var(--rule);
  }
  .bp-etalon-page-hero .peh__stage{
    border-top: 0;
  }
  .bp-etalon-page-hero .peh__badges{
    margin-top: 34px;
  }
  .bp-etalon-page-hero .peh__plate{
    padding: 44px 40px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-page-hero{ --peh-minh: 560px; }
  .bp-etalon-page-hero .peh{
    grid-template-columns: minmax(0, 52%) minmax(0, 48%);
  }
  .bp-etalon-page-hero .peh__panel{
    padding-top: 62px;
    padding-bottom: 74px;
    padding-inline-end: 72px;
    padding-inline-start: max(var(--gutter), calc((100% - var(--shell)) / 2 + var(--gutter)));
  }
  .bp-etalon-page-hero .peh__title{
    margin-top: 28px;
    font-size: clamp(2.4rem, 3.1vw, 3.1rem);
  }
  .bp-etalon-page-hero .peh__sub{
    font-size: 1.1rem;
  }
  .bp-etalon-page-hero .peh__plate{
    padding: 64px 56px;
  }
}

.bp-etalon-page-hero--minimal{
  --peh-foot: 34px;
  --peh-gap: 34px;
  padding-bottom: 0;
  background: var(--paper);
  overflow: hidden;
}

.bp-etalon-page-hero--minimal .peh__shell{
  padding-bottom: var(--peh-foot);
}

/* ---------- breadcrumb ledger row ---------- */
.bp-etalon-page-hero--minimal .peh__crumbs ol{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-page-hero--minimal .peh__crumbs li{
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.bp-etalon-page-hero--minimal .peh__crumbs li + li::before{
  content: "/";
  color: var(--rule-firm);
  font-weight: 400;
  letter-spacing: 0;
}
.bp-etalon-page-hero--minimal .peh__crumbs a:not(.bp-btn){
  color: var(--ink-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}
.bp-etalon-page-hero--minimal .peh__crumbs a:not(.bp-btn):hover{
  color: var(--stub);
  border-bottom-color: var(--stub);
}
.bp-etalon-page-hero--minimal .peh__crumbs [aria-current="page"]{
  color: var(--ink-strong);
}

.bp-etalon-page-hero--minimal .peh__rule{
  margin: 16px 0 30px;
}

/* ---------- masthead grid ---------- */
.bp-etalon-page-hero--minimal .peh__grid{
  display: grid;
  gap: var(--peh-gap);
  align-items: start;
}

.bp-etalon-page-hero--minimal .peh__title{
  max-width: 17ch;
  letter-spacing: -0.015em;
}
.bp-etalon-page-hero--minimal .peh__title::before{
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin-bottom: 20px;
  background: var(--stub);
}
.bp-etalon-page-hero--minimal .peh__lead{
  color: var(--ink-strong);
}
.bp-etalon-page-hero--minimal .peh__accent{
  color: var(--stub);
}

/* ---------- supporting column ---------- */
.bp-etalon-page-hero--minimal .peh__aside{
  min-width: 0;
  border-top: 1px solid var(--rule);
  padding-top: 22px;
}
.bp-etalon-page-hero--minimal .peh__sub{
  max-width: 56ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--ink);
}

.bp-etalon-page-hero--minimal .peh__actions{
  margin-top: 26px;
}
.bp-etalon-page-hero--minimal .peh__tel svg{
  color: var(--stub);
}

.bp-etalon-page-hero--minimal .peh__telrow{
  margin-top: 20px;
}
.bp-etalon-page-hero--minimal .peh__tel-link{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink-strong);
}
.bp-etalon-page-hero--minimal .peh__tel-link svg{
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--stub);
}

/* ---------- affiliation / badge ruled row ---------- */
.bp-etalon-page-hero--minimal .peh__badges{
  list-style: none;
  margin: 34px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--rule);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 0;
}
.bp-etalon-page-hero--minimal .peh__badges li{
  margin: 0;
  padding: 2px 16px;
  border-left: 1px solid var(--rule);
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-page-hero--minimal .peh__badges li:first-child{
  padding-left: 0;
  border-left: 0;
}

/* ---------- full-bleed foot: photograph or closing copper rule ---------- */
.bp-etalon-page-hero--minimal .peh__band{
  position: relative;
  margin-inline: calc(var(--gutter) * -1);
  height: clamp(170px, 32vw, 300px);
  border-top: 1px solid var(--rule);
  background: var(--tint);
}
.bp-etalon-page-hero--minimal .peh__band img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bp-etalon-page-hero--minimal .peh__close{
  margin-inline: calc(var(--gutter) * -1);
  border-top: 1px solid var(--rule);
  padding-top: 10px;
}
.bp-etalon-page-hero--minimal .peh__close-copper{
  display: block;
  width: 96px;
  height: 2px;
  margin-left: var(--gutter);
  background: var(--stub);
}

@media (min-width: 768px){
  .bp-etalon-page-hero--minimal{
    --peh-foot: 52px;
    --peh-gap: 40px;
  }
  .bp-etalon-page-hero--minimal .peh__rule{
    margin: 18px 0 40px;
  }
  .bp-etalon-page-hero--minimal .peh__sub{
    font-size: 1.125rem;
  }
  .bp-etalon-page-hero--minimal .peh__close-copper{
    width: 128px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-page-hero--minimal{
    --peh-foot: 68px;
    --peh-gap: 0px;
  }
  .bp-etalon-page-hero--minimal .peh__grid{
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  }
  .bp-etalon-page-hero--minimal .peh__title{
    max-width: 14ch;
    padding-right: 48px;
  }
  .bp-etalon-page-hero--minimal .peh__aside{
    border-top: 0;
    border-left: 1px solid var(--rule);
    padding-top: 8px;
    padding-left: 48px;
  }
  .bp-etalon-page-hero--minimal .peh__band{
    height: clamp(240px, 24vw, 340px);
  }
}

.bp-etalon-process{
  --proc-col-gap: 0px;
  --proc-cell-pad: 0px;
  --proc-row-pad: 30px;
  --proc-track-top: 40px;
}

/* ---------- header: flush-left, lede as a second reading column ---------- */
.bp-etalon-process .proc__head{
  display: grid;
  gap: 16px;
}
.bp-etalon-process .proc__kicker{
  margin-bottom: 2px;
}
.bp-etalon-process .proc__title{
  max-width: 22ch;
}
.bp-etalon-process .proc__lede{
  color: var(--ink);
  max-width: 60ch;
}

/* ---------- the ledger timeline ---------- */
.bp-etalon-process .proc__track{
  list-style: none;
  margin: var(--proc-track-top) 0 0;
  padding: 0;
  border-bottom: 1px solid var(--rule);
  counter-reset: none;
}

.bp-etalon-process .proc__step{
  position: relative;
  margin: 0;
  padding: var(--proc-row-pad) var(--proc-cell-pad) var(--proc-row-pad) 0;
  border-top: 1px solid var(--rule);
  min-width: 0;
}

/* copper stub notch sitting on the hairline where each step begins */
.bp-etalon-process .proc__tick{
  position: absolute;
  top: -1px;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--stub);
}

.bp-etalon-process .proc__ord{
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 12px;
  font-variant-numeric: lining-nums tabular-nums;
}

.bp-etalon-process .proc__step-title{
  max-width: 24ch;
  margin-bottom: 10px;
}

.bp-etalon-process .proc__text{
  max-width: 60ch;
  font-size: 1rem;
  line-height: 1.66;
  color: var(--ink);
}

@media (min-width: 768px){
  .bp-etalon-process{
    --proc-cell-pad: 30px;
    --proc-row-pad: 34px;
    --proc-track-top: 52px;
  }
  .bp-etalon-process .proc__head{
    gap: 20px;
  }
  .bp-etalon-process .proc__track{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--proc-col-gap);
  }
  .bp-etalon-process .proc__step{
    padding-bottom: 38px;
  }
  .bp-etalon-process .proc__step:nth-child(2n){
    padding-right: 0;
    padding-left: 30px;
  }
  .bp-etalon-process .proc__step:nth-child(2n) .proc__tick{
    left: 30px;
  }
  .bp-etalon-process .proc__ord{
    font-size: 1.5rem;
  }
  .bp-etalon-process .proc__text{
    max-width: 46ch;
  }
}

@media (min-width: 1024px){
  .bp-etalon-process{
    --proc-cell-pad: 38px;
    --proc-row-pad: 30px;
    --proc-track-top: 64px;
  }
  .bp-etalon-process .proc__head{
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    column-gap: 72px;
    row-gap: 22px;
    align-items: start;
  }
  .bp-etalon-process .proc__kicker{
    grid-column: 1 / -1;
  }
  .bp-etalon-process .proc__title{
    grid-column: 1;
    max-width: 20ch;
  }
  .bp-etalon-process .proc__lede{
    grid-column: 2;
    padding-top: 6px;
    max-width: 52ch;
  }
  .bp-etalon-process .proc__track{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .bp-etalon-process .proc__step{
    padding-bottom: 8px;
  }
  .bp-etalon-process .proc__step:nth-child(2n){
    padding-right: 38px;
    padding-left: 0;
  }
  .bp-etalon-process .proc__step:nth-child(2n) .proc__tick{
    left: 0;
  }
  .bp-etalon-process .proc__step:last-child{
    padding-right: 0;
  }
  .bp-etalon-process .proc__ord{
    font-size: 1.65rem;
    margin-bottom: 16px;
  }
  .bp-etalon-process .proc__step-title{
    max-width: 18ch;
  }
  .bp-etalon-process .proc__text{
    max-width: 34ch;
    font-size: 0.9875rem;
  }
}

.bp-etalon-process-steps{
  --ps-col-min: 258px;
  --ps-gap-x: 36px;
  --ps-gap-y: 30px;
  --ps-node-w: 32px;
  background: var(--tint);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

/* ---------- head: flush-left headline, lede as second voice ---------- */
.bp-etalon-process-steps .ps__head{
  display: grid;
  gap: 18px;
}
.bp-etalon-process-steps .ps__headline > * + *{ margin-top: 14px; }
.bp-etalon-process-steps .ps__headline h2{
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  max-width: 20ch;
}
.bp-etalon-process-steps .ps__lede{
  color: var(--ink);
  max-width: 56ch;
}

/* ---------- the timeline: one spanning hairline, copy hanging beneath ---------- */
.bp-etalon-process-steps .ps__track{
  list-style: none;
  margin: 38px 0 0;
  padding: 0;
  border-top: 1px solid var(--rule-firm);
  display: grid;
  gap: var(--ps-gap-y) var(--ps-gap-x);
}
.bp-etalon-process-steps .ps__step{
  position: relative;
  margin: 0;
  padding-top: 26px;
  min-width: 0;
}
.bp-etalon-process-steps .ps__step + .ps__step{
  border-top: 1px solid var(--rule);
}
.bp-etalon-process-steps .ps__node{
  position: absolute;
  top: -1px;
  left: 0;
  width: var(--ps-node-w);
  height: 2px;
  background: var(--stub);
}
.bp-etalon-process-steps .ps__title{
  font-family: var(--font-heading);
  font-size: clamp(1.12rem, 1.5vw, 1.28rem);
  line-height: 1.28;
  font-weight: 500;
  color: var(--ink-strong);
  font-variant-numeric: tabular-nums lining-nums;
  max-width: 22ch;
}
.bp-etalon-process-steps .ps__text{
  margin-top: 12px;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--ink);
  max-width: 60ch;
  overflow-wrap: break-word;
}

/* ---------- closing action, ruled off from the sequence ---------- */
.bp-etalon-process-steps .ps__close{
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
  display: flex;
}
.bp-etalon-process-steps .ps__close .bp-btn{ width: 100%; }

@media (min-width: 768px){
  .bp-etalon-process-steps .ps__head{
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 26px 56px;
    align-items: end;
  }
  .bp-etalon-process-steps .ps__track{
    margin-top: 48px;
    grid-template-columns: repeat(auto-fit, minmax(var(--ps-col-min), 1fr));
  }
  .bp-etalon-process-steps .ps__step + .ps__step{ border-top: 0; }
  .bp-etalon-process-steps .ps__step{ padding-top: 24px; }
  .bp-etalon-process-steps .ps__close{
    margin-top: 46px;
    padding-top: 34px;
    justify-content: center;
  }
  .bp-etalon-process-steps .ps__close .bp-btn{ width: auto; }
}

@media (min-width: 1024px){
  .bp-etalon-process-steps{
    --ps-gap-x: 48px;
  }
  .bp-etalon-process-steps .ps__head{ gap: 30px 88px; }
  .bp-etalon-process-steps .ps__track{ margin-top: 60px; }
  .bp-etalon-process-steps .ps__step{ padding-top: 28px; }
  .bp-etalon-process-steps .ps__text{ margin-top: 14px; }
}

.bp-etalon-prose--intro{
  --pr-tint: #F1EFE8;
  --pr-cream: var(--color-cream);
  --pr-marker: color-mix(in srgb, var(--color-accent) 72%, var(--color-contrast));
  --pr-measure: 66ch;
  --pr-rail: 0px;
  padding-top: 58px;
  padding-bottom: 58px;
  overflow: hidden;
}

/* banded tint interlude: painted plate so the prose sits on its own surface
   between the photographic intro above and the numbered ledger rows below */
.bp-etalon-prose--intro .pr-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--pr-tint);
  border-top: 1px solid var(--rule-firm);
  border-bottom: 1px solid var(--rule-firm);
  pointer-events: none;
}
.bp-etalon-prose--intro .pr-bg--cream{
  background: var(--pr-cream);
}

.bp-etalon-prose--intro .pr-shell{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 820px;
  margin-inline: auto;
}

/* --- centered head: the one centered heading allowed on the page --- */
.bp-etalon-prose--intro .pr-head{
  text-align: center;
}
.bp-etalon-prose--intro .pr-kicker{
  color: var(--ink-soft);
  margin-inline: auto;
  max-width: 34ch;
}
.bp-etalon-prose--intro .pr-kicker::after{
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin: 13px auto 0;
  background: var(--pr-marker);
}
.bp-etalon-prose--intro .pr-title{
  margin: 18px auto 0;
  max-width: 26ch;
  font-size: clamp(1.75rem, 5.4vw, 2.15rem);
  line-height: 1.16;
  letter-spacing: -0.012em;
  color: var(--ink-strong);
  text-align: center;
  text-wrap: balance;
}

.bp-etalon-prose--intro .pr-seam{
  border: 0;
  height: 1px;
  width: 100%;
  margin: 30px 0 0;
  background: var(--rule);
}

/* --- body: single reading measure, flush left under the centered head --- */
.bp-etalon-prose--intro .pr-body{
  margin: 26px auto 0;
  max-width: var(--pr-measure);
  padding-left: var(--pr-rail);
}
.bp-etalon-prose--intro .pr-p{
  max-width: none;
  color: var(--ink);
  text-align: left;
}
.bp-etalon-prose--intro .pr-p + .pr-p{
  margin-top: 1.15em;
}
/* direct answer first: opening paragraph carries the emphasis */
.bp-etalon-prose--intro .pr-p:first-child{
  font-size: 1.14rem;
  line-height: 1.62;
  color: var(--ink-strong);
}
.bp-etalon-prose--intro .pr-p:last-child{
  color: var(--ink);
}

@media (min-width: 768px){
  .bp-etalon-prose--intro{
    --pr-rail: 34px;
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .bp-etalon-prose--intro .pr-title{
    margin-top: 22px;
    font-size: clamp(2rem, 3vw, 2.4rem);
    max-width: 28ch;
  }
  .bp-etalon-prose--intro .pr-seam{
    margin-top: 40px;
  }
  /* ledger margin line: a single vertical hairline holding the prose column */
  .bp-etalon-prose--intro .pr-body{
    margin-top: 36px;
    max-width: calc(var(--pr-measure) + var(--pr-rail));
    border-left: 1px solid var(--rule-firm);
  }
  .bp-etalon-prose--intro .pr-p:first-child{
    font-size: 1.2rem;
  }
}

@media (min-width: 1024px){
  .bp-etalon-prose--intro{
    --pr-rail: 44px;
    padding-top: 118px;
    padding-bottom: 118px;
  }
  .bp-etalon-prose--intro .pr-shell{
    max-width: 880px;
  }
  .bp-etalon-prose--intro .pr-seam{
    margin-top: 46px;
  }
  .bp-etalon-prose--intro .pr-body{
    margin-top: 42px;
  }
}

.bp-etalon-prose--proof{--pp-surface:var(--tint);--pp-indent:0;--pp-gap:26px}
.bp-etalon-prose--proof .pp-band{position:absolute;inset:0;background:var(--pp-surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);pointer-events:none}
.bp-etalon-prose--proof .pp-band--cream{--pp-surface:var(--color-cream)}
.bp-etalon-prose--proof .pp-inner{position:relative;z-index:1;display:grid;row-gap:var(--pp-gap)}
.bp-etalon-prose--proof .pp-head{display:grid;row-gap:18px}
.bp-etalon-prose--proof .pp-eyebrow{display:flex;align-items:center;gap:16px}
.bp-etalon-prose--proof .pp-label{white-space:nowrap}
.bp-etalon-prose--proof .pp-hair{flex:1 1 auto;height:1px;min-width:24px;background:var(--rule-firm)}
.bp-etalon-prose--proof .pp-title{max-width:27ch;font-size:clamp(1.8rem,5.4vw,2.2rem);line-height:1.14;letter-spacing:-0.015em}
.bp-etalon-prose--proof .pp-body{display:block;margin-left:var(--pp-indent)}
.bp-etalon-prose--proof .pp-p{max-width:64ch;color:var(--ink)}
.bp-etalon-prose--proof .pp-p:first-child{font-size:1.115rem;line-height:1.62;color:var(--ink-strong)}
.bp-etalon-prose--proof .pp-p + .pp-p{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule)}

@media (min-width:768px){
  .bp-etalon-prose--proof{--pp-gap:34px;--pp-indent:12%}
  .bp-etalon-prose--proof .pp-title{font-size:clamp(2rem,3.6vw,2.45rem)}
  .bp-etalon-prose--proof .pp-p{max-width:62ch}
  .bp-etalon-prose--proof .pp-p + .pp-p{margin-top:28px;padding-top:28px}
}

@media (min-width:1024px){
  .bp-etalon-prose--proof{--pp-gap:46px;--pp-indent:31%}
  .bp-etalon-prose--proof .pp-title{max-width:24ch;font-size:clamp(2.2rem,3vw,2.65rem)}
  .bp-etalon-prose--proof .pp-body{padding-left:38px;border-left:1px solid var(--rule-firm)}
  .bp-etalon-prose--proof .pp-p:first-child{font-size:1.18rem}
}

.bp-etalon-reasons{
  --num-col: 3rem;
  --row-gap-x: 14px;
  --row-pad: 24px;
  background: var(--paper);
}

/* ---------- header: flush-left headline, supporting line in a ruled second column ---------- */
.bp-etalon-reasons__head{
  display: grid;
  gap: 24px;
}
.bp-etalon-reasons .bp-etalon-reasons__title{
  max-width: 24ch;
}
.bp-etalon-reasons .bp-etalon-reasons__sub{
  max-width: 56ch;
  padding-top: 16px;
  border-top: 1px solid var(--rule);
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--ink);
}

/* ---------- numbered ledger rows ---------- */
.bp-etalon-reasons__rows{
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  border-top: 2px solid var(--rule-firm);
  counter-reset: none;
}
.bp-etalon-reasons__row{
  display: grid;
  grid-template-columns: var(--num-col) minmax(0, 1fr);
  column-gap: var(--row-gap-x);
  row-gap: 0;
  align-items: start;
  margin: 0;
  padding: var(--row-pad) 0;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-reasons__row:last-child{
  border-bottom: 2px solid var(--rule-firm);
}

.bp-etalon-reasons__num{
  display: block;
  padding-top: 0.1em;
  text-align: left;
}

.bp-etalon-reasons__body{
  min-width: 0;
}

.bp-etalon-reasons .bp-etalon-reasons__rowtitle{
  display: flex;
  align-items: baseline;
  gap: 10px;
  max-width: 34ch;
  font-size: clamp(1.1rem, 1.5vw, 1.28rem);
  line-height: 1.28;
  font-weight: 500;
}
.bp-etalon-reasons__glyph{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0.15em);
  color: var(--stub);
}
.bp-etalon-reasons__glyph svg{
  width: 16px;
  height: 16px;
}
.bp-etalon-reasons__rowtitletext{
  min-width: 0;
}

.bp-etalon-reasons .bp-etalon-reasons__text{
  margin-top: 10px;
  max-width: 66ch;
  color: var(--ink);
}

/* copper stub closes a photo-less row */
.bp-etalon-reasons__stub{
  grid-column: 2;
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 18px;
  background: var(--stub);
}

/* wide photographic band inside a row, when the platform stamps one */
.bp-etalon-reasons__fig{
  grid-column: 1 / -1;
  margin-top: 22px;
  aspect-ratio: 4 / 3;
}
.bp-etalon-reasons__fig img{
  height: 100%;
}

@media (min-width: 768px){
  .bp-etalon-reasons{
    --num-col: 4.75rem;
    --row-gap-x: 26px;
    --row-pad: 30px;
  }
  .bp-etalon-reasons__head{
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    column-gap: 48px;
    align-items: end;
  }
  .bp-etalon-reasons__rows{
    margin-top: 44px;
  }
  .bp-etalon-reasons__fig{
    grid-column: 2;
    aspect-ratio: 16 / 6;
    margin-top: 24px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-reasons{
    --num-col: 6.25rem;
    --row-gap-x: 36px;
    --row-pad: 38px;
  }
  .bp-etalon-reasons__head{
    column-gap: 72px;
  }
  .bp-etalon-reasons .bp-etalon-reasons__sub{
    font-size: 1.1rem;
  }
  /* body splits into a ledger pair: situation name, then the plain-words answer */
  .bp-etalon-reasons__body{
    display: grid;
    grid-template-columns: minmax(0, 21ch) minmax(0, 1fr);
    column-gap: 44px;
    align-items: start;
  }
  .bp-etalon-reasons .bp-etalon-reasons__rowtitle{
    max-width: none;
  }
  .bp-etalon-reasons .bp-etalon-reasons__text{
    margin-top: 0;
    padding-top: 0.15em;
  }
  .bp-etalon-reasons__stub{
    margin-top: 22px;
  }
}

.bp-etalon-service-content{
  --rail-w: 330px;
  --col-gap: 46px;
  --panel-pad: 22px;
  padding-top: 34px;
}
.bp-etalon-service-content .sc-shell{
  width: 100%;
  max-width: var(--shell);
  margin-inline: auto;
}

/* ---------- contents index (full width, ruled) ---------- */
.bp-etalon-service-content .sc-toc{
  border-top: 2px solid var(--stub);
  padding-top: 18px;
  margin-bottom: 40px;
}
.bp-etalon-service-content .sc-toc__head{
  border-bottom: 0;
  padding-bottom: 0;
}
.bp-etalon-service-content .sc-toc__list{
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.bp-etalon-service-content .sc-toc__item{
  display: grid;
  grid-template-columns: 1.9rem minmax(0, 1fr);
  align-items: baseline;
  gap: 4px 8px;
  padding: 10px 0;
  border-top: 1px solid var(--rule);
}
.bp-etalon-service-content .sc-toc__item:last-child{
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-service-content .sc-toc__num{
  font-family: var(--font-heading);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--stub);
}
.bp-etalon-service-content .sc-toc a:not(.bp-btn){
  font-family: var(--font-heading);
  font-size: 1.02rem;
  line-height: 1.35;
  text-decoration: none;
  color: var(--ink-strong);
}
.bp-etalon-service-content .sc-toc a:not(.bp-btn):hover{
  color: var(--stub);
  text-decoration: underline;
  text-decoration-color: var(--stub);
  text-underline-offset: 4px;
}

/* ---------- article + rail ---------- */
.bp-etalon-service-content .sc-grid{
  display: grid;
  gap: 48px;
}
.bp-etalon-service-content .sc-article{
  min-width: 0;
}
.bp-etalon-service-content .sc-block{
  scroll-margin-top: 96px;
  padding-top: 30px;
  border-top: 1px solid var(--rule);
}
.bp-etalon-service-content .sc-block:first-child{
  border-top: 0;
  padding-top: 0;
}
.bp-etalon-service-content .sc-block + .sc-block{
  margin-top: 34px;
}
.bp-etalon-service-content .sc-block__num{
  font-family: var(--font-heading);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--stub);
  margin: 0 0 6px;
}
.bp-etalon-service-content .sc-block__title{
  max-width: 24ch;
}
.bp-etalon-service-content .sc-prose{
  margin-top: 16px;
}
.bp-etalon-service-content .sc-prose p:first-child{
  font-size: 1.1rem;
  line-height: 1.62;
  color: var(--ink-strong);
}
.bp-etalon-service-content .sc-subs{
  margin-top: 26px;
  padding-left: 16px;
  border-left: 1px solid var(--rule);
  display: grid;
  gap: 24px;
}
.bp-etalon-service-content .sc-sub h3{
  margin-bottom: 9px;
}
.bp-etalon-service-content .sc-sub h3::before{
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  margin-bottom: 10px;
  background: var(--stub);
}

/* ---------- rail ---------- */
.bp-etalon-service-content .sc-rail{
  min-width: 0;
  display: grid;
  gap: 24px;
  align-content: start;
}
.bp-etalon-service-content .sc-panel{
  padding: var(--panel-pad);
  border-radius: 2px;
}
.bp-etalon-service-content .sc-panel__title{
  font-size: 1.16rem;
  line-height: 1.25;
  max-width: 22ch;
}
.bp-etalon-service-content .sc-panel--form{
  background: var(--tint);
  border-top: 3px solid var(--color-primary);
}
.bp-etalon-service-content .sc-formnote{
  margin-top: 6px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ink-soft);
}
.bp-etalon-service-content .sc-panel--form .bpa-lead-form{
  margin-top: 18px;
}
.bp-etalon-service-content .sc-trust{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin: 18px 0 0;
  padding: 13px 0 0;
  border-top: 1px solid var(--rule);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.bp-etalon-service-content .sc-trust li + li{
  padding-left: 12px;
  border-left: 1px solid var(--rule);
}
.bp-etalon-service-content a.sc-tel:not(.bp-btn){
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  font-family: var(--font-heading);
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--ink-strong);
  text-decoration: none;
  border-bottom: 2px solid var(--stub);
  padding-bottom: 2px;
}
.bp-etalon-service-content a.sc-tel:not(.bp-btn):hover{
  color: var(--stub);
}
.bp-etalon-service-content .sc-tel svg{
  width: 16px;
  height: 16px;
  color: var(--stub);
}
.bp-etalon-service-content .sc-consult{
  padding: 24px var(--panel-pad);
}
.bp-etalon-service-content .sc-consult__text{
  margin-top: 10px;
  font-size: 0.98rem;
  line-height: 1.62;
}
.bp-etalon-service-content .sc-bullets{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--rule);
  font-size: 0.92rem;
}
.bp-etalon-service-content .sc-links{
  padding: 0;
}
.bp-etalon-service-content .sc-links__list{
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.bp-etalon-service-content .sc-links__list li{
  border-top: 1px solid var(--rule);
}
.bp-etalon-service-content .sc-links__list li:last-child{
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-service-content .sc-links__list a:not(.bp-btn){
  display: block;
  padding: 11px 0;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--ink-strong);
}
.bp-etalon-service-content .sc-links__list a:not(.bp-btn):hover{
  color: var(--stub);
}

/* ---------- FAQ: full-width tinted ledger table ---------- */
.bp-etalon-service-content .sc-faq{
  margin-top: 52px;
  padding: 30px 20px 34px;
  background: var(--tint);
  border-top: 2px solid var(--color-primary);
}
.bp-etalon-service-content .sc-faq__title{
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
}
.bp-etalon-service-content .sc-faq__list{
  margin: 20px 0 0;
  padding: 0;
}
.bp-etalon-service-content .sc-faq__row{
  padding: 20px 0;
  border-top: 1px solid var(--rule-firm);
}
.bp-etalon-service-content .sc-faq__row:last-child{
  border-bottom: 1px solid var(--rule-firm);
}
.bp-etalon-service-content .sc-faq dt{
  font-family: var(--font-heading);
  font-size: 1.12rem;
  line-height: 1.3;
  font-weight: 500;
  color: var(--ink-strong);
  max-width: 34ch;
}
.bp-etalon-service-content .sc-faq dd{
  margin: 10px 0 0;
  max-width: 68ch;
  font-size: 1rem;
  line-height: 1.7;
}

@media (min-width: 768px){
  .bp-etalon-service-content{
    --panel-pad: 26px;
    padding-top: 52px;
  }
  .bp-etalon-service-content .sc-toc__list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
  }
  .bp-etalon-service-content .sc-subs{
    padding-left: 24px;
    gap: 28px;
  }
  .bp-etalon-service-content .sc-rail{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
  }
  .bp-etalon-service-content .sc-panel--form{
    grid-column: 1 / -1;
  }
  .bp-etalon-service-content .sc-faq{
    padding: 44px 40px 48px;
    margin-top: 64px;
  }
}

@media (min-width: 1024px){
  .bp-etalon-service-content{
    padding-top: 64px;
  }
  .bp-etalon-service-content .sc-toc__list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 48px;
  }
  .bp-etalon-service-content .sc-grid{
    grid-template-columns: minmax(0, 1fr) var(--rail-w);
    gap: var(--col-gap);
    align-items: start;
  }
  .bp-etalon-service-content .sc-block{
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    column-gap: 22px;
    padding-top: 38px;
  }
  .bp-etalon-service-content .sc-block + .sc-block{
    margin-top: 42px;
  }
  .bp-etalon-service-content .sc-block__num{
    grid-column: 1;
    grid-row: 1;
    text-align: right;
    padding-top: 0.5em;
    margin: 0;
  }
  .bp-etalon-service-content .sc-block__title{
    grid-column: 2;
    grid-row: 1;
  }
  .bp-etalon-service-content .sc-prose,
  .bp-etalon-service-content .sc-subs{
    grid-column: 2;
  }
  .bp-etalon-service-content .sc-rail{
    position: sticky;
    top: calc(var(--header-height, 72px) + 22px);
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .bp-etalon-service-content .sc-rail .bpa-lead-form{
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }
  .bp-etalon-service-content .sc-rail .bpa-submit{
    width: 100%;
    justify-self: stretch;
  }
  .bp-etalon-service-content .sc-faq{
    padding: 56px 64px 60px;
    margin-top: 84px;
  }
  .bp-etalon-service-content .sc-faq__row{
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    column-gap: 56px;
    padding: 26px 0;
  }
  .bp-etalon-service-content .sc-faq dd{
    margin-top: 0;
  }
}

.bp-etalon-services{
  --es-row-pad-y: 18px;
  --es-row-pad-x: 16px;
  --es-group-gap: 46px;
  --es-zebra: var(--tint);
  background: var(--paper);
}

/* ---------- masthead ---------- */
.bp-etalon-services .es-head{
  display: grid;
  gap: 22px;
}
.bp-etalon-services .es-head__title{
  margin-top: 4px;
  max-width: 24ch;
}
.bp-etalon-services .es-head__sub{
  font-size: 1.0625rem;
  line-height: 1.66;
  color: var(--ink);
  max-width: 62ch;
}
.bp-etalon-services .es-seam{
  margin-top: 30px;
}

/* ---------- group stack ---------- */
.bp-etalon-services .es-groups{
  display: grid;
  gap: var(--es-group-gap);
  margin-top: 34px;
}

.bp-etalon-services .es-group__head{
  display: grid;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--stub);
}
.bp-etalon-services .es-group__title{
  font-size: clamp(1.3rem, 2.1vw, 1.65rem);
  line-height: 1.18;
  max-width: 24ch;
}
.bp-etalon-services .es-group__intro{
  font-size: 0.9375rem;
  line-height: 1.62;
  color: var(--ink-soft);
  max-width: 60ch;
}

/* ---------- ledger rows (zebra, no hairline stack) ---------- */
.bp-etalon-services .es-rows{
  margin-top: 0;
}
.bp-etalon-services .es-row{
  display: grid;
  gap: 8px;
  padding: var(--es-row-pad-y) var(--es-row-pad-x);
  transition: background-color .18s ease;
}
.bp-etalon-services .es-row:nth-child(odd){
  background: var(--es-zebra);
}
.bp-etalon-services .es-row:hover{
  background: color-mix(in srgb, var(--color-primary) 7%, var(--paper));
}

.bp-etalon-services .es-row__name{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.bp-etalon-services .es-row__mark{
  flex: none;
  display: block;
  margin-top: 3px;
  color: var(--stub);
}
.bp-etalon-services .es-row__mark svg{
  width: 17px;
  height: 17px;
  display: block;
}
.bp-etalon-services .es-row__title{
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -0.005em;
  min-width: 0;
}
.bp-etalon-services .es-row__title a:not(.bp-btn){
  color: var(--ink-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.bp-etalon-services .es-row__body{
  min-width: 0;
}
.bp-etalon-services .es-row__desc{
  font-size: 0.9375rem;
  line-height: 1.68;
  color: var(--ink);
  max-width: 62ch;
}
.bp-etalon-services .es-row__tick{
  display: block;
  width: 24px;
  height: 1px;
  margin-top: 14px;
  background: var(--rule-firm);
}
.bp-etalon-services .es-row__fig{
  margin-top: 16px;
  width: 100%;
  aspect-ratio: 16 / 7;
  border-radius: 0;
}

@media (min-width: 768px){
  .bp-etalon-services{
    --es-row-pad-y: 20px;
    --es-row-pad-x: 20px;
    --es-group-gap: 58px;
  }
  .bp-etalon-services .es-head{
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: end;
    gap: 24px 44px;
  }
  .bp-etalon-services .es-head__sub{
    padding-bottom: 4px;
  }
  .bp-etalon-services .es-group__head,
  .bp-etalon-services .es-row{
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 4px 34px;
  }
  .bp-etalon-services .es-group__head{
    align-items: baseline;
    padding-bottom: 14px;
  }
  .bp-etalon-services .es-row{
    align-items: start;
  }
  .bp-etalon-services .es-row__title{
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px){
  .bp-etalon-services{
    --es-row-pad-y: 24px;
    --es-row-pad-x: 26px;
    --es-group-gap: 72px;
  }
  .bp-etalon-services .es-groups{
    margin-top: 44px;
  }
  .bp-etalon-services .es-group__head,
  .bp-etalon-services .es-row{
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    gap: 4px 56px;
  }
  .bp-etalon-services .es-row__title{
    font-size: 1.1875rem;
  }
  .bp-etalon-services .es-row__desc{
    font-size: 0.96875rem;
  }
  .bp-etalon-services .es-head__sub{
    font-size: 1.09375rem;
  }
}

.bp-etalon-stats-bar{
  --bar-pad-y: 6px;
  --col-pad-y: 16px;
  --val-gutter: 4.2rem;
  padding-top: var(--bar-pad-y);
  padding-bottom: 30px;
  background: var(--paper);
}

.bp-etalon-stats-bar__ledger{
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--rule);
  border-bottom: 2px solid var(--stub);
}

.bp-etalon-stats-bar dd{ margin: 0; }

/* ---- mobile: ledger rows, figure in the left gutter ---- */
.bp-etalon-stats-bar__col{
  display: grid;
  grid-template-columns: var(--val-gutter) minmax(0, 1fr);
  align-items: baseline;
  column-gap: 18px;
  padding: var(--col-pad-y) 0;
}
.bp-etalon-stats-bar__col + .bp-etalon-stats-bar__col{
  border-top: 1px solid var(--rule);
}

.bp-etalon-stats-bar__val{
  min-width: 0;
  font-size: clamp(2rem, 8vw, 2.6rem);
  line-height: 1;
}

.bp-etalon-stats-bar__label{
  min-width: 0;
  font-family: var(--font-body);
  font-size: 0.75rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ink-soft);
  max-width: 30ch;
}

@media (min-width: 768px){
  .bp-etalon-stats-bar{
    --bar-pad-y: 0px;
    --col-pad-y: 26px;
    padding-bottom: 42px;
  }
  .bp-etalon-stats-bar__ledger{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
  .bp-etalon-stats-bar__col{
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    align-items: start;
    row-gap: 0;
    padding: var(--col-pad-y) 30px var(--col-pad-y) 0;
  }
  .bp-etalon-stats-bar__col + .bp-etalon-stats-bar__col{
    border-top: 0;
    border-left: 1px solid var(--rule);
    padding-left: 30px;
  }
  .bp-etalon-stats-bar__val{
    font-size: clamp(2.4rem, 4.4vw, 3.1rem);
    padding-bottom: 14px;
    border-bottom: 2px solid var(--stub);
    width: 32px;
    box-sizing: content-box;
    margin-bottom: 14px;
  }
  .bp-etalon-stats-bar__label{
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    max-width: 24ch;
  }
}

@media (min-width: 1024px){
  .bp-etalon-stats-bar{
    --col-pad-y: 32px;
    padding-bottom: 56px;
  }
  .bp-etalon-stats-bar__col{
    padding-right: 44px;
  }
  .bp-etalon-stats-bar__col + .bp-etalon-stats-bar__col{
    padding-left: 44px;
  }
}

.bp-etalon-why-us{
  --why-mark: 20px;
  --why-col-gap: 56px;
  --why-shot-ratio: 4 / 3;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}

.bp-etalon-why-us__split{
  display: grid;
  gap: 38px;
}

/* ---------- left: the statement ---------- */
.bp-etalon-why-us__stmt{
  min-width: 0;
}
.bp-etalon-why-us .bp-etalon-why-us__title{
  margin-top: 18px;
  max-width: 20ch;
  font-size: clamp(1.95rem, 5.4vw, 2.35rem);
  line-height: 1.12;
  font-weight: 400;
}
.bp-etalon-why-us__act{
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--rule);
}

.bp-etalon-why-us__shot{
  margin-top: 30px;
  aspect-ratio: var(--why-shot-ratio);
  border-radius: 0;
}
.bp-etalon-why-us__shot::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: var(--stub);
}

/* ---------- right: prose + ruled differentiators ---------- */
.bp-etalon-why-us__body{
  min-width: 0;
}
.bp-etalon-why-us__p{
  max-width: 66ch;
  color: var(--ink);
}
.bp-etalon-why-us__p:first-child{
  font-size: 1.1rem;
  line-height: 1.62;
  color: var(--ink-strong);
}

.bp-etalon-why-us__list{
  margin-top: 32px;
  border-top: 2px solid var(--stub);
  max-width: 62ch;
}
.bp-etalon-why-us__item{
  display: grid;
  grid-template-columns: var(--why-mark) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 0;
  border-bottom: 1px solid var(--rule);
}
.bp-etalon-why-us__mark{
  display: block;
  width: var(--why-mark);
  height: 2px;
  margin-top: 0.78em;
  background: var(--stub);
}
.bp-etalon-why-us__txt{
  min-width: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--ink-strong);
}

@media (min-width: 768px){
  .bp-etalon-why-us{
    --why-shot-ratio: 16 / 9;
  }
  .bp-etalon-why-us__split{
    gap: 44px;
  }
  .bp-etalon-why-us .bp-etalon-why-us__title{
    font-size: clamp(2.05rem, 3.4vw, 2.5rem);
  }
  .bp-etalon-why-us__item{
    padding: 17px 0;
  }
  .bp-etalon-why-us__txt{
    font-size: 1.0625rem;
  }
}

@media (min-width: 1024px){
  .bp-etalon-why-us{
    --why-shot-ratio: 4 / 5;
  }
  .bp-etalon-why-us__split{
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: var(--why-col-gap);
    align-items: start;
  }
  .bp-etalon-why-us__stmt{
    position: sticky;
    top: calc(var(--header-height, 76px) + 34px);
  }
  .bp-etalon-why-us__split:has(.bp-etalon-why-us__shot) .bp-etalon-why-us__stmt{
    position: static;
  }
  .bp-etalon-why-us .bp-etalon-why-us__title{
    font-size: clamp(2.2rem, 2.9vw, 2.7rem);
    max-width: 18ch;
  }
  .bp-etalon-why-us__body{
    border-left: 1px solid var(--rule);
    padding-left: var(--why-col-gap);
  }
  .bp-etalon-why-us__list{
    margin-top: 40px;
  }
}