.about-page{
  color:#15142E;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-page [hidden]{
  display:none!important;
}
.about-hero{
  padding-block:var(--hero-pad);
  background:#FBFAF7;
  background-image:linear-gradient(125deg,var(--hero-blue),var(--hero-peach) 62%,var(--hero-cream));
  color:#15142E;
}
.about-hero-grid[data-hero-form="gradient-motion"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-6);
}
.about-hero-grid>*{
  min-width:0;
}
.about-hero-copy{
  min-width:0;
  text-align:left;
}
.about-hero-copy h1{
  color:#15142E;
  font-size:clamp(2.75rem,4.3vw,3.25rem);
  line-height:var(--lh-display);
  letter-spacing:-.045em;
}
.about-intro{
  max-width:38rem;
  margin-top:var(--space-3);
  color:#15142E;
  font-size:var(--fs-4);
  line-height:var(--lh-body);
}
.about-hero-detail{
  max-width:38rem;
  margin-top:var(--space-2);
  color:#5E5A78;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-hero-copy .about-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
  gap:var(--space-2);
}
.about-hero-note{
  margin-top:var(--space-3);
  margin-bottom:var(--space-2);
  color:#5E5A78;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
  font-variant-numeric:tabular-nums;
}
.about-visual{
  min-width:0;
  height:auto;
  margin:0;
}
.about-scene{
  width:100%;
  aspect-ratio:640/540;
}
.about-scene>svg{
  width:100%;
  height:100%;
}
.about-visual-caption{
  display:grid;
  gap:var(--field-gap);
  margin-top:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--r-lg);
  background:#FFFFFF;
  color:#15142E;
  box-shadow:var(--shadow);
  text-align:left;
}
.about-caption-label{
  color:#5E5A78;
  font-size:var(--fs-7);
  line-height:var(--lh-body);
}
.about-visual-caption strong{
  color:#15142E;
  font-size:var(--fs-4);
  line-height:var(--lh-heading);
  font-variant-numeric:tabular-nums;
}
.about-visual-caption>span:last-child{
  color:#5E5A78;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
}
.about-physical{
  background:#FDE7D6;
  color:#5A2E12;
}
.about-section-head{
  margin-bottom:var(--space-4);
}
.about-section-head h2{
  font-size:var(--fs-2);
  line-height:var(--lh-display);
  letter-spacing:-.03em;
}
.about-section-lead{
  max-width:48rem;
  margin-top:var(--space-3);
  font-size:var(--fs-5);
  line-height:var(--lh-body);
  color:#5E5A78;
}
.about-physical .about-section-lead{
  color:#5A2E12;
}
.about-card-grid{
  align-items:stretch;
}
.about-card-grid>.c-card{
  min-width:0;
  height:100%;
  gap:var(--space-3);
  padding:var(--space-4);
  overflow-wrap:break-word;
}
.about-card-grid>.c-card h3{
  font-size:var(--fs-3);
  line-height:var(--lh-heading);
}
.about-card-grid>.c-card p{
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-card-grid>.c-card>.c-card-foot{
  margin-top:auto;
}
.about-card-grid .c-badge{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  width:fit-content;
  padding:.4em .9em;
  line-height:1;
  border-radius:var(--pill);
}
.about-regions{
  background:#ECE6FA;
  color:#2E2163;
}
.about-regions .about-section-lead{
  color:#2E2163;
}
.about-card-grid>.c-card .about-region-names{
  color:#15142E;
  font-weight:800;
}
.about-region-note{
  margin-top:var(--space-3);
}
.about-region-note p{
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-quotes{
  background:#15142E;
  color:#FBFAF7;
}
.about-quotes h2{
  color:#FBFAF7;
}
.about-quote-intro{
  max-width:48rem;
  margin-top:var(--space-3);
  color:#B9B6D6;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-quote-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch;
}
.about-quote{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  min-width:0;
  height:100%;
  padding-block:var(--space-3);
  border-top:1px solid var(--line-dark);
}
.about-quotes .about-quote blockquote{
  color:#FBFAF7;
  font-size:var(--fs-3);
  line-height:1.55;
}
.about-quote figcaption{
  margin-top:auto;
  color:#B9B6D6;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
}
.about-quote-note{
  max-width:48rem;
  margin-top:var(--space-4);
  color:#B9B6D6;
  font-size:var(--fs-6);
  line-height:var(--lh-body);
}
.about-access-note{
  display:grid;
  gap:var(--field-gap);
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--r-lg);
  background:#FBFAF7;
  color:#15142E;
}
.about-access-note h3{
  color:#15142E;
  font-size:var(--fs-3);
  line-height:var(--lh-heading);
}
.about-access-note p{
  max-width:60rem;
  color:#5E5A78;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-access-note a:not(.c-btn){
  color:#1733B8;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.about-close-section{
  padding-bottom:var(--space-close);
}
.about-closing{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:center;
  gap:var(--space-5);
  padding:var(--space-6);
  border-radius:var(--r-xl);
  background:#15142E;
  color:#FBFAF7;
}
.about-closing-copy{
  min-width:0;
}
.about-closing-copy h2{
  color:#FBFAF7;
  font-size:var(--fs-2);
  line-height:var(--lh-display);
}
.about-closing-copy p{
  max-width:38rem;
  margin-top:var(--space-3);
  color:#B9B6D6;
  font-size:var(--fs-5);
  line-height:var(--lh-body);
}
.about-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:var(--space-2);
  min-width:0;
}
.about-closing-actions>.c-btn--secondary{
  background:#FFFFFF;
  color:#15142E;
}
.about-closing-actions>.c-btn--secondary:hover{
  background:#FBFAF7;
  color:#15142E;
}
.about-closing-actions>.c-btn--ghost{
  background:transparent;
  color:#FBFAF7;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.about-closing-actions>.c-btn--ghost:hover{
  background:#2A2852;
  color:#FBFAF7;
}
@media(max-width:64rem){
  .about-hero-grid[data-hero-form="gradient-motion"]{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-5);
  }
  .about-visual{
    width:100%;
    max-width:38rem;
    height:auto;
  }
  .about-closing{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-4);
  }
  .about-closing-actions{
    max-width:30rem;
    width:100%;
  }
}
@media(max-width:42rem){
  .about-hero-copy h1{
    font-size:var(--fs-1);
  }
  .about-card-grid>.c-card{
    padding:var(--space-3);
  }
  .about-quote-grid{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
  }
  .about-hero-copy .about-hero-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .about-hero-actions>.c-btn{
    width:100%;
  }
  .about-closing{
    padding:var(--space-3);
    border-radius:var(--r-lg);
  }
  .about-access-note{
    padding:var(--space-3);
  }
}
