.s-about-note{
  position:relative;
  padding-block:128px;
  background:var(--c-bg);
  color:var(--c-text);
  border-top:1px solid var(--c-border);
}
.s-about-note .an-grid{
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,7fr);
  gap:48px;
  align-items:start;
}
.s-about-note .an-eyebrow{
  margin:0;
  font-family:var(--font-body);
  font-size:13px;
  line-height:1.6;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--c-accent);
  font-weight:600;
}
.s-about-note .an-text{
  margin:0;
  font-family:var(--font-body);
  font-size:20px;
  line-height:1.8;
  color:var(--c-text);
  max-width:62ch;
  text-wrap:pretty;
}
.s-about-note .an-brand{
  color:var(--c-text);
  font-weight:600;
}
.s-about-note .an-key{
  color:var(--c-secondary);
  font-weight:500;
}
@media (max-width:900px){
  .s-about-note{padding-block:96px}
  .s-about-note .an-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .s-about-note .an-text{font-size:19px}
}
@media (max-width:600px){
  .s-about-note{padding-block:80px}
  .s-about-note .an-text{font-size:18px;line-height:1.75}
}