.about-page [hidden]{display:none!important}

.about-hero{
  padding-block:var(--hero-pad);
  background:#f7f7f5;
  color:#19151b
}

[data-hero-form="terminal"] .about-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,32rem);
  gap:var(--space-8);
  align-items:start
}

.about-hero__copy{
  min-width:0
}

.about-hero__copy .c-kicker+h1{
  margin-top:var(--space-4)
}

.about-hero__copy h1{
  max-width:15ch;
  overflow-wrap:anywhere
}

.about-hero__lead{
  max-width:42rem;
  margin-top:var(--space-5);
  color:#3f3940;
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

.about-hero__detail{
  max-width:42rem;
  margin-top:var(--space-4);
  color:#5f565f
}

.about-hero__actions{
  justify-content:flex-start;
  margin-top:var(--space-5)
}

.hero-art.about-hero__art{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  width:100%;
  height:auto;
  overflow:visible;
  transform:none
}

.about-board{
  width:100%;
  min-width:0;
  height:auto;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#19151b;
  color:#fff;
  box-shadow:var(--shadow-soft)
}

.about-board__head{
  padding:var(--space-5) var(--space-6);
  display:grid;
  gap:var(--space-2);
  background:#59155f;
  color:#fff
}

.about-board__head span{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.4;
  letter-spacing:.08em
}

.about-board__head strong{
  font-family:var(--font-heading);
  font-size:var(--text-h3);
  line-height:var(--leading-heading)
}

.about-board__facts{
  margin:0;
  padding:var(--space-5) var(--space-6);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  background:#19151b;
  color:#fff
}

.about-board__facts div{
  min-width:0;
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(255,255,255,.13)
}

.about-board__facts dt{
  color:#b8b1b9;
  font-size:var(--text-xs);
  font-weight:500
}

.about-board__facts dd{
  margin-top:var(--space-2);
  color:#fff;
  overflow-wrap:anywhere
}

.about-board__catalog{
  padding:0 var(--space-6) var(--space-5);
  display:grid;
  gap:var(--space-2);
  background:#19151b;
  color:#fff
}

.about-board__catalog>div{
  min-width:0;
  padding:var(--space-3) var(--space-4);
  display:grid;
  grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);
  gap:var(--space-3);
  align-items:center;
  border-radius:var(--radius-sm);
  background:#2a252b;
  color:#fff
}

.about-board__catalog span{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:var(--text-sm)
}

.about-board__code{
  color:#d9bddf;
  font-family:var(--font-mono);
  font-weight:700
}

.about-board__foot{
  padding:var(--space-4) var(--space-6) var(--space-5);
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  background:#242025;
  color:#fff
}

.about-board__foot span{
  padding:.4em .9em;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  line-height:1;
  background:#fff;
  color:#19151b;
  font-size:var(--text-xs);
  font-weight:700
}

.about-section-head{
  max-width:52rem;
  margin-bottom:var(--space-8)
}

.about-section-head .c-kicker+h2{
  margin-top:var(--space-4)
}

.about-section-head h2+p{
  margin-top:var(--space-4)
}

.about-section-head p{
  color:#5f565f;
  font-size:var(--text-lg)
}

.about-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
  gap:var(--space-4);
  align-items:stretch
}

.about-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-6)
}

.about-card>.c-icon-well{
  margin-bottom:var(--space-4)
}

.about-card>.c-icon-well+h3{
  margin-top:0
}

.about-card h3{
  font-size:var(--text-h3)
}

.about-card h3+p{
  margin-top:var(--space-3)
}

.about-card__foot{
  margin-top:auto;
  padding-top:var(--space-5);
  color:inherit;
  font-size:var(--text-sm);
  line-height:var(--leading-body);
  font-weight:700
}

.about-principles{
  background:#fff;
  color:#19151b
}

.about-principle-grid .c-icon-well{
  background:#fff;
  color:#59155f
}

.about-audiences{
  background:#f4f1e8;
  color:#29231d
}

.about-audiences .about-section-head p{
  color:#655d52
}

.about-audience-card{
  background:#fff;
  color:#19151b;
  box-shadow:0 .75rem 2rem rgba(41,35,29,.05)
}

.about-card__mark{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-bottom:var(--space-4)
}

.about-card__mark .c-icon-well{
  background:#f4f1e8;
  color:#59155f
}

.about-card__mark .c-badge{
  margin:0
}

.about-task-list{
  margin:var(--space-5) 0 0;
  padding:0;
  list-style:none
}

.about-task-list li{
  padding-block:var(--space-3);
  border-bottom:1px solid #e8e6e7;
  color:#4f484f;
  font-size:var(--text-sm)
}

.about-regions{
  background:#fff;
  color:#19151b
}

.about-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  gap:var(--space-4);
  align-items:stretch
}

.about-region-card{
  min-width:0;
  height:100%;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column;
  background:#eaf1f3;
  color:#19292e
}

.about-region-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-bottom:var(--space-4)
}

.about-region-card__code{
  color:#59155f;
  font-size:var(--text-lg);
  font-weight:700
}

.about-region-card h3{
  font-size:var(--text-h3)
}

.about-region-card h3+p{
  margin-top:var(--space-3);
  color:#385057
}

.about-region-card__foot{
  margin-top:auto;
  padding-top:var(--space-5);
  color:#19292e;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.about-region-note{
  margin-top:var(--space-6);
  background:#edf2e8;
  color:#1d2b1a
}

.about-region-note p{
  color:#3c5137
}

.about-method{
  background:#19151b;
  color:#fff
}

.about-method .about-section-head p{
  color:#b8b1b9
}

.about-method .c-kicker{
  background:#fff;
  color:#19151b
}

.about-method .c-kicker::before{
  background:#59155f
}

.about-method-table{
  border-radius:var(--radius-md);
  background:#fff;
  color:#19151b
}

.about-method-table .c-table{
  display:table;
  width:100%;
  background:#fff;
  color:#19151b
}

.about-method-table caption{
  padding:var(--space-4) var(--space-5);
  text-align:left;
  background:#f7f7f5;
  color:#19151b;
  font-size:var(--text-sm);
  font-weight:700
}

.about-method-grid{
  margin-top:var(--space-6);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch
}

.about-method-card{
  min-width:0;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  background:#2a252b;
  color:#fff
}

.about-method-card__number{
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#59155f;
  line-height:1;
  font-weight:700
}

.about-method-card h3{
  font-size:var(--text-h3)
}

.about-method-card h3+p{
  margin-top:var(--space-3);
  color:#cfc9d0
}

.about-responsibility{
  background:#f5ece7;
  color:#30201b
}

.about-responsibility .about-section-head p{
  color:#68544c
}

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

.about-responsibility-card{
  min-width:0;
  height:100%;
  padding:var(--space-6);
  border-radius:var(--radius-lg);
  background:#fff;
  color:#19151b
}

.about-responsibility-card--platform{
  background:#19151b;
  color:#fff
}

.about-responsibility-card__head{
  display:flex;
  align-items:flex-start;
  gap:var(--space-4)
}

.about-responsibility-card__head>div{
  min-width:0
}

.about-responsibility-card__head .c-icon-well{
  flex:0 0 auto;
  background:#f4f1e8;
  color:#59155f
}

.about-responsibility-card--platform .c-icon-well{
  background:#fff;
  color:#59155f
}

.about-responsibility-card__head .c-badge+h3{
  margin-top:var(--space-3)
}

.about-responsibility-card__head h3{
  font-size:var(--text-h3)
}

.about-boundary-list{
  margin:var(--space-6) 0 0;
  padding:0;
  list-style:none
}

.about-boundary-list li{
  padding-block:var(--space-4);
  border-bottom:1px solid #e8e6e7;
  color:#4f484f
}

.about-responsibility-card--platform .about-boundary-list li{
  border-bottom-color:rgba(255,255,255,.13);
  color:#d9d4d9
}

.about-boundary-list strong{
  color:inherit
}

.about-boundary-note{
  margin-top:var(--space-6);
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#edf2e8;
  color:#1d2b1a
}

.about-boundary-note strong{
  display:block;
  font-family:var(--font-heading);
  font-size:var(--text-h3);
  line-height:var(--leading-heading)
}

.about-boundary-note strong+p{
  margin-top:var(--space-3);
  color:#3c5137
}

.about-final{
  background:#fff;
  color:#19151b
}

.about-final .c-portal-band{
  padding-inline:var(--space-8);
  background:#19151b;
  color:#fff
}

.about-final__eyebrow{
  display:block;
  margin-bottom:var(--space-4);
  color:#d9bddf;
  font-size:var(--text-sm);
  font-weight:700;
  letter-spacing:.04em
}

.about-final__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  min-width:13rem
}

.about-final__actions .c-btn{
  width:100%
}

.about-final__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.45);
  background:transparent;
  color:#fff
}

@media(max-width:64rem){
  [data-hero-form="terminal"] .about-hero__inner{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-7)
  }

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

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

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

  .hero-art.about-hero__art{
    width:min(calc(100% - var(--gutter)*2),100%);
    margin-inline:auto;
    height:auto;
    overflow:visible;
    transform:none;
    grid-template-columns:minmax(0,1fr)
  }

  .hero-art.about-hero__art>*{
    grid-column:1;
    width:auto
  }

  .about-hero__copy h1{
    max-width:none
  }

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

  .about-board__catalog>div{
    grid-template-columns:minmax(0,1fr)
  }

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

  .about-method-card{
    grid-template-columns:2.25rem minmax(0,1fr)
  }

  .about-method-card__number{
    width:2.25rem;
    height:2.25rem
  }

  .about-final .c-portal-band{
    padding-inline:var(--space-6)
  }

  .about-final__actions{
    min-width:0
  }
}