@font-face{font-family:Satoshi;src:url('/assets/Satoshi-Variable.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:GeistMono;src:url('/assets/GeistMonoVF.woff') format('woff');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--page:#000;--left:#000;--right:#000;--surface:#050505;--surface-2:#0a0a0a;--text:#edf4ff;--muted:#9eacc1;--faint:#64758e;--line:#20283a;--blue:#76aaff;--blue-bright:#a9caff;--blue-soft:#172a46;--cell-0:#151c2a;--cell-1:#264a7f;--cell-2:#366dba;--cell-3:#5b91e0;--cell-4:#9bc2ff;--shadow:0 30px 70px rgba(0,0,0,.31)}
:root.light{color-scheme:light;--page:#fff;--left:#fff;--right:#fff;--surface:#fff;--surface-2:#eaf2ff;--text:#0d1c33;--muted:#4f6078;--faint:#7787a0;--line:#d5e2f3;--blue:#245fc4;--blue-bright:#154da7;--blue-soft:#e4efff;--cell-0:#e8f0fb;--cell-1:#c6dcfa;--cell-2:#8fb8ed;--cell-3:#568ddd;--cell-4:#245fc4;--shadow:0 30px 65px rgba(42,83,146,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:Satoshi,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{background:var(--blue);color:var(--right)}
.page-shell{min-height:100dvh}.site-header{height:70px;padding:0 clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--left);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--blue);border-radius:9px;color:var(--blue-bright);font-size:23px;line-height:1;padding-bottom:5px}.brand-dot{color:var(--blue)}.brand-name{font-size:16px}.header-right{display:flex;align-items:center;gap:34px}.availability{font-size:11px;color:var(--muted);letter-spacing:.015em;display:flex;align-items:center;gap:8px}.availability-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px var(--blue-soft),0 0 15px var(--blue)}.theme-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 12px;color:var(--muted);font-size:11px;min-width:105px;justify-content:center}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}#theme-icon{font-size:16px;line-height:1}
.workspace{min-height:calc(100dvh - 70px);display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%)}.intro-pane{position:relative;background:var(--left);display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0}.intro-content{width:100%;margin:auto;padding:clamp(48px,6.4vh,90px) clamp(18px,2vw,32px) 48px clamp(48px,7.7vw,130px)}.eyebrow,.section-index{font-family:GeistMono,monospace;font-size:10px;font-weight:550;letter-spacing:.17em;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow-line{width:23px;height:1px;background:var(--blue)}h1{font-size:clamp(42px,4.1vw,66px);line-height:1.09;letter-spacing:-.075em;margin:31px 0 2px;font-weight:760;white-space:nowrap}h1 em{font-style:normal;color:var(--blue)}.wave{display:inline-block;color:var(--blue);font-family:GeistMono,monospace;font-size:.38em;vertical-align:top;margin:0 0 0 12px;animation:twinkle 9s ease-in-out infinite}.headline-tail{font-size:clamp(31px,3.55vw,56px);line-height:1.2;letter-spacing:-.06em;font-weight:700;margin:0;white-space:nowrap}.flip-window{display:inline-block;vertical-align:bottom;overflow:hidden;color:var(--blue-bright);min-width:5.5em}.flip-word{display:inline-block;transform-origin:center;transition:transform .38s cubic-bezier(.2,.9,.25,1.35),opacity .25s ease}.flip-word.out{transform:translateY(-90%) rotateX(85deg);opacity:0}.flip-word.in{transform:translateY(90%) rotateX(-85deg);opacity:0}.period{color:var(--blue)}.description{max-width:560px;margin-top:35px;color:var(--muted);font-size:14px;line-height:1.78;letter-spacing:.003em}.description p{margin:0 0 16px}.inline-command{display:inline-grid;place-items:center;min-width:18px;height:20px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--blue-bright);font-family:GeistMono,monospace;font-size:12px;padding:0 4px;vertical-align:middle}.inline-command:hover{border-color:var(--blue)}.socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.socials a{font-size:12px;font-weight:700;display:inline-flex;gap:17px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:var(--surface);transition:border-color .2s,color .2s}.socials a span{font-family:GeistMono,monospace;color:var(--blue)}.socials a:hover{border-color:var(--blue);color:var(--blue)}
.activity{margin-top:clamp(58px,9vh,100px);border-top:1px solid var(--line);padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-index{color:var(--faint);font-size:9px;letter-spacing:.14em}.section-heading h2{font-size:25px;letter-spacing:-.055em;line-height:1.2;margin:9px 0 0}.title-spark{font-family:GeistMono,monospace;font-size:13px;color:var(--blue);vertical-align:top;margin-left:6px}.activity-link{font-family:GeistMono,monospace;color:var(--blue);font-size:11px;white-space:nowrap;padding-bottom:2px}.activity-link:hover{text-decoration:underline}.chart-wrap{width:100%;overflow-x:hidden;padding-bottom:0}.months{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));min-width:0;height:18px;color:var(--faint);font:9px GeistMono,monospace}.chart-grid{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:2px;min-width:0}.chart-cell,.legend i{display:block;background:var(--cell-0);border-radius:2px}.chart-cell{width:100%;aspect-ratio:1;min-width:0;min-height:0}.chart-cell[data-level="1"],.legend i[data-level="1"]{background:var(--cell-1)}.chart-cell[data-level="2"],.legend i[data-level="2"]{background:var(--cell-2)}.chart-cell[data-level="3"],.legend i[data-level="3"]{background:var(--cell-3)}.chart-cell[data-level="4"],.legend i[data-level="4"]{background:var(--cell-4)}.chart-cell:hover{outline:1px solid var(--blue);outline-offset:1px}.chart-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--faint);font-family:GeistMono,monospace;font-size:9px;margin-top:10px;min-height:15px}.legend{display:flex;align-items:center;gap:3px}.legend span:first-child{margin-right:4px}.legend span:last-child{margin-left:4px}.legend i{width:9px;height:9px}.intro-footer{padding:20px clamp(28px,6.3vw,110px);display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--faint);font:9px GeistMono,monospace;letter-spacing:.08em;white-space:nowrap}.footer-star{color:var(--blue);margin:0 3px}
.terminal-pane{background:var(--right);padding:clamp(14px,2vw,32px);display:flex;align-items:center;justify-content:center;min-width:0}.terminal-frame{width:100%;max-width:1000px;height:min(740px,calc(100dvh - 140px));min-height:530px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);font-family:GeistMono,monospace;color:var(--text)}.terminal-topbar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex:none;padding:0 17px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:10px;color:var(--muted)}.window-controls{display:flex;gap:6px}.window-controls i{width:8px;height:8px;border-radius:50%;background:var(--faint);opacity:.5}.window-controls i:first-child{background:var(--blue);opacity:.85}.window-controls i:nth-child(2){background:var(--blue);opacity:.5}.terminal-title span{margin:0 3px;color:var(--faint)}.terminal-topbar-right{justify-self:end;color:var(--faint);font-weight:700}.terminal-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:26px 27px 16px;font-size:12px;line-height:1.7}.terminal-welcome{padding-bottom:14px}.terminal-kicker{font-size:9px;letter-spacing:.15em;color:var(--blue);font-weight:700}.ascii{font:12px/1.5 GeistMono,monospace;color:var(--blue-bright);margin:22px 0 24px;white-space:pre;letter-spacing:0}.terminal-welcome p{margin:10px 0;color:var(--muted)}.terminal-hint{color:var(--faint)!important}.terminal-hint strong{color:var(--blue);font-weight:600}.text-command{font-family:GeistMono,monospace;background:transparent;border:0;color:var(--blue);padding:0}.text-command:hover{text-decoration:underline}.terminal-entry{border-top:1px dashed var(--line);padding:18px 0}.command-echo{display:flex;gap:9px;color:var(--text);font-size:12px}.command-echo .prompt-symbol{color:var(--blue)}.response{padding:11px 0 0 19px;color:var(--muted)}.response-title{color:var(--blue-bright);font-weight:650;font-size:12px;margin:0 0 13px;letter-spacing:.01em}.response p{margin:0 0 11px}.response-list{display:grid;gap:12px}.response-card{border-left:1px solid var(--line);padding:1px 0 2px 14px}.response-card h3{font-size:12px;color:var(--text);margin:0 0 3px;font-weight:650}.response-card h3 a:hover,.response-card a.url:hover{text-decoration:underline}.response-meta{font-size:10px;color:var(--blue);margin:0 0 5px!important}.response-card p,.response-card li{color:var(--muted);font-size:11px;line-height:1.65}.response-card ul{padding-left:15px;margin:5px 0 8px}.response-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.response-tags span{border:1px solid var(--line);background:var(--surface-2);border-radius:3px;color:var(--faint);padding:2px 5px;font-size:9px}.response a.url{color:var(--blue);overflow-wrap:anywhere}.response-empty{color:var(--faint)}.terminal-composer{flex:none;position:relative;border-top:1px solid var(--line);background:var(--surface-2);padding:12px 16px 11px}#terminal-form{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);height:43px;padding:0 7px 0 13px;transition:border-color .2s}.prompt{display:flex;gap:8px;align-items:center;font-size:13px;white-space:nowrap}.prompt-symbol{color:var(--blue);font-weight:800}.prompt-path{color:var(--muted)}#terminal-input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);outline:0;font-size:11px;font-family:GeistMono,monospace}#terminal-input::placeholder{color:var(--faint)}.send-button{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:var(--blue-soft);color:var(--blue-bright);font-size:17px;line-height:1}.send-button:hover{border-color:var(--blue)}.composer-footer{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;margin:10px 2px 0;gap:8px}.composer-footer kbd{font-family:GeistMono,monospace;color:var(--blue);font-size:10px}.composer-separator{margin:0 4px}.cursor-block{color:var(--blue);animation:blink 1s steps(2) infinite}.command-menu{position:absolute;left:16px;right:16px;bottom:calc(100% + 7px);border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:6px;box-shadow:var(--shadow);max-height:280px;overflow:auto;z-index:4}.command-menu[hidden]{display:none}.menu-label{font-size:9px;color:var(--faint);letter-spacing:.13em;padding:7px 9px 8px}.menu-item{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;border:0;background:transparent;color:var(--text);font:11px GeistMono,monospace;padding:9px;border-radius:5px;text-align:left}.menu-item:hover,.menu-item.active{background:var(--blue-soft)}.menu-item span:first-child{color:var(--blue-bright)}.menu-item span:last-child{color:var(--faint);font-size:10px;text-align:right}
.thinking-line{display:flex;align-items:center;gap:9px;padding:12px 0 1px 19px;color:var(--blue);font-size:11px}.thinking-icon{display:inline-block;font-size:14px;line-height:1;animation:thinking-turn 1.8s linear infinite}.thinking-dots{display:inline-flex;gap:3px;align-items:center;height:13px}.thinking-dots i{width:3px;height:3px;border-radius:50%;background:var(--blue);animation:thinking-pulse 1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}.stream-cursor{display:inline-block;width:6px;height:12px;margin-left:19px;vertical-align:-2px;background:var(--blue);animation:blink .8s steps(2) infinite}.send-button:disabled{opacity:.48;cursor:wait}#terminal-input:disabled{cursor:wait}
@keyframes thinking-turn{to{transform:rotate(360deg)}}@keyframes thinking-pulse{50%{opacity:.18;transform:translateY(-2px)}}
@keyframes blink{to{opacity:0}}@keyframes twinkle{50%{transform:rotate(32deg) scale(1.16)}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,50%) minmax(0,50%)}.intro-content{padding-left:50px;padding-right:26px}.intro-footer{padding-left:38px;padding-right:38px}.terminal-pane{padding:20px}.terminal-body{padding:22px 18px}.description{font-size:13px}h1{font-size:46px}.headline-tail{font-size:37px}}
@media(max-width:760px){.site-header{height:64px;padding:0 22px}.availability{display:none}.workspace{display:block}.intro-pane{border-right:0;border-bottom:1px solid var(--line)}.intro-content{max-width:680px;padding:56px 25px 58px}.intro-footer{padding:17px 25px}.intro-footer span:last-child{display:none}.terminal-pane{padding:26px 16px 42px}.terminal-frame{height:620px;min-height:0}h1{font-size:clamp(42px,8vw,60px)}.headline-tail{font-size:clamp(32px,6.8vw,49px)}.activity{margin-top:58px}.description{font-size:14px}.chart-grid,.months{min-width:0}}
@media(max-width:420px){.brand-name{font-size:14px}.theme-toggle{min-width:40px;padding:8px}.theme-toggle #theme-label{display:none}h1{font-size:41px}.headline-tail{font-size:31px}.description{margin-top:28px}.section-heading h2{font-size:23px}.terminal-pane{padding-left:10px;padding-right:10px}.terminal-body{padding:20px 14px}.ascii{font-size:10px}.composer-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Open canvas: navigation lives in the content instead of a header bar. */
.workspace{min-height:100dvh}
.intro-content h1{margin-top:0}
.activity{margin-top:clamp(48px,7vh,76px);border-top:0;padding-top:0}
@media(max-width:760px){.activity{margin-top:58px}}

.wave{font-family:Satoshi,Arial,sans-serif;font-size:.48em;vertical-align:baseline;transform-origin:75% 75%}
.headline-tail{font-size:clamp(29px,3.3vw,50px)}
@media(max-width:760px){.headline-tail{font-size:clamp(29px,6.5vw,45px)}}
@media(max-width:420px){.headline-tail{font-size:29px}}

/* Single, rounded terminal composer. */
.terminal-composer{border-top:0;background:var(--surface);padding:14px 18px 18px}
#terminal-form{height:66px;gap:10px;padding:0 10px 0 23px;border:1px solid #596477;border-radius:18px;background:var(--surface-2)}
#terminal-input{font-size:13px;line-height:1.4}
#terminal-input::placeholder{color:#778294;opacity:1}
.send-button{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #435675;border-radius:14px;background:var(--blue-soft);color:var(--blue-bright)}
.send-button svg{width:22px;height:22px}
.send-button:hover{background:#23446e;border-color:var(--blue)}
.command-menu{left:18px;right:18px;bottom:calc(100% + 8px)}
:root.light #terminal-form{border-color:#b8c7dc}
:root.light #terminal-input::placeholder{color:#748198}
:root.light .send-button:hover{background:#d7e8ff}
@media(max-width:420px){.terminal-composer{padding:12px 12px 14px}#terminal-form{height:60px;padding-left:15px}#terminal-input{font-size:11px}.send-button{width:42px;height:42px}.command-menu{left:12px;right:12px}}

/* Larger supporting copy while the two landing lines keep their current scale. */
body{font-size:125%}
.intro-pane{border-right:0}
.wave{font-size:.624em}
.description{font-size:17.5px}
.inline-command{font-size:15px}
.socials a{font-size:15px}
.months{font-size:11.25px}
.chart-footer{font-size:11.25px}
.terminal-topbar{font-size:12.5px}
.terminal-body{font-size:15px}
.terminal-kicker{font-size:11.25px}
.command-echo,.response-title,.response-card h3{font-size:15px}
.response-meta{font-size:12.5px}
.response-card p,.response-card li{font-size:13.75px}
.response-tags span{font-size:11.25px}
#terminal-input{font-family:Satoshi,Arial,sans-serif;font-size:16.25px}
.menu-label{font-size:11.25px}
.menu-item{font-size:13.75px}
.menu-item span:last-child{font-size:12.5px}
.thinking-line{font-size:13.75px}
.thinking-icon{font-size:17.5px}
@media(max-width:1050px){.description{font-size:16.25px}}
@media(max-width:760px){.intro-pane{border-bottom:0}.description{font-size:17.5px}}
@media(max-width:420px){#terminal-input{font-size:13.75px}}

/* Minimal theme icon fixed to the viewport corner. */
.hero-heading{display:block}
.hero-heading h1{margin:0}
.theme-switch{position:fixed;z-index:20;top:22px;right:26px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:var(--page);color:var(--text);transition:opacity .2s ease}
.theme-switch:hover{opacity:.68}
.theme-switch svg{width:26px;height:26px}
.theme-switch-moon{display:none}
:root.light .theme-switch-sun{display:none}
:root.light .theme-switch-moon{display:block}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.theme-switch{top:14px;right:16px;width:42px;height:42px}.theme-switch svg{width:24px;height:24px}}
.description,.activity{max-width:clamp(560px,33.3vw,680px)}

/* The command bar starts centered, then settles beneath the conversation. */
.terminal-frame{position:relative;border:0;border-radius:0;box-shadow:none;background:transparent}
.terminal-body{position:absolute;inset:0;flex:none;padding:72px 0 108px;background:transparent;mask-image:linear-gradient(to bottom,transparent 0,#000 60px);scrollbar-width:none;-ms-overflow-style:none}
.terminal-frame:not(.terminal-active) .terminal-body{visibility:hidden}
.terminal-body::-webkit-scrollbar{display:none}
.terminal-entry{border-top:0}
.response-card{border-left:0;padding-left:0}
.terminal-composer{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%);transition:top 650ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.22,1,.36,1);border:0;background:transparent;padding:12px 0 0}
.terminal-frame.terminal-active .terminal-composer{top:100%;transform:translateY(-100%)}
#terminal-form{border:0;background:var(--surface-2)}
.command-menu{left:0;right:0;border:0;border-radius:0;box-shadow:none;scrollbar-width:none;-ms-overflow-style:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:bottom center;transition:opacity 220ms ease,transform 220ms cubic-bezier(.22,1,.36,1),visibility 220ms}
.command-menu::-webkit-scrollbar{display:none}
.command-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.terminal-frame:not(.terminal-active) .command-menu{max-height:min(225px,33vh)}
.menu-highlight{position:absolute;left:7px;right:7px;top:0;height:var(--selection-height,36px);transform:translateY(var(--selection-y,0px));border-radius:5px;background:var(--blue-soft);pointer-events:none;transition:transform 180ms cubic-bezier(.22,1,.36,1),height 180ms ease}
.menu-label,.menu-item{position:relative;z-index:1}
.menu-item:hover,.menu-item.active{background:transparent}
:root.light #terminal-form{border:0;background:#eaf2ff}
@media(max-width:760px){.terminal-composer{padding:12px 0 0}}

/* Scroll the longer biography independently from the terminal. */
.workspace{height:100dvh;min-height:0}
.intro-pane{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.intro-pane::-webkit-scrollbar{display:none}
.terminal-pane{height:100dvh}
.experience{max-width:clamp(560px,33.3vw,680px);margin-top:48px}
.experience h2{margin:0 0 18px;color:var(--faint);font:600 12px GeistMono,monospace;letter-spacing:.16em;text-transform:uppercase}
.experience-card{border-top:1px dashed var(--line)}
.experience-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0}
.experience-logo{display:block;width:46px;height:46px;border:1px solid var(--line);border-radius:9px;object-fit:cover;background:var(--surface-2)}
.experience-logo-fallback{display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font:700 14px GeistMono,monospace}
.experience-company{display:inline-block;color:var(--text);font-size:17px;font-weight:700;line-height:1.3}
.experience-company:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}
.experience-role{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.experience-meta{margin:5px 0 0;color:var(--faint);font:11px/1.5 GeistMono,monospace}
.experience-mobile-date{display:none}
.experience-side{display:flex;align-items:flex-start;gap:11px}
.experience-date{color:var(--muted);font:11px/1.5 GeistMono,monospace;text-align:right;white-space:nowrap}
.experience-toggle{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:-3px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted)}
.experience-toggle:hover{color:var(--blue)}
.experience-toggle svg{width:18px;height:18px;transition:transform .2s ease}
.experience-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.experience-detail{padding:0 0 20px 60px;color:var(--muted);font-size:14px;line-height:1.6}
.experience-detail[hidden]{display:none}
.experience-detail ul{margin:0 0 16px;padding-left:18px}
.experience-detail li+li{margin-top:8px}
.experience-inline-link{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.experience-tags{display:flex;flex-wrap:wrap;gap:6px}
.experience-tags span{padding:4px 7px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--faint);font:11px GeistMono,monospace}
@media(max-width:760px){.workspace{height:auto;min-height:100dvh}.intro-pane{height:auto;overflow:visible}.terminal-pane{height:auto}.experience{max-width:none;margin-top:44px}}
@media(max-width:420px){.experience-head{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.experience-logo{width:40px;height:40px}.experience-date{display:none}.experience-mobile-date{display:inline}.experience-detail{padding-left:50px}.experience-company{font-size:16px}}

/* Match the whole page during theme changes. */
::view-transition-old(root),::view-transition-new(root){animation-duration:420ms;animation-timing-function:ease-in-out}
:root.theme-changing body,:root.theme-changing body *{transition:background-color 420ms ease,color 420ms ease,border-color 420ms ease,box-shadow 420ms ease}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}

/* Let the main content settle into place on the first paint. */
@keyframes page-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-fade{from{opacity:0}to{opacity:1}}
.hero-heading h1{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) backwards}
.headline-tail{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) 70ms backwards}
.description{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) 140ms backwards}
.socials{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) 210ms backwards}
.activity{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) 280ms backwards}
.experience{animation:page-arrive 720ms cubic-bezier(.22,1,.36,1) 350ms backwards}
.terminal-frame{animation:page-arrive 800ms cubic-bezier(.22,1,.36,1) 110ms backwards}
.theme-switch{animation:page-fade 700ms ease 300ms backwards}