.about-terminal{grid-template-rows:32px 24px minmax(0,1fr) 58px 24px}
.about-panel{container-type:size;background:#030303}
.panel-inset{position:absolute;inset:5px;pointer-events:none}
/* Display an exact window of the supplied artwork, preserving its original pixels.
   Source window: x=818..1644, y=105..792. No text from the left column is included. */
.reference-art{position:absolute;right:13px;top:8px;height:calc(100% - 16px);width:calc((100cqh - 16px)*834/687);background-image:url('assets/about-reference.png');background-repeat:no-repeat;background-size:calc((100cqh - 16px)*1672/687) calc((100cqh - 16px)*941/687);background-position:calc((100cqh - 16px)*-810/687) calc((100cqh - 16px)*-105/687)}
.about-copy{position:relative;z-index:1;width:510px;height:100%;padding:30px 0 20px 32px;display:flex;flex-direction:column;align-items:flex-start}
.about-heading h1{font-size:36px;line-height:46px;font-weight:600;letter-spacing:3px}
.about-heading p{font-size:19px;line-height:28px;margin-top:2px;letter-spacing:.6px}
.manifesto{font-size:21px;line-height:33px;letter-spacing:1px;margin-top:24px;white-space:nowrap}
.divider{font-size:24px;line-height:22px;margin:10px 0 14px}
.biography{font-size:14px;line-height:25px;letter-spacing:.15px;white-space:nowrap}
.biography+.divider{margin-top:12px;margin-bottom:10px}
.facts{margin:0;font-size:14px;line-height:24px}
.facts>div{display:flex}.facts dt{width:94px}.facts dd{margin:0}.facts dd:before{content:': ';white-space:pre}
.contact-tags{display:flex;gap:12px;margin-top:20px;align-items:center}
.contact-tags a,.contact-tags button{background:#030303;border:1px dotted #aaa;padding:8px 12px;font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}
.contact-tags span{margin-left:7px;font-size:11px}.contact-tags a:hover,.contact-tags button:hover{color:#030303;background:var(--ink)}
.terminal-prompt{margin-top:auto;padding-top:18px;font-size:12px;line-height:20px}.terminal-prompt span{margin-left:14px;font-size:18px}
.interests{display:flex;align-items:center;padding:8px 26px;gap:26px}.prompt-mark{font-size:24px;width:65px;border-right:1px dashed #aaa;line-height:36px}.interests p{font-size:18px;letter-spacing:3px}.slashes{margin-left:auto;font-size:25px}
.copy-feedback{position:fixed;bottom:100px;left:43px;z-index:5;background:var(--ink);color:var(--bg);font-size:12px;line-height:20px;max-width:450px;user-select:all;cursor:text}.copy-feedback:not(:empty){padding:8px 12px}
@media(max-width:1100px){.about-terminal{grid-template-rows:32px 24px minmax(0,1fr) 58px 24px}}
@media(max-height:740px) and (min-width:1101px){html,body{overflow:auto}.about-terminal{min-height:800px;height:800px}}
/* Keep the full introduction and contact controls within the 800px composition. */
.about-copy{padding-top:24px;padding-bottom:18px}
.about-copy>*{flex-shrink:0}
.about-heading h1{font-size:34px;line-height:40px}
.about-heading p{font-size:18px;line-height:22px}
.manifesto{font-size:20px;line-height:29px;margin-top:18px}
.divider{font-size:22px;line-height:18px;margin:4px 0 6px}
.biography{line-height:22px}
.biography+.divider{margin-top:6px;margin-bottom:4px}
.facts{line-height:21px}
.contact-tags{margin-top:16px}
.contact-tags a,.contact-tags button{padding:6px 12px}
.terminal-prompt{padding-top:12px}
.reference-art{width:calc((100cqh - 16px)*826/687);background-position:calc((100cqh - 16px)*-818/687) calc((100cqh - 16px)*-105/687)}
.manifesto{font-size:22px;line-height:32px;margin-top:24px}
.divider{margin-top:10px;margin-bottom:12px}
.biography{font-size:15px;line-height:25px}
.biography+.divider{margin-top:12px;margin-bottom:10px}
.facts{font-size:15px;line-height:24px}
.contact-tags{margin-top:20px}