body.page-about { background: radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--page-accent) 10%, transparent), transparent 30rem), var(--bg); }
.page-about .kicker { color: var(--page-accent); }
.about-hero { padding-top: clamp(68px, 8vw, 110px); }
.about-editorial { display: grid; grid-template-columns: minmax(220px,.62fr) 1.38fr; gap: clamp(34px, 7vw, 105px); align-items: start; }
.about-side { position: sticky; top: 112px; }
.about-portrait { width: min(72px, 80%); margin-bottom: 18px; border-radius: 24px 7px; overflow: hidden; border: 1px solid var(--line); }
.about-portrait img { width: 100%; }
.about-name { font-size: clamp(4rem, 9vw, 8rem); }
.about-alias { margin-top: 12px; color: var(--page-accent2); font-size: 1.1rem; font-weight: 900; }
.about-body { max-width: 760px; font-size: 1.1rem; color: var(--muted); }
.about-body strong { color: var(--warm); }
.specialties { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 46px; }
.specialty { padding: 22px 18px; border-top: 1px solid var(--line); }
.specialty strong { display: block; font-size: 1.15rem; }
.specialty span { color: var(--muted); font-size: .82rem; }
.current-specimen { margin-top: 52px; padding: 22px 24px; border: 1px solid color-mix(in srgb, var(--page-accent) 26%, transparent); border-radius: 7px 24px; background: color-mix(in srgb, var(--page-accent) 4.5%, transparent); }
.current-specimen .mono { color: var(--page-accent); }
.about-art { margin-top: 82px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; align-items: center; }
.about-art img { width: 100%; border-radius: 8px 28px; border: 1px solid var(--line); }
@media(max-width:820px){.about-editorial,.about-art{grid-template-columns:1fr}.about-side{position:static}.specialties{grid-template-columns:1fr}}