.about-page{
  background:#090b0a;
  color:#faf7f2;
}

.about-hero{
  padding-block:var(--sm-hero-pad);
  background:#090b0a;
  color:#faf7f2;
}

.about-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:var(--sm-space-5);
}

.about-hero__copy{
  min-width:0;
  align-self:start;
}

.about-hero__copy h1{
  max-width:15ch;
  margin-inline:0;
  color:#faf7f2;
  font-size:clamp(2.65rem,4.7vw,3.2rem);
  line-height:1.16;
  overflow-wrap:anywhere;
}

.about-hero__lead{
  max-width:40rem;
  margin-top:var(--sm-space-3);
  color:#c4c7c2;
  font-size:var(--sm-text-lg);
}

.about-hero__actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
  margin-bottom:var(--sm-space-4);
}

.about-hero__actions .c-btn-ghost{
  background:rgba(255,255,255,.035);
  color:#f7f3ee;
  border-color:rgba(247,243,238,.35);
}

.about-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0;
  margin:0;
  padding-top:var(--sm-space-3);
  border-top:1px solid rgba(255,255,255,.12);
}

.about-hero__facts div{
  min-width:0;
  padding-right:var(--sm-space-2);
}

.about-hero__facts div+div{
  padding-left:var(--sm-space-2);
  border-left:1px solid rgba(255,255,255,.12);
}

.about-hero__facts dt,
.about-hero__facts dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.about-hero__facts dt{
  color:#9ea29d;
}

.about-hero__facts dd{
  display:grid;
  gap:.5rem;
  margin-top:.5rem;
  color:#f7f3ee;
}

.about-hero__facts strong{
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xl);
  font-variant-numeric:tabular-nums;
}

.about-hero__facts span{
  color:#aeb2ad;
  font-size:var(--sm-text-xs);
  line-height:1.5;
}

.about-board{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sm-space-2);
  width:100%;
  height:auto;
  min-height:0;
  padding:var(--sm-space-3);
  overflow:visible;
  border-radius:var(--sm-radius-lg);
  background:#151715;
  color:#f7f3ee;
  box-shadow:var(--sm-shadow);
  text-align:left;
}

.about-board__card{
  min-width:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
}

.about-board__card-main{
  background:#e7c7b8;
  color:#241b18;
}

.about-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  margin-bottom:var(--sm-space-3);
}

.about-board__label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.4;
  text-transform:uppercase;
}

.about-board__card-main .c-badge{
  flex:0 1 auto;
  background:#075f2b;
  color:#ffffff;
}

.about-board__card-main h2{
  max-width:18ch;
  color:#241b18;
  font-size:clamp(1.75rem,3.5vw,2.45rem);
}

.about-board__card-main p{
  max-width:38rem;
  margin-top:var(--sm-space-2);
  color:#55423a;
}

.about-board__specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sm-space-2);
  margin:var(--sm-space-3) 0 0;
}

.about-board__specs div{
  min-width:0;
  padding-top:var(--sm-space-2);
  border-top:1px solid rgba(36,27,24,.16);
}

.about-board__specs dt,
.about-board__specs dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.about-board__specs dt{
  color:#6a5247;
}

.about-board__specs dd{
  margin-top:.5rem;
  color:#241b18;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
  font-weight:700;
}

.about-board__pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--sm-space-2);
}

.about-board__card-price{
  background:#c9d7e5;
  color:#17202a;
}

.about-board__card-region{
  background:#e5d7a1;
  color:#201d12;
}

.about-board__number{
  display:block;
  margin-top:var(--sm-space-2);
  color:inherit;
  font-family:var(--sm-font-mono);
  font-size:clamp(2rem,5cqi,3.1rem);
  font-variant-numeric:tabular-nums;
  line-height:1;
  overflow-wrap:anywhere;
}

.about-board__number small{
  color:inherit;
  font-family:var(--sm-font-body);
  font-size:var(--sm-text-sm);
  font-weight:700;
}

.about-board__card-price p,
.about-board__card-region p{
  margin-top:var(--sm-space-2);
  color:inherit;
  font-size:var(--sm-text-sm);
}

.about-board__card-rule{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-3);
  background:#25212b;
  color:#f7f3ee;
}

.about-board__card-rule div{
  min-width:0;
}

.about-board__card-rule h3{
  margin-top:var(--sm-space-2);
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-lg);
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}

.about-board__status{
  display:inline-flex;
  flex:0 1 auto;
  width:fit-content;
  max-width:100%;
  padding:.55rem .8rem;
  border-radius:var(--sm-radius-pill);
  background:#399447;
  color:#090b0a;
  font-size:var(--sm-text-xs);
  font-weight:800;
  line-height:1.35;
  text-align:center;
}

.about-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:end;
  gap:var(--sm-space-4);
  margin-bottom:var(--sm-space-5);
}

.about-section-head>div{
  min-width:0;
}

.about-section-head h2{
  max-width:18ch;
  margin-inline:0;
  overflow-wrap:anywhere;
}

.about-section-head>p{
  max-width:36rem;
  margin-inline:0;
}

.surface-paper .about-section-head h2,
.surface-paper .about-section-head p{
  color:#090b0a;
}

.surface-paper .about-section-head>p{
  color:#555b56;
}

.surface-ink .about-section-head h2,
.surface-ink .about-section-head p{
  color:#f7f3ee;
}

.surface-ink .about-section-head>p{
  color:#a8aaa6;
}

.surface-clay .about-section-head h2,
.surface-clay .about-section-head p{
  color:#241b18;
}

.surface-clay .about-section-head>p{
  color:#5c473d;
}

.surface-blue .about-section-head h2,
.surface-blue .about-section-head p{
  color:#17202a;
}

.surface-blue .about-section-head>p{
  color:#465363;
}

.surface-violet .about-section-head h2,
.surface-violet .about-section-head p{
  color:#f7f3ee;
}

.surface-violet .about-section-head>p{
  color:#c3bdc8;
}

.about-origin{
  background:#f6f3ee;
  color:#090b0a;
}

.about-origin__layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:start;
  gap:var(--sm-space-4);
}

.about-origin__statement{
  min-width:0;
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
  background:#eeeae4;
  color:#090b0a;
}

.about-origin__statement p{
  color:#343a35;
  font-size:var(--sm-text-lg);
}

.about-origin__statement p+p{
  margin-top:var(--sm-space-3);
}

.about-origin__notes{
  display:grid;
  align-items:start;
  gap:var(--sm-space-3);
}

.about-note{
  min-width:0;
  padding-inline:var(--sm-space-4);
}

.about-note-blue{
  background:#c9d7e5;
  color:#17202a;
}

.about-note-violet{
  background:#25212b;
  color:#f7f3ee;
}

.about-note__index{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--sm-space-3);
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
  font-weight:800;
}

.about-note-blue .about-note__index,
.about-note-blue h3{
  color:#17202a;
}

.about-note-blue p{
  margin-top:var(--sm-space-2);
  color:#3f4d5d;
}

.about-note-violet .about-note__index,
.about-note-violet h3{
  color:#f7f3ee;
}

.about-note-violet p{
  margin-top:var(--sm-space-2);
  color:#c3bdc8;
}

.about-principles{
  background:#151715;
  color:#f7f3ee;
}

.about-ledger{
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#181a19;
  color:#f7f3ee;
}

.about-ledger__head,
.about-ledger__row{
  display:grid;
  grid-template-columns:minmax(7rem,.45fr) minmax(0,1.55fr) minmax(8rem,.55fr);
  align-items:center;
  gap:var(--sm-space-3);
  min-width:0;
  padding:var(--sm-space-3) var(--sm-space-4);
}

.about-ledger__head{
  background:#c9d7e5;
  color:#17202a;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:800;
  letter-spacing:.06em;
}

.about-ledger__row{
  background:#202320;
  color:#f7f3ee;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.about-ledger__row:last-child{
  border-bottom:0;
}

.about-ledger__row>*{
  min-width:0;
  overflow-wrap:anywhere;
}

.about-ledger__key{
  color:#86d590;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
  font-weight:800;
}

.about-ledger__row h3{
  color:#f7f3ee;
  font-size:var(--sm-text-lg);
}

.about-ledger__row p{
  margin-top:.5rem;
  color:#a8aaa6;
  font-size:var(--sm-text-sm);
}

.about-ledger__row strong{
  justify-self:start;
  color:#d8ddd7;
  font-size:var(--sm-text-sm);
}

.about-boundaries{
  background:#e7c7b8;
  color:#241b18;
}

.about-boundary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}

.about-boundary-card{
  padding-inline:var(--sm-space-4);
}

.about-boundary-card-paper{
  background:#f6f3ee;
  color:#090b0a;
}

.about-boundary-card-blue{
  background:#c9d7e5;
  color:#17202a;
}

.about-boundary-card-wheat{
  background:#e5d7a1;
  color:#201d12;
}

.about-card-mark{
  display:flex;
  align-items:center;
  gap:var(--sm-space-1);
  margin-bottom:var(--sm-space-3);
}

.about-icon-chip{
  display:inline-flex;
  flex:0 0 2.5rem;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--sm-radius-sm);
  background:#075f2b;
  color:#ffffff;
}

.about-icon-chip svg{
  width:1.25rem;
  height:1.25rem;
}

.about-card-tag{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.45rem .72rem;
  border-radius:var(--sm-radius-pill);
  background:rgba(9,11,10,.08);
  color:inherit;
  font-size:var(--sm-text-xs);
  font-weight:800;
  line-height:1.3;
}

.about-boundary-card h3{
  color:inherit;
}

.about-boundary-card p{
  margin-top:var(--sm-space-2);
  color:inherit;
}

.about-boundary-card-paper p{
  color:#454b46;
}

.about-boundary-card-blue p{
  color:#3f4d5d;
}

.about-boundary-card-wheat p{
  color:#514a2d;
}

.about-boundary-alert{
  margin-top:var(--sm-space-4);
  background:#c9d7e5;
  color:#17202a;
}

.about-boundary-alert h3{
  color:#17202a;
  font-size:var(--sm-text-lg);
}

.about-boundary-alert p{
  margin-top:.5rem;
  color:#3f4d5d;
}

.about-audience{
  background:#f6f3ee;
  color:#090b0a;
}

.about-audience-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.about-audience-card{
  padding-inline:var(--sm-space-4);
}

.about-audience-card-blue{
  background:#c9d7e5;
  color:#17202a;
}

.about-audience-card-clay{
  background:#e7c7b8;
  color:#241b18;
}

.about-audience-card-wheat{
  background:#e5d7a1;
  color:#201d12;
}

.about-audience-card-violet{
  background:#25212b;
  color:#f7f3ee;
}

.about-audience-card__code{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--sm-space-3);
  padding:.45rem .72rem;
  border-radius:var(--sm-radius-pill);
  background:#075f2b;
  color:#ffffff;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:800;
  line-height:1.2;
}

.about-audience-card h3{
  color:inherit;
}

.about-audience-card p{
  margin-top:var(--sm-space-2);
  color:inherit;
}

.about-audience-card-blue p,
.about-audience-card-blue li{
  color:#3f4d5d;
}

.about-audience-card-clay p,
.about-audience-card-clay li{
  color:#5c473d;
}

.about-audience-card-wheat p,
.about-audience-card-wheat li{
  color:#514a2d;
}

.about-audience-card-violet p,
.about-audience-card-violet li{
  color:#c3bdc8;
}

.about-audience-card ul{
  margin:var(--sm-space-3) 0 0;
  padding-left:1.15rem;
}

.about-audience-card li+li{
  margin-top:.4rem;
}

.about-workflow{
  background:#c9d7e5;
  color:#17202a;
}

.about-steps{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.about-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sm-space-3);
  min-width:0;
  padding:var(--sm-space-3) 0;
  border-bottom:1px solid rgba(23,32,42,.16);
}

.about-step:first-child{
  border-top:1px solid rgba(23,32,42,.16);
}

.about-step>*{
  min-width:0;
}

.about-step__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  background:#075f2b;
  color:#ffffff;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
  font-weight:800;
}

.about-step h3{
  color:#17202a;
  font-size:var(--sm-text-xl);
}

.about-step p{
  margin-top:.5rem;
  color:#465363;
}

.about-step__result{
  display:inline-flex;
  width:fit-content;
  max-width:15rem;
  padding:.55rem .8rem;
  border-radius:var(--sm-radius-pill);
  background:#f6f3ee;
  color:#17202a;
  font-size:var(--sm-text-xs);
  font-weight:800;
  line-height:1.35;
  text-align:center;
}

.about-workflow__actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-4);
}

.about-transparency{
  background:#25212b;
  color:#f7f3ee;
}

.about-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--sm-space-2);
}

.about-metrics article{
  min-width:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#181a19;
  color:#f7f3ee;
}

.about-metrics strong{
  display:block;
  color:#86d590;
  font-family:var(--sm-font-mono);
  font-size:clamp(2rem,4cqi,3rem);
  font-variant-numeric:tabular-nums;
  line-height:1;
  overflow-wrap:anywhere;
}

.about-metrics strong small{
  color:#c7cbc6;
  font-family:var(--sm-font-body);
  font-size:var(--sm-text-sm);
  font-weight:700;
}

.about-metrics h3{
  margin-top:var(--sm-space-3);
  color:#f7f3ee;
  font-size:var(--sm-text-lg);
}

.about-metrics p{
  margin-top:.5rem;
  color:#a8aaa6;
  font-size:var(--sm-text-sm);
}

.about-support-path{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto;
  align-items:center;
  gap:var(--sm-space-4);
  margin-top:var(--sm-space-4);
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
  background:#e7c7b8;
  color:#241b18;
}

.about-support-path>*{
  min-width:0;
}

.about-support-path__label{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  color:#075f2b;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  font-weight:800;
  letter-spacing:.07em;
}

.about-support-path h3{
  margin-top:var(--sm-space-2);
  color:#241b18;
  font-size:var(--sm-text-xl);
  overflow-wrap:anywhere;
}

.about-support-path p{
  color:#5c473d;
}

.about-support-path .c-btn-secondary{
  background:#f6f3ee;
  color:#090b0a;
  border-color:rgba(9,11,10,.2);
}

.about-closing-section{
  background:#f6f3ee;
  color:#090b0a;
}

.about-closing{
  grid-template-columns:minmax(0,1fr) minmax(14rem,auto);
  align-items:center;
  padding:var(--sm-space-5);
  background:#151715;
  color:#f7f3ee;
}

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

.about-closing__copy .c-kicker{
  background:#e5d7a1;
  color:#201d12;
}

.about-closing__copy .c-kicker::before{
  background:#075f2b;
}

.about-closing__copy h2{
  max-width:17ch;
  color:#f7f3ee;
}

.about-closing__copy p{
  max-width:42rem;
  margin-top:var(--sm-space-3);
  color:#b8bbb6;
}

.about-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.75rem;
  min-width:14rem;
}

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

.about-closing__actions .c-btn-ghost{
  background:rgba(255,255,255,.035);
  color:#f7f3ee;
  border-color:rgba(247,243,238,.35);
}

@media(max-width:64rem){
  .about-hero__grid{
    grid-template-columns:minmax(0,1fr);
  }

  .about-hero__copy h1{
    max-width:18ch;
  }

  .about-board{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .about-section-head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:var(--sm-space-3);
  }

  .about-origin__layout{
    grid-template-columns:minmax(0,1fr);
  }

  .about-boundary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .about-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .about-support-path{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
  }

  .about-support-path .c-btn{
    justify-self:start;
  }
}

@media(max-width:48rem){
  .about-hero__facts{
    grid-template-columns:minmax(0,1fr);
  }

  .about-hero__facts div{
    padding:var(--sm-space-2) 0;
  }

  .about-hero__facts div+div{
    padding-left:0;
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .about-board__pair,
  .about-board__specs,
  .about-audience-grid,
  .about-boundary-grid,
  .about-metrics{
    grid-template-columns:minmax(0,1fr);
  }

  .about-board__card-rule{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-ledger__head{
    display:none;
  }

  .about-ledger__row{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
  }

  .about-step{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
  }

  .about-step__result{
    grid-column:2;
  }

  .about-closing{
    grid-template-columns:minmax(0,1fr);
    padding:var(--sm-space-4);
  }
}

@media(max-width:42rem){
  .about-hero{
    padding-block:var(--sm-hero-pad);
  }

  .about-hero__copy h1{
    max-width:none;
    font-size:clamp(2.4rem,11vw,3rem);
  }

  .about-hero__lead{
    font-size:var(--sm-text-md);
  }

  .about-board{
    padding:var(--sm-space-2);
  }

  .about-board__card,
  .about-origin__statement,
  .about-ledger__row,
  .about-support-path,
  .about-closing{
    padding:var(--sm-space-3);
  }

  .about-board__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-board__card-main h2{
    max-width:none;
  }

  .about-section-head{
    margin-bottom:var(--sm-space-4);
  }

  .about-section-head h2{
    max-width:none;
    font-size:clamp(2rem,10vw,2.8rem);
  }

  .about-origin__statement p{
    font-size:var(--sm-text-md);
  }

  .about-step{
    grid-template-columns:minmax(0,1fr);
  }

  .about-step__result{
    grid-column:auto;
  }

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

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