.about-page { font-family: 'Cascadia Code','SFMono-Regular',Consolas,'Liberation Mono',monospace; background: #020304; }
.about-page .page-header,.about-page .page-footer { width: min(1080px,88%); }
.about-page .page-header { border-color: #333a47; }
.about-page .page-brand { font-family: inherit; font-size: 24px; font-weight: 400; letter-spacing: -.08em; }
.about-page .page-header > a:last-child { color: #aab8ce; font-size: 12px; }
.about-page .page-footer a { font-family: inherit; }
.about-main { width: min(1080px,88%); margin: 0 auto; }
.about-intro { padding: 64px 0 39px; }
.about-path { margin: 0; color: #819bc7; font-size: 12px; line-height: 1.7; }
.about-intro h1 { font: 400 clamp(59px,8vw,100px)/1.1 'Cascadia Code',Consolas,monospace; letter-spacing: -.065em; margin: 32px 0 25px; }
.about-alias { display: block; color: #9aa8bb; margin-top: 21px; font: 13px/1.6 'Cascadia Code',Consolas,monospace; letter-spacing: 0; }
.about-alias b { font-weight: 400; color: #e0e6ef; }
.about-alias b span { color: #8ea8e6; }
.about-role { color: #c8d2e2; font-size: clamp(14px,2vw,20px); line-height: 1.6; margin: 25px 0; }
.about-seraphine { max-width: 650px; margin: 31px 0 0; font-size: 12px; line-height: 1.9; color: #92acd9; }
.about-seraphine span { display: block; margin-bottom: 5px; color: #6d8ab9; }
.about-files { display: flex; flex-wrap: wrap; gap: 16px 28px; padding: 17px 0; border-top: 1px solid #354056; color: #96a7c3; font-size: 11px; }
.about-page .browser-terminal { border-radius: 0; border: 0; border-top: 1px solid #354056; border-bottom: 1px solid #354056; background: none; }
.about-page .terminal-title { background: none; border-bottom: 1px solid #252d3e; padding: 16px 0; color: #6f849f; }
.about-page .terminal-output { max-height: 900px; padding: 9px 0 18px; min-height: 0; }
.about-page .terminal-line { font-size: 13px; line-height: 1.9; color: #b6c0d0; }
.about-page .terminal-line-command { color: #9ab7e8; margin-top: 33px; }
.about-page .terminal-prompt { padding: 19px 0; }
.about-page .terminal-prompt input { font-family: inherit; }
.about-page .terminal-prompt button { border-radius: 0; background: #101724; }
.about-page .terminal-shortcuts { padding: 0 0 19px; gap: 10px; }
.about-page .terminal-shortcuts button { border-radius: 0; background: none; border-color: #3b4558; min-height: 44px; color: #bac8df; }
.about-page .terminal-shortcuts button:hover { background: #152038; }
.about-page .terminal-scope { padding: 0 0 20px; font-family: inherit; }
.about-contact { display: flex; flex-wrap: wrap; gap: 12px 25px; margin-top: 34px; font-size: 12px; line-height: 1.8; }
.about-contact > span { flex-basis: 100%; color: #7188ad; }
.about-contact a,.about-exit a { min-height: 44px; display: inline-flex; align-items: center; color: #b6c8e8; text-decoration: underline; text-underline-offset: 5px; }
.about-contact a:hover,.about-exit a:hover { color: #fff; }
.about-exit { margin-top: 40px; font-size: 12px; }
.about-return-mobile { display: none; }
@media(max-width:900px),(pointer:coarse) {
  .about-return-mobile { position: fixed; z-index: 10; left: 6%; right: 6%; bottom: calc(14px + env(safe-area-inset-bottom,0px)); display: flex; gap: 11px; min-height: 48px; background: #0d1523f5; border-color: #516b9b; box-shadow: 0 5px 24px #0008; }
  .about-return-mobile > span { font-size: 18px; }
  .about-page .page-footer { padding-bottom: calc(96px + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:700px) {
  .about-intro { padding-top: 45px; }
  .about-page .terminal-output { max-height: 75svh; }
  .about-page .terminal-line { font-size: 11px; line-height: 1.9; }
  .about-page .terminal-prompt input { font-size: 16px; }
  .about-files { gap: 12px 19px; font-size: 10px; }
  .about-seraphine { font-size: 11px; }
}