@font-face{font-family:Run;src:url(/assets/fonts/Run-6YeWA.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--c-black: #000000;--c-white: #ffffff;--c-offwhite: #f3f4f6;--bg-canvas: #000000;--bg-surface-0: #050505;--bg-surface-1: #0a0a0a;--bg-surface-2: #121212;--bg-surface-3: #1a1a1a;--bg-glass: rgba(8, 8, 8, .88);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #000000;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .14);--border-hover: rgba(255, 255, 255, .35);--border-active: #ffffff;--border-magenta: rgba(255, 255, 255, .22);--border-amber: rgba(255, 255, 255, .22);--accent-red: #EB3833;--accent-red-glow: rgba(235, 56, 51, .45);--accent-gold: #F59E0B;--accent-gold-glow: rgba(245, 158, 11, .4);--accent-primary: #EB3833;--accent-secondary: #F59E0B;--accent-highlight: #F59E0B;--tint-blue-10: rgba(235, 56, 51, .08);--tint-blue-20: rgba(235, 56, 51, .16);--tint-blue-30: rgba(235, 56, 51, .28);--tint-magenta-10: rgba(235, 56, 51, .08);--tint-magenta-20: rgba(235, 56, 51, .18);--tint-amber-10: rgba(245, 158, 11, .08);--tint-amber-20: rgba(245, 158, 11, .18);--grad-primary: linear-gradient(135deg, #EB3833 0%, #F59E0B 100%);--grad-warm: linear-gradient(135deg, #F59E0B 0%, #EB3833 100%);--grad-surface: linear-gradient(180deg, rgba(14, 14, 14, .95) 0%, rgba(0, 0, 0, 1) 100%);--grad-glow: radial-gradient(circle at 50% 0%, rgba(235, 56, 51, .12), transparent 70%);--ambient-glow-1: rgba(255, 255, 255, .04);--ambient-glow-2: rgba(255, 255, 255, .02);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-brand: "Run", "Outfit", sans-serif;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .8);--shadow-md: 0 4px 16px rgba(0, 0, 0, .9);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .95);--glow-blue: 0 0 25px rgba(255, 255, 255, .15);--glow-magenta: 0 0 25px rgba(255, 255, 255, .12);--glow-amber: 0 0 25px rgba(255, 255, 255, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 1240px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-canvas);color:var(--text-primary);text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}code,kbd,samp,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:var(--radius-full);border:2px solid var(--bg-canvas)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}::selection{background:var(--accent-primary);color:var(--c-white)}.app-layout{display:flex;min-height:100vh;position:relative}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;position:relative;z-index:1}.main-content{margin-left:280px;width:calc(100% - 280px);min-height:100vh;position:relative;z-index:1;transition:margin-left var(--transition-normal)}section{padding:90px 0;position:relative;z-index:1}.section-header{margin-bottom:48px}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8125rem;font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);background:var(--tint-blue-10);border:1px solid var(--tint-blue-20);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px}.section-tag.tag-magenta{color:var(--accent-secondary);background:var(--tint-magenta-10);border-color:var(--tint-magenta-20)}.section-tag.tag-amber{color:var(--accent-highlight);background:var(--tint-amber-10);border-color:var(--tint-amber-20)}.section-tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.section-title{font-size:clamp(2rem,3.5vw,2.75rem);color:var(--text-primary);margin-bottom:14px;letter-spacing:-.03em}.section-subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:680px;line-height:1.6}.side-nav{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-surface-0);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:28px 20px 24px;z-index:500;overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:4px 0 24px #00000059;transition:transform var(--transition-normal)}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:var(--radius-full)}.sidebar-header{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-brand);font-weight:var(--fw-bold);font-size:1.25rem;letter-spacing:.05em;position:relative;overflow:hidden;flex-shrink:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.brand-badge:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:var(--accent-highlight);border-radius:0 0 0 var(--radius-sm)}.sidebar-brand:hover .brand-badge{transform:translateY(-2px);border-color:var(--accent-primary)}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.0625rem;color:var(--text-primary);line-height:1.2}.brand-role{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.sidebar-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.6875rem;color:var(--accent-highlight);background:var(--tint-amber-10);border:1px solid var(--tint-amber-20);padding:5px 10px;border-radius:var(--radius-full);align-self:flex-start}.sidebar-nav-links{display:flex;flex-direction:column;gap:4px;margin:20px 0;flex:1;position:relative}.sidebar-nav-links:before{content:"";position:absolute;top:0;left:-2px;width:4px;height:32px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--accent-red),var(--accent-gold));box-shadow:0 0 18px #eb3833a6;transform:translateY(var(--nav-indicator-y, 0));transition:transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.9375rem;font-weight:var(--fw-medium);position:relative;transition:color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);will-change:transform,color,background-color;text-decoration:none}.sidebar-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);transition:color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.sidebar-link:hover{color:var(--text-primary);transform:translate(4px)}.sidebar-link:hover .sidebar-icon{color:var(--accent-gold)}.sidebar-link.active{color:var(--c-white);transform:translate(8px)}.sidebar-link.active .sidebar-icon{color:var(--accent-red)}.sidebar-footer{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid var(--border-subtle)}.sidebar-palette-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-palette-btn:hover{border-color:var(--accent-primary);background:var(--bg-surface-2)}.sidebar-resume-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:.875rem;text-decoration:none;box-shadow:0 4px 12px #ffffff1f;transition:all var(--transition-fast)}.sidebar-resume-btn:hover{background:#e4e4e7;transform:translateY(-2px);box-shadow:0 6px 16px #fff3}.sidebar-socials{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0}.sidebar-social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-surface-1);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast)}.sidebar-social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--bg-surface-2);transform:translateY(-2px)}.mobile-top-bar{display:none;position:fixed;top:0;left:0;width:100%;height:64px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:0 20px;align-items:center;justify-content:space-between;z-index:600}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-top-actions{display:flex;align-items:center;gap:12px}.palette-mini-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface-1);border:1px solid var(--border-default);cursor:pointer}.sidebar-toggle-btn{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0}.sidebar-toggle-btn span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-fast)}.sidebar-toggle-btn.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.sidebar-toggle-btn.open span:nth-child(2){opacity:0}.sidebar-toggle-btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:490;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.site-footer{background:var(--bg-surface-0);border-top:1px solid var(--border-subtle);padding:60px 0 40px;position:relative;z-index:1}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:48px}.footer-brand-info{max-width:400px}.footer-brand-info p{color:var(--text-muted);font-size:.9375rem;margin-top:12px;line-height:1.6}.footer-nav-groups{display:flex;gap:60px;flex-wrap:wrap}.footer-nav-col h4{font-family:var(--font-mono);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:16px}.footer-nav-col ul{display:flex;flex-direction:column;gap:10px}.footer-nav-col a{font-size:.9375rem;color:var(--text-muted);transition:color var(--transition-fast)}.footer-nav-col a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-top:32px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.875rem}.footer-meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:.8125rem}.status-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--accent-highlight)}.status-indicator .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-highlight);position:relative}.status-indicator .pulse-dot:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:var(--accent-highlight);opacity:.4;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-family:var(--font-sans);font-size:.9375rem;font-weight:var(--fw-semibold);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn-primary{background-color:var(--text-primary);color:var(--text-inverse);box-shadow:0 4px 14px #ffffff26}.btn-primary:hover{background-color:#e4e4e7;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.btn-secondary{background-color:var(--bg-surface-1);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background-color:var(--bg-surface-2);border-color:var(--accent-primary);color:var(--c-white);transform:translateY(-2px)}.btn-amber{background-color:var(--accent-highlight);color:var(--text-inverse);box-shadow:0 4px 14px #f3923759}.btn-amber:hover{background-color:#d87e2b;transform:translateY(-2px);box-shadow:0 6px 20px #f3923773}.palette-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);transition:all var(--transition-fast)}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--radius-md);background-color:var(--bg-surface-1);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-icon:hover{background-color:var(--bg-surface-2);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-blue{background:#eb38331a;color:#eb3833;border-color:#eb383340}.badge-magenta{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b40}.badge-amber{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b4d}.hero-section{padding-top:calc(var(--header-height) + 40px);padding-bottom:60px;min-height:min(100vh,900px);display:flex;align-items:center;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero-content{display:flex;flex-direction:column}.hero-status-ticker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.8125rem;color:var(--accent-highlight);background:#f3923714;border:1px solid rgba(243,146,55,.25);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:24px;align-self:flex-start}.hero-title{font-size:clamp(2.75rem,5.5vw,4.25rem);font-weight:var(--fw-extrabold);letter-spacing:-.035em;line-height:1.08;margin-bottom:16px;color:var(--text-primary)}.hero-title .name-highlight{font-family:var(--font-brand);letter-spacing:.04em;background:linear-gradient(135deg,#fff 40%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:var(--fw-medium);color:var(--accent-primary);margin-bottom:20px;line-height:1.4}.hero-description{font-family:var(--font-sans);font-size:clamp(1rem,1.35vw,1.125rem);font-weight:var(--fw-normal);color:#b7b7c0;letter-spacing:.005em;line-height:1.8;max-width:600px;margin-bottom:32px}.hero-description strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-social-links{display:flex;align-items:center;gap:12px}.hero-visual{position:relative;display:flex;justify-content:center}.portrait-wrapper{position:relative;width:100%;max-width:440px;border-radius:var(--radius-xl);background:var(--bg-surface-1);padding:12px;border:1px solid var(--border-default);box-shadow:var(--shadow-lg),0 0 40px #0e79b21f}.portrait-wrapper:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:var(--grad-primary)}.portrait-inner{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:4 / 4.7}.portrait-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow),opacity var(--transition-fast)}.portrait-wrapper:hover .portrait-img{transform:scale(1.02)}.portrait-badge-overlay{position:absolute;bottom:14px;left:14px;right:14px;padding:12px 16px;background:#191923e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.portrait-badge-info h4{font-size:.875rem;font-weight:var(--fw-semibold);color:var(--text-primary)}.portrait-badge-info p{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-highlight)}.portrait-badge-icon{width:32px;height:32px;border-radius:50%;background:var(--tint-blue-10);border:1px solid var(--tint-blue-20);display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.portrait-switcher{display:flex;gap:8px;margin-top:12px;justify-content:center}.btn-switch{font-family:var(--font-mono);font-size:.6875rem;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-surface-0);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast)}.btn-switch.active{background:var(--tint-blue-10);border-color:var(--accent-primary);color:var(--accent-primary)}.hero-telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;padding:24px;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.telemetry-item{display:flex;flex-direction:column;padding:0 12px;border-right:1px solid var(--border-subtle)}.telemetry-item:last-child{border-right:none}.telemetry-val{font-family:var(--font-display);font-size:1.875rem;font-weight:var(--fw-extrabold);color:var(--text-primary);line-height:1.1;margin-bottom:4px}.telemetry-val.blue{color:var(--accent-primary)}.telemetry-val.magenta{color:var(--accent-secondary)}.telemetry-val.amber{color:var(--accent-highlight)}.telemetry-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-bottom:48px}.about-lead-col{display:flex;flex-direction:column;align-self:start;position:sticky;top:104px}.about-quick-points{display:flex;flex-direction:column;gap:10px}.about-stat-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);width:fit-content}.about-stat-tag .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.about-stat-tag .dot.red{background:#eb3833;box-shadow:0 0 8px #eb383399}.about-stat-tag .dot.gold{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.about-text-content p{font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.about-text-content p strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.principle-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:24px;transition:all var(--transition-normal);position:relative;overflow:hidden}.principle-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-fast)}.principle-card:hover{transform:translateY(-3px);border-color:var(--accent-primary);background:var(--bg-surface-2)}.principle-card:hover:before{opacity:1}.principle-card.magenta:before{background:var(--accent-secondary)}.principle-card.amber:before{background:var(--accent-highlight)}.principle-num{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent-primary);margin-bottom:12px}.principle-card.magenta .principle-num{color:var(--accent-secondary)}.principle-card.amber .principle-num{color:var(--accent-highlight)}.principle-title{font-size:1.0625rem;font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:8px}.principle-desc{font-size:.875rem;color:var(--text-muted);line-height:1.5}.projects-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:.8125rem;padding:8px 18px;border-radius:var(--radius-full);background:var(--bg-surface-1);border:1px solid var(--border-default);color:var(--text-secondary);transition:all var(--transition-fast)}.filter-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.filter-btn.active{background:var(--tint-blue-20);border-color:var(--accent-primary);color:var(--c-white);box-shadow:0 0 12px #0e79b24d}.skiper-carousel{position:relative;width:100%;margin-top:20px;display:flex;flex-direction:column;gap:20px;padding:10px 0}.skiper-carousel-viewport{position:relative;width:100%;overflow:hidden;padding:24px 0 32px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.skiper-carousel-viewport:active{cursor:grabbing}.skiper-carousel-track{display:flex;align-items:center;gap:20px;width:max-content;will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1);padding:0 40px}.skiper-slide{flex:0 0 320px;width:320px;height:480px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.skiper-slide-inner{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#080808;border:1px solid rgba(255,255,255,.1);clip-path:inset(11% 0 11% 0 round 32px);opacity:.65;transform:scale(.95);transition:clip-path .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),opacity .45s ease,border-color .45s ease,box-shadow .45s ease;cursor:pointer}.skiper-slide.active .skiper-slide-inner{clip-path:inset(0 0 0 0 round 32px);opacity:1;transform:scale(1.02);border-color:#eb383366;box-shadow:0 24px 60px #000000d9,0 0 28px #eb383333}.skiper-slide-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .7s cubic-bezier(.16,1,.3,1)}.skiper-slide:hover .skiper-slide-media{transform:scale(1.1)}.skiper-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,9,20,.96) 0%,rgba(20,12,26,.75) 45%,rgba(25,15,33,.3) 75%,transparent 100%);z-index:1;transition:background .4s ease}.skiper-slide-badge{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;padding:5px 12px;border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0a16d9;border:1px solid var(--border-default);color:var(--text-primary)}.skiper-slide-content{position:absolute;bottom:0;left:0;width:100%;padding:28px 24px;z-index:2;display:flex;flex-direction:column;gap:12px;transform:translateY(0);transition:transform .4s ease}.skiper-slide-category{font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary)}.skiper-slide-title{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--fw-bold);color:var(--c-white);line-height:1.25;margin:0;letter-spacing:-.02em}.skiper-slide-tagline{font-size:.875rem;color:var(--text-secondary);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skiper-slide-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.skiper-slide-tag{font-family:var(--font-mono);font-size:.6875rem;padding:3px 8px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary)}.skiper-slide-action{margin-top:8px;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:10px 16px;font-size:.8125rem;font-weight:var(--fw-semibold);border-radius:var(--radius-md);background:var(--tint-blue-10);border:1px solid var(--tint-blue-20);color:var(--c-white);cursor:pointer;transition:all var(--transition-fast)}.skiper-slide-action:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 14px #0006;transform:translateY(-2px)}.skiper-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.skiper-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-surface-1);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d}.skiper-nav-btn:hover{background:var(--bg-surface-2);border-color:var(--accent-primary);color:var(--c-white);transform:scale(1.08);box-shadow:0 0 16px var(--tint-blue-20)}.skiper-nav-btn:active{transform:scale(.96)}.skiper-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px}.skiper-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#ffffff40;border:none;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.skiper-dot:hover{background:#fff9}.skiper-dot.active{width:22px;background:var(--accent-red);box-shadow:0 0 10px #eb383380}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-pill{font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.project-metrics-quick{display:flex;gap:16px}.metric-quick-item{display:flex;flex-direction:column}.metric-quick-val{font-family:var(--font-mono);font-size:1rem;font-weight:var(--fw-bold);color:var(--text-primary)}.metric-quick-val.highlight{color:var(--accent-highlight)}.metric-quick-val.cyan{color:var(--accent-primary)}.metric-quick-val.rose{color:var(--accent-secondary)}.metric-quick-lbl{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0e0e14cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:960px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3;transform:translateY(20px) scale(.98);transition:transform var(--transition-normal);position:relative}.modal-backdrop.open .modal-dialog{transform:translateY(0) scale(1)}.modal-header{padding:28px 32px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;position:sticky;top:0;background:#1f1f2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.modal-header-info h3{font-size:1.625rem;margin-bottom:6px}.modal-close-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border-subtle);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--accent-secondary);color:var(--c-white);border-color:var(--accent-secondary)}.modal-body{padding:32px}.modal-image-banner{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;border:1px solid var(--border-subtle);background:#111}.modal-image-banner img{width:100%;max-height:420px;object-fit:cover}.modal-tabs-nav{display:flex;gap:10px;border-bottom:1px solid var(--border-subtle);margin-bottom:24px}.modal-tab-btn{font-family:var(--font-mono);font-size:.8125rem;padding:10px 16px;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.modal-tab-btn:hover{color:var(--text-primary)}.modal-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-section-title{font-size:1.125rem;margin-bottom:12px;color:var(--text-primary)}.modal-tab-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin-bottom:16px}.modal-bullet-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.modal-bullet-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.modal-bullet-list li .bullet-icon{color:var(--accent-primary);margin-top:3px;flex-shrink:0}.code-snippet-box{background:var(--bg-surface-0);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;color:#cdd1e4;line-height:1.6;margin-bottom:24px}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:20px;width:2px;background:#ffffff1f}.timeline:after{content:"";position:absolute;top:10px;left:20px;width:2px;height:calc(100% - 20px);background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 12px #eb38338c;transform:scaleY(var(--timeline-progress, 0));transform-origin:top;transition:transform .12s linear;pointer-events:none}.timeline-item{position:relative;padding-left:60px;margin-bottom:48px}.timeline-item:last-child{margin-bottom:0}.timeline-node{position:absolute;top:4px;left:12px;width:18px;height:18px;border-radius:50%;background:var(--bg-canvas);border:3px solid var(--accent-primary);box-shadow:0 0 10px #0e79b266}.timeline-node.active-role{border-color:var(--accent-highlight);box-shadow:0 0 12px #f3923780}.timeline-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:26px 28px;transition:all var(--transition-normal)}.timeline-card:hover{border-color:var(--accent-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.timeline-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.timeline-role{font-size:1.375rem;color:var(--text-primary)}.timeline-org{font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--fw-semibold);color:var(--accent-primary)}.timeline-duration{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent-highlight);background:var(--tint-amber-10);border:1px solid var(--tint-amber-20);padding:3px 10px;border-radius:var(--radius-full)}.timeline-project-context{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);background:var(--bg-surface-0);padding:8px 14px;border-radius:var(--radius-sm);margin-bottom:20px;border-left:2px solid var(--accent-primary)}.timeline-bullets{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.timeline-bullets li{position:relative;padding-left:20px;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.timeline-bullets li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary);font-size:1rem}.timeline-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.skill-category-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition-normal);display:flex;flex-direction:column}.skill-category-card:hover{border-color:var(--accent-primary);background:var(--bg-surface-2);transform:translateY(-3px);box-shadow:var(--shadow-md)}.skill-cat-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.skill-cat-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--tint-blue-10);border:1px solid var(--tint-blue-20);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.skill-category-card.cat-magenta .skill-cat-icon{background:var(--tint-magenta-10);border-color:var(--tint-magenta-20);color:var(--accent-secondary)}.skill-category-card.cat-amber .skill-cat-icon{background:var(--tint-amber-10);border-color:var(--tint-amber-20);color:var(--accent-highlight)}.skill-cat-title{font-size:1.125rem;color:var(--text-primary)}.skill-items-list{display:flex;flex-direction:column;gap:12px}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-surface-0);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.skill-name{font-family:var(--font-sans);font-size:.875rem;font-weight:var(--fw-medium);color:var(--text-primary)}.skill-context{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.edu-achieve-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.credential-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.credential-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.credential-card.ugc-net-card{border-color:var(--accent-highlight);background:linear-gradient(180deg,rgba(243,146,55,.05) 0%,var(--bg-surface-1) 100%);box-shadow:0 4px 20px #f3923726}.credential-card.ugc-net-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f39237,#bf1363)}.credential-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:16px}.credential-title{font-size:1.375rem;color:var(--text-primary);margin-bottom:8px}.credential-org{font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-semibold);color:var(--accent-primary);margin-bottom:8px}.credential-card.ugc-net-card .credential-org{color:var(--accent-highlight)}.credential-date{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);margin-bottom:16px}.credential-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-channels{display:flex;flex-direction:column;gap:16px}.contact-card-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact-card-item:hover{border-color:var(--accent-primary);background:var(--bg-surface-2);transform:translate(4px)}.contact-card-left{display:flex;align-items:center;gap:16px}.contact-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--tint-blue-10);border:1px solid var(--tint-blue-20);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.contact-card-text h5{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.contact-card-text p{font-size:1rem;font-weight:var(--fw-semibold);color:var(--text-primary)}.copy-btn{background:var(--bg-surface-0);border:1px solid var(--border-subtle);padding:8px 14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);transition:all var(--transition-fast)}.copy-btn:hover{background:var(--accent-primary);color:var(--c-white);border-color:var(--accent-primary)}.contact-form-box{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:36px}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);margin-bottom:8px}.form-control{width:100%;padding:12px 16px;background:var(--bg-surface-0);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #0e79b226}textarea.form-control{resize:vertical;min-height:120px}.toast-notice{position:fixed;bottom:24px;right:24px;background:var(--bg-surface-2);border:1px solid var(--accent-primary);color:var(--text-primary);padding:12px 20px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8125rem;box-shadow:var(--shadow-lg),0 0 20px #0e79b24d;z-index:3000;display:flex;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:all var(--transition-normal)}.toast-notice.show{transform:translateY(0);opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.hero-reveal-item,.hero-reveal-visual{opacity:0;will-change:opacity,transform,filter}.hero-reveal-item{transform:translate3d(0,24px,0);filter:blur(8px)}.hero-reveal-visual{transform:translate3d(0,34px,0) scale(.96);filter:blur(10px)}.hero-motion-ready .hero-reveal-item{animation:heroItemReveal .85s cubic-bezier(.16,1,.3,1) forwards}.hero-motion-ready .hero-reveal-item:nth-child(1){animation-delay:.08s}.hero-motion-ready .hero-reveal-item:nth-child(2){animation-delay:.16s}.hero-motion-ready .hero-reveal-item:nth-child(3){animation-delay:.24s}.hero-motion-ready .hero-reveal-item:nth-child(4){animation-delay:.32s}.hero-motion-ready .hero-reveal-visual{animation:heroVisualReveal 1.1s .18s cubic-bezier(.16,1,.3,1) forwards;transform:translate3d(0,var(--hero-shift-y, 0px),0) scale(1)}@keyframes heroItemReveal{to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes heroVisualReveal{to{opacity:1;filter:blur(0)}}.hero-content{transform:translate3d(0,var(--hero-shift-y, 0px),0);transition:opacity .12s linear;opacity:var(--hero-fade, 1)}.hero-visual{transform:translate3d(0,var(--hero-shift-y, 0px),0)}.hero-section:before,.hero-section:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px);opacity:.5;transition:transform .12s linear}.hero-section:before{width:280px;height:280px;top:8%;right:4%;background:radial-gradient(circle,rgba(235,56,51,.14),transparent 68%);transform:translate3d(0,calc(var(--hero-fade, 1) * 10px),0)}.hero-section:after{width:220px;height:220px;left:12%;bottom:8%;background:radial-gradient(circle,rgba(245,158,11,.1),transparent 68%);transform:translate3d(0,calc(var(--hero-fade, 1) * -14px),0)}.js-scroll-animate .reveal:not(.active){opacity:0;transform:translateY(28px)}.js-scroll-animate .reveal.active{opacity:1;transform:translateY(0)}.text-reveal-paragraph{position:relative;display:flex;flex-wrap:wrap;gap:0 .32em;max-width:620px;font-family:var(--font-display);font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.48;font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--text-muted);perspective:700px}.text-reveal-paragraph .word{display:inline-block;opacity:.18;transform:translate3d(0,.7em,0) rotateX(-18deg) scale(.98);filter:blur(6px);transition:opacity .14s ease-out,transform .18s cubic-bezier(.16,1,.3,1),filter .18s ease-out,color .18s ease-out;will-change:opacity,transform,filter}.text-reveal-paragraph .word.highlight-red{color:#eb3833!important;font-weight:var(--fw-semibold);text-shadow:0 0 16px rgba(235,56,51,.35)}.text-reveal-paragraph .word.highlight-gold{color:#f59e0b!important;font-weight:var(--fw-semibold);text-shadow:0 0 16px rgba(245,158,11,.35)}.text-reveal-paragraph:after{content:"";position:absolute;top:-24px;right:-32px;bottom:-24px;left:-32px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(235,56,51,.08),transparent 58%);filter:blur(20px)}@media(max-width:1023px){.about-lead-col{position:static}}.reveal-stagger>*{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-stagger.active>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.reveal-stagger.active>*:nth-child(2){transition-delay:.15s;opacity:1;transform:translateY(0)}.reveal-stagger.active>*:nth-child(3){transition-delay:.25s;opacity:1;transform:translateY(0)}.reveal-stagger.active>*:nth-child(4){transition-delay:.35s;opacity:1;transform:translateY(0)}.js-card-reveal .principle-card,.js-card-reveal .timeline-card,.js-card-reveal .reveal-stagger.active>.principle-card{opacity:var(--card-reveal-progress, 0);transform:translate3d(0,var(--card-reveal-y, 54px),0) scale(var(--card-reveal-scale, .94));filter:blur(var(--card-reveal-blur, 7px));clip-path:inset(7% 0 7% 0 round 18px);transition:opacity .12s linear,transform .12s cubic-bezier(.16,1,.3,1),filter .16s ease-out,clip-path .24s cubic-bezier(.16,1,.3,1),border-color var(--transition-fast),box-shadow var(--transition-fast);will-change:opacity,transform,filter,clip-path}.js-card-reveal .principle-card:hover,.js-card-reveal .timeline-card:hover{transform:translate3d(4px,var(--card-reveal-y, 0px),0) scale(var(--card-reveal-scale, 1))}.js-card-reveal .principle-card,.js-card-reveal .timeline-card{clip-path:inset(var(--card-reveal-inset, 7%) 0 var(--card-reveal-inset, 7%) 0 round 18px)}@keyframes ambientFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.015)}}.floating-element{animation:ambientFloat 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce),print{*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.js-scroll-animate .reveal:not(.active){opacity:1!important;transform:none!important}.text-reveal-paragraph .word{opacity:1!important;transform:none!important;filter:none!important;color:#f3f4f6!important}.js-card-reveal .principle-card,.js-card-reveal .timeline-card,.js-card-reveal .reveal-stagger.active>.principle-card{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.hero-reveal-item,.hero-reveal-visual,.hero-content,.hero-visual{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}@media(max-width:1023px){.side-nav{transform:translate(-100%);width:290px;max-width:85vw;z-index:700;box-shadow:0 0 50px #000c}.side-nav.open{transform:translate(0)}.main-content{margin-left:0;width:100%;padding-top:64px}.mobile-top-bar{display:flex}.hero-grid{grid-template-columns:1fr;gap:48px;text-align:left}.hero-visual{order:-1;justify-content:flex-start}.portrait-wrapper{max-width:380px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.skiper-slide{flex:0 0 340px;width:340px;height:480px}}@media(max-width:768px){:root{--header-height: 64px}section{padding:60px 0}.section-title{font-size:2rem}.hero-section{padding-top:30px;min-height:auto}.hero-title{font-size:2.25rem}.skiper-carousel-viewport{padding:10px 0}.skiper-carousel-track{padding:0 16px;gap:16px}.skiper-slide{flex:0 0 85vw;width:85vw;height:460px}.skiper-slide-inner{clip-path:inset(10% 0 10% 0 round 20px)}.skiper-slide.active .skiper-slide-inner{clip-path:inset(0 0 0 0 round 20px)}.skiper-slide-content{padding:20px 18px}.skiper-slide-title{font-size:1.25rem}.hero-telemetry{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.telemetry-item:nth-child(2){border-right:none}.telemetry-item:nth-child(3){border-top:1px solid var(--border-subtle);padding-top:16px}.telemetry-item:nth-child(4){border-top:1px solid var(--border-subtle);border-right:none;padding-top:16px}.principles-grid{grid-template-columns:1fr}.project-info-wrapper{padding:24px}.project-heading{font-size:1.5rem}.project-card-footer{flex-direction:column;align-items:flex-start;gap:16px}.project-card-footer .btn{width:100%}.timeline:before{left:10px}.timeline:after{left:10px}.timeline-item{padding-left:36px}.timeline-node{left:2px;width:16px;height:16px}.timeline-card{padding:20px}.timeline-role{font-size:1.125rem}.edu-achieve-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;gap:32px}.footer-nav-groups{gap:40px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.hero-title{font-size:2.125rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-telemetry{grid-template-columns:1fr}.telemetry-item{border-right:none!important;border-bottom:1px solid var(--border-subtle);padding:12px 0}.telemetry-item:last-child{border-bottom:none}.contact-card-item{flex-direction:column;align-items:flex-start;gap:12px}.contact-card-item .copy-btn{width:100%;text-align:center}}