:root{color-scheme:light;--color-background:#f6f5f1;--color-surface:#fff;--color-text:#111317;--color-muted:#5b6472;--color-subtle:#d4d8e0;--color-line:#1113171f;--color-grid:#1113170d;--color-focus:#2563eb;--color-warm:#b9924a;--color-ambient-warm:#b9924a1a;--color-ambient-focus:#2563eb14;--color-selection:#b9924a47;--color-overlay-soft:#ffffffa3;--color-overlay-strong:#ffffffe6;--color-ink-soft:#11131714;--color-ink-medium:#1113171f;--color-ink-strong:#1113172e;--color-nav-surface:#ffffffe6;--color-nav-surface-muted:#ffffffc2;--color-nav-active-end:#2f333b;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--shadow-soft:0 20px 60px #11131714;--shadow-raised:0 24px 70px #1113171f;--shadow-inset:inset 0 1px 0 #ffffffb8;--duration-short:.16s;--duration-medium:.32s;--ease-main:cubic-bezier(.22, 1, .36, 1);--nav-height:4rem;--nav-bottom-clearance:6.75rem}html[data-theme=dark]{color-scheme:dark;--color-background:#121417;--color-surface:#191c20;--color-text:#f1f3f5;--color-muted:#a6afbd;--color-subtle:#363c45;--color-line:#f1f3f524;--color-grid:#f1f3f50e;--color-focus:#7aa2ff;--color-warm:#d4ad63;--color-ambient-warm:#d4ad631a;--color-ambient-focus:#7aa2ff1a;--color-selection:#d4ad6357;--color-overlay-soft:#ffffff14;--color-overlay-strong:#ffffff1f;--color-ink-soft:#f1f3f51a;--color-ink-medium:#f1f3f529;--color-ink-strong:#f1f3f53d;--color-nav-surface:#191c20eb;--color-nav-surface-muted:#191c20c7;--color-nav-active-end:#343a43;--shadow-soft:0 20px 60px #00000042;--shadow-raised:0 24px 70px #00000057;--shadow-inset:inset 0 1px 0 #ffffff14}@media (prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--color-background:#121417;--color-surface:#191c20;--color-text:#f1f3f5;--color-muted:#a6afbd;--color-subtle:#363c45;--color-line:#f1f3f524;--color-grid:#f1f3f50e;--color-focus:#7aa2ff;--color-warm:#d4ad63;--color-ambient-warm:#d4ad631a;--color-ambient-focus:#7aa2ff1a;--color-selection:#d4ad6357;--color-overlay-soft:#ffffff14;--color-overlay-strong:#ffffff1f;--color-ink-soft:#f1f3f51a;--color-ink-medium:#f1f3f529;--color-ink-strong:#f1f3f53d;--color-nav-surface:#191c20eb;--color-nav-surface-muted:#191c20c7;--color-nav-active-end:#343a43;--shadow-soft:0 20px 60px #00000042;--shadow-raised:0 24px 70px #00000057;--shadow-inset:inset 0 1px 0 #ffffff14}}@media (width>=768px){:root{--text-2xl:2.5rem;--text-3xl:4rem;--text-4xl:6rem;--nav-bottom-clearance:5.25rem}}@media (width>=1280px){:root{--text-3xl:4.75rem;--text-4xl:7rem}}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);scroll-behavior:smooth}body{background:radial-gradient(circle at 16% 12%, var(--color-ambient-warm), transparent 26rem), radial-gradient(circle at 86% 8%, var(--color-ambient-focus), transparent 30rem), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px), var(--color-background);min-width:320px;color:var(--color-text);font-size:var(--text-md);text-rendering:optimizelegibility;background-size:auto,auto,48px 48px,48px 48px,auto;margin:0;line-height:1.5}body::selection{background:var(--color-selection)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){html,body{overflow-x:hidden}}.portfolio-stage{position:relative;overflow:visible}.portfolio-track{width:100%;display:block}.skip-link{top:var(--space-4);left:var(--space-4);z-index:20;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);opacity:0;pointer-events:none;transition:opacity var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);position:fixed;transform:translateY(-.5rem)}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.progress-nav{z-index:10;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border:1px solid var(--color-ink-soft);border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(180deg, var(--color-nav-surface), var(--color-nav-surface-muted)), var(--color-surface);box-shadow:0 -16px 42px var(--color-ink-soft);backdrop-filter:blur(18px);border-bottom:0;border-left:0;border-right:0;grid-template-columns:1fr;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}.progress-nav__meta{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-xs);display:flex}.progress-nav__count{gap:var(--space-1);color:var(--color-text);font-family:var(--font-mono);white-space:nowrap;font-weight:700;display:inline-flex}.progress-nav__name{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.progress-nav__language{gap:var(--space-1);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;transition:color var(--duration-short) var(--ease-main);flex:none;text-decoration:none;display:inline-flex}.progress-nav__controls{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.progress-nav__language span[aria-current=true]{color:var(--color-text);font-weight:700}.progress-nav__language:hover,.progress-nav__theme:hover{color:var(--color-text)}.progress-nav__theme{min-width:3.5rem;min-height:1.75rem;padding:0 var(--space-2);border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;transition:border-color var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main), background var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);background:0 0;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.progress-nav__theme:hover{border-color:var(--color-text);background:var(--color-ink-soft);transform:translateY(-1px)}.progress-nav__bar{background:var(--color-ink-soft);border-radius:999px;width:100%;height:.25rem;overflow:hidden}.progress-nav__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-text), var(--color-warm));transform-origin:0;width:100%;height:100%;transition:transform 80ms linear;display:block;transform:scaleX(0)}.progress-nav__dots{gap:var(--space-1);justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.progress-nav__dot{border:1px solid var(--color-ink-soft);width:1.75rem;height:1.75rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);box-shadow:var(--shadow-inset);transition:border-color var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main), background var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);border-radius:999px;place-items:center;text-decoration:none;display:grid}.progress-nav__dot[aria-current=step]{border-color:var(--color-text);background:linear-gradient(135deg, var(--color-text), var(--color-nav-active-end));color:var(--color-surface);transform:translateY(-1px)}.progress-nav__dot:hover{border-color:var(--color-text);color:var(--color-text)}@media (width>=768px){.progress-nav{right:var(--space-8);bottom:var(--space-6);width:min(30rem, 100vw - var(--space-16));padding:var(--space-2);border:1px solid var(--color-ink-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);grid-template-columns:minmax(9rem,1fr) auto;align-items:center;margin:0;left:auto}.progress-nav__bar{grid-column:1/-1}}.brand-logo{aspect-ratio:1200/407;width:100%;min-width:0;display:block;position:relative}.brand-logo__image{object-fit:contain;object-position:left center;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-logo__image--light,html[data-theme=dark] .brand-logo__image--dark{opacity:0}html[data-theme=dark] .brand-logo__image--light{opacity:1}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .brand-logo__image--dark{opacity:0}html:not([data-theme=light]) .brand-logo__image--light{opacity:1}}.home-header{z-index:10;gap:var(--space-4);min-height:var(--nav-height);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-background), transparent 8%);backdrop-filter:blur(18px);grid-template-columns:minmax(12rem,24rem) minmax(0,1fr) auto;align-items:center;display:grid;position:sticky;top:0}.home-header__brand{align-items:center;width:100%;display:inline-flex}.home-header__brand .brand-logo{width:100%;height:auto;display:block}.home-header__nav{gap:var(--space-1);justify-content:center;display:flex}.home-header__nav a{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;transition:border-color var(--duration-short) var(--ease-main), background var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main);border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.home-header__nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1rem;height:1rem}.home-header__language{color:var(--color-muted);font-size:var(--text-sm);transition:color var(--duration-short) var(--ease-main);font-weight:650;text-decoration:none}.home-header__nav a:hover,.home-header__language:hover{color:var(--color-text)}.home-header__nav a:hover{border-color:var(--color-line);background:var(--color-overlay-soft)}.home-header__controls{gap:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.home-header__theme{min-width:3.5rem;min-height:2rem;padding:0 var(--space-2);border:1px solid var(--color-line);background:var(--color-overlay-soft);color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.home-header__theme:hover{border-color:var(--color-text);color:var(--color-text)}.home-header__language{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-flex}.home-header__language span[aria-current=true]{color:var(--color-text)}.home-page{width:min(100%,76rem);padding:var(--space-16) var(--space-4) var(--space-24);margin:0 auto}.home-hero{gap:var(--space-8);min-height:calc(100svh - var(--nav-height));padding:var(--space-12) 0 var(--space-16);border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.home-hero__content{gap:var(--space-6);max-width:58rem;display:grid}.home-kicker{color:var(--color-warm);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0;text-transform:uppercase;margin:0;font-weight:700}.home-hero h1,.home-section h2,.home-contact h2{color:var(--color-text);letter-spacing:0;text-wrap:balance;margin:0}.home-hero h1{max-width:11ch;font-size:var(--text-4xl);font-weight:780;line-height:.95}.home-hero__lead{max-width:48rem;color:var(--color-text);font-size:var(--text-xl);text-wrap:balance;margin:0;line-height:1.28}.home-hero__body,.home-section__copy,.home-section__heading p,.home-principle span,.home-project span,.home-contact p{color:var(--color-muted)}.home-hero__body{max-width:42rem;font-size:var(--text-lg);margin:0}.home-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-button,.home-link{width:fit-content;min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-text);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:background var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.home-button--primary,.home-button:hover,.home-link:hover{background:var(--color-text);color:var(--color-surface)}.home-button:hover,.home-link:hover{transform:translateY(-1px)}.home-hero__summary{gap:var(--space-5);padding:var(--space-5) 0 0;border-top:1px solid var(--color-line);align-self:end;display:grid;position:relative}.home-hero__summary:before{background:var(--color-warm);content:"";width:5rem;height:2px;position:absolute;top:-1px;left:0}.home-hero__summary p{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;margin:0;font-weight:700}.home-hero__summary ul,.home-contact ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.home-hero__summary ul{counter-reset:focus-item;gap:0}.home-hero__summary li{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-line);color:var(--color-text);font-size:var(--text-md);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;font-weight:700;line-height:1.25;display:grid}.home-hero__summary li:before{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-overlay-soft);width:2rem;height:2rem;color:var(--color-warm);content:counter(focus-item, decimal-leading-zero);counter-increment:focus-item;font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;font-weight:800;line-height:1;display:grid}.home-hero__summary li:last-child{border-bottom:1px solid var(--color-line)}.home-contact li{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line);color:var(--color-text);font-weight:650}.home-contact a{align-items:center;gap:var(--space-2);color:inherit;transition:color var(--duration-short) var(--ease-main);text-decoration:none;display:inline-flex}.home-contact a svg{width:1.1rem;height:1.1rem;color:var(--color-warm);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none}.home-contact a:hover{color:var(--color-warm)}.home-brands{gap:var(--space-4);padding:var(--space-8) 0;border-bottom:1px solid var(--color-line);display:grid}.home-brands h2{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;text-transform:uppercase;margin:0}.home-brands ul{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-brands li{width:fit-content;min-height:4rem;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface), transparent 18%);box-shadow:var(--shadow-inset);justify-self:center;place-items:center;display:grid}.home-brands img{object-fit:contain;width:auto;max-width:8.5rem;max-height:2.35rem;display:block}.home-brands li:nth-child(3) img{padding:var(--space-1);border-radius:var(--radius-sm)}.home-section,.home-contact{padding:var(--space-16) 0;border-bottom:1px solid var(--color-line)}.home-section--split,.home-contact{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.home-section h2,.home-contact h2{max-width:13ch;font-size:var(--text-3xl);font-weight:760;line-height:1}.home-section__copy{gap:var(--space-4);max-width:42rem;font-size:var(--text-lg);display:grid}.home-section__copy p{margin:0}.home-section__lead{color:var(--color-text);font-size:var(--text-xl);line-height:1.3}.home-section__heading{gap:var(--space-4);max-width:48rem;margin-bottom:var(--space-8);display:grid}.home-section__heading p{font-size:var(--text-lg);margin:0}.home-section__heading .home-kicker{color:var(--color-warm);font-size:var(--text-sm)}.home-principles,.home-projects{gap:var(--space-6);display:grid}.home-principle,.home-project{gap:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--color-text);display:grid}.home-principle{grid-template-columns:auto minmax(0,1fr);align-content:start}.home-principle svg{width:2.25rem;height:2.25rem;color:var(--color-text);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;margin-top:.1rem}.home-principle div{gap:var(--space-3);min-width:0;display:grid}.home-principle p,.home-project p{color:var(--color-warm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;margin:0;font-weight:700}.home-principle h3,.home-project h3{gap:var(--space-2);font-size:var(--text-xl);align-items:center;margin:0;line-height:1.15;display:flex}.home-mark{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-overlay-soft);width:2.25rem;height:2.25rem;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.home-experience-logo{width:auto;max-width:min(9rem,100%);max-height:2rem;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface), transparent 18%);object-fit:contain;object-position:left center;display:block}html[data-theme=dark] .home-brands li,html[data-theme=dark] .home-experience-logo{background:#fff}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .home-brands li,html:not([data-theme=light]) .home-experience-logo{background:#fff}}.home-principle span,.home-project span{font-size:var(--text-md)}.home-timeline{margin:0 0 var(--space-8);gap:0;padding:0;list-style:none;display:grid}.home-timeline li{gap:var(--space-3);padding:var(--space-6) 0;border-top:1px solid var(--color-line);display:grid}.home-timeline li:last-child{border-bottom:1px solid var(--color-line)}.home-timeline>li>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.home-timeline h3,.home-timeline p{margin:0}.home-timeline h3{gap:var(--space-2);font-size:var(--text-xl);align-items:center;display:flex}.home-timeline p:first-of-type{color:var(--color-text);font-weight:700}.home-timeline p:last-of-type{margin-top:var(--space-2);color:var(--color-muted)}.home-contact{border-bottom:0}.home-contact p{max-width:38rem;margin:var(--space-4) 0 0;font-size:var(--text-lg)}@media (width>=768px){.home-header{padding-right:var(--space-8);padding-left:var(--space-8)}.home-header__nav{max-width:min(42rem,100% - 34rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page{padding-right:var(--space-8);padding-left:var(--space-8)}.home-hero{grid-template-columns:minmax(0,1fr) minmax(14rem,19rem)}.home-hero__summary{padding:var(--space-2) 0 var(--space-2) var(--space-6);border-top:0;border-left:1px solid var(--color-line)}.home-hero__summary:before{top:var(--space-2);width:2px;height:4.5rem;left:-1px}.home-section--split,.home-contact{grid-template-columns:minmax(14rem,.85fr) minmax(0,1.15fr)}.home-principles,.home-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.home-brands ul{grid-template-columns:repeat(6,minmax(0,1fr))}.home-timeline li{grid-template-columns:12rem minmax(0,1fr)}}@media (width<=767px){.home-header{grid-template-columns:minmax(0,1fr) auto}.home-header__nav{padding-bottom:var(--space-1);grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.home-header__controls{gap:var(--space-1)}}@media (width<=520px){.home-page{padding-top:var(--space-8)}.home-hero{min-height:auto;padding-top:var(--space-8)}.home-hero h1{font-size:var(--text-3xl)}.home-principle{grid-template-columns:minmax(0,1fr)}.home-principle svg{margin:0}.home-project h3,.home-timeline h3{align-items:flex-start}}.section-panel{min-height:86svh;padding:calc(var(--nav-height) + var(--space-8)) var(--space-4) calc(var(--nav-bottom-clearance) + env(safe-area-inset-bottom));isolation:isolate;--panel-progress:0;--visual-angle:-12deg;--visual-offset:0rem;display:grid;position:relative;overflow:hidden}.section-panel:first-child{min-height:100svh}.section-panel:before{z-index:-1;border:1px solid color-mix(in srgb, var(--section-accent), transparent 58%);content:"";opacity:.22;width:min(34vw,26rem);height:min(34vw,26rem);transform:rotate(var(--visual-angle)) translate3d(calc(var(--panel-progress) * 2rem), 0, 0);border-radius:48%;position:absolute;inset:10% auto auto 7%}.section-panel__grid{inset:var(--space-4);z-index:-2;border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(90deg, transparent 49.8%, color-mix(in srgb, var(--section-accent), transparent 86%) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, var(--color-grid) 50%, transparent 50.2%);box-shadow:var(--shadow-inset);opacity:.8;pointer-events:none;background-size:100% 100%,100% 100%;position:absolute}.section-panel__visual{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-panel__orb{right:max(8vw, var(--space-6));aspect-ratio:1;border:1px solid color-mix(in srgb, var(--section-accent), transparent 62%);background:radial-gradient(circle at 34% 32%, color-mix(in srgb, var(--section-accent), var(--color-surface) 70%) 0 .18rem, transparent .2rem), radial-gradient(circle at 62% 60%, var(--color-ink-medium) 0 .14rem, transparent .16rem), color-mix(in srgb, var(--section-accent), transparent 96%);width:clamp(10rem,24vw,24rem);box-shadow:inset 0 0 0 1px var(--color-overlay-soft), 0 30px 90px color-mix(in srgb, var(--section-accent), transparent 88%);opacity:.68;transform:translate3d(calc(var(--panel-progress) * -2.25rem), calc(var(--visual-offset) + var(--panel-progress) * 1.25rem), 0) rotate(calc(var(--panel-progress) * 18deg));border-radius:999px;position:absolute;top:16%}.section-panel__axis{background:color-mix(in srgb, var(--section-accent), transparent 64%);opacity:.5;display:block;position:absolute}.section-panel__axis--x{width:min(46vw,34rem);height:1px;top:48%;right:0}.section-panel__axis--y{width:1px;height:72%;top:10%;right:min(22vw,18rem)}.section-panel__plate{aspect-ratio:1.55;border:1px solid color-mix(in srgb, var(--section-accent), transparent 58%);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-overlay-soft), transparent 58%), color-mix(in srgb, var(--section-accent), transparent 93%);width:clamp(8rem,22vw,19rem);box-shadow:var(--shadow-soft);opacity:.48;transform:rotate(var(--visual-angle)) translate3d(calc(var(--panel-progress) * -1rem), 0, 0);position:absolute;bottom:clamp(8rem,18vh,12rem);right:clamp(1rem,10vw,9rem)}.section-panel__plate--secondary{opacity:.28;width:clamp(5rem,14vw,12rem);transform:rotate(calc(var(--visual-angle) * -1)) translate3d(calc(var(--panel-progress) * 1.4rem), 0, 0);bottom:clamp(5rem,12vh,8rem);right:clamp(7rem,18vw,18rem)}.section-panel__content{align-self:center;gap:var(--space-6);width:min(100%,58rem);padding:var(--space-6);border-left:1px solid color-mix(in srgb, var(--section-accent), transparent 70%);background:linear-gradient(90deg, var(--color-overlay-soft), transparent 76%);opacity:.78;transition:opacity var(--duration-medium) var(--ease-main), transform var(--duration-medium) var(--ease-main);display:grid;transform:translateY(.75rem)}.section-panel__brand{width:min(100%,34rem);height:auto;margin-bottom:calc(var(--space-2) * -1);opacity:.92;display:block}.section-panel__eyebrow{gap:var(--space-3);color:var(--section-accent);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0;text-transform:uppercase;align-items:center;margin:0;display:inline-flex}.section-panel__eyebrow:before{content:"";opacity:.72;background:currentColor;width:2.25rem;height:1px}.section-panel h1{max-width:13ch;font-size:var(--text-3xl);letter-spacing:0;text-wrap:balance;margin:0;font-weight:760;line-height:.95}.section-panel__subtitle{max-width:48rem;color:var(--color-text);font-size:var(--text-xl);text-wrap:balance;margin:0;line-height:1.25}.section-panel__body{max-width:42rem;color:var(--color-muted);font-size:var(--text-lg);margin:0}.section-panel__items{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.section-panel__items li{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--section-accent), transparent 72%);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-overlay-soft), transparent), color-mix(in srgb, var(--section-accent), transparent 94%);color:var(--color-text);font-size:var(--text-sm);box-shadow:var(--shadow-inset)}.section-panel__items a{color:inherit;text-decoration:none}.section-panel__items a:hover{color:var(--section-accent)}.section-panel__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.section-panel__actions a{min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-text);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--section-accent), var(--color-text) 76%), var(--color-text));color:var(--color-surface);font-size:var(--text-sm);transition:background var(--duration-short) var(--ease-main), border-color var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.section-panel__actions a:hover{border-color:var(--section-accent);color:var(--color-text);background:0 0;transform:translateY(-1px)}.section-panel__position{right:var(--space-6);top:var(--space-6);color:color-mix(in srgb, var(--section-accent), transparent 25%);font-family:var(--font-mono);font-size:var(--text-sm);margin:0;position:absolute}.section-panel.is-active .section-panel__content{opacity:1;transform:translate(0,0)}.section-panel--intro{--visual-angle:-8deg;--visual-offset:-1rem}.section-panel--profile{--visual-angle:10deg;--visual-offset:1.5rem}.section-panel--method{--visual-angle:-16deg;--visual-offset:.25rem}.section-panel--architecture{--visual-angle:0deg;--visual-offset:-.5rem}.section-panel--experience{--visual-angle:-10deg;--visual-offset:.5rem}.section-panel--projects{--visual-angle:14deg;--visual-offset:1rem}.section-panel--stack{--visual-angle:-4deg;--visual-offset:.75rem}.section-panel--contact{--visual-angle:6deg;--visual-offset:-1.25rem}.section-panel--architecture .section-panel__orb,.section-panel--experience .section-panel__orb,.section-panel--stack .section-panel__orb{border-radius:var(--radius-md)}.section-panel--projects .section-panel__plate--primary,.section-panel--contact .section-panel__plate--primary{aspect-ratio:1;border-radius:999px}@media (width>=768px){.section-panel{padding-right:var(--space-12);padding-left:var(--space-12)}.section-panel__content{padding:var(--space-8)}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.section-panel{padding:var(--space-16) var(--space-24) calc(var(--nav-bottom-clearance) + var(--space-8))}.section-panel__content,.section-panel.is-active .section-panel__content{transform:translateY(-2rem)}}@media (width<=767px){.section-panel__content{padding:var(--space-4);border-left:0;border-top:1px solid color-mix(in srgb, var(--section-accent), transparent 72%)}.section-panel__brand{width:100%}.section-panel__visual{opacity:.72}.section-panel__orb{top:8rem;right:-4rem}.section-panel__plate{bottom:7rem;right:-2rem}}@media (prefers-reduced-motion:reduce){.section-panel{--panel-progress:0!important}.section-panel__content{opacity:1;transform:none}}.detail-page{min-height:100svh;padding:var(--space-6) var(--space-4) var(--space-16);background:radial-gradient(circle at 12% 12%, var(--color-ambient-warm), transparent 26rem), radial-gradient(circle at 90% 6%, var(--color-ambient-focus), transparent 30rem), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px), var(--color-background);background-size:auto,auto,48px 48px,48px 48px,auto}.detail-hero,.detail-list{width:min(100%,68rem);margin:0 auto}.detail-hero{gap:var(--space-4);padding:var(--space-8) 0 var(--space-12);isolation:isolate;display:grid;position:relative}.detail-hero:after{right:0;bottom:var(--space-8);z-index:-1;aspect-ratio:1.45;border:1px solid color-mix(in srgb, var(--color-focus), transparent 58%);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-overlay-soft), transparent 58%), color-mix(in srgb, var(--color-focus), transparent 94%);width:min(38vw,22rem);box-shadow:var(--shadow-soft);content:"";opacity:.58;position:absolute;transform:rotate(-9deg)}.detail-hero__nav{align-items:center;gap:var(--space-4);grid-template-columns:minmax(12rem,20rem) minmax(0,1fr) auto;display:grid}.detail-hero__brand{min-width:0;display:block}.detail-hero__brand .brand-logo{width:100%;display:block}.detail-hero__brand .brand-logo__image{object-fit:contain}.detail-hero__back,.detail-hero__language{width:fit-content;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);transition:color var(--duration-short) var(--ease-main);text-decoration:none}.detail-hero__language{color:var(--color-text);font-weight:700}.detail-hero__back:hover,.detail-hero__language:hover{color:var(--color-text)}.detail-hero__eyebrow{gap:var(--space-3);color:var(--color-focus);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;align-items:center;margin:0;display:inline-flex}.detail-hero__eyebrow:before{content:"";background:currentColor;width:2.25rem;height:1px}.detail-hero h1{max-width:11ch;font-size:var(--text-3xl);text-wrap:balance;margin:0;line-height:.95}.detail-hero__subtitle,.detail-hero__description{max-width:48rem;margin:0}.detail-hero__subtitle{font-size:var(--text-xl);text-wrap:balance;line-height:1.25}.detail-hero__description{color:var(--color-muted);font-size:var(--text-lg)}.detail-list{gap:var(--space-3);counter-reset:detail-item;display:grid}.detail-item{gap:var(--space-3);padding:calc(var(--space-4) + var(--space-1));border:1px solid var(--color-ink-soft);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-overlay-strong), var(--color-overlay-soft)), var(--color-surface);box-shadow:var(--shadow-inset), 0 18px 48px var(--color-ink-soft);counter-increment:detail-item;transition:border-color var(--duration-short) var(--ease-main), box-shadow var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);display:grid;position:relative;overflow:hidden}.detail-item:before{right:var(--space-4);top:var(--space-4);color:var(--color-ink-soft);content:counter(detail-item, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xl);line-height:1;position:absolute}.detail-item:after{background:linear-gradient(90deg, transparent, var(--color-focus), transparent);content:"";opacity:.28;height:1px;position:absolute;inset:auto 0 0}.detail-item:hover{border-color:var(--color-ink-strong);box-shadow:var(--shadow-inset), 0 22px 60px var(--color-ink-medium);transform:translateY(-2px)}.detail-item__header{gap:var(--space-1);padding-right:var(--space-8);display:grid}.detail-item__header p,.detail-item__summary{color:var(--color-muted);margin:0}.detail-item__header p:first-child{color:var(--color-focus);font-family:var(--font-mono);font-size:var(--text-sm)}.detail-item h2{gap:var(--space-2);font-size:var(--text-xl);text-wrap:balance;align-items:center;margin:0;line-height:1.15;display:flex}.detail-item__mark{min-width:2.75rem;height:2.25rem;padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--color-overlay-soft), transparent), var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.detail-item__logo{width:fit-content;height:2.5rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--color-overlay-soft), transparent), var(--color-surface);box-shadow:var(--shadow-inset);flex:none;place-items:center;display:inline-grid}.detail-item__logo img{object-fit:contain;width:auto;max-width:5.5rem;max-height:1.75rem;display:block}html[data-theme=dark] .detail-item__logo{background:#fff}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .detail-item__logo{background:#fff}}.detail-item__highlights{gap:var(--space-2);padding-left:var(--space-6);color:var(--color-muted);margin:0;display:grid}.detail-item__links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.detail-item__links a{min-height:2.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-text);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:background var(--duration-short) var(--ease-main), color var(--duration-short) var(--ease-main), transform var(--duration-short) var(--ease-main);justify-content:center;align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.detail-item__links a:hover{background:var(--color-text);color:var(--color-surface);transform:translateY(-1px)}.detail-item__stack{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.detail-item__stack li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-overlay-soft), transparent), var(--color-surface);font-size:var(--text-sm);box-shadow:var(--shadow-inset)}@media (width>=768px){.detail-page{padding:var(--space-8) var(--space-8) var(--space-24)}.detail-item{padding:var(--space-6);grid-template-columns:minmax(14rem,.34fr) 1fr;align-items:start}.detail-item__summary,.detail-item__highlights,.detail-item__links,.detail-item__stack{grid-column:2}}@media (width<=767px){.detail-hero__nav{grid-template-columns:minmax(8rem,1fr) auto}.detail-hero__back{grid-area:2/1/auto/-1}.detail-hero:after{right:-5rem;bottom:var(--space-12);width:14rem}.detail-item:before{right:var(--space-3);top:var(--space-3);font-size:var(--text-lg)}.detail-item{padding:var(--space-4)}.detail-item__header{padding-right:var(--space-6)}}@media (prefers-reduced-motion:reduce){.detail-item{transform:none}}