/* About page */
.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;padding-top:96px;align-items:start}
.portrait{aspect-ratio:4/5;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}
.portrait .sheet-no{z-index:2;color:rgba(255,255,255,.82)}
.portrait>.anno{padding:12px 16px;border-top:1px solid var(--line)}
.por-wrap{position:relative;flex:1;min-height:0;overflow:hidden}
.por-lines{position:absolute;inset:0;background:#2A5C9A url(/assets/img/portrait-blueprint.webp) center top/cover no-repeat;animation:jbsketch 2200ms cubic-bezier(.45,0,.2,1) 200ms both}
@keyframes jbsketch{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.por-scan{position:absolute;left:0;right:0;height:1px;background:var(--amber);opacity:0;animation:jbscan 2200ms cubic-bezier(.45,0,.2,1) 200ms both}
@keyframes jbscan{0%{top:0;opacity:1}96%{opacity:1}100%{top:100%;opacity:0}}
.portrait:hover .por-lines{animation:jbsketch 1400ms cubic-bezier(.45,0,.2,1) both}
.cv-list{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:60ch;border-top:1px solid var(--line)}
.cv-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;transition:padding 300ms var(--ease)}
.cv-list li:hover{padding-left:8px}
.about-r{display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding-top:24px}
.bio{display:flex;flex-direction:column;gap:16px;max-width:60ch;font-size:18px}
.fuel{margin-top:120px;padding:56px 32px 40px}
.fuel:hover,.contact:hover{border-color:var(--pencil)}
.fuel-map{display:block;width:100%;height:auto;margin-top:16px}
.fuel-map rect{fill:var(--mark)}
.fuel-map text{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500;font-size:14px;letter-spacing:0.12em;fill:var(--text);transition:fill 160ms ease-out}
.fuel-map .dot{fill:var(--pencil)}
.fuel-map text.t-angels{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:96px;letter-spacing:-2px;fill:var(--amber);font-variation-settings:'opsz' 144,'SOFT' 50,'WONK' 1}
.fuel-map text.t-eye{font-size:12px;fill:var(--mute)}
.fuel-map .lead-a{stroke:var(--amber);stroke-width:4}
.fuel-map .dot-a{fill:var(--amber)}
.fuel-map:hover .sk{animation:jbdraw 700ms linear both}
.fuel-list{display:none;list-style:none;margin:16px 0 0;padding:0;flex-direction:column;gap:10px}
.contact{margin-top:24px;padding:56px 32px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.links .tlink{min-width:260px;justify-content:space-between}
@media (max-width:980px){.about{grid-template-columns:minmax(0,1fr);gap:40px}.portrait{max-width:420px}}
@media (max-width:700px){.about{padding-top:48px}.fuel,.contact{padding:48px 20px 24px}.fuel-map{display:none}.fuel-list{display:flex}.contact{grid-template-columns:minmax(0,1fr)}}