/* Two small, optional additions beside the unchanged personal manifesto. */
.manifesto .about-link{display:inline;white-space:normal;font:inherit;letter-spacing:inherit;color:inherit;margin-left:0}
.manifesto .about-link:hover,.manifesto .about-link:focus-visible{color:var(--accent)}
.about-game-controls{display:none;margin-top:16px;align-items:baseline;gap:8px 18px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){.about-game-controls:not([hidden]){display:flex}}
.about-game-controls button{border:0;border-bottom:1px solid var(--hairline);background:none;padding:7px 0;font-size:11px;color:var(--body);letter-spacing:.015em}
.about-game-controls button:hover,.about-game-controls button:focus-visible{color:var(--accent)}
.about-game-controls button[aria-pressed=false]{font:inherit;font-style:italic;letter-spacing:inherit;color:var(--accent);border:0;text-transform:none;text-decoration:none}
.about-game-controls button[aria-pressed=false]:hover{color:var(--ink)}
.manifesto #about-game-instructions{font-size:11px;line-height:1.45;letter-spacing:0;margin:0;max-width:260px;color:var(--body)}
.about-game-hint{position:fixed;z-index:5;pointer-events:none;min-width:84px;padding:10px 13px;border:1px solid var(--ink);border-radius:42% 45% 40% 38% / 38% 42% 36% 42%;background:#fff;color:var(--ink);font-size:12px;line-height:1.2;text-align:center;white-space:nowrap;transition:none}
.about-game-hint[hidden]{display:none}
/* Personal, factual copy with the same quiet typography as the manifesto. */
.about-page{max-width:1600px;margin:auto;padding:64px 5.1% 54px}
.about-label{font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--accent);margin:0 0 17px}
.about-page h1{font-size:clamp(30px,3.6vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.045em;max-width:none;margin:0 0 42px}
.about-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10%;align-items:start}
.about-name{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0 0 4px}
.about-role{font-size:14px;line-height:1.5;color:var(--body);margin:0 0 26px}
.about-copy{font-size:16px;line-height:1.53;letter-spacing:-.015em;color:var(--body);margin:0 0 19px;max-width:560px}
.about-knowledge h2{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.01em;margin:0 0 20px}
.about-signature{display:block;width:280px;max-width:100%;height:auto;margin:12px 0 0}
.about-actions{display:flex;gap:15px 32px;flex-wrap:wrap;align-items:center;margin-top:22px}
.about-actions a{display:inline-block;padding:10px 0;font-size:12px;line-height:1.5;letter-spacing:.025em;color:var(--accent)}
.about-actions .about-back{color:var(--body);font-size:11px;letter-spacing:.06em}
@media(max-width:1150px){.about-page{padding:54px 4% 48px}.about-layout{gap:7%}.about-copy{font-size:15px}}
@media(max-width:900px){.about-copy{font-size:14px}}
@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:35px}.about-signature{width:240px}.about-page h1{margin-bottom:30px}}
@media(max-width:640px){.about-page{padding:34px 6% 42px}.about-page h1{font-size:30px}.about-name{font-size:20px}.about-copy{line-height:1.57;letter-spacing:-.008em}.about-knowledge h2{font-size:15px}.about-role{font-size:13px}.about-actions{flex-direction:column;align-items:flex-start;gap:6px}}
@media(prefers-reduced-motion:reduce){.about-game-hint{transition:none;animation:none}}

/* Align About destinations with their content columns; wrap naturally on mobile. */
.about-actions.about-links-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10%;align-items:center}
.about-links-left{display:flex;align-items:center;flex-wrap:wrap;gap:0 32px;min-width:0}
.about-links-row a{justify-self:start;white-space:nowrap}
@media(max-width:1150px){.about-actions.about-links-row{column-gap:7%}}
@media(max-width:800px){.about-actions.about-links-row{grid-template-columns:minmax(0,1fr);gap:6px}}