:root{--paper: #e6ecf4;--paper-deep: #dae3ef;--surface: #fbfcfe;--surface-sunken: #f1f5fa;--ink: #15202e;--ink-soft: #35485f;--ink-mute: #6c7e95;--ink-invert: #f4f7fb;--line: #c6d3e3;--line-soft: #dbe4ef;--accent: #2563c9;--tint-home: #8fb4f7;--tint-work: #f1e4c8;--tint-education: #c8f1da;--tint-contact: #f1cac8;--font-sans: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .7rem;--text-sm: .875rem;--text-base: clamp(1rem, .97rem + .16vw, 1.09rem);--text-lg: clamp(1.09rem, 1.04rem + .24vw, 1.22rem);--text-xl: clamp(1.35rem, 1.24rem + .5vw, 1.65rem);--text-2xl: clamp(1.7rem, 1.45rem + 1.1vw, 2.4rem);--text-3xl: clamp(2.1rem, 1.6rem + 2.2vw, 3.4rem);--radius-sm: 10px;--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--shell: min(1080px, calc(100vw - 2.5rem) );--nav-clearance: 4rem;--shadow-sm: 0 1px 2px #16283f0d, 0 6px 16px -10px #16283f2e;--shadow-md: 0 2px 4px #16283f0f, 0 18px 40px -22px #16283f3d;--ease: cubic-bezier(.22, .61, .36, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--paper)}html{min-height:100dvh;scroll-behavior:smooth;scroll-padding-top:calc(var(--safe-top) + 6rem);-webkit-text-size-adjust:100%}body{color:var(--ink-soft);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;font-feature-settings:"cv11","ss01";background:var(--paper);position:relative;overflow-x:hidden;min-height:100dvh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}h1,h2,h3{color:var(--ink);font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}img{max-width:100%}a{color:var(--accent)}header,main,footer{position:relative;z-index:1}main{padding-top:calc(var(--safe-top) + var(--nav-clearance))}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:fixed;top:.75rem;left:50%;z-index:1200;transform:translate(-50%,-160%);padding:.6rem 1.1rem;border-radius:var(--radius-pill);background:var(--ink);color:var(--ink-invert);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;transition:transform .18s var(--ease)}.skip-link:focus-visible{transform:translate(-50%)}.eyebrow,.company-kicker{margin:0;color:var(--ink-mute);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.top-nav{position:fixed;top:calc(var(--safe-top) + 1rem);left:50%;transform:translate(-50%);z-index:999;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:min(1080px,calc(100vw - 2rem));min-height:46px;padding:8px 20px;border-radius:var(--radius-pill);background:#21212bec;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border:1px solid #ffffff14;box-shadow:0 10px 30px -18px #0d1420b8}.brand{display:inline-flex;width:57.36px;height:22.23px;align-items:center;justify-content:center;flex:none;opacity:.92;transition:opacity .16s var(--ease)}.brand:hover{opacity:1}.brand img{width:100%;height:100%;object-fit:contain;display:block}.top-nav-links{display:flex;gap:4px;align-items:center;font-family:var(--font-mono);font-size:.9rem;line-height:1;font-weight:500}.top-nav .nav-item{position:relative;padding:9px 13px;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;color:var(--tint);transition:background-color .18s var(--ease),color .18s var(--ease)}.top-nav .nav-item:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:1px;background:currentColor;opacity:0;transform:scaleX(.3);transition:opacity .18s var(--ease),transform .18s var(--ease)}.top-nav .nav-item:hover:after{opacity:.6;transform:scaleX(1)}.top-nav .nav-item.is-active{background:color-mix(in srgb,var(--tint) 18%,transparent)}.top-nav .nav-item.is-active:after{opacity:0}.top-nav .nav-home{--tint: var(--tint-home)}.top-nav .nav-work{--tint: var(--tint-work)}.top-nav .nav-education{--tint: var(--tint-education)}.top-nav .nav-contact{--tint: var(--tint-contact)}.section-shell{width:var(--shell);margin:0 auto}.page-head{padding:3.5rem 0 2.75rem;border-bottom:1px solid var(--line);margin-bottom:3.5rem}.page-head h1{margin:0;font-size:var(--text-3xl);line-height:1.04}.hero-immersive{position:relative;width:100vw;height:100vh;display:block;margin-top:calc(var(--nav-clearance) * -1);padding:0;overflow:hidden}.hero-overlay{position:relative;z-index:3;min-height:calc(100vh - 130px);display:flex;align-items:center;justify-content:center;padding-top:5rem}.hero-shell{width:var(--shell);display:flex;justify-content:flex-end}.hero-immersive .hero-copy{width:min(520px,52%)}.hero h1{margin:0 0 1.1rem;font-family:var(--font-mono);font-size:clamp(2.6rem,4.4vw,3.9rem);line-height:1;font-weight:500;letter-spacing:-.03em}.hero-copy p{margin:0 0 .85rem;font-family:var(--font-mono);font-size:1.02rem;line-height:1.55;letter-spacing:-.01em;color:var(--ink-soft)}.hero-copy p:first-of-type{color:var(--ink)}.hero-copy p:last-of-type{margin-bottom:0}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.8rem;padding:.6rem .4rem .6rem 0;font-family:var(--font-mono);font-size:.92rem;color:var(--ink);text-decoration:none;border-bottom:1px solid #15202e40;transition:gap .2s var(--ease),border-color .2s var(--ease)}.hero-cta:hover{gap:.85rem;border-bottom-color:var(--ink)}.hero-cta span{transition:transform .2s var(--ease)}.portrait-canvas{width:100%;height:100%;display:block;cursor:crosshair;background:radial-gradient(circle at 30% 20%,#dbe3ef,#c4d2e5 60%,#b5c6dc)}.immersive-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.immersive-portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;--portrait-left: 7%;--portrait-right: 40%;--portrait-top: 6%;--portrait-bottom: 94%}.hero-portrait-photo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-portrait-photo img{position:absolute;left:var(--portrait-left);top:var(--portrait-top);width:calc(var(--portrait-right) - var(--portrait-left));height:calc(var(--portrait-bottom) - var(--portrait-top));object-fit:contain;object-position:center;filter:saturate(.45) contrast(.97) brightness(1.04);opacity:.9}.experience{padding-bottom:4rem}.entry{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 3rem;padding:0 0 3.5rem;position:relative}.entry:before{content:"";position:absolute;left:5px;top:.7rem;bottom:0;width:1px;background:linear-gradient(var(--line) 0 70%,transparent)}.entry:last-child:before{bottom:auto;height:3rem;background:linear-gradient(var(--line),transparent)}.entry-rail{position:sticky;top:calc(var(--safe-top) + 6.5rem);align-self:start;padding-left:1.6rem}.entry-marker{position:absolute;left:0;top:.55rem;width:11px;height:11px;border-radius:50%;background:var(--tint, var(--accent));box-shadow:0 0 0 4px var(--paper),0 0 0 5px color-mix(in srgb,var(--tint, var(--accent)) 35%,transparent)}.entry-period{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.entry-company{margin:0 0 .2rem;font-size:var(--text-xl);line-height:1.2;letter-spacing:-.025em}.entry-role{margin:0 0 1.2rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.35;letter-spacing:-.01em;color:var(--ink-soft)}.entry-body.has-positions .entry-company{margin-bottom:1.35rem}.entry-position+.entry-position{margin-top:1.9rem;padding-top:1.7rem;border-top:1px solid var(--line-soft)}.entry-position-role{margin:0 0 .2rem;font-size:var(--text-base);line-height:1.35;letter-spacing:-.015em;color:var(--ink)}.entry-position-period{margin:0 0 1rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;letter-spacing:.02em;color:var(--ink-soft)}.entry-prose p,.entry-prose li{margin:0 0 .95rem;max-width:66ch;color:var(--ink-soft);font-size:var(--text-base);line-height:1.7}.entry-prose>:last-child{margin-bottom:0}.entry-prose h3,.entry-prose h4{margin:1.8rem 0 .7rem;font-size:var(--text-base);line-height:1.4;letter-spacing:.02em;text-transform:uppercase;font-family:var(--font-mono);font-weight:500;color:var(--ink)}.entry-prose ul{margin:0 0 .95rem;padding-left:1.1rem;list-style:none}.entry-prose li{position:relative;margin-bottom:.45rem}.entry-prose li:before{content:"";position:absolute;left:-1.1rem;top:.72em;width:5px;height:1px;background:var(--ink-mute)}.entry-prose blockquote{margin:1.4rem 0;padding-left:1.1rem;border-left:2px solid var(--line)}.entry-prose blockquote p{margin:0;color:var(--ink);font-size:var(--text-lg);line-height:1.5;letter-spacing:-.015em}.entry-prose strong{font-weight:600;color:var(--ink)}.entry-prose code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:5px;background:var(--surface-sunken);border:1px solid var(--line-soft)}.entry-prose a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);transition:background-color .16s var(--ease)}.entry-prose a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.card-media-grid{margin-top:1.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:1rem}.card-media-grid.is-single{grid-template-columns:minmax(0,1fr)}.card-media-tile{margin:0}.card-media-tile figcaption{margin-top:.55rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;letter-spacing:.01em;color:var(--ink-soft)}.card-media-button{display:block;width:100%;padding:0;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;cursor:zoom-in;box-shadow:var(--shadow-sm)}.card-media-button img{width:100%;height:auto;max-height:540px;object-fit:contain;display:block}html:has(dialog[open]){overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;max-width:none;max-height:none;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);border:0;background:#0d1622f2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lightbox-in .2s var(--ease)}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 40px 90px -40px #000000a6}.lightbox-close{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff2e;border-radius:50%;background:#ffffff17;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;transition:background-color .16s var(--ease)}.lightbox-close:hover{background:#ffffff2e}.lightbox::backdrop{background:transparent}@keyframes lightbox-in{0%{opacity:0}}.education-list{display:grid;gap:1rem;padding-bottom:4rem}.education-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 3rem;align-items:baseline;padding:1.6rem 1.75rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.education-item .entry-period{padding-left:0}.education-item h2{margin:0;font-size:var(--text-lg);line-height:1.35;letter-spacing:-.015em}.education-course{margin:.35rem 0 0;color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4;letter-spacing:-.01em}.education-group-label{margin:2.25rem 0 .85rem}.education-list>:first-child .education-group-label{margin-top:0}.site-footer{margin-top:auto;border-top:1px solid var(--line)}.site-footer-inner{width:var(--shell);margin:0 auto;padding:2.5rem 0 calc(var(--safe-bottom) + 2.5rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem}.site-footer p{margin:0;color:var(--ink-mute);font-family:var(--font-mono);font-size:var(--text-sm)}.site-footer a{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;border-bottom:1px solid #15202e33;transition:border-color .16s var(--ease)}.site-footer a:hover{border-bottom-color:var(--ink)}.dot-config-panel{position:absolute;right:14px;bottom:14px;z-index:3;width:min(320px,calc(100% - 1.5rem));max-height:68vh;overflow:auto;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:14px;border:1px solid #23384e40;background:#d9e4f3d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-mono)}.dot-config-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.dot-config-actions{display:flex;align-items:center;gap:.35rem}.dot-config-tabs{display:flex;gap:.35rem;margin-top:.45rem}.dot-config-tabs button{border:1px solid #36506f52;border-radius:var(--radius-pill);background:#f2f6fcbf;color:var(--ink);font-family:inherit;font-size:.72rem;line-height:1;padding:.35rem .65rem;cursor:pointer}.dot-config-tabs button.is-active{background:var(--accent);border-color:var(--accent);color:#f5f9ff}.dot-save-status{margin:.35rem 0 .15rem;font-size:.66rem;color:#4f647e}.dot-save-status.is-saved{color:#1f7d3a}.dot-save-status.is-error{color:#a63b3b}.dot-config-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--ink)}.dot-config-header button{border:1px solid #36506f52;border-radius:var(--radius-pill);background:#f2f6fcbf;color:var(--ink);font-family:inherit;font-size:.75rem;line-height:1;padding:.35rem .65rem;cursor:pointer}.dot-config-panel.is-minimized{max-height:none;overflow:hidden}.dot-control{display:flex;flex-direction:column;gap:.15rem}.dot-control span{font-size:.72rem;color:#30435a}.dot-control input[type=range]{width:100%}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.entry-body,.education-item{animation:rise-in linear both;animation-timeline:view();animation-range:entry 0% entry 42%}}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}@media (max-width: 920px){:root{--shell: calc(100vw - 2rem) }.hero-immersive{height:auto;min-height:100dvh;overflow:visible}.hero-overlay{justify-content:center;align-items:flex-start;padding:calc(var(--safe-top) + 6rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 3rem) calc(var(--safe-left) + 1rem);min-height:100dvh}.hero-shell{width:100%;justify-content:center}.hero-immersive .hero-copy{width:min(680px,100%);padding-right:0;margin-top:var(--hero-mobile-copy-offset, 58dvh);background:#e6ecf4c4;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid #ffffff5c;border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm)}.hero-copy p{font-size:1rem}.entry,.education-item{grid-template-columns:minmax(0,1fr);gap:0}.entry{padding-bottom:2.75rem}.entry:before{display:none}.entry-rail{position:static;padding-left:0;margin-bottom:.9rem;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.entry-marker{position:static;flex:none;box-shadow:none}.education-item{padding:1.35rem 1.4rem}.education-item .entry-period{margin-bottom:.5rem}.page-head{padding:2.5rem 0 2rem;margin-bottom:2.5rem}.dot-config-panel{position:static;width:100%;max-height:none;margin-top:.7rem}}@media (max-width: 640px){.top-nav{width:calc(100vw - 1rem);padding:6px 6px 6px 14px;gap:.5rem}.top-nav-links{gap:0;font-size:.8rem}.top-nav .nav-item{padding:8px 9px}.brand{width:48px;height:19px}.site-footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.portrait-canvas{cursor:default}}