@font-face{font-stretch:62% 125%;font-family:archivo;src:url(../media/Archivo-s.p.0dc3ssk6nuun1.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.archivo_55d896a1-module__8C8T9G__className{font-family:archivo,archivo Fallback;font-style:normal}.archivo_55d896a1-module__8C8T9G__variable{--font-archivo:"archivo", "archivo Fallback"}
@font-face{font-stretch:62% 125%;font-family:archivoItalic;src:url(../media/Archivo_Italic-s.092z1s3rk6f-c.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:archivoItalic Fallback;src:local(Arial);ascent-override:85.01%;descent-override:20.33%;line-gap-override:0.0%;size-adjust:103.28%}.archivoitalic_2b911ce2-module__Zp3rya__className{font-family:archivoItalic,archivoItalic Fallback;font-style:italic}.archivoitalic_2b911ce2-module__Zp3rya__variable{--font-archivo-italic:"archivoItalic", "archivoItalic Fallback"}
@font-face{font-family:jetbrains;src:url(../media/JetBrainsMono-s.p.00jxn1t3.5lfr.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:jetbrains Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.jetbrains_fd0c3580-module__TutD-W__className{font-family:jetbrains,jetbrains Fallback}.jetbrains_fd0c3580-module__TutD-W__variable{--font-jetbrains:"jetbrains", "jetbrains Fallback"}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
.site{min-height:100vh;position:relative}.seam-dark{clip-path:polygon(calc(var(--seam) - var(--seam-o)) 0, calc(100% + calc(400 * var(--u))) 0, calc(100% + calc(400 * var(--u))) 100%, calc(var(--seam) + var(--seam-o)) 100%)}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.seam-dark{clip-path:polygon(0 calc(var(--seam) - var(--seam-o)), 100% calc(var(--seam) + var(--seam-o)), 100% calc(100% + calc(400 * var(--u))), 0 calc(100% + calc(400 * var(--u))))}}.chrome-frame{z-index:40;pointer-events:none;position:fixed;inset:0}.chrome-layer{pointer-events:none;--fg:var(--ink);color:var(--fg);position:absolute;inset:0}.chrome-layer[data-layer=inv]{--fg:var(--paper);clip-path:polygon(calc(var(--seam) - var(--seam-o)) 0, calc(100% + calc(400 * var(--u))) 0, calc(100% + calc(400 * var(--u))) 100%, calc(var(--seam) + var(--seam-o)) 100%)}.chrome .nav{top:calc(40 * var(--u));left:calc(48 * var(--u));gap:calc(28 * var(--u));font-size:calc(14 * var(--u));pointer-events:auto;font-weight:500;list-style:none;display:flex;position:absolute}.chrome .nav a{padding-bottom:calc(3 * var(--u));text-decoration:none;display:inline-block;position:relative}.chrome .nav a:after{content:"";left:0;right:0;bottom:calc(-1 * var(--u));height:calc(1.5 * var(--u));transform-origin:0;background:currentColor;transition:transform .15s cubic-bezier(.16,.84,.3,1);position:absolute;transform:scaleX(0)}.chrome .nav a:hover:after,.chrome .nav a[aria-current=page]:after{transform:scaleX(1)}.chrome .skip{pointer-events:auto}.chrome .resume-link{z-index:auto;mix-blend-mode:normal;color:var(--fg);pointer-events:auto;position:absolute}.chrome .sound-toggle{all:unset;right:calc(48 * var(--u));bottom:calc(40 * var(--u));font-size:calc(13 * var(--u));color:var(--fg);opacity:.62;cursor:pointer;pointer-events:auto;transition:opacity .2s;position:absolute}.chrome .sound-toggle:hover,.chrome .sound-toggle[aria-pressed=true]{opacity:1}.chrome .sound-toggle:focus-visible{outline:calc(2 * var(--u)) solid var(--move);outline-offset:calc(4 * var(--u));opacity:1}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.chrome .sound-toggle{right:calc(20 * var(--u));bottom:calc(24 * var(--u));font-size:calc(12 * var(--u))}.site[data-blocks]:not([data-seam-moving]) .chrome-layer[data-layer=inv]{clip-path:var(--chrome-dark)}.chrome-layer[data-layer=inv]{clip-path:polygon(0 calc(var(--seam) - var(--seam-o)), 100% calc(var(--seam) + var(--seam-o)), 100% calc(100% + calc(400 * var(--u))), 0 calc(100% + calc(400 * var(--u))))}.chrome .nav{top:calc(24 * var(--u));left:calc(20 * var(--u));gap:calc(16 * var(--u));font-size:calc(13 * var(--u))}}.chrome .nav{transition:opacity .25s cubic-bezier(.16,.84,.3,1),transform .25s cubic-bezier(.16,.84,.3,1)}.site[data-nav-away]:not(:has(.chrome .nav :focus-visible)) .chrome .nav{opacity:0;transform:translateY(calc(-10 * var(--u)));pointer-events:none}@media (prefers-reduced-motion:reduce){.chrome .nav{transition:none}.site[data-nav-away]:not(:has(.chrome .nav :focus-visible)) .chrome .nav{transform:none}}.site:has(.hero[data-intro=pending]):not(:has(.home>:target)) .chrome :is(.nav,.sound-toggle){visibility:hidden}html.has-cursor,html.has-cursor *{cursor:none}html.has-cursor :is(p,li,dd,blockquote):not(nav *),html.has-cursor :is(p,li,dd,blockquote):not(nav *) *{cursor:auto}.cursor{z-index:60;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.cursor:before{content:"";left:calc(-4 * var(--u));top:calc(-4 * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--move);box-shadow:0 0 0 0 var(--move);border-radius:50%;transition:transform .15s cubic-bezier(.16,.84,.3,1),background-color .15s,box-shadow .15s;position:absolute}.cursor[data-state=ring]:before{box-shadow:inset 0 0 0 calc(.5 * var(--u)) var(--move);background:0 0;transform:scale(3)}.cursor[data-state=off]:before{opacity:0}:root{view-transition-name:none}::view-transition{pointer-events:none}::view-transition-group(*){animation:none}::view-transition-image-pair(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}::view-transition-group(.vt-line){overflow:clip}.chrome-frame{view-transition-name:chrome}.cursor{view-transition-name:cursor}.room{height:100dvh;min-height:calc(520 * var(--u));background:var(--paper);position:relative;overflow:hidden}.room-dark{inset:0 0 0 var(--seam);background:var(--dark);position:absolute}.site[data-seam-moving] .room-dark{inset:0}.site:not([data-seam-moving]) .room-dark{clip-path:none}.room-layer{--fg:var(--ink);--fg2:var(--pencil);color:var(--fg);position:absolute;inset:0}.room-layer[data-layer=inv]{--fg:var(--paper);--fg2:#b9b5ad;pointer-events:none}.room .ln{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.room .ln>span{display:block}.room-title{font-size:12vw;position:absolute}.room-note{font-size:calc(13 * var(--u));color:var(--fg2);max-width:36ch;line-height:1.5;position:absolute}.room[data-room=work] .room-title{top:16vh;left:4.2vw}.room[data-room=work] .room-note{bottom:6.8vh;left:4.4vw}.room[data-room=roles] .room-title{top:16vh;left:4.2vw}.room[data-room=roles] .room-note{bottom:6.8vh;left:4.4vw}.room[data-room=lab] .room-title{font-size:9vw;top:15vh;left:3.2vw}.room[data-room=lab] .room-note{left:calc(30.5% + calc(24 * var(--u)));bottom:6.8vh}.room[data-room=contact] .room-title{top:16vh;left:4.2vw}.room[data-room=contact] .room-note{left:calc(55.9% + calc(24 * var(--u)));bottom:6.8vh}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.room-dark{inset:var(--seam) 0 0 0}.site[data-seam-moving] .room-dark{inset:0}.room-title{font-size:21vw}.room .room-title,.room[data-room] .room-title{left:calc(18 * var(--u));top:calc(92 * var(--u))}.room[data-room=lab] .room-title{font-size:17vw}.room .room-note,.room[data-room] .room-note{left:calc(20 * var(--u));bottom:calc(26 * var(--u));font-size:calc(12 * var(--u));max-width:calc(100% - calc(40 * var(--u)))}}.frame-meter{left:calc(12 * var(--u));top:calc(84 * var(--u));z-index:70;gap:calc(4 * var(--u));max-width:min(calc(360 * var(--u)), calc(100vw - calc(24 * var(--u))));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(6 * var(--u));color:#f3f3f1;font-size:calc(11 * var(--u));pointer-events:auto;background:#0d0d0ce0;line-height:1.35;display:grid;position:fixed}.frame-meter b{font-size:calc(18 * var(--u));font-weight:500}.frame-meter .fm-where{color:#b9b5ad;overflow-wrap:anywhere}.frame-meter .fm-buttons{gap:calc(6 * var(--u));margin-top:calc(4 * var(--u));display:flex}.frame-meter button{all:unset;cursor:pointer;padding:calc(3 * var(--u)) calc(7 * var(--u));border:calc(1 * var(--u)) solid #57534c;border-radius:calc(4 * var(--u))}.frame-meter button:focus-visible{outline:calc(2 * var(--u)) solid var(--move)}.frame-meter textarea{width:100%;height:calc(140 * var(--u));font:calc(10 * var(--u))/1.3 var(--font-mono);color:#f3f3f1;border:calc(1 * var(--u)) solid #57534c;background:#000}
:root{--u:1px}@media (min-width:601px) and (max-width:1199px) and (orientation:portrait){:root{--u:calc(100vw / 600)}}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:#f3f3f1;--ink:#0d0d0c;--pencil:#57534c;--graphite:#6d6860;--rule:#d9d7d0;--gallery:#09090a;--gallery-text:#ece6da;--gallery-dim:#8c877e;--search:#0b0e14;--move:#e8a33d;--font-display:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--font-italic:var(--font-archivo-italic), var(--font-display);--font-mono:var(--font-jetbrains), ui-monospace, Menlo, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}:focus-visible{outline:calc(2 * var(--u)) solid var(--move);outline-offset:calc(3 * var(--u))}.mono{font-family:var(--font-mono);letter-spacing:0}.display{font-variation-settings:"wdth" 112;letter-spacing:-.035em;font-weight:900;line-height:.86}.resume-link{top:calc(40 * var(--u));right:calc(48 * var(--u));z-index:50;font-size:calc(14 * var(--u));mix-blend-mode:difference;color:#fff;font-weight:500;text-decoration:none;position:fixed}.resume-link:hover{text-underline-offset:calc(4 * var(--u));text-decoration:underline}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.resume-link{top:calc(24 * var(--u));right:calc(20 * var(--u));font-size:calc(13 * var(--u))}}.skip{left:calc(-9999 * var(--u));position:absolute;top:0}.skip:focus{left:calc(16 * var(--u));top:calc(16 * var(--u));z-index:100;background:var(--ink);color:var(--paper);padding:calc(8 * var(--u)) calc(12 * var(--u))}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.keep-slot>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}