/* Motion is progressive: content remains visible without JavaScript. */
.site-page .top{z-index:50}.site-page .site-nav{background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none;transition:background .25s,border-color .25s,box-shadow .25s}.site-page .top.is-scrolled .site-nav,.site-page .site-nav.nav-open{background:#071322d9;border-color:#29445d;backdrop-filter:blur(16px);box-shadow:0 12px 32px #0004}
.motion-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.site-page>main,.site-page>footer{position:relative;z-index:1}.motion-pointer-glow{position:absolute;left:-220px;top:-220px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#187dcc1a,transparent 68%);opacity:0;transition:opacity .5s}.motion-pointer-glow.is-visible{opacity:1}.motion-particle{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#68bfff;opacity:.18}.motion-ready .motion-particle{animation:tech-drift var(--duration) ease-in-out var(--delay) infinite alternate}
.motion-ready .intro h1{animation:hero-name .7s cubic-bezier(.2,.7,.3,1) both}.hero-job-title{position:relative}.typing-reserve{visibility:hidden}.typing-text{position:absolute;inset:0 auto auto 0;width:100%;text-align:inherit}.is-typing .typing-text:after{content:'|';color:#58bfff;margin-right:3px;animation:typing-caret .75s steps(1) infinite}.motion-ready .hero .portrait img{transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0)}
.motion-ready .motion-reveal{opacity:0;translate:0 14px;transition:opacity .5s var(--reveal-delay),translate .5s var(--reveal-delay)}.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0}.tech>div img,.tech>div b{transition:transform .25s,filter .25s}.tech>div:hover img,.tech>div:hover b{transform:translateY(-4px);filter:drop-shadow(0 3px 9px #299fff65)}
.showcase-active-marker{position:absolute;left:3px;top:0;width:3px;border-radius:3px;background:#25b6ff;box-shadow:0 0 12px #179bff90;pointer-events:none;transition:transform .25s cubic-bezier(.2,.7,.3,1),height .25s}.showcase-hero-image{overflow:hidden}.showcase-hero-image img{transition:transform .35s}.showcase-project-option.is-active .showcase-option-arrow{translate:-3px 0;transition:translate .25s}
.journal-cover img,.journal-mini img{transition:transform .35s cubic-bezier(.2,.7,.3,1)}.journal-card:hover .journal-cover img{transform:scale(1.035)}.journal-mini:hover img{transform:scale(1.03)}.journal-read{display:inline-block;transition:translate .25s}.journal-card:hover .journal-read{translate:-3px 0}.journal-card h2 a{transition:color .25s}
.motion-ready>main{animation:page-arrive .28s ease-out}.site-page>main{transition:opacity .13s,filter .13s}.page-leaving>main{opacity:0;filter:blur(2px);animation:none}
.motion-space-stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.motion-space-stars>i{position:absolute;width:2px;height:2px;border-radius:50%;background:#bfdfff;box-shadow:0 0 4px #7dbfff;opacity:.5}.motion-ready .motion-space-stars>i{animation:space-drift 48s ease-in-out infinite alternate}.motion-ready .lost-page{animation:planet-drift 42s ease-in-out infinite alternate}.motion-ready .lost-four{animation:four-glow 9s ease-in-out infinite alternate}.lost-message,.lost-code{z-index:1}.motion-meteor{position:absolute;left:85%;top:12%;width:130px;height:1px;background:linear-gradient(90deg,transparent,#c7e3ff);opacity:0;rotate:-32deg}.motion-ready .motion-meteor{animation:meteor-pass 27s linear infinite}.motion-paused .motion-particle,.motion-paused .motion-space-stars>i,.motion-paused .lost-page,.motion-paused .lost-four,.motion-paused .motion-meteor{animation-play-state:paused}
.motion-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes hero-name{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-caret{50%{opacity:0}}@keyframes tech-drift{to{transform:translate3d(var(--drift),-32px,0);opacity:.32}}@keyframes page-arrive{from{opacity:.35;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes space-drift{to{transform:translate3d(10px,-9px,0);opacity:.25}}@keyframes planet-drift{from{background-position:50% 50%}to{background-position:50.15% 50.35%}}@keyframes four-glow{from{filter:drop-shadow(0 1px 5px #9dbbda45)}to{filter:drop-shadow(0 1px 9px #edb97675)}}@keyframes meteor-pass{0%,84%{opacity:0;transform:translate3d(0,0,0)}85%{opacity:.65}89%{opacity:0;transform:translate3d(-380px,80px,0)}100%{opacity:0;transform:translate3d(-380px,80px,0)}}
@media(hover:none),(pointer:coarse){.motion-pointer-glow{display:none}.motion-ready .hero .portrait img{transform:none}}
@media(prefers-reduced-motion:reduce){.site-page *, .site-page *:before,.site-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-background,.motion-space-stars{display:none}.motion-reveal{opacity:1!important;translate:none!important}.hero .portrait img{transform:none!important}.page-leaving>main{opacity:1;filter:none}.journal-cover img,.journal-mini img,.tech>div:hover img,.tech>div:hover b{transform:none;filter:none}}