:root{--hero-out:cubic-bezier(.16, 1, .3, 1)}@keyframes hero-rise{0%{clip-path:inset(0 -50% 100%);transform:translateY(100%)}to{clip-path:inset(-20% -50%);transform:none}}@keyframes hero-name-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes hero-hairline{0%{border-color:#0000}}[data-hero-scene] img[src*="/personal/hero"]{opacity:0}[data-hero-scene] section>div:first-child h1{animation:hero-rise 1.1s var(--hero-out) .35s backwards}[data-hero-scene] section>div:first-child p{animation:hero-name-in 1.4s var(--hero-out) .55s backwards}[data-hero-scene] section>div:not(:first-child),[data-hero-scene] section>div:not(:first-child)>div{animation:1.2s .7s backwards hero-hairline}[data-hero-scene] section>div:last-child>div:last-child>div:first-child>*{animation:hero-rise 1s var(--hero-out) .85s backwards}[data-hero-scene] section>div:last-child>div:last-child>div:first-child>*+*{animation-delay:.93s}[data-hero-scene] section>div:last-child>div:last-child>div:last-child>*{animation:hero-rise 1s var(--hero-out) 1.01s backwards}[data-hero-scene] section>div:nth-child(2)>div>*,[data-hero-scene] section>div:nth-child(2) figcaption{animation:hero-rise 1s var(--hero-out) .85s backwards}html[data-hero-nav] body>header{transition:transform .7s var(--hero-out)}html[data-hero-nav=hidden] body>header{pointer-events:none;transform:translateY(-100%)}