:root{--portfolio-paper:#fff;--portfolio-ink:#333;--portfolio-accent:#65756a;--portfolio-muted:#666;--portfolio-label:Arial,Helvetica,sans-serif}
.about-sidebar{position:fixed;right:0;top:38%;z-index:30}
.about-sidebar button{display:flex;align-items:center;gap:24px;padding:19px 13px;writing-mode:vertical-rl;font-size:12px;letter-spacing:0;background:transparent;color:#333;border:0;border-radius:0;transition:opacity .2s}
.about-sidebar button:hover{opacity:.6}.about-sidebar button:focus-visible{outline-offset:-4px}.about-sidebar button>span:last-child{font-size:18px;writing-mode:horizontal-tb}
.information-dialog{inset:0;width:100vw;height:100dvh;background:#fff;color:#333;overflow-y:auto;overscroll-behavior:contain;text-align:left;padding:0 18px 45px;box-shadow:none;font-family:Arial,Helvetica,sans-serif}
.information-dialog::backdrop{background:#fff}.information-dialog[open]{animation:overlay-in .2s ease}
.about-panel-header{display:flex;align-items:center;justify-content:space-between;height:48px;font-size:16px;font-weight:700;line-height:1;border:0}
.about-panel-header .close-dialog{position:static;font:inherit;padding:10px 0 10px 20px}
.about-content{padding-top:3px;max-width:1500px;margin:0 auto}
.about-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px;align-items:start}
.about-content h2{font-size:38px;line-height:1.02;font-weight:700;letter-spacing:-.4px;margin:0 0 20px}
.about-role{font-size:23px;font-weight:700;line-height:1.08;letter-spacing:-.15px;margin:0 0 13px}
.about-location{font-size:16px;font-weight:400;line-height:1.25;margin:25px 0 0}
.about-contact p{font-size:clamp(24px,2.8vw,39px);font-weight:700;line-height:1.04;letter-spacing:-.5px;margin:0}
.about-contact a{text-decoration:none}.about-contact a:hover{text-decoration:underline;text-underline-offset:5px}
.about-education{margin-top:60px;font-size:clamp(25px,2.8vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.35px}
.about-content h3{font:inherit;margin:0}.about-education p{margin:0}.about-education em{font-style:normal}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:58px;font-size:26px;line-height:1.12;font-weight:700;letter-spacing:-.25px}
.about-columns p{margin:0}.about-columns h3{margin-bottom:2px}
.about-work-link{display:inline-block;margin-top:55px;padding-bottom:3px;border-bottom:1px solid #333;font-size:14px;font-weight:400}
@media(max-width:900px) and (min-width:701px){.about-topline{grid-template-columns:1fr 1.6fr}.about-content h2{font-size:34px}.about-role{font-size:21px}.about-contact p{font-size:24px}.about-education{font-size:28px}}
@media(max-width:700px){.about-sidebar{top:33px}.about-sidebar button{padding:14px 9px;font-size:11px;gap:19px}.header{right:59px}.information-dialog{padding:0 16px 35px}.about-panel-header{height:48px;font-size:14px}.about-content{padding-top:16px}.about-topline{grid-template-columns:1fr;gap:30px}.about-content h2{font-size:33px;margin-bottom:16px}.about-role{font-size:22px}.about-location{font-size:15px;margin-top:20px}.about-contact p{font-size:22px;line-height:1.13;letter-spacing:-.25px;overflow-wrap:anywhere}.about-education{font-size:24px;line-height:1.12;margin-top:42px;letter-spacing:-.25px}.about-education em{display:block;margin-top:12px;font-size:20px}.about-columns{margin-top:38px;gap:20px;font-size:21px;line-height:1.17}.about-columns h3{margin-bottom:7px}.about-work-link{margin-top:42px}}
@media(max-width:360px){.about-columns{grid-template-columns:1fr;gap:30px}.about-contact p{font-size:20px}.about-education{font-size:22px}}
@media(prefers-reduced-motion:reduce){.information-dialog[open]{animation:none}}