body{background:#fff!important;background-image:radial-gradient(circle,#cbd8df .8px,transparent .9px)!important;background-size:22px 22px!important;color:#071e33;font-family:'DM Sans',sans-serif}
body::before,body::after{display:none!important}
.portfolio-nav{position:sticky;top:0;z-index:100;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;height:96px;padding:0 6%;max-width:none;border-bottom:1px solid #cbd8df}
.portfolio-nav a{text-decoration:none;color:#071e33}.portfolio-nav .avatar-link{position:relative;justify-self:start;display:flex;align-items:center}.portfolio-nav .avatar{width:49px;height:55px;object-fit:contain}
.portfolio-nav #avatar-bubble{position:absolute;left:calc(100% + 7px);width:173px;height:32px;top:50%;transform:translateY(-50%)}.portfolio-nav #avatar-bubble svg{width:100%;height:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.portfolio-nav .links{display:flex;align-items:center;justify-content:center;gap:20px}.portfolio-nav .hand-nav{padding:0 9px;min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:400;letter-spacing:0}.portfolio-nav a:hover,.portfolio-nav [aria-current]{color:#002fa7}
.portfolio-nav .coffee-opinion{justify-self:end;display:flex;align-items:center;width:211px;min-height:40px}.portfolio-nav .coffee-opinion svg{width:100%;height:auto;aspect-ratio:1320/250}
.portfolio-nav .mobile-menu{display:none}.portfolio-nav a:focus-visible,.portfolio-nav button:focus-visible{outline:2px solid #002fa7;outline-offset:4px}
.inner-page.wrap{width:auto;max-width:1268px;margin:auto;padding-left:6%;padding-right:6%}
@media(min-width:601px) and (max-width:950px){.portfolio-nav{gap:12px}.portfolio-nav #avatar-bubble{width:130px;height:24px}.portfolio-nav .coffee-opinion{width:158px}.portfolio-nav .links{gap:4px}.portfolio-nav .hand-nav{font-size:14px;padding:0 5px}}
@media(max-width:600px){.portfolio-nav{height:80px;display:flex;justify-content:space-between}.portfolio-nav .avatar{width:35px}.portfolio-nav .mobile-menu{display:block;width:44px;height:44px;border:0;background:none;color:#002fa7;padding:7px;z-index:102}.portfolio-nav .mobile-menu svg{width:30px;height:30px}.portfolio-nav .sushi-art,.portfolio-nav .sushi-note{display:none}.portfolio-nav.menu-open .sushi-art{display:block}.portfolio-nav.menu-open .burger-art{display:none}.portfolio-nav>.coffee-opinion{display:none}.portfolio-nav .links{display:none;position:fixed;inset:80px 0 0;background:#fff;flex-direction:column;gap:16px}.portfolio-nav.menu-open .links{display:flex}.portfolio-nav .hand-nav{font-size:32px;min-height:64px}.portfolio-nav.menu-open #avatar-bubble{visibility:hidden}body.about-menu-open{overflow:hidden}}


:root{--blue:#002fa7;--ink:#071e33;--paper:#fff;--line:#91abb1;--muted:#496572}
body{background:#fff;background-image:radial-gradient(circle,#cbd8df .8px,transparent .9px);background-size:22px 22px;font-family:'DM Sans',sans-serif}
h1,.professional-experience h1{font-family:'DM Sans',sans-serif;font-size:clamp(32px,4vw,58px);line-height:1.27;letter-spacing:-.05em;font-weight:400}
h1 em,h2 em{font-family:inherit;font-style:normal;color:#002fa7}
h2,.career-meta h2,.career-section-label{font-family:'DM Sans',sans-serif;font-size:clamp(18px,1.7vw,24px);line-height:1.3;font-weight:400}
.career-section-label{letter-spacing:.08em}.eyebrow,.section-heading>p{font-family:'DM Sans',sans-serif;letter-spacing:.14em;font-size:12px}
nav.portfolio-nav{margin:0;width:100%;box-sizing:border-box;padding-inline:max(6%,calc((100vw - 1268px)/2));flex-shrink:0}nav.portfolio-nav>*{min-width:0}
.project-image{border:1px solid #91abb1;border-radius:0}.project{position:relative}.project-image::before,.project-image::after{content:'';position:absolute;top:0;width:6px;height:6px;background:#002fa7;z-index:3}.project-image::before{left:0}.project-image::after{right:0}
.inner-page{padding-top:48px}.inner-page>h1{font-size:clamp(32px,4vw,58px);margin:28px 0}.contact{background:#002fa7}.contact em{color:inherit}
@media(max-width:600px){.inner-page{padding-top:32px}h1,.professional-experience h1,.inner-page>h1{font-size:clamp(28px,7vw,42px)}}

.professional-experience h1.about-opening{color:#000;font-size:clamp(26px,3.4vw,48px);max-width:none;letter-spacing:-.05em}.about-opening span{color:#002fa7}

.about-pixel-phrase{position:relative;display:inline-block;white-space:nowrap}.professional-experience h1.about-opening{font-size:clamp(25px,3vw,43px)}

.portrait-drag-note{width:125px;font-size:0;line-height:0;background:transparent}.portrait-drag-note img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
/* Anchor the annotation beside each portrait's active resize corner. */
.childhood-photo .portrait-drag-note{top:auto;bottom:-20px;left:calc(100% + 8px);right:auto;width:100px;pointer-events:none}
.boston-photo .portrait-drag-note{left:auto;right:calc(100% + 8px);bottom:-20px}
@media(max-width:600px){.childhood-photo .portrait-drag-note{width:80px;left:calc(100% + 5px);bottom:-16px}.boston-photo .portrait-drag-note{left:auto;right:calc(100% + 5px)}}
/* Keep the introduction above the personal-story text in the hierarchy. */
.professional-experience h1.about-opening{font-size:clamp(36px,4.4vw,64px);line-height:1.2}
.childhood-intro-layout .childhood-intro{font-size:clamp(24px,3vw,40px);line-height:1.35}
@media(max-width:600px){.professional-experience h1.about-opening{font-size:clamp(30px,7.5vw,44px)}.childhood-intro-layout .childhood-intro{font-size:clamp(18px,4.3vw,26px)}}

.parents-story{display:grid;grid-template-columns:1fr minmax(240px,360px);gap:48px;align-items:center;margin:32px 0 64px}.parents-story h2{font:400 clamp(24px,3vw,40px)/1.35 'DM Sans',sans-serif;letter-spacing:-.04em;color:#000}.parents-figure{margin:0;min-width:0}.parents-frame{position:relative;border:1px solid #91abb1}.parents-frame>img{display:block;width:100%;height:auto}.parents-frame::before,.parents-frame::after,.parents-frame i::before,.parents-frame i::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#002fa7}.parents-frame::before{left:-3px;top:-3px}.parents-frame::after{right:-3px;top:-3px}.parents-frame i::before{left:-3px;bottom:-3px}.parents-frame i::after{right:-3px;bottom:-3px}.parents-figure figcaption{display:flex;gap:10px;margin-top:12px}.parent-opinion{display:block;width:50%;aspect-ratio:3/1;background-image:url('assets/parents-opinions.png');background-size:100% 200%;background-repeat:no-repeat}.mom-opinion{background-position:center top}.dad-opinion{background-position:center bottom}
@media(max-width:600px){.parents-story{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.parents-figure{width:min(100%,320px);justify-self:center}}

/* Shared dimensions and spacing for the three personal-story chapters. */
.childhood-intro-layout,.parents-story{--portrait-width:170px;display:grid;grid-template-columns:var(--portrait-width) minmax(0,1fr);gap:40px;align-items:center;margin:0;padding:36px 0;min-height:340px}
.boston-intro-layout,.parents-story{grid-template-columns:minmax(0,1fr) var(--portrait-width)}
.parents-figure{width:100%;position:relative}.parents-frame.childhood-photo,.boston-photo{width:100%;aspect-ratio:2/3}
.parents-frame.childhood-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.parents-frame::before,.parents-frame::after{width:6px;height:6px}.parents-figure figcaption{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:270px;margin-top:8px}
.childhood-intro-layout .childhood-intro,.parents-story h2{font-size:clamp(26px,3.3vw,44px);line-height:1.35;margin:0}
.childhood-photo.resizing .portrait-drag-note{visibility:visible}
@media(max-width:600px){.childhood-intro-layout,.parents-story{--portrait-width:100px;gap:20px;padding:28px 0;min-height:240px}.childhood-intro-layout .childhood-intro,.parents-story h2{font-size:clamp(20px,4.8vw,28px)}.parents-figure{width:100%}.parents-figure figcaption{width:180px;left:auto;right:0;transform:none}.parents-story{margin-bottom:16px}}