:root{color-scheme:dark;--bg: #05060c;--fg: #f4f4f8;--muted: #a3a7be;--primary: #8b87ff;--accent: #f4a361;--link: var(--primary);--surface: rgba(19, 21, 36, .92);--surface-strong: rgba(30, 33, 48, .96);--surface-muted: color-mix(in srgb, var(--surface) 75%, var(--bg) 25%);--border-soft: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .28);--shadow-soft: 0 24px 70px -32px rgba(2, 6, 23, .8);--shadow-card: 0 32px 80px -36px rgba(2, 6, 23, .85);--shadow-elevated: 0 12px 30px -12px rgba(2, 6, 23, .72);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--primary) 55%, transparent);--max-width: 1120px;--max-width-wide: 1240px;--font-family-body: "Inter", "Manrope", "Segoe UI", sans-serif;--font-family-heading: "Plus Jakarta Sans", "Inter", "Segoe UI", sans-serif;--font-family-code: "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-lineheight-body: 1.65;--font-lineheight-heading: 1.12;--font-letterspacing-body: .005em;--font-letterspacing-heading: -.01em;--font-display: var(--font-family-heading);--font-body: var(--font-family-body);--type-line-height-body: var(--font-lineheight-body);--type-line-height-heading: var(--font-lineheight-heading);--type-letter-spacing-body: var(--font-letterspacing-body);--type-letter-spacing-heading: var(--font-letterspacing-heading);--type-h1: clamp(2.5rem, 1.95rem + 2.7vw, 3.35rem);--type-h2: clamp(2.125rem, 1.8rem + 1.9vw, 2.85rem);--type-h3: clamp(1.75rem, 1.58rem + 1.25vw, 2.25rem);--type-h4: clamp(1.45rem, 1.33rem + .8vw, 1.7rem);--type-h5: clamp(1.2rem, 1.14rem + .45vw, 1.35rem);--type-h6: clamp(1.05rem, 1.03rem + .2vw, 1.12rem);--type-body: clamp(1rem, .98rem + .18vw, 1.09rem);--type-small: clamp(.85rem, .82rem + .12vw, .95rem);--type-eyebrow: clamp(.8rem, .78rem + .2vw, .9rem);--type-hero: clamp(2.4rem, 9vw, 3.1rem);--step--2: clamp(.8rem, .78rem + .2vw, .9rem);--step--1: clamp(.9rem, .86rem + .3vw, 1rem);--step-0: clamp(1rem, .95rem + .6vw, 1.125rem);--step-1: clamp(1.25rem, 1.15rem + .9vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1.4vw, 2.1rem);--step-3: clamp(2.1rem, 1.8rem + 2vw, 2.8rem);--step-4: clamp(2.8rem, 2.3rem + 3vw, 3.6rem);--line-height-tight: 1.1;--line-height-base: 1.5;--line-height-loose: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 5rem;--radius-sm: .75rem;--radius-md: 1.2rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-pill: 999px;--transition-base: .18s cubic-bezier(.22, 1, .36, 1);--transition-slow: .32s cubic-bezier(.16, 1, .3, 1);--hero-gradient: radial-gradient(160% 120% at 50% 0%, color-mix(in srgb, var(--primary) 40%, transparent) 0%, transparent 60%), radial-gradient(140% 110% at 10% 10%, color-mix(in srgb, var(--accent) 38%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--bg) 85%, #0a0b17 15%);--hero-fg: color-mix(in srgb, var(--fg) 95%, #ffffff 5%)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Inter-Regular.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Inter-Medium.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Inter-SemiBold.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Inter-Bold.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/PlusJakartaSans-Medium.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/PlusJakartaSans-SemiBold.ttf) format("truetype")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PlusJakartaSans-Bold.ttf) format("truetype")}body{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:var(--type-body);line-height:var(--type-line-height-body);letter-spacing:var(--type-letter-spacing-body);color:var(--fg);background-color:var(--bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--type-line-height-heading);letter-spacing:var(--type-letter-spacing-heading);color:var(--fg);margin:0 0 var(--space-3)}h1{font-size:var(--type-h1)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}h4{font-size:var(--type-h4)}h5{font-size:var(--type-h5)}h6{font-size:var(--type-h6)}p,ul,ol{margin:0 0 var(--space-4)}small,.caption{font-size:var(--type-small);line-height:1.5;letter-spacing:var(--font-letterspacing-body);color:var(--muted)}a{color:var(--primary);text-decoration-thickness:.12em;text-underline-offset:.24em;text-decoration-color:color-mix(in srgb,var(--primary) 40%,transparent);transition:color var(--transition-base),text-decoration-color var(--transition-base),transform var(--transition-fast)}a:hover{color:color-mix(in srgb,var(--primary) 82%,var(--fg) 18%);text-decoration-color:currentColor}a:active{color:color-mix(in srgb,var(--primary) 70%,var(--fg) 30%)}a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.section-heading{font-size:var(--type-h3);margin-bottom:var(--space-5)}.section-subtitle{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);color:var(--muted);margin-bottom:var(--space-4)}.lead{font-size:clamp(1.1rem,1.02rem + .6vw,1.35rem);line-height:1.7;color:color-mix(in srgb,var(--fg) 88%,var(--muted) 12%)}@media (max-width: 600px){.section-heading{margin-bottom:var(--space-4)}}:where(a:not(.btn):not(.site-header__icon):not(.project-card-link):not(.site-drawer__link):not(.site-brand)){position:relative}:where(a:not(.btn):not(.site-header__icon):not(.project-card-link):not(.site-drawer__link):not(.site-brand)):after{content:"";position:absolute;left:0;right:0;bottom:-.2em;height:2px;background:currentColor;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);opacity:.5}:where(a:not(.btn):not(.site-header__icon):not(.project-card-link):not(.site-drawer__link):not(.site-brand)):hover:after,:where(a:not(.btn):not(.site-header__icon):not(.project-card-link):not(.site-drawer__link):not(.site-brand)):focus-visible:after{transform:scaleX(1);opacity:.85}.u-stack-xs>*+*{margin-top:var(--space-1)}.u-stack-sm>*+*{margin-top:var(--space-2)}.u-stack-md>*+*{margin-top:var(--space-4)}.u-stack-lg>*+*{margin-top:var(--space-6)}.u-text-muted{color:var(--muted)}.u-text-accent{color:var(--accent)}.u-container{width:min(100% - 2 * var(--space-5),var(--max-width));margin-inline:auto}.u-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.u-inset-sm{padding:var(--space-4)}.u-inset-md{padding:var(--space-5)}.u-inset-lg{padding:var(--space-6)}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-inline-gap-sm{display:inline-flex;align-items:center;gap:var(--space-2)}.u-surface-glass{background:color-mix(in srgb,var(--surface) 75%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.u-transition-base{transition:all var(--transition-base)}@media (max-width: 720px){.u-container{width:min(100% - 2 * var(--space-4),var(--max-width))}}:root{background-color:var(--bg);--site-header-height: 4.5rem}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height) + var(--space-3))}section[id],[data-scroll-margin]{scroll-margin-top:calc(var(--site-header-height) + var(--space-3))}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--type-body);line-height:var(--type-line-height-body);letter-spacing:var(--type-letter-spacing-body);background:var(--bg);color:var(--fg);min-height:100vh;-webkit-font-smoothing:antialiased}body[data-page-theme=home-dark]{background:var(--hero-gradient);color:var(--hero-fg)}body[data-page-theme=projects-light]{background:var(--bg);color:var(--fg)}body[data-page-theme=projects-light] .panel{background:color-mix(in srgb,var(--surface-strong) 96%,var(--bg) 4%);border-color:color-mix(in srgb,var(--border-soft) 80%,transparent 20%);box-shadow:var(--shadow-soft)}body[data-page-theme=home-dark]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 90% at 8% 0%,color-mix(in srgb,var(--primary) 14%,transparent) 0%,transparent 58%),radial-gradient(120% 120% at 92% 8%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 65%);pointer-events:none}::selection{background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--fg)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}img,video{max-width:100%;height:auto;display:block;border-radius:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}[data-animate]{opacity:0;transform:translateY(var(--reveal-translate, 24px));transition:opacity .2s cubic-bezier(.3,.7,.4,1),transform .22s cubic-bezier(.3,.7,.4,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}[data-animate].is-visible{opacity:1;transform:translateY(0)}.app-main{flex:1;display:flex;flex-direction:column}.container{width:min(100% - 2 * var(--space-5),var(--max-width));margin-inline:auto}@media (max-width: 720px){.container{width:min(100% - 2 * var(--space-4),var(--max-width))}}.site-header{position:sticky;top:0;z-index:920;padding:var(--space-2) var(--space-4);min-height:var(--site-header-height);display:flex;align-items:center;background:color-mix(in srgb,var(--surface) 82%,transparent);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-100%);opacity:0}.site-header.is-visible{animation:site-header-slide-in .9s ease-out forwards}@keyframes site-header-slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.site-header{transform:none;opacity:1}.site-header.is-visible{animation:none}}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:min(100%,var(--max-width-wide));margin-inline:auto}.skip-link{position:absolute;left:var(--space-4);top:0;transform:translateY(-150%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--fg);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-elevated);transition:transform var(--transition-base),opacity var(--transition-base);opacity:0;z-index:120}.skip-link:focus-visible{transform:translateY(var(--space-2));opacity:1}.site-header__left,.site-header__right{display:inline-flex;align-items:center;gap:var(--space-3)}.site-header__cta{padding:.35rem .9rem;font-size:var(--step--2);line-height:1.05;white-space:nowrap;text-decoration:none}.site-header__cta:hover,.site-header__cta:focus-visible{text-decoration:none}.site-brand{font-family:var(--font-display);font-size:var(--type-h5);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);transition:color var(--transition-base)}.site-brand:hover{color:color-mix(in srgb,var(--fg) 85%,var(--muted) 15%)}.menu-toggle{width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 74%,transparent);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.menu-toggle__bars,.menu-toggle__bars:before,.menu-toggle__bars:after{content:"";display:block;width:1.4rem;height:2px;border-radius:999px;background:color-mix(in srgb,var(--fg) 88%,#ffffff 12%);transition:transform var(--transition-base),opacity var(--transition-base)}.menu-toggle__bars{position:relative}.menu-toggle__bars:before,.menu-toggle__bars:after{position:absolute;left:0}.menu-toggle__bars:before{transform:translateY(-6px)}.menu-toggle__bars:after{transform:translateY(6px)}.site-header.is-open .menu-toggle__bars{background:transparent}.site-header.is-open .menu-toggle__bars:before{transform:rotate(45deg)}.site-header.is-open .menu-toggle__bars:after{transform:rotate(-45deg)}.menu-toggle:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.menu-toggle:focus-visible{box-shadow:var(--shadow-focus);transform:translateY(-1px)}.site-header__links{display:inline-flex;align-items:center;gap:var(--space-2)}.site-header__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 60%,transparent);transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.site-header__icon:hover{background:color-mix(in srgb,var(--surface) 80%,var(--primary) 20%);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.site-header__icon:focus-visible{background:color-mix(in srgb,var(--surface) 80%,var(--primary) 20%);box-shadow:var(--shadow-focus);transform:translateY(-1px)}.icon{width:1.1rem;height:1.1rem}.site-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 25%,rgba(0,0,0,.6) 75%);opacity:0;pointer-events:none;transition:opacity .26s cubic-bezier(.22,1,.36,1);z-index:940}.site-backdrop.is-visible{opacity:1;pointer-events:auto}.site-drawer{position:fixed;top:0;left:0;min-height:100vh;width:min(360px,82vw);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg);box-shadow:var(--shadow-card);transform:translate(-100%);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform;z-index:950;overflow-y:auto}.site-drawer.is-open{transform:translate(0)}.site-drawer__header{display:flex;align-items:center}.site-drawer__title{margin:0;font-family:var(--font-display);font-size:var(--type-h4)}.site-drawer__subtitle{margin:0;font-size:var(--step--1);color:var(--muted)}.site-drawer__back{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--fg);text-align:left;transition:background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.site-drawer__back:hover,.site-drawer__back:focus-visible{background:color-mix(in srgb,var(--primary) 16%,var(--surface) 84%);box-shadow:var(--shadow-elevated);transform:translate(-2px);outline:none}.site-drawer__back-icon{width:1.5rem;height:1.5rem}.site-drawer__back-text{display:flex;flex-direction:column;gap:.15rem}.site-drawer__nav{display:grid;gap:var(--space-2);align-content:start}.site-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--type-small);line-height:var(--line-height-base);color:var(--fg);background:transparent;border:1px solid transparent;transition:background var(--transition-base),transform var(--transition-base),border-color var(--transition-base);text-decoration:none}.site-drawer__link:hover,.site-drawer__link:focus-visible,.site-drawer__link:active{text-decoration:none}.site-drawer__link--page:hover,.site-drawer__link--page:focus-visible,.site-drawer__link--active{background:color-mix(in srgb,var(--primary) 16%,var(--bg) 84%);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:none}.site-drawer__link:focus-visible{outline:none}.site-drawer__list,.site-drawer__anchors{display:grid;gap:var(--space-1)}.site-drawer__link--anchor{background:transparent;border-color:transparent}.site-drawer__link--anchor:hover,.site-drawer__link--anchor:focus-visible{background:color-mix(in srgb,var(--primary) 16%,var(--surface-muted) 84%);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:none}.site-drawer__downloads{display:grid;gap:var(--space-1)}.site-drawer__link--subtle{color:color-mix(in srgb,var(--fg) 70%,var(--muted) 30%);background:transparent}.site-drawer__link--subtle:hover,.site-drawer__link--subtle:focus-visible{color:var(--fg);background:color-mix(in srgb,var(--surface-muted) 82%,transparent 18%);border-color:color-mix(in srgb,var(--primary) 28%,transparent);transform:none}@media (min-width: 768px){.site-header{padding-inline:var(--space-6)}}.hero-screen{position:relative;min-height:clamp(540px,92vh,760px);padding:calc(var(--space-8) + var(--space-3)) var(--space-4) var(--space-7);display:grid;justify-items:center;align-items:center;background:var(--hero-gradient);color:var(--hero-fg);overflow:hidden;z-index:5}.hero-screen:before{content:"";position:absolute;top:12%;right:10%;bottom:8%;left:8%;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 38%,transparent);filter:blur(60px);opacity:.6;pointer-events:none}.hero{position:relative;width:min(100%,var(--max-width-wide));margin-inline:auto;display:grid;gap:var(--space-7);align-items:center;z-index:1}.hero:after{content:"";position:absolute;inset:-15% 35% auto 35%;height:40%;border-radius:40%;background:color-mix(in srgb,var(--surface) 20%,transparent);filter:blur(100px);opacity:.6;pointer-events:none;z-index:-1}.hero>div:first-child{display:grid;gap:var(--space-4)}.kicker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--hero-fg) 25%,transparent);background:color-mix(in srgb,var(--surface-strong) 18%,transparent);font-size:var(--type-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase}.headline{margin:0;font-family:var(--font-display);font-size:var(--type-hero);line-height:var(--type-line-height-heading);letter-spacing:-.02em}.sub{margin:0;font-size:var(--step-0);color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%);max-width:60ch}.hero .sub{color:color-mix(in srgb,var(--hero-fg) 78%,var(--muted) 22%)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn{--btn-bg: var(--surface-strong);--btn-border: var(--border-soft);--btn-color: var(--fg);--btn-shadow: var(--shadow-elevated);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.65rem;border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-color);font-weight:var(--font-weight-semibold);letter-spacing:.01em;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base);box-shadow:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{--btn-bg: color-mix(in srgb, var(--primary) 78%, rgba(255, 255, 255, .05) 22%);--btn-border: color-mix(in srgb, var(--primary) 72%, transparent);--btn-color: color-mix(in srgb, #ffffff 92%, var(--hero-fg) 8%);--btn-shadow: var(--shadow-card)}.btn--ghost{--btn-bg: color-mix(in srgb, var(--surface-strong) 12%, transparent);--btn-border: color-mix(in srgb, var(--hero-fg) 22%, transparent);--btn-color: var(--hero-fg)}.btn--muted{--btn-bg: transparent;--btn-border: color-mix(in srgb, var(--hero-fg) 18%, transparent);--btn-color: color-mix(in srgb, var(--hero-fg) 92%, #ffffff 8%)}.photo-wrap{position:relative;border-radius:var(--radius-xl);padding:var(--space-4);background:color-mix(in srgb,var(--surface-strong) 12%,transparent);border:1px solid color-mix(in srgb,var(--hero-fg) 20%,transparent);box-shadow:var(--shadow-card);min-height:clamp(260px,32vw,420px);overflow:hidden}.photo{position:absolute;inset:var(--space-4);border-radius:calc(var(--radius-xl) - var(--space-3));background-size:cover;background-position:center;filter:saturate(1.05)}.photo-mask{position:absolute;inset:var(--space-4);border-radius:calc(var(--radius-xl) - var(--space-3));background:linear-gradient(180deg,rgba(2,3,10,.55),rgba(2,3,10,0));pointer-events:none}.social-link{color:color-mix(in srgb,var(--hero-fg) 86%,#ffffff 14%);font-weight:var(--font-weight-semibold)}.home-content{padding-top:clamp(var(--space-7),8vw,calc(var(--space-8) + var(--space-3)))}.panel{background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding:clamp(2.5rem,6vw,3.75rem) clamp(1.5rem,5vw,3.5rem);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-4);content-visibility:auto;contain-intrinsic-size:520px}.section{display:grid;gap:var(--space-5)}.title{margin:0;font-family:var(--font-display);font-size:var(--type-h2);line-height:var(--type-line-height-heading)}.title.small{font-size:var(--type-h4)}.panel p,.panel li{color:color-mix(in srgb,var(--fg) 82%,var(--muted) 18%);margin:0}.skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:.35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--surface-muted);font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--fg) 80%,var(--muted) 20%)}.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);align-items:center}.logos img{width:100%;max-height:56px;object-fit:contain;filter:grayscale(.1) contrast(1.05);opacity:.85}.projects-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project-card{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-muted);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-elevated)}.project-card-title{margin:0;font-family:var(--font-display);font-size:var(--type-h4)}.project-card-summary{margin:0;font-size:var(--step-0);color:color-mix(in srgb,var(--fg) 75%,var(--muted) 25%)}.project-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-card-link{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-semibold);color:var(--primary)}.acad-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.acad-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-muted);padding:var(--space-4);display:grid;gap:var(--space-3);transition:transform var(--transition-base),box-shadow var(--transition-base)}.acad-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.acad-title{margin:0;font-size:var(--type-h4);font-family:var(--font-display)}.acad-desc{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%)}.acad-media{min-height:160px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px dashed var(--border-soft);display:grid;place-items:center;text-align:center;padding:var(--space-4);color:var(--muted)}.acad-github{font-weight:var(--font-weight-semibold);color:var(--primary)}.article-list{display:grid;gap:var(--space-4)}.article-item{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-soft);display:grid;gap:var(--space-2)}.article-title{margin:0;font-family:var(--font-display);font-size:var(--type-h4)}.article-link{color:color-mix(in srgb,var(--fg) 92%,var(--primary) 8%)}.article-desc{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%)}.form{display:grid;gap:var(--space-3)}.form .row{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}input,textarea{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-strong) 65%,transparent);font-size:var(--step-0);color:var(--fg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}input:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-soft) 65%)}textarea{resize:vertical;min-height:160px}.form-status{min-height:var(--space-3);font-size:var(--step--1)}.status{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .75rem;border-radius:var(--radius-pill)}.status.success{background:color-mix(in srgb,var(--accent) 20%,transparent);color:color-mix(in srgb,var(--accent) 80%,var(--fg) 20%)}.status.error{background:color-mix(in srgb,#ff4d67 20%,transparent);color:color-mix(in srgb,#ff4d67 80%,var(--fg) 20%)}.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold)}.contact-separator{color:var(--muted)}.link{color:var(--primary)}.site-footer{margin-top:auto;padding:var(--space-6) var(--space-4) var(--space-5);background:color-mix(in srgb,var(--surface) 85%,transparent);border-top:1px solid var(--border-soft)}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;font-size:var(--step--1);color:color-mix(in srgb,var(--fg) 75%,var(--muted) 25%)}.site-footer__credit{font-weight:var(--font-weight-semibold)}.site-footer__note{color:color-mix(in srgb,var(--fg) 68%,var(--muted) 32%)}.lang-toggle{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 65%,transparent);font-size:var(--step--1)}.lang-toggle button{border:none;background:transparent;font:inherit;font-weight:var(--font-weight-semibold);padding:.25rem .55rem;border-radius:var(--radius-pill);color:color-mix(in srgb,var(--fg) 86%,var(--muted) 14%);transition:color var(--transition-base),background var(--transition-base)}.lang-toggle button[data-active=true]{color:color-mix(in srgb,var(--primary) 70%,var(--fg) 30%);background:color-mix(in srgb,var(--primary) 18%,transparent)}.lang-toggle button:hover{color:color-mix(in srgb,var(--primary) 60%,var(--fg) 40%);background:color-mix(in srgb,var(--primary) 14%,transparent)}.lang-toggle button:focus-visible{color:color-mix(in srgb,var(--primary) 60%,var(--fg) 40%);background:color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:var(--shadow-focus)}.lang-toggle__divider{color:color-mix(in srgb,var(--fg) 45%,var(--muted) 55%);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}:where(a,button,input,textarea,.btn,.site-header__icon){transition-duration:0ms!important;transition-delay:0ms!important}.site-drawer,.site-backdrop{transition:none!important}[data-animate]{opacity:1!important;transform:none!important;transition:none!important}}@media (min-width: 640px){.site-footer__inner{flex-direction:row;justify-content:space-between}}@media (max-width: 640px){.hero-screen{padding-top:var(--space-8)}.headline{font-size:var(--type-hero)}.panel{padding:clamp(2rem,8vw,3rem) clamp(1rem,6vw,2.25rem)}}@media (max-width: 480px){.actions{justify-content:flex-start}}.home-root{--home-sidebar-width: clamp(12rem, 28vw, 18rem);display:grid;grid-template-columns:var(--home-sidebar-width) minmax(0,1fr);align-items:flex-start;gap:clamp(var(--space-4),5vw,var(--space-6));width:min(100% - 2 * var(--space-4),var(--max-width-wide));margin-inline:auto;padding:calc(var(--site-header-height) + var(--space-4)) var(--space-4) var(--space-8)}.home-sidebar{position:sticky;top:calc(var(--site-header-height) + var(--space-3));align-self:flex-start;width:100%;max-height:calc(100vh - var(--site-header-height) - 2 * var(--space-3));height:min(100%,calc(100vh - var(--site-header-height) - 2 * var(--space-3)));background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:clamp(1.75rem,4vw,2.5rem) clamp(1.25rem,4vw,2rem);overflow:hidden;display:flex}.home-sidebar__inner{display:grid;gap:var(--space-3);justify-items:center;width:100%}.home-sidebar__photo{width:clamp(96px,24vw,132px);height:clamp(96px,24vw,132px);border-radius:50%;object-fit:cover;border:3px solid color-mix(in srgb,var(--surface) 72%,transparent)}.home-sidebar__name{margin:0;font-family:var(--font-display);font-size:var(--type-h4);line-height:var(--type-line-height-heading);text-align:center}.home-sidebar__badge{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:var(--type-small);font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--fg) 85%,var(--muted) 15%)}.home-sidebar__details{display:grid;gap:.35rem;text-align:center}.home-sidebar__link{color:var(--link);text-decoration-thickness:.12em;text-underline-offset:.24em;transition:color var(--transition-base)}.home-sidebar__link:after{content:none}.home-sidebar__link:hover,.home-sidebar__link:focus-visible{color:color-mix(in srgb,var(--primary) 70%,var(--fg) 30%);outline:none}.home-sidebar__muted{color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%);font-size:var(--type-small)}.home-sidebar__icons{display:inline-flex;gap:var(--space-2)}.home-sidebar__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-strong) 70%,transparent);color:color-mix(in srgb,var(--fg) 90%,var(--muted) 10%);transition:color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.home-sidebar__icon svg{width:18px;height:18px}.home-sidebar__icon:hover,.home-sidebar__icon:focus-visible{color:color-mix(in srgb,var(--primary) 80%,var(--fg) 20%);background:color-mix(in srgb,var(--primary) 16%,transparent);transform:translateY(-2px);outline:none}.home-main{width:100%;overflow-x:hidden}.home-main__inner{display:grid;gap:clamp(var(--space-4),5vw,var(--space-6));width:min(100% - 2 * var(--space-4),var(--max-width));max-width:calc(var(--max-width) - var(--space-8));margin-inline:auto;overflow-wrap:anywhere}.home-main .panel{padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,3rem);gap:var(--space-3)}.home-section{display:grid;gap:var(--space-3)}.home-section .title{font-size:var(--type-h3)}.home-section .sub{font-size:var(--step--1)}.home-section p,.home-section li{font-size:var(--step--1);line-height:var(--line-height-base)}.home-timeline{display:grid;gap:var(--space-3)}.home-timeline__item{display:grid;gap:var(--space-2);padding-left:var(--space-4);border-left:2px solid color-mix(in srgb,var(--border-soft) 80%,transparent 20%)}.home-timeline__header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;justify-content:space-between}.home-timeline__title{margin:0;font-family:var(--font-display);font-size:var(--type-h5)}.home-timeline__period{font-size:var(--type-small);color:color-mix(in srgb,var(--fg) 70%,var(--muted) 30%);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.home-timeline__org{margin:0;font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--fg) 82%,var(--muted) 18%);font-size:var(--step--1)}.home-timeline__desc{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%);font-size:var(--step--1)}.home-passions{display:flex;gap:var(--space-2);align-items:stretch;overflow-x:auto;padding-bottom:var(--space-1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.home-passions__item{flex:0 0 clamp(260px,70vw,360px);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-2);scroll-snap-align:start;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-muted) 85%,transparent 15%)}.home-passions__header{display:grid;gap:var(--space-1);min-height:clamp(100px,24vw,140px)}.home-passions__title{margin:0;font-family:var(--font-display);font-size:var(--type-body)}.home-passions__description{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%);font-size:var(--step--2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-passions__cta{justify-self:start;font-size:var(--step--2)}.passion-carousel{display:grid;gap:var(--space-1)}.passion-carousel__viewport{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--border-soft) 85%,transparent 15%);background:color-mix(in srgb,var(--surface-strong) 88%,transparent 12%);overflow:hidden;touch-action:pan-y}.passion-carousel__viewport:focus-visible{box-shadow:var(--shadow-focus);outline:none}.passion-carousel__slide{margin:0;display:grid;gap:var(--space-1);align-items:start}.passion-carousel__image{width:100%;height:clamp(150px,30vw,220px);object-fit:cover}.passion-carousel__caption{display:grid;gap:.35rem;font-size:var(--step--2);color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%)}.passion-carousel__status{font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--fg) 82%,var(--muted) 18%)}.passion-carousel__controls{display:inline-flex;gap:var(--space-2)}.passion-carousel__button{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-strong) 80%,transparent 20%);color:color-mix(in srgb,var(--fg) 90%,var(--muted) 10%);transition:background var(--transition-base),transform var(--transition-base),color var(--transition-base)}.passion-carousel__button:hover:not(:disabled),.passion-carousel__button:focus-visible:not(:disabled){background:color-mix(in srgb,var(--primary) 18%,var(--surface-strong) 82%);color:var(--fg);transform:translateY(-1px);outline:none}.passion-carousel__button:disabled{opacity:.6;cursor:default;transform:none}.home-contact-form{font-size:var(--type-small);display:grid;gap:var(--space-2)}.home-contact-row{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.home-field{display:grid;gap:.35rem}.home-field__label{font-size:var(--type-eyebrow);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--fg) 70%,var(--muted) 30%)}.home-field__input,.home-field__textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-soft) 85%,transparent 15%);background:color-mix(in srgb,var(--surface) 92%,transparent 8%);color:inherit;font:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.home-field__textarea{min-height:6.5rem}.home-field__input:focus-visible,.home-field__textarea:focus-visible{border-color:color-mix(in srgb,var(--primary) 60%,var(--border-soft) 40%);box-shadow:var(--shadow-focus);outline:none}.home-submit{justify-self:start}@media (max-width: 720px){.home-root{--home-sidebar-width: clamp(10rem, 38vw, 13rem);grid-template-columns:minmax(9.5rem,var(--home-sidebar-width)) minmax(0,1fr);gap:var(--space-4)}.home-sidebar{padding:clamp(1.5rem,5vw,2rem) clamp(1rem,4vw,1.75rem)}}.projects-page{--projects-heading-scale: .88;--projects-body-scale: .9;--projects-label-scale: .9;padding:calc(var(--site-header-height) + var(--space-4)) var(--space-4) var(--space-8)}.projects-page p,.projects-page li{font-size:calc(var(--type-body) * var(--projects-body-scale))}.projects-page .title{font-size:calc(var(--type-h2) * var(--projects-heading-scale))}.projects-page .title.small{font-size:calc(var(--type-h4) * var(--projects-heading-scale))}.projects-page .sub{font-size:calc(var(--step-0) * var(--projects-body-scale))}.projects-page .projects-timeline__link,.projects-page .projects-section__hint,.projects-page .projects-section__nav button span{font-size:calc(var(--type-small) * var(--projects-label-scale))}.projects-page .work-card__title{font-size:calc(var(--type-h6) * var(--projects-heading-scale))}.projects-page .work-card__media span,.projects-page .work-card__meta,.projects-page .work-card__summary,.projects-page .chip,.projects-page .work-card__link{font-size:calc(var(--step--1) * var(--projects-body-scale))}.projects-page__layout{display:grid;gap:var(--space-4);width:min(100% - 2 * var(--space-4),var(--max-width-wide));margin-inline:auto;align-items:start}.projects-page__body{display:grid;gap:var(--space-5)}.projects-hero__inner{display:grid;gap:var(--space-3);width:100%;margin-inline:0}.projects-content{display:grid;gap:var(--space-5);width:100%}#projects-hero,.projects-section{scroll-margin-top:calc(var(--site-header-height) + var(--space-4))}.projects-timeline{display:grid;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 94%,transparent 6%);padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--shadow-elevated)}.projects-timeline__list{list-style:none;display:flex;flex-direction:row;gap:var(--space-2);margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.projects-timeline__list::-webkit-scrollbar{display:none}.projects-timeline__item{position:relative;flex:0 0 auto}.projects-timeline__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) clamp(.5rem,3vw,.75rem);border-radius:var(--radius-md);text-decoration:none;color:color-mix(in srgb,var(--fg) 74%,var(--muted) 26%);font-size:var(--type-small);font-weight:var(--font-weight-medium);transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.projects-timeline__marker{--timeline-marker-size: .75rem;position:relative;width:var(--timeline-marker-size);height:var(--timeline-marker-size);border-radius:var(--radius-pill);border:2px solid color-mix(in srgb,var(--primary) 45%,var(--border-soft) 55%);background:var(--surface);flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 90%,transparent 10%)}.projects-timeline__label{white-space:nowrap}.projects-timeline__link:hover,.projects-timeline__link:focus-visible{background:color-mix(in srgb,var(--primary) 16%,var(--surface) 84%);color:var(--fg);transform:translateY(-1px);outline:none}.projects-timeline__link:focus-visible{box-shadow:var(--shadow-focus)}.projects-timeline__item[data-active=true] .projects-timeline__link{background:color-mix(in srgb,var(--primary) 22%,var(--surface) 78%);color:var(--fg);font-weight:var(--font-weight-semibold)}.projects-timeline__item[data-active=true] .projects-timeline__marker{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 88%,transparent 12%)}@media (min-width: 960px){.projects-page__layout{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(2rem,6vw,3rem)}.projects-page__body{gap:var(--space-6)}.projects-timeline{position:sticky;top:calc(var(--site-header-height) + var(--space-5));align-self:start}.projects-timeline__list{flex-direction:column;gap:var(--space-1);overflow:visible}.projects-timeline__item{flex:0 0 auto;padding-inline-end:var(--space-2)}.projects-timeline__link{align-items:flex-start;padding:var(--space-2) var(--space-3)}.projects-timeline__label{white-space:normal}.projects-timeline__marker:after{content:"";position:absolute;top:100%;left:50%;width:2px;height:calc(100% + var(--space-2));transform:translate(-50%);background:color-mix(in srgb,var(--border-soft) 85%,transparent 15%)}.projects-timeline__item:last-child .projects-timeline__marker:after{display:none}}.projects-section{gap:var(--space-3)}.projects-section.panel{padding:clamp(1.5rem,4vw,2.25rem) clamp(1.1rem,3vw,1.75rem);gap:var(--space-2)}.projects-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.projects-section__nav{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto}.projects-section__nav button{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--border-soft) 75%,transparent 25%);background:color-mix(in srgb,var(--surface) 94%,transparent 6%);color:var(--fg);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.projects-section__nav button:hover,.projects-section__nav button:focus-visible{background:color-mix(in srgb,var(--primary) 18%,var(--surface) 82%);border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px);outline:none}.projects-section__nav button:focus-visible{box-shadow:var(--shadow-focus)}.projects-section__nav button span{font-size:var(--type-small);line-height:1}.projects-section__hint{font-size:var(--type-small);color:color-mix(in srgb,var(--fg) 70%,var(--muted) 30%);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--font-weight-semibold)}.projects-list{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-3);-webkit-overflow-scrolling:touch}.projects-list::-webkit-scrollbar{display:none}.work-card{flex:0 0 clamp(340px,62vw,420px);scroll-snap-align:start;display:grid;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 92%,transparent 8%);padding:var(--space-3) var(--space-3) var(--space-2)}.work-card__media{position:relative;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-soft) 80%,transparent 20%);width:100%;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--surface-muted) 88%,transparent 12%)}.work-card__media img{width:100%;height:100%;object-fit:cover;display:block}.work-card__media span{padding:var(--space-2);color:color-mix(in srgb,var(--fg) 65%,var(--muted) 35%);font-size:var(--step--1);letter-spacing:.05em;text-transform:uppercase;text-align:center}.work-card__body{display:grid;gap:var(--space-1)}.work-card__details{border-radius:var(--radius-sm);padding:0}.work-card__title-row{display:flex;align-items:center;gap:var(--space-2)}.work-card__title{margin:0;font-family:var(--font-display);font-size:var(--type-h6)}.work-card__logo{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);object-fit:contain;background:color-mix(in srgb,var(--surface-muted) 80%,transparent 20%);padding:.25rem}.work-card__logo--prominent{width:5.5rem;height:5.5rem;padding:.4rem}.work-card__logo--zoomed{transform:scale(1.2);transform-origin:center;padding:.2rem}.work-card__meta{margin:0;font-size:var(--step--1);font-weight:500;color:color-mix(in srgb,var(--fg) 82%,var(--muted) 18%);min-height:1.5rem}.work-card__summary{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%);font-size:var(--step--1);line-height:1.55}.work-card--professional{flex:0 0 clamp(360px,68vw,460px)}.work-card--professional .work-card__body{gap:var(--space-2)}.work-card--professional .work-card__details{padding:var(--space-2);min-height:9rem;background:color-mix(in srgb,var(--surface-muted) 85%,transparent 15%);border:1px dashed color-mix(in srgb,var(--border-soft) 65%,transparent 35%)}.work-card__keywords{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.work-card__link{justify-self:start;font-weight:var(--font-weight-semibold);color:var(--link);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:.1em;transition:color var(--transition-base),border-color var(--transition-base)}.work-card__link:hover,.work-card__link:focus-visible{color:color-mix(in srgb,var(--primary) 70%,var(--fg) 30%);border-color:currentColor;outline:none}.app-error{padding:var(--space-6) var(--space-4);text-align:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--fg)}.error-fallback{min-height:100vh;padding:var(--space-7) var(--space-4);display:flex;align-items:center;justify-content:center}.error-fallback__card{width:min(100%,520px);display:grid;gap:var(--space-4);text-align:center}.error-fallback__title{margin:0;font-size:var(--type-h3)}.error-fallback__message{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%)}.error-fallback__details{text-align:left;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-soft) 70%,transparent 30%);background:color-mix(in srgb,var(--surface-muted) 85%,transparent 15%);padding:var(--space-3)}.error-fallback__details pre{margin:0;overflow:auto;font-family:var(--font-family-code);font-size:var(--step--1);white-space:pre-wrap;word-break:break-word}.error-fallback__actions{justify-content:center}.inline-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);border-left:4px solid color-mix(in srgb,var(--primary) 70%,transparent 30%)}.inline-error__content{display:grid;gap:.25rem;min-width:0}.inline-error__label{font-size:var(--type-small);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.inline-error__message{margin:0;font-size:var(--step--1);color:color-mix(in srgb,var(--fg) 84%,var(--muted) 16%)}.inline-error__actions{display:inline-flex;align-items:center}.home-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 80%,color-mix(in srgb,var(--fg) 18%,transparent) 20%);z-index:950;pointer-events:none}.home-loader__dots{position:relative;width:4rem;height:4rem;animation:home-loader-rotate 1.4s linear infinite}.home-loader__dot{--dot-count: 4;--dot-radius: 1.6rem;position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;border-radius:var(--radius-pill);background:var(--primary);transform:rotate(calc(var(--dot-index) * (360deg / var(--dot-count)))) translate(var(--dot-radius)) rotate(calc(var(--dot-index) * -1 * (360deg / var(--dot-count))))}@keyframes home-loader-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.home-loader__dots{animation:none;display:inline-flex;gap:var(--space-3)}.home-loader__dot{position:static;transform:none;animation:home-loader-pulse 1.8s ease-in-out infinite;animation-delay:calc(var(--dot-index) * .12s)}}@keyframes home-loader-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.system-banner{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);max-width:min(320px,calc(100% - 2 * var(--space-4)));z-index:940}.system-banner__content{display:grid;gap:.35rem}.system-banner__label{font-size:var(--type-small);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.system-banner__message{margin:0;font-size:var(--step--1);color:color-mix(in srgb,var(--fg) 82%,var(--muted) 18%)}.system-banner__dismiss{align-self:center;white-space:nowrap}@media (max-width: 540px){.system-banner{left:var(--space-4)}}.not-found{min-height:calc(100vh - var(--site-header-height));padding:var(--space-7) var(--space-4);display:flex;align-items:center;justify-content:center}.not-found__card{display:grid;gap:var(--space-4);text-align:center;max-width:520px}.not-found__title{margin:0;font-size:var(--type-h3)}.not-found__message{margin:0;color:color-mix(in srgb,var(--fg) 78%,var(--muted) 22%)}.work-card__media--momentum img{object-position:70% center}