.ui-container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline-start:auto;margin-inline-end:auto}.ui-section{padding-block:var(--space-20);scroll-margin-top:var(--header-height)}.ui-section--tight{padding-block:var(--space-12)}.ui-section--first{padding-block:var(--space-24) var(--space-20)}.ui-heading{color:var(--color-text);font-family:var(--font-sans);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.ui-heading--display{font-size:var(--text-display);font-weight:var(--weight-semibold)}.ui-heading--xl{font-size:var(--text-xl)}.ui-heading--lg{font-size:var(--text-lg);line-height:var(--leading-snug)}.ui-heading--base{font-size:var(--text-base)}.ui-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--space-3);display:inline-block}.ui-text{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.ui-text--lead{font-size:var(--text-lg);color:var(--color-text);max-width:60ch}.ui-text--sm{font-size:var(--text-sm)}.ui-text--subtle{color:var(--color-text-subtle)}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:0;cursor:pointer;color:var(--color-text);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);white-space:nowrap;background:0 0;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.ui-button:focus-visible{box-shadow:var(--focus-ring)}.ui-button--primary{background:var(--color-accent);color:var(--color-bg);font-weight:var(--weight-semibold)}.ui-button--primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 0 28px -4px #e6b56a8c}.ui-button--primary:active{transform:translateY(0)}.ui-button--secondary{border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--secondary:hover{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 0 0 1px #e6b56a2e,0 0 24px -6px #e6b56a4d}.ui-button--secondary:active{transform:translateY(0)}.ui-button--ghost{color:var(--color-text-muted)}.ui-button--ghost:hover{color:var(--color-text);background:var(--color-surface)}.ui-button--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.ui-link{color:var(--color-text);transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard);border-bottom:1px solid #0000;text-decoration:none}.ui-link:hover{color:var(--color-accent);border-bottom-color:currentColor}.ui-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.ui-link--muted{color:var(--color-text-muted)}.ui-link__external-icon{vertical-align:-.05em;opacity:.7;width:.75em;height:.75em;transition:transform var(--duration-fast) var(--ease-standard);margin-left:.25em;display:inline-block}.ui-link:hover .ui-link__external-icon{opacity:1;transform:translate(1px,-1px)}.ui-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard);align-items:center;line-height:1.4;display:inline-flex}.skills__list .ui-tag:hover,.project__stack .ui-tag:hover{color:var(--color-text);border-color:var(--color-border-strong)}.ui-tag--accent{color:var(--color-accent);border-color:var(--color-accent-soft);background:var(--color-accent-soft)}.disclosure{gap:var(--space-3);flex-direction:column;display:flex}.disclosure__toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;align-self:flex-start;display:inline-flex}.disclosure__toggle:hover{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent)}.disclosure__toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.disclosure__label{letter-spacing:.005em}.disclosure__chevron{transition:transform var(--duration-base) var(--ease-standard);color:currentColor}.disclosure--open .disclosure__chevron{transform:rotate(-180deg)}.disclosure__panel{transition:grid-template-rows var(--duration-base) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);opacity:0;grid-template-rows:0fr;display:grid}.disclosure--open .disclosure__panel{opacity:1;grid-template-rows:1fr}.disclosure__inner{gap:var(--space-5);flex-direction:column;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.disclosure__panel,.disclosure__chevron{transition:none}}.resume-btn{gap:var(--space-2);min-width:11ch;position:relative}.resume-btn__label{grid-template-areas:"label";align-items:center;display:inline-grid;position:relative}.resume-btn__text{white-space:nowrap;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);grid-area:label}.resume-btn__text--idle{opacity:1;transform:translateY(0)}.resume-btn__text--downloading,.resume-btn__text--done{opacity:0;transform:translateY(6px)}.resume-btn--downloading .resume-btn__text--idle{opacity:0;transform:translateY(-6px)}.resume-btn--downloading .resume-btn__text--downloading{opacity:1;transform:translateY(0)}.resume-btn--done .resume-btn__text--idle,.resume-btn--done .resume-btn__text--downloading{opacity:0;transform:translateY(-6px)}.resume-btn--done .resume-btn__text--done{opacity:1;color:var(--color-accent);transform:translateY(0)}.resume-btn__icon{width:14px;height:14px;display:inline-block;position:relative}.resume-btn__svg{transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);position:absolute;top:0;bottom:0;left:0;right:0}.resume-btn__svg--arrow{opacity:1;transform:translateY(0)}.resume-btn__svg--check{opacity:0;transform:translateY(-3px)scale(.85)}.resume-btn--downloading .resume-btn__svg--arrow{animation:resume-arrow-down .9s var(--ease-standard) infinite}@keyframes resume-arrow-down{0%{opacity:.6;transform:translateY(-3px)}50%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translateY(7px)}}.resume-btn--done .resume-btn__svg--arrow{opacity:0;transform:translateY(3px)}.resume-btn--done .resume-btn__svg--check{opacity:1;color:var(--color-accent);transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.resume-btn--downloading .resume-btn__svg--arrow{animation:none}}.scroll-top{right:var(--space-6);bottom:var(--space-6);z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);width:44px;height:44px;color:var(--color-text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;transform:translateY(16px)scale(.85)}.scroll-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top:hover{background:var(--color-surface-raised);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)scale(1);box-shadow:0 0 0 1px #e6b56a33,0 0 24px -4px #e6b56a73}.scroll-top:active{transform:translateY(0)scale(.95)}.scroll-top:focus-visible{box-shadow:var(--focus-ring);outline:none}.scroll-top__icon{width:18px;height:18px}@media (max-width:767px){.scroll-top{right:var(--space-4);bottom:var(--space-4);width:40px;height:40px}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-display:clamp(2.5rem, 5vw + 1rem, 3.75rem);--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--neutral-0:#fff;--neutral-50:#f7efe1;--neutral-100:#e8e6e0;--neutral-200:#c9c8c4;--neutral-300:#9ca0a8;--neutral-400:#898c93;--neutral-500:#4a4d54;--neutral-600:#2a2c30;--neutral-700:#15171a;--neutral-800:#0d0f12;--neutral-900:#07080a;--accent-soft:#e6b56a1f;--accent-base:#e6b56a;--accent-bright:#f2cd89;--accent-cool:#5eead4;--accent-cool-soft:#5eead429;--color-bg:var(--neutral-900);--color-surface:var(--neutral-800);--color-surface-raised:var(--neutral-700);--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-text:var(--neutral-50);--color-text-muted:var(--neutral-300);--color-text-subtle:var(--neutral-400);--color-accent:var(--accent-base);--color-accent-hover:var(--accent-bright);--color-accent-soft:var(--accent-soft);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000059, 0 1px 2px #0006;--shadow-lg:0 12px 32px #0006, 0 4px 8px #0000004d;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--container-max:1120px;--container-padding:clamp(1rem, 4vw, 2rem);--header-height:72px;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px;position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--cursor-x,-200px) var(--cursor-y,-200px), #e6b56a0f, transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);position:fixed;top:0;bottom:0;left:0;right:0}body.has-cursor:after{opacity:1}@media (hover:none),(pointer:coarse){body:after{display:none}}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}p{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}a{color:inherit;transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}img,svg,video{max-width:100%;height:auto;display:block}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent);color:var(--color-bg)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:transform var(--duration-base) var(--ease-standard);position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}}@keyframes cursor-blink{0%,49.99%{opacity:1}50%,to{opacity:0}}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard);transform:translateY(8px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;transition:none;transform:none}}.site-header{z-index:30;-webkit-backdrop-filter:saturate(140%)blur(10px);transition:border-color var(--duration-base) var(--ease-standard);background:#07080ab8;border-bottom:1px solid #0000;position:sticky;top:0}.site-header--scrolled{border-bottom-color:var(--color-border)}.nav{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.nav__monogram{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:inline-flex}.nav__monogram:hover{border-color:var(--color-accent);color:var(--color-accent);transform:rotate(-4deg)}.nav__monogram:active{transform:rotate(-4deg)scale(.96)}.nav__monogram:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav__links{align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.nav__link{padding:var(--space-2) var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-standard);display:inline-block;position:relative}.nav__link:hover{color:var(--color-text)}.nav__link:after{content:"";left:var(--space-1);right:var(--space-1);background:var(--color-accent);opacity:0;transform-origin:50%;height:2px;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border-radius:1px;position:absolute;bottom:-2px;transform:scaleX(.4)}.nav__link--active{color:var(--color-text)}.nav__link--active:after{opacity:1;transform:scaleX(1)}.nav__link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.nav__cta-row,.nav__resume-desktop{display:none}.nav__toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:inline-flex}.nav__toggle:hover{border-color:var(--color-border-strong)}.nav__toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav__toggle-bars{flex-direction:column;gap:4px;width:18px;display:inline-flex}.nav__toggle-bars>span{height:1.5px;transition:transform var(--duration-base) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);background:currentColor;border-radius:1px;display:block}.nav__toggle-bars--open>span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav__toggle-bars--open>span:nth-child(2){opacity:0}.nav__toggle-bars--open>span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}@media (max-width:767px){.nav__links{inset:var(--header-height) 0 0 0;justify-content:flex-start;align-items:flex-start;gap:var(--space-2);padding:var(--space-8) var(--container-padding) var(--space-12);background:var(--color-bg);border-top:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-standard);flex-direction:column;position:fixed;overflow-y:auto;transform:translate(100%)}.nav__links--open{transform:translate(0)}.nav__link{font-size:var(--text-lg);color:var(--color-text)}.nav__link:after{display:none}.nav__link--active{color:var(--color-accent)}.nav__cta-row{margin-top:var(--space-6);display:block}.nav__links--open .nav__link,.nav__links--open .nav__cta-row{animation:fade-up var(--duration-base) var(--ease-standard) both}.nav__links--open .nav__link:first-of-type{animation-delay:60ms}.nav__links--open .nav__link:nth-of-type(2){animation-delay:.11s}.nav__links--open .nav__link:nth-of-type(3){animation-delay:.16s}.nav__links--open .nav__link:nth-of-type(4){animation-delay:.21s}.nav__links--open .nav__link:nth-of-type(5){animation-delay:.26s}.nav__links--open .nav__cta-row{animation-delay:.31s}}@media (min-width:768px){.nav__toggle{display:none}.nav__resume-desktop{display:inline-flex}}.hero__inner{gap:var(--space-10);grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (min-width:880px){.hero__inner{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(280px,360px)}}.hero__text{gap:var(--space-5);flex-direction:column;min-width:0;max-width:60ch;display:flex}@media (min-width:768px){.hero__text{gap:var(--space-6)}}.hero__stagger-item{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard) var(--stagger-delay,0s), transform var(--duration-slow) var(--ease-standard) var(--stagger-delay,0s);transform:translateY(8px)}.hero--leaving .hero__stagger-item,.hero--composed .hero__stagger-item{opacity:1;transform:translateY(0)}.hero__name{margin:0;line-height:.95}.hero__name-slot{grid-template-areas:"slot";display:inline-grid;position:relative}.hero__name-greeting,.hero__name-real{white-space:nowrap;transition:opacity .5s var(--ease-standard), transform .5s var(--ease-standard);grid-area:slot;align-items:baseline;gap:.12em;display:inline-flex}.hero__name-greeting{opacity:1;transform:translateY(0)}.hero__name-real{opacity:0;transform:translateY(28px)}.hero--leaving .hero__name-greeting,.hero--composed .hero__name-greeting{opacity:0;transform:translateY(-28px)}.hero--leaving .hero__name-real,.hero--composed .hero__name-real{opacity:1;transform:translateY(0)}.hero__name-cursor{background:var(--color-accent);border-radius:1px;align-self:center;width:.42em;height:.78em;animation:1.1s steps(2,jump-none) infinite cursor-blink;display:inline-block;transform:translateY(-.05em)}.hero__lead{max-width:56ch;margin:0}.hero__availability{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;background:0 0;border-radius:999px;width:max-content;max-width:100%;display:inline-flex}.hero__availability-dot{background:var(--color-accent);width:6px;height:6px;animation:dot-pulse 2.8s var(--ease-standard) infinite;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 8px 1px #e6b56a8c}.hero__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hero__portrait{border-radius:var(--radius-lg);background:var(--color-surface);aspect-ratio:3/4;justify-self:center;width:100%;max-width:360px;margin:0;overflow:hidden}.hero__portrait img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;transition:transform 1.4s var(--ease-standard) .48s;display:block;transform:scale(1.04)}.hero--leaving .hero__portrait img,.hero--composed .hero__portrait img{transform:scale(1)}@media (max-width:879px){.hero__portrait{max-width:240px}}@media (prefers-reduced-motion:reduce){.hero__stagger-item{opacity:1!important;transition:none!important;transform:none!important}.hero__name-greeting{display:none}.hero__name-real{opacity:1!important;transform:none!important}.hero__portrait img{transition:none!important;transform:none!important}.hero__name-cursor{animation:none!important}}.about__copy{gap:var(--space-5);flex-direction:column;max-width:64ch;display:flex}.about__title{margin:0}.about__paragraph{color:var(--color-text);line-height:var(--leading-normal);margin:0}.about__meta{gap:var(--space-4);margin:var(--space-3) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--color-border);flex-direction:column;display:flex}.about__meta-row{gap:var(--space-1);grid-template-columns:1fr;display:grid}@media (min-width:640px){.about__meta-row{gap:var(--space-4);grid-template-columns:140px minmax(0,1fr);align-items:baseline}}.about__meta-row dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.about__meta-row dd{flex-direction:column;gap:2px;margin:0;display:flex}.about__meta-row dd strong{font-weight:var(--weight-semibold);color:var(--color-text)}.about__meta-row dd span{font-size:var(--text-sm);color:var(--color-text-muted)}.about__disclosure{margin-top:var(--space-2)}.travel{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.travel__intro{margin:0 0 var(--space-6);max-width:60ch;color:var(--color-text-muted);font-size:var(--text-base)}.travel__grid{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.travel__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}.travel__item{margin:0}.travel__figure{border:1px solid var(--color-border);border-radius:var(--radius-md);aspect-ratio:3/2;background:var(--color-surface);cursor:default;transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);margin:0;position:relative;overflow:hidden}.travel__figure:hover{border-color:var(--color-border-strong);transform:translateY(-3px)}.travel__figure img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s var(--ease-standard);display:block}.travel__figure:hover img{transform:scale(1.04)}.travel__caption{padding:var(--space-3) var(--space-4);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;transition:transform var(--duration-base) var(--ease-standard);background:linear-gradient(#0000,#07080a99 30%,#07080aeb);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.travel__figure:hover .travel__caption{transform:translateY(0)}@media (hover:none){.travel__caption{transform:translateY(0)}}.work__header{margin:0 0 var(--space-16);gap:var(--space-2);flex-direction:column;display:flex}.work__title{margin:0}.work__projects{flex-direction:column;gap:0;display:flex}.project{gap:var(--space-3);padding:var(--space-10) 0;border-top:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:relative}.project:last-child{border-bottom:1px solid var(--color-border)}.project:hover{border-top-color:var(--color-accent)}.project:last-child:hover{border-bottom-color:var(--color-accent)}.project__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.project__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);margin:0}.project__demo-link{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;display:inline-flex}.project__demo-link:hover{color:var(--color-accent);border-color:var(--color-accent-soft);background:var(--color-accent-soft)}.project__demo-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.project__title{margin:var(--space-1) 0 0;transition:transform var(--duration-base) var(--ease-standard);align-items:center;display:inline-flex;position:relative}.project__title:after{content:"→";margin-left:var(--space-3);color:var(--color-accent);font-weight:var(--weight-regular);opacity:0;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);display:inline-block;transform:translate(-8px)}.project:hover .project__title{transform:translate(4px)}.project:hover .project__title:after{opacity:1;transform:translate(0)}.project__role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.project__body{margin:var(--space-2) 0 0;max-width:70ch;color:var(--color-text)}.project__media{margin:var(--space-4) 0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);aspect-ratio:16/10;background:var(--color-surface);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);overflow:hidden}.project:hover .project__media{border-color:var(--color-border-strong);transform:translateY(-2px)}.project__media img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.project__stack{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project__links{gap:var(--space-4);margin-top:var(--space-2);display:flex}.project__link{font-family:var(--font-mono);font-size:var(--text-sm)}.work__demos{margin:var(--space-16) 0;scroll-margin-top:calc(var(--header-height) + var(--space-4))}.work__clients,.work__github{margin-top:var(--space-16)}.work__subtitle{margin:var(--space-1) 0 var(--space-6)}.work__github-footer{margin-top:var(--space-6);font-size:var(--text-sm)}.clients{grid-template-columns:1fr;gap:0;display:grid}@media (min-width:880px){.clients{gap:0 var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.client{gap:var(--space-2);padding:var(--space-5) 0;border-top:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.client:hover{border-top-color:var(--color-accent)}@media (max-width:879px){.client:last-child{border-bottom:1px solid var(--color-border)}}@media (min-width:880px){.client:nth-last-child(-n+2){border-bottom:1px solid var(--color-border)}.client:nth-last-child(-n+2):hover{border-bottom-color:var(--color-accent)}}.client__main{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.client__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);transition:transform var(--duration-base) var(--ease-standard);margin:0}.client:hover .client__title{transform:translate(4px)}.client__title-link{color:inherit;transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard);border-bottom:1px solid #0000}.client__title-link:hover{color:var(--color-accent);border-bottom-color:currentColor}.client__title-link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.client__context{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);margin:0}.client__summary{max-width:60ch;margin:0}.client__window{color:inherit;margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);text-decoration:none;display:block;overflow:hidden}.client__window:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.client__window:focus-visible{box-shadow:var(--focus-ring);outline:none}.client__chrome{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);display:flex}.client__chrome-dots{flex-shrink:0;gap:6px;display:flex}.client__chrome-dot{background:var(--neutral-500);width:11px;height:11px;transition:background var(--duration-fast) var(--ease-standard);border-radius:50%}.client__window:hover .client__chrome-dot:first-child{background:#ff5f57}.client__window:hover .client__chrome-dot:nth-child(2){background:#febc2e}.client__window:hover .client__chrome-dot:nth-child(3){background:#28c840}.client__chrome-url{text-align:center;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:45px;overflow:hidden}.client__window-frame{aspect-ratio:3/2;background:var(--color-surface);position:relative;overflow:hidden}.client__window-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .6s var(--ease-standard);display:block}.client__window:hover .client__window-frame img{transform:scale(1.03)}.client__body{gap:var(--space-2);flex-direction:column;display:flex}.client__footer{align-items:center;gap:var(--space-4);margin-top:var(--space-2);display:flex}.client__live{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--accent-cool-soft);background:var(--accent-cool-soft);color:var(--accent-cool);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;border-radius:999px;display:inline-flex}.client__live-dot{background:var(--accent-cool);width:6px;height:6px;animation:dot-pulse 2.8s var(--ease-standard) infinite;border-radius:50%;animation-delay:1.4s;display:inline-block;box-shadow:0 0 6px 1px #5eead48c}.client__visit{font-family:var(--font-mono);font-size:var(--text-sm);margin-left:auto}.repos{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.repo{border-top:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-standard)}.repo:last-child{border-bottom:1px solid var(--color-border)}.repo:hover{border-top-color:var(--color-accent)}.repo:last-child:hover{border-bottom-color:var(--color-accent)}.repo__link{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-4) 0;color:var(--color-text);transition:color var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;display:grid}.repo__link:hover{color:var(--color-accent)}.repo__link:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.repo__name{font-weight:var(--weight-semibold);font-size:var(--text-base);transition:transform var(--duration-base) var(--ease-standard)}.repo:hover .repo__name{transform:translate(4px)}.repo__detail{color:var(--color-text-muted);font-size:var(--text-sm);grid-column:1}.repo__arrow{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-lg);transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);grid-area:1/2/span 2;align-self:center}.repo__link:hover .repo__arrow{color:var(--color-accent);transform:translate(3px,-3px)}@media (min-width:768px){.repo__link{padding:var(--space-5) 0;grid-template-columns:220px minmax(0,1fr) auto;align-items:baseline}.repo__detail{grid-area:1/2}.repo__arrow{grid-area:1/3}}.demos{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.demos__header{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);grid-template-columns:1fr;display:grid}.demos__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.demos__note{font-size:var(--text-sm);color:var(--color-text-muted);max-width:60ch;margin:0}.demos__tabs{gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.demos__tab{padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-radius:999px;align-items:center;display:inline-flex}.demos__tab:hover{color:var(--color-text);border-color:var(--color-border-strong)}.demos__tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.demos__tab--active{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent);font-weight:var(--weight-semibold)}.demos__tab--active:hover{color:var(--color-bg);border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.demos__stage{padding:var(--space-6);animation:fade-up var(--duration-base) var(--ease-standard) both}.reservation__controls{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.reservation__controls{grid-template-columns:1fr 1fr auto;align-items:end}}.reservation__field{gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;display:flex}.reservation__field input,.reservation__field select{-webkit-appearance:none;appearance:none;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);text-transform:none;letter-spacing:0;transition:border-color var(--duration-fast) var(--ease-standard)}.reservation__field input:focus,.reservation__field select:focus{border-color:var(--color-accent);outline:none}.reservation__kpis{gap:var(--space-2);margin:0 0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}@media (min-width:640px){.reservation__kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.reservation__kpis>li{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.reservation__kpis span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.reservation__kpis strong{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1}.reservation__body{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:880px){.reservation__body{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}}.reservation__list{gap:var(--space-1);flex-direction:column;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.reservation__row{gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.reservation__row:hover{background:var(--color-surface-raised)}.reservation__row--active{background:var(--color-surface-raised);border-color:var(--color-accent-soft)}.reservation__row:focus-visible{box-shadow:var(--focus-ring);outline:none}.reservation__row-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.reservation__row-name{font-weight:var(--weight-medium);color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reservation__row-device{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.reservation__row-status{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted)}.reservation__row-status--ready{color:#8dffb3;background:#8dffb314}.reservation__row-status--pending{color:#fde68a;background:#fde68a14}.reservation__row-status--checked-out{color:#7ee7ff;background:#7ee7ff14}.reservation__row-status--returned{color:var(--color-text-subtle)}.reservation__detail{padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;display:flex}.reservation__detail h4{font-size:var(--text-lg);color:var(--color-text);margin:0}.reservation__detail p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.reservation__detail-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);margin:0}.reservation__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.reservation__audit{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.reservation__audit-line{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.workflow__topic{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.workflow__topic .reservation__field{flex:240px}.workflow__progress{margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.workflow__progress-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.02em;justify-content:space-between;display:flex}.workflow__progress-label strong{color:var(--color-accent)}.workflow__progress-track{background:var(--color-surface-raised);border-radius:999px;height:4px;overflow:hidden}.workflow__progress-track>span{background:var(--color-accent);height:100%;transition:width var(--duration-base) var(--ease-standard);display:block}.workflow__steps{margin:0 0 var(--space-4);gap:var(--space-2);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (min-width:640px){.workflow__steps{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.workflow__step{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);transition:border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);display:flex}.workflow__step--active{border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-2px)}.workflow__step--complete{border-color:var(--color-border-strong)}.workflow__step-index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.04em;flex-shrink:0;padding-top:2px}.workflow__step>div{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.workflow__step strong{font-size:var(--text-sm);color:var(--color-text)}.workflow__step p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.workflow__step-state{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);flex-shrink:0;align-self:center}.workflow__step--active .workflow__step-state{color:var(--color-accent)}.workflow__step--complete .workflow__step-state{color:var(--color-text-muted)}.workflow__output{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:880px){.workflow__output{grid-template-columns:1fr 1fr}}.workflow__preview,.workflow__log{padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.workflow__preview h4{font-size:var(--text-lg);color:var(--color-text);margin:0}.workflow__preview p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.workflow__log p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.sleep__chart{gap:var(--space-2);height:180px;margin-bottom:var(--space-4);grid-auto-columns:minmax(36px,1fr);grid-auto-flow:column;align-items:end;display:grid}.sleep__bar{justify-content:end;align-items:center;gap:var(--space-1);cursor:pointer;background:0 0;border:0;flex-direction:column;height:100%;padding:0;display:flex;position:relative}.sleep__bar-fill{background:var(--color-text-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:18px;transition:background var(--duration-fast) var(--ease-standard), height var(--duration-base) var(--ease-standard);display:block}.sleep__bar:hover .sleep__bar-fill{background:var(--color-text-muted)}.sleep__bar--active .sleep__bar-fill{background:var(--color-accent)}.sleep__bar-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.sleep__bar-day{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.sleep__bar:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.sleep__controls{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.sleep__controls{grid-template-columns:1fr 1fr 1fr auto;align-items:end}}.sleep__range{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);flex-direction:column;display:flex}.sleep__range strong{color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:0;text-transform:none}.sleep__range input[type=range]{accent-color:var(--color-accent);width:100%}.sleep__insight{padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.sleep__insight h4{font-size:var(--text-lg);color:var(--color-text);margin:0}.sleep__insight p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.experience__header{margin:0 0 var(--space-10);gap:var(--space-2);flex-direction:column;display:flex}.experience__title{margin:0}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline__item{gap:var(--space-2);padding:var(--space-6) 0;border-top:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-standard);grid-template-columns:1fr;display:grid}.timeline__item:last-child{border-bottom:1px solid var(--color-border)}.timeline__item:hover{border-top-color:var(--color-accent)}.timeline__item:last-child:hover{border-bottom-color:var(--color-accent)}.timeline__period{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);margin:0}.timeline__content{gap:var(--space-2);flex-direction:column;display:flex}.timeline__role{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.timeline__company{color:var(--color-text-muted);font-weight:var(--weight-regular);font-size:var(--text-base)}.timeline__description{max-width:70ch;color:var(--color-text-muted);margin:0}@media (min-width:768px){.timeline{position:relative}.timeline:before{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:208px}.timeline__item{gap:var(--space-8);grid-template-columns:200px minmax(0,1fr);position:relative}.timeline__item:before{content:"";left:204px;top:calc(var(--space-6) + 7px);background:var(--color-bg);border:1px solid var(--color-border-strong);width:9px;height:9px;transition:background var(--duration-base) var(--ease-standard), border var(--duration-base) var(--ease-standard);border-radius:50%;position:absolute}.timeline__item:hover:before{background:var(--color-accent);border-color:var(--color-accent)}.timeline__period{padding-top:4px}}.skills__header{margin:0 0 var(--space-10);gap:var(--space-2);flex-direction:column;display:flex}.skills__title{margin:0}.skills__groups{gap:var(--space-8) var(--space-10);grid-template-columns:1fr;margin:0;padding:0;display:grid}@media (min-width:640px){.skills__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.skills__groups{grid-template-columns:repeat(3,minmax(0,1fr))}}.skills__group{gap:var(--space-3);flex-direction:column;display:flex}.skills__group-title{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);margin:0}.skills__list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.contact__title{margin:var(--space-2) 0 var(--space-4)}.contact__lead{margin:0 0 var(--space-8);max-width:56ch}.contact__actions{gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.contact__meta{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.contact__meta>li{gap:var(--space-1);padding:var(--space-4) 0;border-top:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-standard);grid-template-columns:1fr;display:grid}.contact__meta>li:last-child{border-bottom:1px solid var(--color-border)}.contact__meta>li:hover{border-top-color:var(--color-accent)}.contact__meta>li:last-child:hover{border-bottom-color:var(--color-accent)}@media (min-width:640px){.contact__meta>li{gap:var(--space-4);padding:var(--space-5) 0;grid-template-columns:140px minmax(0,1fr);align-items:center}}.contact__meta-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.contact__meta-value{color:var(--color-text)}.contact__meta-email-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.copy-email{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.01em;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);display:inline-flex}.copy-email:hover{color:var(--color-text);border-color:var(--color-border-strong)}.copy-email:focus-visible{box-shadow:var(--focus-ring);outline:none}.copy-email--copied{color:var(--color-accent);border-color:var(--color-accent-soft);background:var(--color-accent-soft)}.copy-email--error{color:#ff8b8b;border-color:#ff8b8b4d}.copy-email__label{transition:color var(--duration-fast) var(--ease-standard)}.copy-email__icon{width:13px;height:13px;display:inline-block;position:relative}.copy-email__svg{transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);position:absolute;top:0;bottom:0;left:0;right:0}.copy-email__svg--copy{opacity:1;transform:scale(1)}.copy-email__svg--check,.copy-email--copied .copy-email__svg--copy{opacity:0;transform:scale(.6)}.copy-email--copied .copy-email__svg--check{opacity:1;transform:scale(1)}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-border);margin-top:var(--space-20)}.footer__inner{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.footer__copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.02em;margin:0}.footer__links{gap:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (min-width:640px){.footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.arcade{z-index:100;padding:var(--space-4);animation:fade-up var(--duration-base) var(--ease-standard) both;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.arcade__panel{width:100%;max-width:720px;max-height:calc(100vh - var(--space-8));max-height:calc(100dvh - var(--space-8));background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:panel-pop var(--duration-base) var(--ease-standard) 50ms both;flex-direction:column;display:flex;overflow:hidden}.arcade__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.arcade__eyebrow{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent)}.arcade__title{font-size:var(--text-lg);color:var(--color-text);margin:0}.arcade__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border var(--duration-fast) var(--ease-standard);background:0 0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.arcade__close:hover{color:var(--color-text);border-color:var(--color-border-strong)}.arcade__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.arcade__stage{padding:var(--space-4) var(--space-6);justify-content:center;display:flex;position:relative}.arcade__canvas{border-radius:var(--radius-md);background:var(--color-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:640px;height:auto;display:block}.arcade__canvas:active{cursor:grabbing}.arcade__overlay{inset:var(--space-4) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;border-radius:var(--radius-md);padding:var(--space-5);box-shadow:inset 0 0 0 1px var(--color-border);background:#0a0c0feb;flex-direction:column;display:flex;position:absolute}.arcade__overlay-label{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:var(--tracking-tight);margin:0}.arcade__overlay-score{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,3.75rem);font-weight:var(--weight-semibold);color:var(--color-accent);letter-spacing:var(--tracking-tight);margin:0;line-height:1}.arcade__overlay-hint{max-width:44ch;font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.arcade__footer{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.arcade__score{flex-direction:column;gap:2px;display:flex}.arcade__score span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.arcade__score strong{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.arcade__credit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.02em;margin:0 0 0 auto}@media (max-width:600px){.arcade__stage{padding:var(--space-3) var(--space-4)}.arcade__footer{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.arcade__credit{text-align:center;width:100%;margin:var(--space-2) 0 0}}