/* About inherits the same monochrome, square-edged visual system as Home. */
:root, [data-theme="dark"] {
  --bg-base: var(--site-canvas);
  --bg-surface: var(--site-canvas);
  --bg-card: var(--site-canvas);
  --bg-secondary: var(--site-hero);
  --bg-hover: var(--site-hero);
  --text-primary: var(--site-ink);
  --text-secondary: var(--site-secondary);
  --text-muted: var(--site-muted);
  --accent: var(--site-ink);
  --accent-hover: var(--site-secondary);
  --border: var(--site-rule);
  --border-strong: var(--site-strong-rule);
  --tag-bg: var(--site-hero);
  --glow: none;
  --shadow-lg: none;
  --font-mono: var(--site-mono);
}
/* Full-bleed typographic poster: cobalt identity against a quiet reading surface. */
.about-page { background: #f3f3f0; color: var(--site-ink); }
.about-page::before, .about-page .bg-decor, .about-page .avatar-ring, .about-page .avatar-glow { display: none; }
.about-page .about-layout { max-width: none; min-height: 100dvh; }
.profile-sidebar, [data-theme="dark"] .profile-sidebar {
  width: clamp(330px, 28vw, 460px);
  isolation: isolate;
  overflow: hidden;
  background: #3349c9;
  border-color: rgba(255, 255, 255, .18);
  --text-primary: #fff;
  --text-secondary: rgba(255, 255, 255, .82);
  --text-muted: rgba(255, 255, 255, .72);
  --border: rgba(255, 255, 255, .28);
  --accent: #fff;
}
[data-theme="dark"] .profile-sidebar { background: #2638a5; }
.profile-sidebar::before {
  content: "M.";
  position: absolute;
  right: -.02em;
  bottom: -.2em;
  z-index: -1;
  color: rgba(255, 255, 255, .12);
  font: 700 clamp(18rem, 29vw, 34rem)/1 var(--font-display);
  letter-spacing: -.12em;
  pointer-events: none;
}
.about-page .profile-sidebar .contact-label { color: rgba(255, 255, 255, .7); }
.about-page .profile-sidebar .contact-value,
.about-page .profile-sidebar a.contact-link:hover .contact-value { color: #fff; }
.about-page .profile-sidebar .profile-name { color: #fff; }
.about-page .content-scroll {
  max-width: none;
  min-width: 0;
  position: relative;
  overflow: hidden;
  background: #f3f3f0;
}
.about-page .content-scroll::before {
  content: "MAKI";
  position: absolute;
  top: 0;
  right: -.13em;
  color: rgba(40, 62, 140, .055);
  font: 800 clamp(12rem, 22vw, 32rem)/.85 Arial, sans-serif;
  letter-spacing: -.1em;
  white-space: nowrap;
  pointer-events: none;
}
[data-theme="dark"] .about-page { background: #15161a; }
[data-theme="dark"] .about-page .content-scroll { background: #15161a; }
[data-theme="dark"] .about-page .content-scroll::before { color: rgba(210, 217, 255, .045); }
.about-page .about-section { max-width: 900px; position: relative; }
.back-btn, .theme-toggle-btn, .social-icon, .skill-tag, .profile-tagline, .cert-card, .image-lightbox__image {
  border-radius: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.back-btn, .theme-toggle-btn, .social-icon { background: var(--site-canvas); border: 1px solid var(--site-rule); }
.about-page .profile-sidebar .social-icon { background: #fff; color: #17203a; border-color: #fff; }
.about-page .profile-sidebar .social-icon:hover { background: #e8edff; color: #2638a5; }
.back-btn:hover, .theme-toggle-btn:hover, .social-icon:hover { box-shadow: none; border-color: var(--site-strong-rule); }
.about-page .avatar { border: 1px solid var(--site-rule); box-shadow: none; }
.profile-name { font-family: var(--font-display); letter-spacing: -.035em; font-size: clamp(2rem, 2.6vw, 2.5rem); }
.intro-title { color: var(--site-ink); }
.intro-title .acronym { color: var(--site-ink); border-color: var(--site-rule); }
.section-heading, .contact-label, .skill-title { font-family: var(--site-mono); color: var(--site-secondary); }
.skill-tag.primary { background: var(--site-ink); color: var(--site-canvas); }
.skill-tag.highlight, .skill-tag.ai-tool { background: var(--site-hero); color: var(--site-secondary); }
.about-page a:focus-visible, .about-page button:focus-visible { outline: 2px solid var(--site-ink); outline-offset: 3px; }
@media (min-width: 1025px) {
  .about-page .content-scroll { padding-inline: clamp(60px, 6vw, 120px); }
}
@media (max-width: 768px) {
  .profile-sidebar, [data-theme="dark"] .profile-sidebar { width: 100%; }
  .profile-sidebar::before, .about-page .content-scroll::before { display: none; }
  .profile-sticky { padding-top: 88px; padding-bottom: 28px; }
  .about-page .avatar-3d { margin-bottom: 16px; }
  .profile-contacts { gap: 10px; margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-page *, .about-page *::before, .about-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}