[data-i8tac3glqugby="zz5syl7w0psddxuxwrt"] {
  --about-space: clamp(16px, 2.2vw, 32px);
  --about-section-space: clamp(28px, 4vw, 56px);
  --about-cap: clamp(280px, 84vw, 1040px);
  --about-color: rgb(55, 55, 55);
  --about-surface: rgb(250, 252, 255);
  --about-accent: rgb(116, 78, 139);
  --about-radius: 8px;
  --about-type: clamp(16px, 1vw, 18px);
  box-sizing: border-box;
  padding: clamp(28px, 5vw, 72px) clamp(16px, 4vw, 32px);
  color: var(--about-color);
  & .frame-aboutContentWidth { display: flex; flex-direction: column; gap: var(--about-section-space); box-sizing: border-box; width: min(100%, var(--about-cap)); margin-inline: auto; }
  & .piece-aboutIntroduction, & .piece-aboutSection, & .piece-aboutQuestions { min-width: 0; box-sizing: border-box; padding: clamp(20px, 3vw, 40px); border-radius: var(--about-radius); background: var(--about-surface); font-size: var(--about-type); line-height: 1.65; }
  & .piece-aboutIntroduction { border-inline-start: 5px solid var(--about-accent); }
  & .piece-aboutEyebrow { margin: 0 0 12px; color: var(--about-accent); font-size: clamp(13px, .9vw, 15px); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  & h1 { max-width: 18ch; margin: 0 0 var(--about-space); font-size: clamp(36px, 5vw, 64px); line-height: 1.08; }
  & h2 { margin: 0 0 var(--about-space); color: var(--about-accent); font-size: clamp(25px, 3vw, 36px); line-height: 1.2; }
  & h3 { margin: 0 0 10px; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.3; }
  & p { max-width: 74ch; margin: 0 0 1em; overflow-wrap: anywhere; }
  & p:last-child { margin-bottom: 0; }
  & a { color: #4c3470; text-underline-offset: .18em; }
  & .piece-aboutQuestion { min-width: 0; padding-block: clamp(16px, 2vw, 24px); border-top: 1px solid rgb(116 78 139 / 28%); }
  @media (max-width: 70rem) { & .frame-aboutContentWidth { gap: clamp(24px, 3vw, 40px); } }
  @media (max-width: 48rem) { padding-inline: clamp(12px, 4vw, 20px); & .piece-aboutIntroduction, & .piece-aboutSection, & .piece-aboutQuestions { padding: clamp(18px, 4vw, 28px); } }
  @media (max-width: 30rem) { & h1 { font-size: clamp(32px, 9vw, 40px); } & h2 { font-size: clamp(23px, 7vw, 28px); } }
}