body>header{position:sticky;top:0;z-index:25;padding-top:14px;padding-bottom:14px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease;will-change:transform}body>header.nav-hidden:not(:focus-within){transform:translateY(-110%)}body>header.nav-scrolled{box-shadow:0 1px 0 rgba(32,35,31,.1)}body>header:focus-within{transform:translateY(0)}.chapters{top:0;transition:top .25s ease}body:has(>header:not(.nav-hidden)) .chapters{top:76px}@media(max-width:760px){body>header{padding-top:11px;padding-bottom:11px}body:has(>header:not(.nav-hidden)) .chapters{top:64px}}@media(prefers-reduced-motion:reduce){body>header,.chapters{transition:none}}@media print{body>header{display:none!important}}

body:not(:has(main#top)) .resume-heading h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-3px}body:has(.chapters) .hero>h1,body:has(.chapters) .hero>h1.project-hero-title{font-size:clamp(46px,5.5vw,76px);letter-spacing:-3px;line-height:1.1}body:has(.chapters) .hero-bottom p{max-width:760px;font-size:18px;line-height:1.6}@media(max-width:760px){body:has(.chapters) .hero>h1,body:has(.chapters) .hero>h1.project-hero-title{font-size:44px;letter-spacing:-2px}body:not(:has(main#top)) .resume-heading h1{font-size:48px;letter-spacing:-2px}body:has(.chapters) .hero-bottom p{font-size:16px}.hero .eyebrow{flex-wrap:wrap}.hero .eyebrow .year{display:block;margin-left:0;width:100%;font-size:10px;line-height:1.5}}@media print{body:not(:has(main#top)) .resume-heading h1{font-size:34pt;letter-spacing:-1pt}}
.hero-bottom>.round{flex-shrink:0}

dialog h2,dialog #zoom-title{letter-spacing:normal;line-height:1.35}

body:has(.chapters) .hero>h1{max-width:1120px}.hero .mosaic{margin-top:16px}