.regions-page h1,
.regions-page h2,
.regions-page h3{
  font-family:var(--pm-font-body);
}

.regions-hero{
  padding-block:var(--pm-hero-pad);
  background:#F8F7F4;
  color:#212123;
}

.regions-hero__split{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:clamp(3rem,7vw,6rem);
}

.regions-hero__copy{
  min-width:0;
  align-items:flex-start;
  color:#212123;
}

.regions-hero__copy .c-kicker + h1{
  margin-top:var(--pm-space-2);
}

.regions-hero__copy h1{
  max-width:15ch;
  color:#212123;
  font-size:clamp(2.4rem,5vw,3.2rem);
  line-height:1.16;
  overflow-wrap:anywhere;
}

.regions-hero__lead{
  max-width:42rem;
  margin-top:var(--pm-space-3);
  color:#504C52;
  font-size:var(--pm-fs-3);
}

.regions-hero__actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
}

.regions-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:var(--pm-space-4) 0 var(--pm-space-3);
  padding:var(--pm-space-3) 0;
  border-top:1px solid color-mix(in srgb,#212123 12%,transparent);
  border-bottom:1px solid color-mix(in srgb,#212123 12%,transparent);
}

.regions-hero__facts div{
  min-width:0;
  padding-inline:var(--pm-space-2);
}

.regions-hero__facts div:first-child{
  padding-inline-start:0;
}

.regions-hero__facts div + div{
  border-left:1px solid color-mix(in srgb,#212123 12%,transparent);
}

.regions-hero__facts dt{
  color:#711706;
  font-size:var(--pm-fs-4);
  line-height:1.2;
}

.regions-hero__facts dd{
  margin-top:.5rem;
  color:#5A565C;
}

.regions-hero__stage{
  min-width:0;
  align-self:start;
}

.region-board{
  width:100%;
  height:auto;
  overflow:hidden;
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
  box-shadow:var(--pm-shadow);
}

.region-board__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--pm-space-3);
  padding:var(--pm-space-3);
  background:#F1EDF0;
  color:#31272E;
}

.region-board__head > div{
  min-width:0;
}

.region-board__eyebrow{
  display:block;
  color:#665961;
  font-size:var(--pm-fs-0);
  font-weight:750;
  letter-spacing:.07em;
}

.region-board__head h2{
  margin-top:.75rem;
  color:#31272E;
  font-size:clamp(1.35rem,3cqi,1.9rem);
  line-height:1.2;
}

.region-board__status{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  flex:none;
  align-items:center;
  gap:.45rem;
  padding:.45rem .7rem;
  border-radius:var(--pm-radius-pill);
  background:#FFFFFF;
  color:#31272E;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.region-board__status span{
  width:.5rem;
  height:.5rem;
  flex:none;
  border-radius:50%;
  background:#8A1D08;
}

.region-board__legend,
.region-board__row{
  display:grid;
  grid-template-columns:minmax(3.5rem,.5fr) minmax(0,1fr) minmax(0,1.25fr);
  align-items:center;
  gap:var(--pm-space-2);
}

.region-board__legend{
  padding:.8rem var(--pm-space-3);
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#AAA4AC;
  font-size:var(--pm-fs-0);
}

.region-board__row{
  min-width:0;
  padding:1rem var(--pm-space-3);
  color:#F8F7F4;
}

.region-board__row + .region-board__row{
  border-top:1px solid rgba(255,255,255,.12);
}

.region-board__row strong{
  color:#E9B7AA;
  font-size:var(--pm-fs-1);
}

.region-board__row span{
  min-width:0;
  color:#F8F7F4;
  font-size:var(--pm-fs-1);
  font-weight:650;
  overflow-wrap:anywhere;
}

.region-board__row small{
  min-width:0;
  color:#C5BFC7;
  overflow-wrap:anywhere;
}

.region-board__foot{
  display:grid;
  gap:.5rem;
  padding:var(--pm-space-3);
  background:#302C32;
  color:#F8F7F4;
}

.region-board__foot span{
  color:#BFB8C1;
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.region-board__foot strong{
  color:#F8F7F4;
  font-size:var(--pm-fs-1);
  overflow-wrap:anywhere;
}

.regions-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);
  align-items:end;
  gap:clamp(2rem,5vw,5rem);
  margin-bottom:var(--pm-space-4);
}

.regions-section-head > *{
  min-width:0;
}

.regions-section-head > p{
  color:#66636A;
}

.regions-heading{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--pm-space-2);
}

.regions-heading .c-kicker{
  width:fit-content;
  align-self:flex-start;
}

.regions-heading h2{
  max-width:19ch;
  overflow-wrap:anywhere;
}

.regions-table-scroll{
  border-radius:var(--pm-radius-md);
  box-shadow:var(--pm-shadow-soft);
}

.regions-matrix{
  min-width:62rem;
  background:#FFFFFF;
  color:#242126;
}

.regions-matrix caption{
  padding:1rem 1.15rem;
  background:#F1EDF0;
  color:#31272E;
  font-size:var(--pm-fs-1);
  font-weight:700;
  text-align:left;
}

.regions-matrix th,
.regions-matrix td{
  color:#242126;
}

.regions-matrix thead th{
  background:#F0F2EE;
  color:#263028;
}

.regions-matrix tbody th{
  min-width:14rem;
  background:#F8F7F4;
  color:#242126;
}

.regions-matrix td{
  min-width:8.2rem;
  text-align:left;
  vertical-align:middle;
}

.regions-spec{
  display:block;
  margin-top:.5rem;
  color:#686269;
  font-size:var(--pm-fs-0);
  font-weight:500;
}

.regions-matrix-note{
  display:grid;
  gap:.5rem;
  margin-top:var(--pm-space-3);
  padding:var(--pm-space-3);
  background:#F1EDF0;
  color:#31272E;
}

.regions-matrix-note strong,
.regions-matrix-note p{
  color:#31272E;
}

.regions-band{
  padding-block:var(--pm-section-pad);
}

.regions-band--sage{
  background:#F0F2EE;
  color:#263028;
}

.regions-band--mist{
  background:#EEEFF4;
  color:#292A35;
}

.regions-band--apricot{
  background:#F4EDE8;
  color:#352923;
}

.regions-location-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
  align-items:stretch;
  gap:var(--pm-space-3);
}

.regions-location-layout--reverse{
  grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);
}

.regions-location-layout--reverse .node-card--primary{
  grid-column:2;
  grid-row:1;
}

.regions-location-layout--reverse .region-brief{
  grid-column:1;
  grid-row:1;
}

.node-card{
  min-width:0;
  padding:clamp(1.5rem,3vw,2rem);
  border-radius:var(--pm-radius-md);
}

.node-card--primary{
  display:flex;
  flex-direction:column;
  background:#FFFFFF;
  color:#242126;
  box-shadow:var(--pm-shadow-soft);
}

.node-card__heading{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--pm-space-2);
}

.node-card__heading .c-badge{
  width:fit-content;
  align-self:flex-start;
}

.node-card__heading h2,
.node-card__heading h3{
  color:inherit;
  overflow-wrap:anywhere;
}

.node-card > p{
  margin-top:var(--pm-space-3);
  color:inherit;
  opacity:.78;
}

.node-card__metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--pm-space-2);
  margin:var(--pm-space-4) 0 0;
}

.node-card__metrics div{
  min-width:0;
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-sm);
  background:#F0F2EE;
  color:#263028;
}

.node-card__metrics dt{
  color:#263028;
}

.node-card__metrics dd{
  margin-top:.5rem;
  color:#4D5850;
}

.node-card__action{
  display:flex;
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
}

.region-brief{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(1.5rem,3vw,2rem);
  border-radius:var(--pm-radius-md);
  background:#242126;
  color:#F8F7F4;
}

.region-brief--mist{
  background:#EEEFF4;
  color:#292A35;
}

.region-brief__icon{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--pm-radius-sm);
  background:#F1EDF0;
  color:#7B1734;
}

.region-brief__icon svg{
  width:1.25rem;
  height:1.25rem;
}

.region-brief h3{
  margin-top:var(--pm-space-3);
  color:inherit;
}

.region-brief ul,
.region-brief ol{
  display:grid;
  gap:0;
  margin-top:var(--pm-space-3);
  padding:0;
  list-style:none;
}

.region-brief li{
  padding-block:var(--pm-space-2);
  color:inherit;
}

.region-brief li + li{
  border-top:1px solid rgba(255,255,255,.12);
}

.region-brief--mist li + li{
  border-top-color:color-mix(in srgb,#292A35 12%,transparent);
}

.region-brief ol li{
  display:grid;
  gap:.5rem;
}

.region-brief ol span{
  color:inherit;
  opacity:.72;
}

.regions-node-grid{
  align-items:start;
}

.regions-node-grid > *{
  height:auto;
}

.regions-node-grid .node-card{
  display:flex;
  flex-direction:column;
  padding:clamp(1.5rem,3vw,2rem);
}

.node-card__list{
  display:grid;
  gap:0;
  margin-top:var(--pm-space-3);
  padding:0;
  list-style:none;
}

.node-card__list li{
  padding-block:var(--pm-space-2);
  color:inherit;
}

.node-card__list li + li{
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
}

.node-card__list strong{
  color:inherit;
}

.node-card--us{
  padding:clamp(1.5rem,4vw,3rem);
  background:#FFFFFF;
  color:#242126;
  box-shadow:var(--pm-shadow-soft);
}

.regions-us-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--pm-space-3);
  margin-top:var(--pm-space-4);
}

.regions-us-flow > div{
  min-width:0;
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#F4EDE8;
  color:#352923;
}

.regions-us-flow span{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#711706;
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.regions-us-flow h3{
  margin-top:var(--pm-space-2);
  color:#352923;
  font-size:var(--pm-fs-3);
}

.regions-us-flow p{
  margin-top:var(--pm-space-2);
  color:#65554D;
  font-size:var(--pm-fs-1);
}

.regions-method{
  margin:0;
  padding:0;
  list-style:none;
}

.regions-method li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-3);
  padding-block:var(--pm-space-3);
  border-bottom:1px solid var(--pm-line);
}

.regions-method li:first-child{
  border-top:1px solid var(--pm-line);
}

.regions-method__number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#711706;
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.regions-method li > div{
  min-width:0;
}

.regions-method h3{
  color:#212123;
  font-size:var(--pm-fs-3);
}

.regions-method p{
  max-width:52rem;
  margin-top:var(--pm-space-2);
  color:#66636A;
}

.regions-method li > strong{
  width:fit-content;
  max-width:16rem;
  padding:.45rem .75rem;
  border-radius:var(--pm-radius-pill);
  background:#EEEFF4;
  color:#292A35;
  font-size:var(--pm-fs-0);
  overflow-wrap:anywhere;
}

.regions-decision{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:start;
  gap:var(--pm-space-3);
  margin-top:var(--pm-space-4);
  padding:clamp(1.5rem,3vw,2rem);
  border-radius:var(--pm-radius-md);
  background:#F0F2EE;
  color:#263028;
}

.regions-decision > *{
  min-width:0;
}

.regions-decision > div:first-child{
  display:grid;
  gap:.5rem;
}

.regions-decision__label{
  color:#5B655D;
  font-size:var(--pm-fs-0);
  font-weight:750;
  letter-spacing:.06em;
}

.regions-decision strong{
  color:#263028;
}

.regions-decision > p{
  color:#4D5850;
}

.regions-decision__actions{
  grid-column:1 / -1;
  justify-content:flex-start;
  margin-top:0;
}

.regions-closing-section{
  padding-block:var(--pm-section-pad);
}

.regions-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(15rem,auto);
  align-items:center;
  gap:clamp(2rem,6vw,5rem);
  padding:clamp(1.5rem,4vw,3rem);
  overflow:hidden;
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
}

.regions-closing__copy{
  min-width:0;
  color:#F8F7F4;
}

.regions-closing__kicker{
  background:#F4EDE8;
  color:#352923;
}

.regions-closing__kicker .c-kicker-dot{
  background:#7B1734;
}

.regions-closing__copy .c-kicker + h2{
  margin-top:var(--pm-space-2);
}

.regions-closing__copy h2{
  max-width:18ch;
  color:#F8F7F4;
}

.regions-closing__copy p{
  max-width:43rem;
  margin-top:var(--pm-space-3);
  color:#C9C3CB;
}

.regions-closing__actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  gap:var(--pm-space-2);
}

.regions-closing__actions .c-btn{
  width:100%;
}

.regions-closing__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#F8F7F4;
}

@media(max-width:64rem){
  .regions-hero__split,
  .regions-section-head,
  .regions-location-layout,
  .regions-location-layout--reverse,
  .regions-decision,
  .regions-closing{
    grid-template-columns:1fr;
  }

  .regions-location-layout--reverse .node-card--primary,
  .regions-location-layout--reverse .region-brief{
    grid-column:auto;
    grid-row:auto;
  }

  .regions-location-layout--reverse .node-card--primary{
    order:1;
  }

  .regions-location-layout--reverse .region-brief{
    order:2;
  }

  .regions-hero__stage,
  .region-board{
    height:auto;
  }

  .regions-section-head{
    align-items:start;
  }

  .regions-section-head > p{
    max-width:46rem;
  }

  .region-brief{
    height:auto;
  }

  .regions-decision__actions{
    grid-column:auto;
  }

  .regions-closing__actions{
    align-items:stretch;
  }
}

@media(max-width:48rem){
  .regions-hero__facts,
  .node-card__metrics,
  .regions-us-flow{
    grid-template-columns:1fr;
  }

  .regions-hero__facts div{
    padding:var(--pm-space-2) 0;
  }

  .regions-hero__facts div + div{
    border-left:0;
    border-top:1px solid color-mix(in srgb,#212123 12%,transparent);
  }

  .regions-method li{
    grid-template-columns:auto minmax(0,1fr);
  }

  .regions-method li > strong{
    grid-column:2;
  }
}

@media(max-width:42rem){
  .regions-hero{
    padding-block:var(--pm-space-5);
  }

  .regions-hero__copy h1{
    font-size:clamp(2.2rem,12vw,2.8rem);
  }

  .region-board__head{
    flex-direction:column;
  }

  .region-board__legend{
    display:none;
  }

  .region-board__row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .region-board__row small{
    grid-column:2;
  }

  .regions-method li{
    gap:var(--pm-space-2);
  }

  .regions-closing__actions .c-btn,
  .node-card__action .c-btn{
    width:100%;
  }
}

@media(max-width:24.375rem){
  .region-board__row{
    grid-template-columns:1fr;
  }

  .region-board__row small{
    grid-column:auto;
  }

  .regions-method li{
    grid-template-columns:1fr;
  }

  .regions-method li > strong{
    grid-column:auto;
  }
}
