:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#03060d;--bg-secondary:#050b18;--bg-decor-1:#46c0ff2e;--bg-decor-2:#6370ff2e;--bg-decor-3:#4effda14;--bg-decor-linear:#020309;--bg-vignette-outer:#000000a6;--text-strong:#f8fbfffa;--text-body:#e6ecf7d1;--text-muted:#c6cee2a6;--accent:#46c0ff;--accent-soft:#46c0ff40;--panel-grad-top:#ffffff1f;--panel-grad-bot:#ffffff0d;--panel-highlight:#ffffff47;--panel-highlight-strong:#ffffff59;--surface-1:#01050c9e;--surface-1-hover:#050c16c7;--surface-2:#ffffff0f;--surface-2-hover:#ffffff1f;--surface-hero-right:linear-gradient(180deg, #080c18d9, #04060cd9);--surface-hero-glow:radial-gradient(circle at 70% 0%, #46c0ff38, transparent 65%);--surface-hero-overlay:linear-gradient(180deg, #070f1c2e, #04070e73);--hero-grid-overlay:radial-gradient(circle at 40% 45%, #040810e6 0%, #040810b8 45%, #04081033 85%, #04081000 100%);--hero-grid-overlay-mobile:radial-gradient(circle at 35% 38%, #03050cd9 0%, #03050cb3 38%, #03050c52 65%, #03050c00 100%);--hero-left-gradient:linear-gradient(90deg, transparent 0%, #060a128c 55%, #050912e6 100%);--surface-icon-tile:#0c14228c;--shadow-icon:inset 0 1px 0 #ffffff40, 0 12px 22px #0006;--border-1:#ffffff38;--border-2:#ffffff1f;--glass-bg:#ffffff1a;--glass-bg-subtle:#ffffff14;--glass-border:var(--border-1);--glass-border-soft:#ffffff14;--glass-blur:16px;--shadow-soft:0 24px 80px #0000008c;--shadow-card:0 18px 40px #0204088c;--shadow-card-hover:0 22px 48px #020810a6;--shadow-cta:0 12px 30px #050c188c;--shadow-cta-hover:0 16px 42px #050c18a6;--hero-cta-primary-border:var(--accent);--hero-cta-primary-bg-start:var(--accent-soft);--hero-cta-primary-bg-end:color-mix(in srgb, var(--accent-soft) 40%, transparent);--hero-cta-primary-glow:color-mix(in srgb, var(--accent) 24%, transparent);--hero-cta-primary-hover-border:color-mix(in srgb, var(--accent) 82%, var(--border-1) 18%);--hero-cta-primary-hover-bg-start:color-mix(in srgb, var(--accent-soft) 85%, white 15%);--hero-cta-primary-hover-bg-end:var(--accent-soft);--theme-toggle-bg:#040810b3;--theme-toggle-border:#ffffff29;--theme-toggle-shadow:0 18px 40px #00000073;--theme-toggle-icon:#f8fbfffa;--bg-vignette:#03050cbf;--surface-success:#00d3ff2e;--border-success:#00d3ffd9;--surface-error:#ff5a5a1f;--border-error:#ff8484b3;--action-badge-hover-bg:var(--accent-soft);--action-badge-hover-border:var(--accent);--action-badge-hover-ring:var(--accent-soft);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--maxw:1180px;--pad-inline:clamp(18px, 3.8vw, 56px);--pad-block:clamp(32px, 6vw, 96px);--mono:"JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--sans:"Inter", "Manrope", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f8faff;--bg-secondary:#f1f5ff;--bg-decor-1:#7ebaff52;--bg-decor-2:#bbd3ff40;--bg-decor-3:#94ddff2e;--bg-decor-linear:#e7efff;--bg-vignette-outer:#0c12222e;--text-strong:#0d1b3a;--text-body:#0d182dc7;--text-muted:#3a4a6eb3;--accent:#1d6bff;--accent-soft:#1d6bff4d;--panel-grad-top:#ffffffe6;--panel-grad-bot:#f7faffb3;--panel-highlight:#ffffffd9;--panel-highlight-strong:#fffffff2;--surface-1:#ffffffe6;--surface-1-hover:#fffffff7;--surface-2:#fffc;--surface-2-hover:#ffffffe6;--surface-hero-right:linear-gradient(180deg, #fcffffeb, #ecf2ffe6);--surface-hero-glow:radial-gradient(circle at 70% 0%, #7cb0ff38, transparent 65%);--surface-hero-overlay:linear-gradient(180deg, #dfebff42, #dce6ff1f);--hero-grid-overlay:radial-gradient(circle at 40% 45%, #f4f7ffe6 0%, #e2e8f8b3 40%, #d2deff33 80%, #d2e0ff00 100%);--hero-grid-overlay-mobile:radial-gradient(circle at 35% 38%, #f8faffd9 0%, #e6eeffa6 38%, #d6e0ff4d 65%, #d6e0ff00 100%);--hero-left-gradient:linear-gradient(90deg, transparent 0%, #cfdbff7a 55%, #ccd8ffe6 100%);--surface-icon-tile:#ffffffb8;--shadow-icon:inset 0 1px 0 #fffc, 0 6px 14px #0f172a1c;--border-1:#27457a57;--border-2:#27457a38;--glass-bg:#ffffffdb;--glass-bg-subtle:#ffffffb8;--glass-border:#27457a3d;--glass-border-soft:#27457a29;--glass-blur:12px;--shadow-soft:0 12px 32px #0f172a1c;--shadow-card:0 10px 24px #0f172a1a;--shadow-card-hover:0 14px 28px #0f172a24;--shadow-cta:0 8px 18px #0f172a1f;--shadow-cta-hover:0 10px 22px #0f172a29;--hero-cta-primary-border:#1d6bffa3;--hero-cta-primary-bg-start:#1d6bff33;--hero-cta-primary-bg-end:#1d6bff1f;--hero-cta-primary-glow:#1d6bff47;--hero-cta-primary-hover-border:#1d6bffb8;--hero-cta-primary-hover-bg-start:#1d6bff3d;--hero-cta-primary-hover-bg-end:#1d6bff29;--theme-toggle-bg:#ffffffd6;--theme-toggle-border:#27457a3d;--theme-toggle-shadow:0 10px 24px #0d152624;--theme-toggle-icon:#0d1b3a;--bg-vignette:#0c12222e;--surface-success:#4d8cff33;--border-success:#1d6bffa6;--surface-error:#ffa9a938;--border-error:#d03e3ea6;--action-badge-hover-bg:#1d6bff1c;--action-badge-hover-border:#1d6bff5c;--action-badge-hover-ring:#1d6bff2e}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f8faff;--bg-secondary:#f1f5ff;--bg-decor-1:#7ebaff52;--bg-decor-2:#bbd3ff40;--bg-decor-3:#94ddff2e;--bg-decor-linear:#e7efff;--bg-vignette-outer:#0c12222e;--text-strong:#0d1b3a;--text-body:#0d182dc7;--text-muted:#3a4a6eb3;--accent:#1d6bff;--accent-soft:#1d6bff4d;--panel-grad-top:#ffffffe6;--panel-grad-bot:#f7faffb3;--panel-highlight:#ffffffd9;--panel-highlight-strong:#fffffff2;--surface-1:#ffffffe6;--surface-1-hover:#fffffff7;--surface-2:#fffc;--surface-2-hover:#ffffffe6;--surface-hero-right:linear-gradient(180deg, #fcffffeb, #ecf2ffe6);--surface-hero-glow:radial-gradient(circle at 70% 0%, #7cb0ff38, transparent 65%);--surface-hero-overlay:linear-gradient(180deg, #dfebff42, #dce6ff1f);--hero-grid-overlay:radial-gradient(circle at 40% 45%, #f4f7ffe6 0%, #e2e8f8b3 40%, #d2deff33 80%, #d2e0ff00 100%);--hero-grid-overlay-mobile:radial-gradient(circle at 35% 38%, #f8faffd9 0%, #e6eeffa6 38%, #d6e0ff4d 65%, #d6e0ff00 100%);--hero-left-gradient:linear-gradient(90deg, transparent 0%, #cfdbff7a 55%, #ccd8ffe6 100%);--surface-icon-tile:#ffffffb8;--shadow-icon:inset 0 1px 0 #fffc, 0 6px 14px #0f172a1c;--border-1:#27457a57;--border-2:#27457a38;--glass-bg:#ffffffdb;--glass-bg-subtle:#ffffffb8;--glass-border:#27457a3d;--glass-border-soft:#27457a29;--glass-blur:12px;--shadow-soft:0 12px 32px #0f172a1c;--shadow-card:0 10px 24px #0f172a1a;--shadow-card-hover:0 14px 28px #0f172a24;--shadow-cta:0 8px 18px #0f172a1f;--shadow-cta-hover:0 10px 22px #0f172a29;--hero-cta-primary-border:#1d6bffa3;--hero-cta-primary-bg-start:#1d6bff33;--hero-cta-primary-bg-end:#1d6bff1f;--hero-cta-primary-glow:#1d6bff47;--hero-cta-primary-hover-border:#1d6bffb8;--hero-cta-primary-hover-bg-start:#1d6bff3d;--hero-cta-primary-hover-bg-end:#1d6bff29;--theme-toggle-bg:#ffffffd6;--theme-toggle-border:#27457a3d;--theme-toggle-shadow:0 10px 24px #0d152624;--theme-toggle-icon:#0d1b3a;--bg-vignette:#0c12222e;--surface-success:#4d8cff33;--border-success:#1d6bffa6;--surface-error:#ffa9a938;--border-error:#d03e3ea6;--action-badge-hover-bg:#1d6bff1c;--action-badge-hover-border:#1d6bff5c;--action-badge-hover-ring:#1d6bff2e}}@media (width>=1600px){:root{--maxw:1240px}}*,:before,:after{box-sizing:border-box}*{margin:0}body{font-family:var(--sans);background:var(--bg-primary);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55;position:relative}body:before,body:after{content:"";z-index:-2;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(60% 80% at 20% 15%, var(--bg-decor-1), transparent 60%), radial-gradient(40% 60% at 80% 20%, var(--bg-decor-2), transparent 70%), radial-gradient(45% 65% at 70% 80%, var(--bg-decor-3), transparent 70%), linear-gradient(180deg, var(--bg-secondary), var(--bg-decor-linear) 70%, var(--bg-primary))}body:after{background:radial-gradient(circle at 50% 65%, transparent 0%, transparent 40%, var(--bg-vignette-outer) 100%);z-index:-1}img{max-width:100%;display:block}#app{width:100%}.site{flex-direction:column;gap:0;display:flex}.section{--section-spacing:clamp(24px, 3vw, 40px);width:100%;padding-block:var(--section-spacing);isolation:isolate;opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards section-reveal;position:relative;transform:translateY(18px)}.section+.section{margin-top:0;padding-top:0}.site>.section:first-child{animation-delay:60ms}.site>.section:nth-child(2){animation-delay:.14s}.site>.section:nth-child(3){animation-delay:.22s}.site>.section:nth-child(4){animation-delay:.3s}@keyframes section-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}.container{width:min(100%, var(--maxw));padding-inline:var(--pad-inline);margin:0 auto}h1,h2,h3{color:var(--text-strong);line-height:1.1}h1{letter-spacing:-.02em;font-size:clamp(34px,5vw,58px)}h2{font-size:clamp(24px,3vw,34px)}p{color:var(--text-body)}a{color:inherit}a,button{cursor:pointer}code{font-family:var(--mono);color:var(--accent);font-size:.95em}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--text-strong)}@media (width<=720px){body{line-height:1.5}:root{--section-spacing:clamp(28px, 8vw, 44px)}.site{gap:0}.section+.section{margin-top:0;padding-top:0}}@media (prefers-reduced-motion:reduce){.section{opacity:1;animation:none;transform:none}}.motion-reduce .section{opacity:1;animation:none;transform:none}.glass-panel{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--panel-grad-top), var(--panel-grad-bot));border:1px solid var(--border-1);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.glass-panel:before{content:"";border-radius:calc(var(--radius-lg) - 2px);border-top:1px solid var(--panel-highlight);border-left:1px solid var(--panel-highlight);opacity:.56;pointer-events:none;position:absolute;inset:1px}.hero-section .glass-panel:before{border-top:1px solid var(--panel-highlight-strong);border-left:1px solid var(--panel-highlight-strong)}.hero-card{isolation:isolate;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,4fr) minmax(0,1.6fr);min-height:auto;display:grid;position:relative}.hero-grid:after{content:"";pointer-events:none;background:var(--hero-grid-overlay);opacity:0;z-index:1;transition:opacity .35s;position:absolute;inset:0}.hero-left,.hero-right{padding:clamp(24px,3vw,36px)}.hero-left{z-index:2;flex-direction:column;justify-content:space-between;gap:18px;display:flex;position:relative}.hero-left:after{content:"";background:var(--hero-left-gradient);pointer-events:none;z-index:0;width:clamp(120px,18vw,240px);position:absolute;top:0;bottom:0;right:-1px}.hero-left>*{z-index:1;position:relative}.hero-left p{max-width:62ch}.hero-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-family:var(--mono)}.hero-role{color:var(--text-strong);align-items:center;gap:14px;margin:5px 0;font-size:clamp(16px,2.1vw,20px);display:flex}.hero-role:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 14px var(--accent-soft);border-radius:999px}.hero-description{color:var(--text-body);font-size:16px;line-height:1.7}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:14px;margin-bottom:4px;display:flex}.hero-chip{border:1px solid var(--border-2);background:color-mix(in srgb, var(--surface-2) 86%, transparent);font-size:13px;font-family:var(--mono);color:var(--text-body);border-radius:999px;padding:7px 12px}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.hero-cta{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-strong);box-shadow:inset 0 1px 0 var(--glass-bg-subtle);justify-content:center;align-items:center;padding:11px 20px;font-size:14px;text-decoration:none;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;display:inline-flex}.hero-cta.primary{border-color:var(--hero-cta-primary-border);background:linear-gradient(120deg, var(--hero-cta-primary-bg-start), var(--hero-cta-primary-bg-end));color:var(--accent);box-shadow:inset 0 1px 0 var(--panel-highlight), inset 0 0 0 1px var(--hero-cta-primary-glow), 0 8px 22px color-mix(in srgb, var(--hero-cta-primary-glow) 72%, transparent)}.hero-cta:hover{background:var(--surface-2-hover);border-color:var(--border-1)}.hero-cta.primary:hover{background:linear-gradient(120deg, var(--hero-cta-primary-hover-bg-start), var(--hero-cta-primary-hover-bg-end));border-color:var(--hero-cta-primary-hover-border);color:var(--text-strong);box-shadow:inset 0 1px 0 var(--panel-highlight), inset 0 0 0 1px var(--hero-cta-primary-glow), 0 10px 24px color-mix(in srgb, var(--hero-cta-primary-glow) 78%, transparent)}.hero-cta:focus-visible{border-color:var(--border-1);background:var(--surface-2-hover);box-shadow:inset 0 1px 0 var(--panel-highlight);outline:none}.hero-cta.primary:focus-visible{border-color:var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent-soft) 80%, white 20%), var(--accent-soft));box-shadow:inset 0 1px 0 var(--panel-highlight), 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent);outline:none}.hero-availability{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:13px}.hero-right{background:var(--surface-hero-right);pointer-events:none;z-index:0;padding:0;position:relative;overflow:hidden}.hero-right:before{content:"";background:var(--surface-hero-glow);opacity:.24;position:absolute;inset:0}.icon-lane{--lane-gap:clamp(14px, 2.4vw, 26px);padding:var(--lane-gap);gap:var(--lane-gap);border-radius:calc(var(--radius-lg) - 6px);z-index:0;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;display:grid;position:absolute;inset:0;overflow:hidden}.icon-lane:after{content:"";background:var(--surface-hero-overlay);opacity:.78;pointer-events:none;position:absolute;inset:0}.drift-icon{background:var(--surface-icon-tile);border:1px solid var(--border-2);width:clamp(64px,6vw,82px);height:clamp(64px,6vw,82px);box-shadow:var(--shadow-icon);opacity:.84;border-radius:16px;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.drift-icon img{object-fit:contain;width:78%;height:78%;margin:auto;display:block}.skills-panel{isolation:isolate;flex-direction:column;gap:24px;padding:clamp(24px,3vw,36px);display:flex;position:relative;overflow:hidden}.skills-grid{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.skill-card{isolation:isolate;border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card);padding:18px;transition:background .3s,box-shadow .3s,border-color .3s;position:relative}.skill-card:hover{background:var(--surface-1-hover);border-color:var(--border-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card-hover)}.skill-card h3{margin-bottom:12px;font-size:16px}.skill-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-list li{border:1px solid var(--border-2);background:color-mix(in srgb, var(--surface-2) 82%, transparent);color:var(--text-body);border-radius:999px;padding:6px 10px;font-size:14px}.experience-panel{padding:clamp(24px,3vw,36px)}.experience-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);gap:clamp(20px,3vw,32px);display:grid}.key-skills-block,.timeline-block{min-width:0}.key-skills-block h2,.timeline-block h2{margin-bottom:18px}.key-skills-list,.timeline-list{z-index:1;position:relative}.key-skills-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.key-skill-item{border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card);color:var(--text-body);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:16px 18px;font-size:15px;line-height:1.65;display:grid}.key-skill-marker{background:var(--accent);width:9px;height:9px;box-shadow:0 0 16px var(--accent-soft);border-radius:999px;margin-top:8px}.timeline-list{flex-direction:column;gap:14px;display:flex}.timeline-card{border-radius:var(--radius-md);border:1px solid var(--border-1);background:var(--surface-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card);padding:18px 20px 20px;position:relative}.timeline-card:before{content:"";background:var(--accent);width:3px;height:calc(100% - 40px);box-shadow:0 0 18px var(--accent-soft);border-radius:999px;position:absolute;top:20px;left:0}.timeline-period{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:12px}.timeline-card h3{color:var(--text-strong);margin:0 0 8px;font-size:clamp(18px,2vw,22px)}.timeline-card p:last-child{color:var(--text-body);margin:0;font-size:15px;line-height:1.65}.contacts-card{--badge-size:42px;isolation:isolate;contain:paint;background:linear-gradient(180deg, var(--panel-grad-top), var(--panel-grad-bot));flex-direction:column;gap:clamp(16px,3vw,24px);padding:clamp(24px,3vw,36px);display:flex;position:relative}.contacts-headline h2{margin:0}.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,20px);display:grid}.contact-card{border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:90px;padding:18px 22px;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s;display:grid}.contact-card:hover{border-color:var(--border-1);background:var(--surface-1-hover);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card-hover);transform:translate(1px,-2px)}.contact-card:focus-within,.contact-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);outline:none}.contact-main{min-width:0;color:inherit;border-radius:calc(var(--radius-md) - 6px);outline:none;flex:1;align-items:center;gap:14px;text-decoration:none;display:flex}.contact-main:focus-visible{box-shadow:0 0 0 2px var(--accent-soft)}.icon-badge{width:var(--badge-size);height:var(--badge-size);border:1px solid var(--border-2);background:linear-gradient(180deg, var(--glass-bg), var(--glass-bg-subtle));box-shadow:inset 0 1px 0 var(--panel-highlight);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .3s,background .3s,box-shadow .3s;display:inline-flex}.icon-badge svg{width:18px;height:18px;display:block}.contact-text{flex-direction:column;gap:4px;min-width:0;display:flex}.contact-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.contact-value{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.action-badge{cursor:pointer;color:inherit;justify-self:end;text-decoration:none}.action-badge:hover,.action-badge:focus-visible{border-color:var(--action-badge-hover-border);background:var(--action-badge-hover-bg);box-shadow:0 0 0 1px var(--action-badge-hover-ring), inset 0 1px 0 var(--panel-highlight);outline:none}.action-badge.is-copied{border-color:var(--border-success);background:var(--surface-success);box-shadow:0 0 0 1px var(--surface-success), inset 0 1px 0 var(--panel-highlight)}.action-badge.copy-error{border-color:var(--border-error);background:var(--surface-error)}.availability-panel{border-radius:var(--radius-md);border:1px solid var(--border-2);background:var(--surface-1);width:100%;box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--shadow-card);flex-direction:column;gap:12px;padding:20px;display:flex}.availability-label{letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px}.status-chips{flex-wrap:wrap;gap:12px;display:flex}.status-chip{border:1px solid var(--border-1);background:color-mix(in srgb, var(--surface-1) 92%, transparent);box-shadow:inset 1px 1px 0 var(--panel-highlight);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;display:inline-flex}.chip-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.chip-value{color:var(--text-strong)}.top-controls{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));--control-height:44px;z-index:20;align-items:center;gap:8px;display:inline-flex;position:fixed}.theme-toggle,.language-toggle{min-height:var(--control-height);border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--theme-toggle-icon);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--theme-toggle-shadow);border-radius:999px}.theme-toggle{touch-action:manipulation;align-items:center;gap:10px;padding:0 18px;font-size:14px;line-height:1;transition:box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible,.language-toggle:focus-within,.language-toggle:hover{background:var(--surface-2-hover);border-color:var(--border-1);box-shadow:inset 1px 1px 0 var(--panel-highlight), var(--theme-toggle-shadow), 0 0 0 1px color-mix(in srgb, var(--border-1) 72%, transparent);outline:none}.theme-toggle-icon{width:22px;height:22px;display:inline-flex}.theme-toggle-icon svg{stroke-width:1.8px;width:100%;height:100%;display:block}.theme-toggle[data-theme=dark] .theme-toggle-icon svg{transform:translate(-2px,2px)}.theme-toggle-label{text-transform:uppercase;letter-spacing:.08em;opacity:.84;font-weight:550}.theme-toggle[data-mode=auto] .theme-toggle-label:after{content:" · Auto";letter-spacing:normal;text-transform:none;margin-left:6px;font-size:12px;font-weight:500}.language-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:4px;display:inline-grid}.language-option{min-width:48px;min-height:calc(var(--control-height) - 10px);color:var(--text-muted);font-family:var(--mono);letter-spacing:.08em;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:12px;line-height:1;transition:background .25s,color .25s,box-shadow .25s}.language-option:hover,.language-option:focus-visible{color:var(--text-strong);outline:none}.language-option[aria-pressed=true]{background:var(--accent-soft);color:var(--text-strong);box-shadow:inset 0 1px 0 var(--panel-highlight)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr}.hero-right{clip-path:polygon(0 0,100% 0,100% 85%,0 100%);border-left:none;border-top:1px solid var(--border-2)}.icon-lane{clip-path:polygon(0 0,100% 0,100% 100%,0 90%)}.contacts-grid,.skills-grid,.experience-grid{grid-template-columns:1fr}}@media (width<=720px){.hero-grid{min-height:0;display:block}.hero-left{padding:clamp(24px,3vw,36px)}.hero-left:after{display:none}.hero-right{clip-path:none;opacity:1;border:none;padding:0;position:absolute;inset:0}.hero-grid:after{opacity:1;background:var(--hero-grid-overlay-mobile)}.icon-lane{clip-path:none;opacity:.28;transform:scale(1.1)}.drift-icon{border:1px solid var(--border-2);background:var(--surface-icon-tile);box-shadow:var(--shadow-icon);opacity:.5}.hero-ctas{flex-direction:column}.hero-cta{text-align:center;width:100%}.experience-panel{padding:22px}.key-skill-item{grid-template-columns:14px minmax(0,1fr);gap:10px;padding:14px 15px;font-size:14px}.timeline-card{padding:16px 16px 18px 18px}.contact-card{grid-template-columns:minmax(0,1fr) auto;row-gap:0;min-height:0}.action-badge{align-self:center}.top-controls{right:calc(12px + env(safe-area-inset-right));--control-height:42px;gap:6px}.theme-toggle{background:color-mix(in srgb, var(--surface-2) 86%, transparent);border-radius:12px;justify-content:center;width:42px;height:42px;padding:0}.theme-toggle-label{display:none}.language-toggle{border-radius:12px}.language-option{min-width:40px;min-height:calc(var(--control-height) - 10px);padding:0 9px}}@media (width>=721px){.icon-lane{--lane-tile-size:clamp(60px, 4.5vw, 78px);--lane-gap-x:clamp(12px, 1.8vw, 18px);--lane-gap-y:clamp(12px, 1.8vh, 16px);--lane-pad-y:clamp(18px, 2.6vh, 24px);--lane-pad-x:clamp(14px, 2vw, 22px);padding:var(--lane-pad-y) var(--lane-pad-x);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--lane-tile-size);column-gap:var(--lane-gap-x);row-gap:var(--lane-gap-y);align-content:center;justify-items:center}.drift-icon{width:min(100%, var(--lane-tile-size));aspect-ratio:1;height:auto}}