.about-hero{
  padding-block:var(--sp-5) var(--sp-6);
  background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
  color:#062d27;
}

.about-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.about-hero__breadcrumb{
  align-self:stretch;
  color:#062d27;
  text-align:left;
}

.about-hero__breadcrumb a{
  color:#062d27;
}

.about-hero__intro{
  display:flex;
  width:min(100%,62rem);
  flex-direction:column;
  align-items:center;
  gap:var(--sp-1);
}

.about-hero__intro .c-kicker{
  background:#f0fff8;
  color:#006d3d;
}

.about-hero__intro h1{
  max-width:13ch;
  font-size:var(--fs-6);
}

.about-hero__lead{
  max-width:52rem;
  color:#10352d;
  font-size:var(--fs-3);
}

.about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-3);
}

.about-data-band{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-2);
  margin-top:var(--sp-5);
  text-align:left;
}

.about-data-band__item{
  min-width:0;
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#ffffff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.about-data-band__item b,
.about-data-band__item small{
  display:block;
  overflow-wrap:anywhere;
}

.about-data-band__item b{
  font-family:var(--font-heading);
  font-size:clamp(1.3rem,5cqi,2rem);
  line-height:var(--lh-heading);
}

.about-data-band__item small{
  margin-top:var(--sp-1);
  color:#56716b;
}

.about-manifest{
  min-width:0;
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#062d27;
  color:#ffffff;
  box-shadow:var(--shadow-lift);
}

.about-manifest__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-2) var(--sp-3);
  background:#00b34f;
  color:#062d27;
}

.about-manifest__head .c-badge{
  flex:0 0 auto;
  background:#f0fff8;
  color:#006d3d;
}

.about-manifest__head strong{
  min-width:0;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  overflow-wrap:anywhere;
}

.about-manifest__body{
  padding:var(--sp-4);
}

.about-manifest__title{
  display:grid;
  gap:var(--sp-1);
}

.about-manifest__title h2{
  max-width:16ch;
  color:#ffffff;
}

.about-manifest__title p{
  max-width:45rem;
  color:#b0ccc5;
}

.about-manifest__rows{
  display:grid;
  margin:var(--sp-4) 0 0;
}

.about-manifest__rows div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);
  gap:var(--sp-2);
  padding-block:var(--sp-2);
  border-top:1px solid rgba(255,255,255,.14);
}

.about-manifest__rows dt{
  color:#6de9c2;
  font-family:var(--font-mono);
}

.about-manifest__rows dd{
  min-width:0;
  color:#ffffff;
  overflow-wrap:anywhere;
}

.about-origin__side{
  min-width:0;
}

.about-note{
  min-width:0;
  gap:var(--sp-2);
  justify-content:center;
  color:#071e1a;
}

.about-note svg{
  flex:0 0 auto;
  color:#007c43;
}

.about-note div{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-note h3{
  color:#071e1a;
}

.about-note p{
  color:#56716b;
}

.about-section-head{
  display:flex;
  max-width:56rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
  margin-bottom:var(--sp-4);
}

.about-section-head p{
  max-width:50rem;
  color:#56716b;
}

.about-boundary{
  background:#f0fff8;
  color:#071e1a;
}

.about-boundary__grid{
  align-items:start;
}

.about-boundary__card{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--sp-2);
}

.about-boundary__card > div:last-child{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-boundary__icon{
  display:flex;
  width:3rem;
  height:3rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-sm);
  background:#ddf9ec;
  color:#007c43;
}

.about-boundary__card.c-card--dark{
  background:#062d27;
  color:#ffffff;
}

.about-boundary__card.c-card--dark h3{
  color:#ffffff;
}

.about-boundary__card.c-card--dark ul{
  color:#b0ccc5;
}

.about-boundary__card.c-card--dark .about-boundary__icon{
  background:#174d44;
  color:#6de9c2;
}

.about-boundary__card.c-card--white{
  background:#ffffff;
  color:#071e1a;
}

.about-boundary__card.c-card--white h3{
  color:#071e1a;
}

.about-boundary__card.c-card--white ul{
  color:#56716b;
}

.about-boundary__card ul{
  margin:0;
  padding-left:1.2rem;
}

.about-boundary__card li + li{
  margin-top:var(--sp-1);
}

.about-boundary__callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-3);
  background:#e8fbf3;
  color:#153f36;
}

.about-boundary__callout div{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-boundary__callout a{
  flex:0 0 auto;
  color:#007c43;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.22em;
}

.about-audience__grid{
  align-items:start;
}

.about-audience__card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
  color:#071e1a;
}

.about-audience__card.c-card--white{
  background:#ffffff;
  color:#071e1a;
}

.about-audience__card.c-card--primary{
  background:#00b34f;
  color:#062d27;
}

.about-audience__card.c-card--primary h3,
.about-audience__card.c-card--primary p,
.about-audience__card.c-card--primary dt,
.about-audience__card.c-card--primary dd{
  color:#062d27;
}

.about-audience__number{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#007c43;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
  overflow-wrap:anywhere;
}

.about-audience__card.c-card--primary .about-audience__number{
  color:#062d27;
}

.about-audience__card p{
  color:#56716b;
}

.about-audience__card dl{
  display:grid;
  width:100%;
  gap:var(--sp-1);
  margin:var(--sp-2) 0 0;
}

.about-audience__card dl div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(5rem,.4fr) minmax(0,1fr);
  gap:var(--sp-1);
}

.about-audience__card dt{
  color:#56716b;
  font-family:var(--font-mono);
}

.about-audience__card dd{
  min-width:0;
  color:#071e1a;
  overflow-wrap:anywhere;
}

.about-regions{
  background:#062d27;
  color:#ffffff;
}

.about-section-head--dark h2{
  color:#ffffff;
}

.about-section-head--dark p{
  color:#b0ccc5;
}

.about-section-head--dark .c-kicker{
  background:#174d44;
  color:#c9f9e6;
}

.about-regions__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--sp-3);
  align-items:start;
}

.about-region-card{
  container-type:inline-size;
  min-width:0;
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#ffffff;
  color:#071e1a;
}

.about-region-card__head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sp-1);
}

.about-region-card__head > span:first-child{
  color:#007c43;
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,12cqi,2.4rem);
  font-weight:700;
  line-height:1;
  overflow-wrap:anywhere;
}

.about-region-card h3{
  margin-top:var(--sp-3);
  color:#071e1a;
}

.about-region-card p{
  margin-top:var(--sp-1);
  color:#56716b;
}

.about-region-card dl{
  display:grid;
  gap:var(--sp-1);
  margin:var(--sp-3) 0 0;
  padding-top:var(--sp-2);
  border-top:1px solid rgba(7,30,26,.12);
}

.about-region-card dl div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(5rem,.5fr) minmax(0,1fr);
  gap:var(--sp-1);
}

.about-region-card dt{
  color:#56716b;
}

.about-region-card dd{
  min-width:0;
  color:#071e1a;
  font-family:var(--font-mono);
  overflow-wrap:anywhere;
}

.about-regions__note{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-4);
  padding-top:var(--sp-3);
  border-top:1px solid rgba(255,255,255,.14);
  color:#ffffff;
}

.about-regions__note svg{
  flex:0 0 auto;
  color:#6de9c2;
}

.about-regions__note p{
  color:#b0ccc5;
}

.about-regions__note strong{
  color:#ffffff;
}

.about-order-sheet{
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#ffffff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.about-order-sheet__header{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);
  background:#062d27;
  color:#ffffff;
}

.about-order-sheet__header div{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-order-sheet__header span{
  color:#6de9c2;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.about-order-sheet__header strong{
  color:#ffffff;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  overflow-wrap:anywhere;
}

.about-order-sheet__status{
  width:fit-content;
  max-width:45%;
  flex:0 1 auto;
  align-self:center;
  border-radius:var(--r-pill);
  padding:.45em .85em;
  background:#c7f28d;
  color:#10352d !important;
  line-height:1.2;
  text-align:center;
  overflow-wrap:anywhere;
}

.about-order-sheet__body{
  padding-inline:var(--sp-4);
}

.about-order-sheet__line{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(7rem,.25fr);
  gap:var(--sp-3);
  align-items:center;
  padding-block:var(--sp-3);
  border-bottom:1px solid rgba(7,30,26,.32);
}

.about-order-sheet__line > div{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-order-sheet__line span,
.about-order-sheet__line small{
  color:#56716b;
}

.about-order-sheet__line strong{
  color:#071e1a;
  font-size:var(--fs-3);
}

.about-order-sheet__line > b{
  min-width:0;
  color:#007c43;
  font-family:var(--font-mono);
  font-size:var(--fs-3);
  font-variant-numeric:tabular-nums;
  text-align:right;
  overflow-wrap:anywhere;
}

.about-order-sheet__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  background:#f0fff8;
  color:#071e1a;
}

.about-order-sheet__footer p{
  max-width:48rem;
  color:#56716b;
}

.about-order-sheet__footer .c-btn{
  flex:0 0 auto;
}

.about-principles{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--sp-3);
  margin-top:var(--sp-4);
  align-items:start;
}

.about-principles article{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--sp-2);
}

.about-principles article > span{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ddf9ec;
  color:#007c43;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  font-weight:700;
  line-height:1;
}

.about-principles article > div{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-principles h3{
  color:#071e1a;
  font-size:var(--fs-3);
}

.about-principles p{
  color:#56716b;
}

.about-evolution{
  background:#f0fff8;
  color:#071e1a;
}

.about-evolution__flow{
  display:grid;
  gap:var(--sp-2);
}

.about-evolution__step{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr);
  gap:var(--sp-3);
  align-items:start;
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#ffffff;
  color:#071e1a;
}

.about-evolution__marker{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
}

.about-evolution__marker span{
  width:fit-content;
  max-width:100%;
  border-radius:var(--r-pill);
  padding:.45em .85em;
  background:#ddf9ec;
  color:#007c43;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
}

.about-evolution__marker b{
  color:#071e1a;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  overflow-wrap:anywhere;
}

.about-evolution__step > div:last-child{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.about-evolution__step h3{
  color:#071e1a;
}

.about-evolution__step p{
  color:#56716b;
}

.about-evolution__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-4);
}

.about-evolution__links .c-btn--ghost{
  color:#07533f;
}

.about-quote-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-radius:var(--r-lg);
  background:#00b34f;
  color:#062d27;
  box-shadow:var(--shadow-lift);
}

.about-quote{
  min-width:0;
  padding:var(--sp-5);
  color:#062d27;
}

.about-quote + .about-quote{
  border-left:1px solid rgba(6,45,39,.22);
}

.about-quote blockquote{
  color:#062d27;
  font-family:var(--font-heading);
  font-size:clamp(1.6rem,4vw,2.7rem);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.025em;
}

.about-quote figcaption{
  margin-top:var(--sp-3);
  color:#10352d;
  font-family:var(--font-mono);
}

.about-cta{
  background:#062d27;
  color:#ffffff;
}

.about-cta__copy{
  display:flex;
  max-width:48rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
}

.about-cta__copy h2{
  color:#ffffff;
}

.about-cta__copy p{
  color:#b6d1ca;
}

.about-cta__actions{
  min-width:min(100%,15rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
}

.about-cta__actions .c-btn{
  width:100%;
}

.about-cta__actions .c-btn--ghost{
  color:#ffffff;
  border-color:rgba(255,255,255,.42);
}

@media(max-width:64rem){
  .about-hero__intro h1{
    font-size:var(--fs-6);
  }

  .about-data-band{
    grid-template-columns:1fr;
  }

  .about-order-sheet__header,
  .about-order-sheet__footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-order-sheet__footer .c-btn{
    flex:0 1 auto;
  }
}

@media(max-width:48rem){
  .about-manifest__head,
  .about-boundary__callout{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-boundary__callout a{
    flex:0 1 auto;
  }

  .about-quote-strip{
    grid-template-columns:1fr;
  }

  .about-quote + .about-quote{
    border-top:1px solid rgba(6,45,39,.22);
    border-left:0;
  }

  .about-evolution__step{
    grid-template-columns:1fr;
  }
}

@media(max-width:42rem){
  .about-hero{
    padding-block:var(--sp-4) var(--sp-5);
  }

  .about-hero__intro h1{
    max-width:none;
    font-size:var(--fs-6);
  }

  .about-hero__lead{
    font-size:var(--fs-2);
  }

  .about-hero__actions{
    width:100%;
  }

  .about-hero__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .about-manifest__body,
  .about-order-sheet__header,
  .about-order-sheet__footer{
    padding:var(--sp-3);
  }

  .about-order-sheet__body{
    padding-inline:var(--sp-3);
  }

  .about-manifest__rows div,
  .about-audience__card dl div,
  .about-region-card dl div{
    grid-template-columns:1fr;
    gap:var(--sp-1);
  }

  .about-boundary__card{
    flex-direction:column;
  }

  .about-order-sheet__line{
    grid-template-columns:1fr;
  }

  .about-order-sheet__line > b{
    text-align:left;
  }

  .about-order-sheet__status{
    max-width:100%;
    align-self:flex-start;
  }

  .about-evolution__links{
    width:100%;
  }

  .about-evolution__links .c-btn{
    width:100%;
    white-space:normal;
  }

  .about-quote{
    padding:var(--sp-3);
  }

  .about-cta__actions{
    width:100%;
  }
}

@media(max-width:24.375rem){
  .about-hero__intro h1{
    font-size:var(--fs-6);
  }

  .about-manifest__head strong{
    font-size:var(--fs-0);
  }

  .about-principles article{
    flex-direction:column;
  }
}
.p-hero[data-hero-form="data-band"].about-hero{padding-top:var(--sp-5)}
