.about-hero { padding-bottom: 78px; }
.about-hero .lead { max-width: 790px; }
.about-hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; }
.about-section { padding-top: 57px; }
.about-main .content-card p { color: #5f5b6d; }
.about-main .content-card p strong { color: var(--ink); }
.about-kicker { display: block; margin-bottom: 13px; color: #7145d1; font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.about-main .about-list { margin-top: 22px; }
.about-main .about-list div { border: 1px solid #eee8f7; }
.about-main .about-list strong { font-size: 1rem; }
.about-main .about-list span { font-size: .91rem; line-height: 1.55; }
.about-text-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 5px; color: var(--purple); font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.about-aside { position: sticky; top: 110px; }
.developer-panel { position: static; scroll-margin-top: 100px; padding: 34px; background: #eee7fb; }
.developer-logo-wrap { display: grid; place-items: center; min-height: 160px; margin: 19px 0 24px; border: 1px solid #e2d9f0; border-radius: 17px; background: white; }
.developer-panel .developer-logo-wrap img { width: 170px; height: auto; max-height: 132px; margin: 0; object-fit: contain; }
.developer-panel h2 { margin-bottom: 11px; font-size: 1.75rem; }
.developer-panel > p { margin-bottom: 24px; color: #514963; }
.developer-details { margin: 0; border-top: 1px solid #d9cbed; }
.developer-details div { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid #d9cbed; }
.developer-details dt { color: #6c6180; font-size: .8rem; font-weight: 700; }
.developer-details dd { min-width: 0; margin: 0; font-size: .92rem; font-weight: 700; overflow-wrap: anywhere; }
.developer-details a { color: var(--purple-dark); text-decoration: underline; text-underline-offset: 3px; }
.developer-contact { width: 100%; margin-top: 25px; border-color: #d5c6eb; background: white; color: var(--purple-dark); }
.developer-contact:hover { box-shadow: 0 10px 20px rgba(36,24,75,.1); }
.about-help-panel { display: flex; gap: 16px; margin-top: 17px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.about-help-panel img { width: 52px; height: 52px; flex: none; }
.about-help-panel strong { display: block; margin-bottom: 4px; }
.about-help-panel p { margin-bottom: 8px; color: var(--muted); font-size: .88rem; }
.about-help-panel a { color: var(--purple); font-size: .88rem; font-weight: 750; }
@media (max-width: 820px) {
  .about-aside { position: static; }
  .developer-panel { max-width: 650px; }
  .about-help-panel { max-width: 650px; }
}
@media (max-width: 600px) {
  .about-hero { padding-bottom: 55px; }
  .about-section { padding-top: 30px; }
  .developer-panel { padding: 26px 23px; }
  .developer-details div { grid-template-columns: 72px minmax(0, 1fr); }
}