@import"https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;600&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";._button_7od6p_1{--toggle-size: 44px;--icon-size: 24px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:56px;height:var(--toggle-size);padding:0;border:1px solid transparent;outline:none;border-radius:999px;background:none;cursor:pointer;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:gray;transition:color var(--theme-transition)}._button_7od6p_1._light_7od6p_24,._button_7od6p_1._dark_7od6p_25{color:gray}._button_7od6p_1:hover,._button_7od6p_1:focus-visible{border-color:transparent}._iconWrap_7od6p_34{position:absolute;left:50%;top:50%;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(0);opacity:1;filter:blur(0);transition:opacity .4s cubic-bezier(.25,0,0,1),transform .4s cubic-bezier(.25,0,0,1),filter .4s cubic-bezier(.25,0,0,1),color var(--theme-transition);color:gray;pointer-events:none;will-change:opacity,transform,filter}._iconWrap_7od6p_34 svg{width:20px;height:20px;display:block}._button_7od6p_1._light_7od6p_24:hover,._button_7od6p_1._light_7od6p_24:focus-visible,._button_7od6p_1._light_7od6p_24:hover ._moonEnter_7od6p_64,._button_7od6p_1._light_7od6p_24:focus-visible ._moonEnter_7od6p_64{color:var(--primary-text)}._button_7od6p_1._dark_7od6p_25:hover ._sunEnter_7od6p_69,._button_7od6p_1._dark_7od6p_25:focus-visible ._sunEnter_7od6p_69{color:var(--primary-text)}._sunEnter_7od6p_69{opacity:1;transform:translate(-50%,-50%) rotate(0);filter:blur(0);z-index:2}._sunExit_7od6p_81{opacity:0;transform:translate(-50%,-50%) rotate(-90deg);filter:blur(1.1px);z-index:1}._moonEnter_7od6p_64{opacity:1;transform:translate(-50%,-50%) rotate(0);filter:blur(0);z-index:2}._moonExit_7od6p_95{opacity:0;transform:translate(-50%,-50%) rotate(90deg);filter:blur(1.1px);z-index:1}._visuallyHidden_7od6p_102{pointer-events:none}@media (prefers-reduced-motion: reduce){._iconWrap_7od6p_34{transition:opacity .16s ease,color var(--theme-transition);filter:blur(0);will-change:opacity}._sunEnter_7od6p_69,._sunExit_7od6p_81,._moonEnter_7od6p_64,._moonExit_7od6p_95{transform:translate(-50%,-50%) rotate(0);filter:blur(0)}}@property --nav-island-gradient-from{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.9);}@property --nav-island-gradient-to{syntax: "<color>"; inherits: true; initial-value: rgba(253,254,255,.9);}:root{font-family:Instrument Sans,system-ui,sans-serif;--background: #ffffff;--primary-text: #000000;--secondary-text: #6e6e6e;--divider: #e1e1e1;--surface: #f5f5f5;--surface-hover: #ebebeb;--frame-border: #f0f0f0;--frame-border-hover: #d9d9d9;--theme-transition: .42s cubic-bezier(.25, 0, 0, 1);--nav-island-opacity: 80%;--nav-island-border: rgb(0 0 0 / .07);--nav-island-shell-width: 1px;--nav-island-outer-border: #e5e7eb;--nav-island-gradient-from: rgba(255, 255, 255, .9);--nav-island-gradient-to: rgba(253, 254, 255, .9);--nav-active-bg: #f8f8f8;--nav-active-border: #e5e7eb;--nav-active-text: #111111;--nav-divider-stuck: rgba(0, 0, 0, .12);--nav-island-shadow: none;--nav-active-inner-shadow: inset 0px 4px 4px rgba(0, 0, 0, .05);--nav-island-inner-shadow: inset -2px -4px 5px rgba(0, 0, 0, .04);color:var(--primary-text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--background: #121212;--primary-text: #ffffff;--secondary-text: #9e9e9e;--divider: #3a3a3a;--surface: #1a1a1a;--surface-hover: #212121;--frame-border: #2f2f2f;--frame-border-hover: #4a4a4a;--nav-island-opacity: 84%;--nav-island-border: rgb(255 255 255 / .1);--nav-island-shell-width: 1px;--nav-island-outer-border: #121212;--nav-island-gradient-from: rgba(31, 31, 31, .82);--nav-island-gradient-to: rgba(39, 39, 39, .82);--nav-active-bg: #171717;--nav-active-border: #222222;--nav-active-text: #ffffff;--nav-divider-stuck: rgba(255, 255, 255, .12);--nav-island-shadow: 0px 4px 4px rgba(0, 0, 0, .25);--nav-active-inner-shadow: inset 0px 4px 4px rgba(0, 0, 0, .18);--nav-island-inner-shadow: inset -2px -4px 5px rgba(0, 0, 0, .3), inset 2px 4px 5px rgba(255, 255, 255, .04)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:var(--background);color:var(--primary-text);transition:background-color var(--theme-transition),color var(--theme-transition)}html{transition:background-color var(--theme-transition),color var(--theme-transition),--nav-island-gradient-from var(--theme-transition),--nav-island-gradient-to var(--theme-transition)}body{margin:0;min-height:100vh;font-size:18px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell,.identity-copy,.identity-name,.headline,.headline-muted,.headline-strong,.headline-italic,.summary,.nav-link,.nav-divider,.project-title,.project-subtitle,.project-copy-divider,.project-image-shell,.avatar-frame:before,.contact-footer-kicker,.contact-footer-link,.contact-footer-icon,.about-divider,.about-paragraph,.about-history-kicker,.about-history-title,.about-history-role,.about-history-company,.about-history-period,.about-history-logo,.about-history-logo-glyph,.about-history-company-link{transition:background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),opacity var(--theme-transition)}.reveal{--enter-delay: 0ms;opacity:0;filter:blur(12px);transform:translate3d(0,16px,0);will-change:opacity,transform,filter}.reveal.is-visible{animation:page-reveal .72s cubic-bezier(.25,0,0,1) forwards;animation-delay:var(--enter-delay);will-change:auto}.nav-load-item{opacity:0;filter:blur(8px);transform:translate3d(0,10px,0)}.top-nav.reveal.is-visible .nav-load-item{animation:nav-item-reveal .52s cubic-bezier(.25,0,0,1) forwards;animation-delay:var(--nav-item-delay, 0ms)}@keyframes page-reveal{0%{opacity:0;filter:blur(12px);transform:translate3d(0,16px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes nav-item-reveal{0%{opacity:0;filter:blur(8px);transform:translate3d(0,10px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}.page-shell{width:min(100%,552px);margin:0 auto;padding:64px 36px 28px;display:flex;flex-direction:column;gap:56px}.page-shell-bottom-nav{width:min(100%,524px);gap:64px;padding-inline:0;padding-bottom:140px}.intro-block{display:flex;flex-direction:column;gap:20px}.identity-row{display:flex;align-items:center;gap:12px;padding:0 12px 0 4px}.page-shell-bottom-nav .identity-row{padding:0}.avatar-slot{width:74px;height:74px;display:flex;align-items:center;justify-content:center;flex:0 0 74px}.avatar-frame{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;padding:4px}.avatar-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--frame-border);border-radius:20px;transition:transform .42s cubic-bezier(.25,0,0,1),border-color var(--theme-transition);will-change:transform}.avatar-stack{position:relative;width:56px;height:56px;border-radius:16px;overflow:hidden;transition:transform .42s cubic-bezier(.25,0,0,1);will-change:transform}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-frame:hover,.avatar-frame:focus-visible{transform:translateZ(0)}.avatar-frame:hover:before,.avatar-frame:focus-visible:before{transform:scale(1.138);border-color:var(--frame-border-hover)}.avatar-frame:hover .avatar-stack,.avatar-frame:focus-visible .avatar-stack{transform:scale(1.042)}.identity-copy{margin:0;color:var(--secondary-text);font-size:18px;line-height:28px;letter-spacing:-.01em}.identity-greeting,.headline-muted,.summary,.project-subtitle{color:var(--secondary-text)}.identity-name,.headline-strong{color:var(--primary-text)}.headline-block{display:flex;flex-direction:column;gap:12px;padding:0 12px}.headline{margin:0;font-size:clamp(28px,5vw,32px);line-height:1.18;letter-spacing:-.035em;font-weight:400}.page-shell-bottom-nav .headline-block{padding:0}.page-shell-bottom-nav .headline{font-size:40px}.page-shell-bottom-nav .summary{max-width:100%}.headline-italic{color:var(--primary-text);font-style:italic}.summary{margin:0;max-width:420px;font-size:18px;line-height:28px;letter-spacing:-.01em}.work-block{display:flex;flex-direction:column;gap:28px}.top-nav{display:flex;align-items:center;gap:20px;flex-wrap:nowrap;position:sticky;top:12px;z-index:10;background:transparent;padding:12px 0;margin:-12px 0;border:var(--nav-island-shell-width) solid transparent;border-radius:999px;transition:background-color var(--theme-transition),border-color var(--theme-transition),border-width var(--theme-transition),padding var(--theme-transition),gap var(--theme-transition),margin-left var(--theme-transition),margin-right var(--theme-transition),box-shadow var(--theme-transition),backdrop-filter var(--theme-transition),-webkit-backdrop-filter var(--theme-transition)}.top-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom,var(--nav-island-gradient-from),var(--nav-island-gradient-to));opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--theme-transition)}.top-nav.is-stuck{background:transparent;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--nav-island-outer-border);padding:6px 8px;gap:12px;margin-left:12px;margin-right:12px;box-shadow:var(--nav-island-shadow)}.top-nav.is-stuck:before{opacity:1}.top-nav.is-stuck:after{content:"";position:absolute;inset:calc(-1 * var(--nav-island-shell-width));border-radius:inherit;box-shadow:var(--nav-island-inner-shadow);pointer-events:none;z-index:1;transition:inset var(--theme-transition),box-shadow var(--theme-transition)}.bottom-nav-shell{position:fixed;left:50%;bottom:28px;width:fit-content;max-width:calc(100vw - 96px);transform:translate(-50%);z-index:20;pointer-events:none}.top-nav-bottom{width:auto;max-width:none;margin:0;pointer-events:auto;isolation:isolate}.top-nav-bottom>*{position:relative;z-index:2}.top-nav-bottom.is-stuck{margin-left:0;margin-right:0}.bottom-nav-hover-pill{box-sizing:border-box;position:absolute;left:0;top:0;width:0;height:0;border-radius:999px;background-color:var(--nav-active-bg);border:1px solid var(--nav-active-border);box-shadow:var(--nav-active-inner-shadow);opacity:0;pointer-events:none;z-index:0;will-change:left,top,width,height,opacity;transition:background-color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.work-block-bottom-nav{gap:0;overflow:visible}.nav-group-primary-bottom{position:relative;display:inline-flex;align-items:center}.nav-link-tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.nav-link-tab:hover,.nav-link-tab:focus-visible{color:var(--primary-text)}.bottom-tab-indicator{position:absolute;top:-6px;width:16px;height:2px;border-radius:0 0 999px 999px;background:var(--primary-text);opacity:.78;left:0;transition:background-color var(--theme-transition);will-change:left,width,filter,opacity;pointer-events:none}.bottom-panel-stage{will-change:transform,opacity,filter}.bottom-panel-stage.is-idle{will-change:auto}.bottom-panel-stage.is-exiting-forward{animation:bottom-panel-exit-left .14s cubic-bezier(.4,0,.2,1) forwards}.bottom-panel-stage.is-entering-forward{animation:bottom-panel-enter-right .28s cubic-bezier(.19,1,.22,1) forwards}.bottom-panel-stage.is-exiting-backward{animation:bottom-panel-exit-right .14s cubic-bezier(.4,0,.2,1) forwards}.bottom-panel-stage.is-entering-backward{animation:bottom-panel-enter-left .28s cubic-bezier(.19,1,.22,1) forwards}.about-panel{padding:0 12px}.page-shell-bottom-nav .about-panel{padding:0;margin-top:-24px}.page-shell-bottom-nav .about-copy{max-width:none}.page-shell-bottom-nav .about-divider{margin-bottom:40px}.about-divider{width:24px;height:1px;margin:0 0 24px;background-color:var(--divider)}.about-copy{display:flex;flex-direction:column;gap:20px;max-width:520px}.about-paragraph{margin:0;color:var(--secondary-text);font-size:18px;line-height:28px;letter-spacing:-.01em}.about-history{display:flex;flex-direction:column;gap:0;padding-top:0}.about-history-kicker{margin:0 0 40px;color:color-mix(in srgb,var(--secondary-text) 82%,transparent);font-family:Inclusive Sans,monospace;font-size:12px;font-weight:400;line-height:1;letter-spacing:.14em}.about-history-list{display:flex;flex-direction:column;gap:20px}.about-section-divider{margin:52px 0 0}.page-shell-bottom-nav .about-section-divider{margin-bottom:52px}.about-history-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.about-history-logo{width:34px;height:34px;border-radius:10px;background-color:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--theme-transition)}.about-history-logo-img{width:32px;height:32px;object-fit:contain;display:block;filter:brightness(0) invert(0) opacity(.8);transition:filter var(--theme-transition)}[data-theme=dark] .about-history-logo-img{filter:brightness(0) invert(1) opacity(.8)}.about-history-logo-glyph{color:var(--primary-text);font-family:Inclusive Sans,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.about-history-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;min-width:0}.about-history-title,.about-history-period{margin:0}.about-history-title{min-width:0;font-size:16px;font-weight:400;line-height:1.25}.about-history-role{color:var(--secondary-text)}.about-history-company{color:color-mix(in srgb,var(--primary-text) 90%,transparent);font-weight:400;margin-left:2px;transition:color var(--theme-transition)}.about-history-period{color:color-mix(in srgb,var(--secondary-text) 65%,transparent);font-family:Inclusive Sans,monospace;font-size:12px;font-weight:400;line-height:1;letter-spacing:.1em;white-space:nowrap}.about-history-company-link{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary-text) 20%,transparent);text-underline-offset:2px;transition:color var(--theme-transition),text-decoration-color var(--theme-transition)}.about-history-company-link:hover,.about-history-company-link:focus-visible{text-decoration-color:currentColor}.about-link{color:var(--primary-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary-text) 24%,transparent);text-underline-offset:3px;transition:color var(--theme-transition),text-decoration-color var(--theme-transition)}.about-link:hover,.about-link:focus-visible{text-decoration-color:currentColor}.contact-footer{display:flex;flex-direction:column;gap:0;padding-bottom:28px}.page-shell-bottom-nav .contact-footer{margin-top:32px}.contact-footer-divider{margin:0 0 48px}.page-shell-bottom-nav .contact-footer-divider{margin:-24px 0 72px}.contact-footer-kicker{margin:0;color:color-mix(in srgb,var(--secondary-text) 82%,transparent);font-family:Inclusive Sans,monospace;font-size:12px;font-weight:400;line-height:1;letter-spacing:.14em}.contact-footer-list{display:flex;flex-direction:column;margin-top:16px}.contact-footer-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid color-mix(in srgb,var(--divider) 50%,transparent);color:var(--primary-text);transition:color var(--theme-transition),border-color var(--theme-transition)}.contact-footer-link:first-child{border-top:none;padding-top:24px}.contact-footer-main{display:inline-flex;align-items:center;position:relative;min-width:0;padding-left:0;transition:padding-left .42s cubic-bezier(.25,0,0,1)}.contact-footer-left-icon{position:absolute;left:0;top:50%;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translate(-6px,-50%);transition:opacity var(--theme-transition),transform .42s cubic-bezier(.25,0,0,1)}.contact-footer-left-icon-img{width:16px;height:16px;display:block;flex:0 0 16px;filter:brightness(0) invert(0) opacity(.5) blur(3px);transition:filter .42s cubic-bezier(.25,0,0,1)}[data-theme=dark] .contact-footer-left-icon-img{filter:brightness(0) invert(1) opacity(.5) blur(3px)}.contact-footer-label{font-size:18px;line-height:1.2;letter-spacing:-.01em}.contact-footer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.contact-footer-icon img{width:12px;height:12px;display:block;opacity:.3;filter:brightness(0) saturate(100%);transition:opacity var(--theme-transition),filter var(--theme-transition)}[data-theme=dark] .contact-footer-icon img{filter:brightness(0) saturate(100%) invert(1)}.contact-footer-link:hover .contact-footer-icon img,.contact-footer-link:focus-visible .contact-footer-icon img{opacity:1}.contact-footer-link:hover .contact-footer-main,.contact-footer-link:focus-visible .contact-footer-main{padding-left:26px}.contact-footer-link:hover .contact-footer-left-icon,.contact-footer-link:focus-visible .contact-footer-left-icon{opacity:1;transform:translateY(-50%)}.contact-footer-link:hover .contact-footer-left-icon-img,.contact-footer-link:focus-visible .contact-footer-left-icon-img{filter:brightness(0) invert(0) opacity(1) blur(0)}[data-theme=dark] .contact-footer-link:hover .contact-footer-left-icon-img,[data-theme=dark] .contact-footer-link:focus-visible .contact-footer-left-icon-img{filter:brightness(0) invert(1) opacity(1) blur(0)}@keyframes bottom-panel-exit-left{0%{opacity:1;filter:blur(0);transform:translateZ(0)}to{opacity:0;filter:blur(10px);transform:translate3d(-36px,0,0)}}@keyframes bottom-panel-enter-right{0%{opacity:0;filter:blur(10px);transform:translate3d(36px,0,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes bottom-panel-exit-right{0%{opacity:1;filter:blur(0);transform:translateZ(0)}to{opacity:0;filter:blur(10px);transform:translate3d(36px,0,0)}}@keyframes bottom-panel-enter-left{0%{opacity:0;filter:blur(10px);transform:translate3d(-36px,0,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}.nav-group{display:flex;align-items:center;gap:0}.nav-link{min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Instrument Sans,system-ui,sans-serif;font-size:14px;line-height:1;font-weight:600;color:color-mix(in srgb,var(--primary-text) 50%,transparent);transition:color var(--theme-transition),border-color var(--theme-transition),background-color .8s cubic-bezier(.19,1,.22,1),box-shadow .8s cubic-bezier(.19,1,.22,1),padding .8s cubic-bezier(.19,1,.22,1)}.nav-link.is-active{color:var(--primary-text);border-color:transparent}.top-nav.is-stuck .nav-link{padding:0 20px;position:relative;z-index:2}.top-nav.is-stuck .nav-link.is-active{color:var(--primary-text)}.nav-link-label{display:inline-block}.nav-link.is-external{display:inline-flex;align-items:center;gap:6px;padding-right:0}.nav-link-icon{width:10px;height:10px;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.top-nav.is-stuck .nav-link-icon{width:0;margin-left:0;transition:width .3s cubic-bezier(.25,0,0,1),margin-left .3s cubic-bezier(.25,0,0,1)}.top-nav.is-stuck .nav-link.is-external{gap:0;padding:0 20px;transition:color var(--theme-transition),border-color var(--theme-transition),background-color .8s cubic-bezier(.19,1,.22,1),box-shadow .8s cubic-bezier(.19,1,.22,1),padding .3s cubic-bezier(.25,0,0,1)}.top-nav.is-stuck .nav-link.is-external:hover,.top-nav.is-stuck .nav-link.is-external:focus-visible{padding:0 20px}.top-nav.is-stuck .nav-link.is-external:hover .nav-link-icon,.top-nav.is-stuck .nav-link.is-external:focus-visible .nav-link-icon{width:10px;margin-left:6px}.nav-link-icon img{width:8px;height:8px;opacity:0;filter:blur(4px) brightness(0) saturate(100%);transform:translate(-5px,5px) scale(.65);transform-origin:center;transition:opacity .3s cubic-bezier(.25,0,0,1),transform .3s cubic-bezier(.25,0,0,1),filter .3s cubic-bezier(.25,0,0,1)}[data-theme=dark] .nav-link-icon img{filter:blur(4px) brightness(0) saturate(100%) invert(1)}.nav-link.is-external:hover,.nav-link.is-external:focus-visible{color:var(--primary-text);border-color:transparent}.nav-link.is-external:hover .nav-link-icon img,.nav-link.is-external:focus-visible .nav-link-icon img{opacity:1;filter:blur(0) brightness(0) saturate(100%);transform:translate(0) scale(1)}[data-theme=dark] .nav-link.is-external:hover .nav-link-icon img,[data-theme=dark] .nav-link.is-external:focus-visible .nav-link-icon img{filter:blur(0) brightness(0) saturate(100%) invert(1)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;filter:none;transform:none;animation:none;transition:none;will-change:auto}.nav-load-item{opacity:1;filter:none;transform:none}.nav-link,.nav-link-icon img,.nav-divider,.top-nav:before,.bottom-nav-hover-pill{transition:none}.nav-link.is-external:hover .nav-link-icon img,.nav-link.is-external:focus-visible .nav-link-icon img{opacity:1;transform:translate(0) scale(1)}.avatar-frame:before,.avatar-stack{transition:none}.bottom-tab-indicator,.bottom-panel-stage,.bottom-panel-stage.is-exiting-forward,.bottom-panel-stage.is-entering-forward,.bottom-panel-stage.is-exiting-backward,.bottom-panel-stage.is-entering-backward{animation:none;transition:none;filter:none;opacity:1;transform:none}}.nav-divider{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--primary-text) 15%,transparent);flex-shrink:0;margin-left:-2px;margin-right:-2px;transition:width .8s cubic-bezier(.19,1,.22,1),height .8s cubic-bezier(.19,1,.22,1),background-color .8s cubic-bezier(.19,1,.22,1)}.top-nav.is-stuck .nav-divider{width:4px;height:4px;background:var(--nav-divider-stuck)}.projects-list{display:flex;flex-direction:column;gap:32px;padding:0 12px}.page-shell-bottom-nav .projects-list{padding:0;overflow:visible}.project-card{position:relative;display:flex;flex-direction:column;gap:16px;cursor:pointer}.project-image-shell{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:var(--surface)}.project-card:hover .project-image-shell{background:var(--surface-hover)}.project-image-shell--phones{align-items:flex-end}.project-image{position:relative;z-index:1;width:100%;aspect-ratio:271 / 222;object-fit:contain;transition:transform .42s cubic-bezier(.25,0,0,1);will-change:transform}.project-image-shell--slide-up{align-items:flex-end}.project-image-shell--slide-up .project-image{transform:translateY(20px);transform-origin:bottom center;object-position:bottom center}.project-card:hover .project-image-shell--slide-up .project-image{transform:translateY(13px) scale(1.02)}.project-image-shell--slide-left{align-items:flex-end}.project-image-shell--slide-left .project-image{transform:translate(18px);transform-origin:bottom right;object-position:bottom center}.project-card:hover .project-image-shell--slide-left .project-image{transform:translate(11px) scale(1.02)}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(13,1fr);padding:6px;pointer-events:none;z-index:0;opacity:0;transition:opacity .38s cubic-bezier(.25,0,0,1);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 11%,black 21%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 11%,black 21%)}.dot-grid.is-active{opacity:1;transition:none}.dot-grid-dot{--dot-bright: rgba(0, 0, 0, .85);--dot-dim: rgba(0, 0, 0, .45);width:3px;height:3px;border-radius:50%;background-color:transparent;opacity:0;margin:auto}[data-theme=dark] .dot-grid-dot{--dot-bright: rgba(255, 255, 255, .75);--dot-dim: rgba(255, 255, 255, .5)}.dot-grid.is-animating .dot-grid-dot{animation-name:dot-wave;animation-duration:.62s;animation-timing-function:ease-out;animation-delay:var(--dot-delay, 0ms);animation-fill-mode:forwards}@keyframes dot-wave{0%{opacity:0;background-color:var(--dot-bright)}18%{opacity:1;background-color:var(--dot-bright)}58%{opacity:var(--dot-settled-opacity, 1);background-color:var(--dot-dim)}to{opacity:var(--dot-settled-opacity, 1);background-color:var(--dot-dim)}}.stock-graph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;color:#fffffff2}[data-theme=light] .stock-graph{color:#000000f2}.stock-graph-line{stroke:#ffffff1f}[data-theme=light] .stock-graph-line{stroke:#0000001f}.stock-graph-line-2{stroke:#ffffff0f}[data-theme=light] .stock-graph-line-2{stroke:#0000000f}.project-copy{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.project-title{margin:0;color:var(--primary-text);font-size:20px;line-height:1.2;font-weight:500}.project-subtitle{margin:0;font-size:14px;line-height:1.32}.project-copy-divider{width:4px;height:4px;flex:0 0 4px;border-radius:999px;background-color:color-mix(in srgb,var(--secondary-text) 42%,transparent)}.page-shell-bottom-nav .project-card{width:min(calc(100% + 72px),596px);margin-left:-36px;gap:0;overflow:hidden;border-radius:20px;background:var(--surface);transition:background-color var(--theme-transition)}.page-shell-bottom-nav .project-card:hover{background:var(--surface-hover)}.page-shell-bottom-nav .project-copy{padding:28px 36px 0}.page-shell-bottom-nav .project-title{flex:0 0 auto;font-size:18px;line-height:1.25}.page-shell-bottom-nav .project-subtitle{min-width:0;color:var(--secondary-text)}.page-shell-bottom-nav .project-image-shell{margin-top:22px;min-height:410px;border-radius:0;background:transparent;transition:none}.page-shell-bottom-nav .project-card:hover .project-image-shell{background:transparent}.theme-toggle-shell{display:inline-flex;align-items:center;justify-content:center}.phone-stack{position:relative;width:100%;aspect-ratio:271 / 222}.phone-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;transition:transform .42s cubic-bezier(.25,0,0,1);will-change:transform}.phone-left{z-index:2;transform:translateY(34px);transform-origin:bottom center}.phone-right{z-index:1;transform:translateY(34px);transform-origin:bottom center}.project-card:hover .phone-left{transform:translateY(26px) rotate(-.8deg) scale(1.02)}.project-card:hover .phone-right{transform:translateY(29px) rotate(.6deg) scale(1.02)}@media (prefers-reduced-motion: reduce){.phone-left,.phone-right{transition:none;transform:translateY(34px)}.project-image{transition:none}.project-image-shell--slide-up .project-image{transform:translateY(20px)}.project-image-shell--slide-left .project-image{transform:translate(18px)}}@media (max-width: 640px){.page-shell{width:100%;padding:40px 20px 24px;gap:40px}.page-shell-bottom-nav{width:min(100%,524px);padding:40px 20px 132px}.page-shell-bottom-nav .project-card{width:100%;margin-left:0;max-width:none}.page-shell-bottom-nav .project-copy{padding:16px 20px 0}.page-shell-bottom-nav .project-image-shell{min-height:0}.page-shell-bottom-nav .headline{font-size:24px}.summary br{display:none}.intro-block{gap:12px}.headline-block{gap:8px}.headline-block,.identity-row,.projects-list,.about-panel{padding:0}.page-shell-bottom-nav .about-panel{margin-top:0}.project-copy{flex-direction:column;align-items:flex-start;gap:6px}.project-copy-divider{display:none}.top-nav{gap:16px}.bottom-nav-shell{bottom:24px;max-width:none}.top-nav-bottom.is-stuck{gap:0}.top-nav-bottom.is-stuck .nav-link,.top-nav-bottom.is-stuck .nav-link.is-external{padding:0 16px}.top-nav.is-stuck .nav-link.is-external:hover,.top-nav.is-stuck .nav-link.is-external:focus-visible{padding:0 16px}.top-nav-bottom.is-stuck .nav-divider{margin:0 2px}.top-nav-bottom.is-stuck .nav-link-tab+.nav-link-tab{margin-left:-8px}.about-history-item{align-items:start}.about-history-meta{grid-template-columns:minmax(0,1fr);gap:6px}.about-history-period{white-space:normal}}