.about-hero{
  padding-block:var(--sv-hero-top) var(--sv-space-6)
}

.about-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:var(--sv-space-5)
}

.about-hero-grid>*{
  min-width:0
}

.about-hero-copy{
  min-width:0
}

.about-hero-copy .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--sv-space-2)
}

.about-hero-copy h1{
  max-width:13ch;
  font-size:var(--sv-text-6);
  line-height:1.16;
  overflow-wrap:anywhere
}

.about-hero-lead{
  max-width:42rem;
  margin-top:var(--sv-space-2);
  color:var(--sv-muted);
  font-size:var(--sv-text-4)
}

.about-hero-actions{
  justify-content:flex-start;
  margin-top:var(--sv-space-3)
}

.about-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--sv-space-1);
  margin-top:var(--sv-space-3);
  margin-bottom:var(--sv-space-2)
}

.about-hero-stat{
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#F7F6F2;
  color:#0F1F17
}

.about-hero-stat strong{
  display:block;
  color:#0F1F17;
  font-size:var(--sv-text-4);
  line-height:1.2;
  overflow-wrap:anywhere
}

.about-hero-stat span{
  display:block;
  margin-top:var(--sv-space-1);
  color:#5E6B63;
  font-size:var(--sv-text-2);
  line-height:1.45
}

.about-manifest{
  min-width:0;
  min-height:31rem;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg);
  background:linear-gradient(140deg,#DDF2E4 0%,#F8EFC9 38%,#F8DCD2 70%,#DCEAF6 100%);
  color:#0F1F17
}

.about-manifest__sheet{
  width:100%;
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17;
  box-shadow:var(--sv-shadow-float)
}

.about-manifest__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-bottom:var(--sv-space-3);
  border-bottom:1px solid var(--sv-line)
}

.about-manifest__head>div{
  min-width:0
}

.about-manifest__eyebrow{
  display:block;
  color:#5E6B63;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.35;
  letter-spacing:.08em
}

.about-manifest__head h2{
  margin-top:var(--sv-space-2);
  color:#0F1F17;
  font-size:var(--sv-text-5)
}

.about-manifest__state{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  flex:0 1 auto;
  align-items:center;
  padding:.48rem .8rem;
  border-radius:999px;
  background:#DDF2E4;
  color:#1D4A36;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.2;
  text-align:center
}

.about-manifest__rows{
  margin:0
}

.about-manifest__rows>div{
  display:grid;
  grid-template-columns:minmax(7rem,.65fr) minmax(0,1fr);
  align-items:start;
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-2);
  border-bottom:1px solid var(--sv-line)
}

.about-manifest__rows dt{
  min-width:0;
  color:#5E6B63
}

.about-manifest__rows dd{
  min-width:0;
  color:#0F1F17;
  font-size:var(--sv-text-2);
  font-weight:650;
  overflow-wrap:anywhere
}

.about-manifest__foot{
  padding-top:var(--sv-space-3)
}

.about-manifest__node{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--sv-space-1);
  color:#1D4A36;
  font-size:var(--sv-text-2);
  font-weight:650;
  line-height:1.5
}

.about-manifest__node svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 1.25rem;
  margin-top:.1rem
}

.about-position-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:stretch;
  gap:var(--sv-space-3)
}

.about-position-grid>*{
  min-width:0
}

.about-position-main{
  display:flex;
  min-height:100%;
  flex-direction:column
}

.about-position-main h3{
  margin-top:var(--sv-space-2)
}

.about-position-main>p{
  margin-top:var(--sv-space-2)
}

.about-position-side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sv-space-3)
}

.about-position-side>*{
  display:flex;
  min-width:0;
  height:auto;
  flex-direction:column;
  justify-content:center
}

.about-position-side .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--sv-space-2)
}

.about-position-side h3{
  color:inherit
}

.about-position-side p{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-card-mark{
  display:inline-flex;
  width:3rem;
  height:3rem;
  flex:0 0 3rem;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  border-radius:var(--sv-radius-sm);
  background:#FFFFFF;
  color:#1D4A36
}

.about-card-mark svg{
  width:1.35rem;
  height:1.35rem
}

.about-check-list{
  display:grid;
  gap:var(--sv-space-2);
  margin:var(--sv-space-3) 0 0;
  padding:0;
  list-style:none
}

.about-check-list li{
  position:relative;
  min-width:0;
  padding-left:1.5rem;
  color:inherit
}

.about-check-list li:before{
  position:absolute;
  top:.68em;
  left:0;
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  background:var(--sv-brand);
  content:""
}

.about-principles{
  align-items:start
}

.about-principles article{
  display:flex;
  min-width:0;
  flex-direction:column
}

.about-principle-number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  border-radius:50%;
  background:#FFFFFF;
  color:#0F1F17;
  font-size:var(--sv-text-2);
  font-weight:750
}

.about-principles h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-principles p{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-principle-note{
  margin-top:var(--sv-space-4)
}

.about-principle-note strong{
  display:block
}

.about-principle-note p{
  margin-top:var(--sv-space-1);
  color:#5C4A0B
}

.about-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  align-items:start;
  gap:var(--sv-space-2)
}

.about-region-card{
  min-width:0;
  padding-inline:var(--sv-space-3)
}

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

.about-region-code{
  color:inherit;
  font-size:var(--sv-text-2);
  font-weight:750
}

.about-region-card h3{
  margin-top:var(--sv-space-3);
  color:inherit
}

.about-region-card>p{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-region-card dl{
  display:grid;
  gap:var(--sv-space-1);
  margin:var(--sv-space-3) 0 0
}

.about-region-card dl>div{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-top:var(--sv-space-1);
  border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)
}

.about-region-card dt,
.about-region-card dd{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere
}

.about-region-card dd{
  text-align:right
}

.about-region-actions{
  justify-content:flex-start;
  margin-top:var(--sv-space-4)
}

.about-audience-section{
  background:#0F1F17;
  color:#F6F8F4
}

.about-audience-section .c-section-head h2{
  color:#F6F8F4
}

.about-audience-section .c-section-head>p{
  color:#C9D6CE
}

.about-audience-grid{
  align-items:start
}

.about-audience-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  background:#FFFFFF;
  color:#0F1F17
}

.about-audience-card h3{
  margin-top:var(--sv-space-2);
  color:#0F1F17
}

.about-audience-card p{
  margin-top:var(--sv-space-2);
  color:#5E6B63
}

.about-audience-card ul{
  display:grid;
  gap:var(--sv-space-1);
  margin:var(--sv-space-3) 0 0;
  padding-left:1.15rem;
  color:#3E4B44
}

.about-card-mark--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.about-card-mark--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.about-card-mark--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.about-card-mark--peach{
  background:#F8DCD2;
  color:#7A3A26
}

.about-ops{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:start;
  gap:var(--sv-space-3)
}

.about-ops>*{
  min-width:0
}

.about-ops__ledger{
  min-width:0;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg);
  background:#0F1F17;
  color:#F6F8F4
}

.about-ops__ledger-head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-bottom:var(--sv-space-3);
  border-bottom:1px solid var(--sv-line-dark)
}

.about-ops__ledger-kicker{
  color:#F6F8F4;
  font-family:var(--sv-font-heading);
  font-size:var(--sv-text-5);
  font-weight:650;
  line-height:1.2
}

.about-ops__ledger-status{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  padding:.48rem .8rem;
  border-radius:999px;
  background:#F8EFC9;
  color:#5C4A0B;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.2
}

.about-operation-list{
  min-width:0
}

.about-operation-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sv-space-3);
  padding-block:var(--sv-space-3);
  border-bottom:1px solid var(--sv-line-dark)
}

.about-operation-row:last-child{
  border-bottom:0;
  padding-bottom:0
}

.about-operation-index{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#DDF2E4;
  color:#1D4A36;
  font-size:var(--sv-text-2);
  font-weight:750
}

.about-operation-row h3{
  color:#F6F8F4;
  font-size:var(--sv-text-4)
}

.about-operation-row p{
  margin-top:var(--sv-space-1);
  color:#C9D6CE;
  font-size:var(--sv-text-2)
}

.about-ops__side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sv-space-3)
}

.about-ops-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  justify-content:space-between
}

.about-ops-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--sv-space-2)
}

.about-ops-card h3{
  color:inherit
}

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

.about-card-action{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-top:var(--sv-space-3)
}

.about-security-grid{
  align-items:start
}

.about-security-grid article{
  display:flex;
  min-width:0;
  flex-direction:column
}

.about-security-label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.48rem .8rem;
  border-radius:999px;
  background:#FFFFFF;
  color:#0F1F17;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.2
}

.about-security-grid h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-security-grid article>p{
  margin-top:var(--sv-space-2);
  color:inherit
}

.about-boundary-table{
  margin-top:var(--sv-space-4);
  border-radius:var(--sv-radius-md)
}

.about-boundary-table caption{
  padding:0 0 var(--sv-space-2);
  color:#0F1F17;
  font-family:var(--sv-font-heading);
  font-size:var(--sv-text-4);
  font-weight:650;
  text-align:left
}

.about-boundary-table td,
.about-boundary-table th{
  min-width:12rem;
  vertical-align:top
}

.about-security-actions{
  justify-content:flex-start;
  margin-top:var(--sv-space-4)
}

.about-commitments{
  display:grid;
  gap:var(--sv-space-2)
}

.about-commitment{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sv-space-3);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md)
}

.about-commitment--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.about-commitment--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.about-commitment--peach{
  background:#F8DCD2;
  color:#7A3A26
}

.about-commitment--sky{
  background:#DCEAF6;
  color:#1F4260
}

.about-commitment__index{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#FFFFFF;
  color:#0F1F17;
  font-size:var(--sv-text-2);
  font-weight:750
}

.about-commitment h3{
  color:inherit;
  font-size:var(--sv-text-4)
}

.about-commitment p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.about-closing-section{
  padding-top:var(--sv-space-5);
  padding-bottom:var(--sv-space-4)
}

.about-closing-kicker{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.48rem .8rem;
  border-radius:999px;
  background:#F8EFC9;
  color:#5C4A0B;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.2
}

.about-closing-kicker+h2{
  margin-top:var(--sv-space-2)
}

.about-closing-actions{
  flex:0 0 auto;
  align-items:stretch;
  flex-direction:column;
  justify-content:flex-start;
  margin-top:0
}

.about-closing-actions .c-btn-ghost{
  border-color:rgba(255,255,255,.38);
  color:#F6F8F4
}

@media(max-width:64rem){
  .about-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
    gap:var(--sv-space-4)
  }

  .about-hero-stats{
    grid-template-columns:1fr
  }

  .about-position-grid,
  .about-ops{
    grid-template-columns:1fr
  }

  .about-position-side,
  .about-ops__side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto
  }

  .about-ops-card{
    height:auto
  }
}

@media(max-width:48rem){
  .about-hero{
    padding-block:var(--sv-space-5)
  }

  .about-hero-grid{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--sv-space-4)
  }

  .about-hero-copy h1{
    max-width:none
  }

  .about-manifest{
    min-height:0;
    height:auto;
    padding:var(--sv-space-3);
    overflow:visible
  }

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

  .about-manifest__rows>div{
    grid-template-columns:1fr;
    gap:var(--sv-space-1)
  }

  .about-position-side,
  .about-ops__side{
    grid-template-columns:1fr
  }

  .about-operation-row{
    grid-template-columns:1fr
  }

  .about-region-actions,
  .about-security-actions{
    align-items:stretch;
    flex-direction:column
  }

  .about-region-actions .c-btn,
  .about-security-actions .c-btn{
    width:100%
  }

  .about-commitment{
    grid-template-columns:1fr
  }

  .about-closing-actions{
    width:100%
  }

  .about-closing-actions .c-btn{
    width:100%
  }
}

@media(max-width:24.375rem){
  .about-hero-actions{
    align-items:stretch;
    flex-direction:column
  }

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

  .about-manifest{
    padding:var(--sv-space-2)
  }

  .about-manifest__sheet{
    padding:var(--sv-space-3)
  }

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