body.about-open{overflow:hidden;background:#fff!important}
body.about-open:before{background:#fff!important}
body.about-open>main,body.about-open>footer{visibility:hidden}
#about-page[hidden]{display:none}
#about-page{position:fixed;z-index:250;inset:var(--header-edge,63px) 0 0;background:#fff;color:#080808;overflow:auto;display:flex;align-items:center;justify-content:center;padding:50px 24px 65px}
#close-about{position:absolute;top:15px;left:22px;font:9px Tahoma,Arial,sans-serif;color:#667181;border:0;background:none;padding:8px 0}
.about-content{width:min(570px,100%);margin:0 auto}
.about-content>img{display:block;width:100%;height:151px;object-fit:cover;object-position:50% 43%;margin:0 0 22px}
#about-title{font:700 80px/.95 Arial,Helvetica,sans-serif;letter-spacing:-6px;margin:0 0 17px;color:#000}
.about-copy{font:400 17px/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.65px;text-transform:uppercase}
.about-copy p{margin:0 0 21px}.about-copy p:last-child{margin-bottom:0}
body.about-open #open-about{background:#cecec9;border-color:#888 #fff #fff #888;box-shadow:inset 1px 1px #aaa}
@media(max-width:640px){#about-page{padding:65px 24px 40px;align-items:flex-start}.about-content>img{height:130px;margin-bottom:19px}#about-title{font-size:65px;letter-spacing:-4px}.about-copy{font-size:15px;line-height:1.2;letter-spacing:-.4px}.header-links{gap:4px}.header-links #open-about{padding:5px 6px;font-size:8px}}
@media(max-height:650px) and (min-width:641px){#about-page{align-items:flex-start;padding-top:55px}.about-content>img{height:125px}}
@media(max-width:640px){body>header{height:auto;min-height:44px;padding-top:7px;padding-bottom:7px;gap:8px}.header-links{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 102px);row-gap:5px}}
/* About as a small personal desktop, circa 2000. */
#about-page{background:#f1f1ef;background-image:radial-gradient(#b7bdc6 .65px,transparent .85px);background-size:24px 24px;padding:38px 24px 45px}
#close-about{top:9px;font-size:9px}
.about-content{width:min(900px,100%);background:#e4e4df;border:1px solid;border-color:#fff #8a8d93 #8a8d93 #fff;padding:4px;box-shadow:2px 3px 0 #9da4ae66,7px 12px 35px #33445b17}
.about-windowbar{height:30px;padding:0 6px 0 10px;background:linear-gradient(90deg,#315b9e,#5b80be);color:#fff;display:flex;align-items:center;justify-content:space-between;font:700 11px Tahoma,Arial,sans-serif}
.about-windowbar button{width:19px;height:18px;padding:0;background:#dddeda;color:#263c5b;border:1px solid;border-color:#fff #686f79 #686f79 #fff;font:16px/14px Arial}
.about-address{padding:8px 9px;display:flex;align-items:center;gap:12px;font:10px Tahoma;color:#666f7b;border-bottom:1px solid #c0c4c9}.about-address>span:last-child{flex:1;padding:4px 8px;background:#fff;border:1px solid;border-color:#969da7 #fff #fff #969da7;color:#42516a;font:10px 'Courier New',monospace}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:27px;padding:23px}
.about-bio{min-width:0}.about-bio>img{display:block;width:100%;height:143px;object-fit:cover;object-position:50% 43%;border:1px solid #fff;outline:1px solid #a9afb8;margin:0 0 20px}
#about-title{font:700 43px/1 Tahoma,Arial,sans-serif;letter-spacing:-2px;color:#263f61;margin:0 0 17px}
.about-copy{font:12px/1.5 Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#354357}
.about-copy p{margin:0 0 15px}.about-copy p:last-child{font-weight:700;color:#2c4b72}
.about-mail{align-self:center;min-width:0;background:#f6f6f3;border:1px solid;border-color:#fff #9098a3 #9098a3 #fff;box-shadow:2px 3px #9ba6b33b}
.mail-windowbar{background:linear-gradient(#edf0f4,#d8dce2);border-bottom:1px solid #b1bac7;color:#344e73;padding:7px 10px;font:bold 10px Tahoma}
.mail-toolbar{display:flex;align-items:center;gap:7px;padding:11px 10px;border-bottom:1px solid #d9dde3;font:10px Tahoma;color:#455975}.mail-envelope{font-size:23px;color:#486e9d}.mail-online{margin-left:auto;font:7px Tahoma;letter-spacing:.05em;color:#7b8999}.mail-online i{display:inline-block;background:#75a47a;width:4px;height:4px;margin-right:3px}
.mail-address{display:flex;gap:10px;padding:12px 10px 8px;font:10px Tahoma;color:#7b8798}.mail-address a{color:#365d8e;font:10px 'Courier New',monospace;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.mail-subject{display:flex;gap:9px;align-items:center;padding:3px 10px 12px;font:10px Tahoma;color:#7b8798}.mail-subject input{width:100%;min-width:0;border:0;border-bottom:1px solid #bbc4d0;background:none;padding:5px 0;color:#344c6e;font:10px Tahoma}
.mail-message{display:block;padding:0 10px}.mail-message>span{display:none}.mail-message textarea{width:100%;resize:vertical;min-height:108px;border:1px solid;border-color:#9ca8ba #fff #fff #9ca8ba;background:#fff;padding:10px;font:11px/1.5 Tahoma;color:#34475f;border-radius:0}
.mail-actions{display:flex;gap:6px;padding:11px 10px 0}.mail-actions button{font:10px Tahoma;color:#304c74;padding:7px 8px;border:1px solid;border-color:#fff #8d9bac #8d9bac #fff;background:linear-gradient(#fafbfd,#dbe2eb);box-shadow:1px 1px #bac3cf}.mail-actions button:first-child{flex:1}.mail-actions button:active{border-color:#8d9bac #fff #fff #8d9bac}
#about-mail-status{padding:0 10px;margin:9px 0 13px;font:9px/1.5 Tahoma;color:#8994a3;min-height:14px}
.about-statusbar{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #b9bfc8;box-shadow:inset 0 1px #fff;padding:8px 11px;color:#747f8e;font:9px Tahoma}
@media(max-width:760px){#about-page{align-items:flex-start;padding:42px 12px 25px}.about-layout{grid-template-columns:1fr;gap:23px;padding:19px}.about-mail{width:100%;max-width:400px;justify-self:center}.about-statusbar{font-size:8px}#about-title{font-size:38px}.about-bio>img{height:135px}}
@media(max-height:740px) and (min-width:761px){#about-page{align-items:flex-start;padding-top:39px}.about-layout{padding:18px 22px}.about-bio>img{height:115px;margin-bottom:16px}.about-copy{font-size:11px}.about-copy p{margin-bottom:12px}#about-title{font-size:36px}}
/* About preview without the global navigation banner. */
body.about-open>header{display:none}
body.about-open #about-page{top:0}
/* About joins the other floating desktop windows. */
body.about-open>header{display:flex}
body.about-open>main,body.about-open>footer{visibility:visible}
#about-page{position:fixed;inset:0;z-index:250;padding:0;display:block;background:none;overflow:visible;pointer-events:none}
#about-page>.about-content{position:absolute;pointer-events:auto;top:calc(var(--header-edge,63px) + 25px);left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 64px));max-height:calc(100svh - var(--header-edge,63px) - 55px);overflow:auto;margin:0}
#close-about{display:none}
.about-windowbar{cursor:grab;touch-action:none;user-select:none;position:sticky;top:-4px;z-index:5}
.about-windowbar.window-dragging{cursor:grabbing}.about-windowbar button{cursor:pointer}
@media(max-width:640px){#about-page{padding:0}#about-page>.about-content{top:calc(var(--header-edge,63px) + 10px);width:calc(100% - 18px);max-height:calc(100svh - var(--header-edge,63px) - 28px)}}

.about-copy .about-identity{font-weight:700;color:#304d72;margin-bottom:18px}

#about-title{font-size:clamp(28px,3.2vw,43px);letter-spacing:-1.8px;line-height:1.08;overflow-wrap:normal}
#about-title{margin-bottom:3px;letter-spacing:-.5px}
.about-copy .about-identity{margin-top:0}


.about-bio>img.about-eyes-gif{height:auto;aspect-ratio:700 / 211;object-fit:cover;object-position:center}