:root{--bg: #121211;--bg-2: #181816;--panel: #1d1d1c;--panel-hover: #242422;--card: #1d1d1c;--card-hover: #242422;--border: rgba(236, 234, 226, .08);--border-soft: rgba(236, 234, 226, .04);--text: #eceae2;--text-2: #a5a399;--muted: #918f87;--dim: #85837b;--accent: #d97757;--accent-rgb: 217, 119, 87;--accent-soft: rgba(217, 119, 87, .07);--accent-line: rgba(217, 119, 87, .2);--accent-glow: rgba(217, 119, 87, .15);--warn: #e0984f;--good: #788c5d;--bad: #d95c5c;--shadow: 0 10px 30px -10px rgba(0, 0, 0, .5), 0 1px 2px rgba(255, 255, 255, .01);--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, .7);--r-sm: 6px;--r: 10px;--r-md: 14px;--r-lg: 20px;--display: "Lora", "Georgia", serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace}[data-theme=light]{--bg: #faf9f6;--bg-2: #f4f3ee;--panel: #ffffff;--panel-hover: #faf9f6;--card: #ffffff;--card-hover: #faf9f6;--border: rgba(25, 25, 24, .08);--border-soft: rgba(25, 25, 24, .04);--text: #191918;--text-2: #4a4943;--muted: #65635c;--dim: #6d6b64;--accent: #a94f2d;--accent-rgb: 169, 79, 45;--accent-soft: rgba(169, 79, 45, .08);--accent-line: rgba(169, 79, 45, .24);--accent-glow: rgba(169, 79, 45, .1);--good: #52693d;--warn: #8a531e;--bad: #af3f3f;--shadow: 0 8px 30px -10px rgba(25, 25, 24, .06), 0 1px 2px rgba(25, 25, 24, .02);--shadow-lg: 0 20px 45px -15px rgba(25, 25, 24, .1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent-line)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.62;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.scroll-section{min-height:100vh;position:relative}.page{animation:pageFadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{width:100%}.skip-link{position:fixed;top:12px;left:16px;z-index:2000;padding:10px 16px;border-radius:var(--r);background:var(--accent);color:var(--bg);font-weight:700;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-loader{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-family:var(--mono);font-size:12px}.page-loader-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:loaderSpin .8s linear infinite}.modal-loading-card{min-width:240px;padding:28px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--mono);font-size:12px;box-shadow:var(--shadow-lg)}@keyframes loaderSpin{to{transform:rotate(360deg)}}.container{width:100%;max-width:960px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.btn{font-family:var(--sans);font-size:13.5px;font-weight:500;padding:10px 20px;border-radius:var(--r);border:1px solid var(--border);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow)}.btn:hover{background:var(--panel-hover);border-color:var(--accent-line);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn.primary:hover{background:var(--accent);opacity:.95;box-shadow:var(--shadow)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2);box-shadow:none}.btn.ghost:hover{background:var(--border-soft);color:var(--text)}.pill{font-family:var(--mono);font-size:11px;padding:5px 12px;border-radius:999px;background:var(--panel);color:var(--text-2);border:1px solid var(--border);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.pill.accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.pill .led{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:none}.tag{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:var(--r-sm);background:var(--bg-2);color:var(--text-2);border:1px solid var(--border-soft)}.tag.accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.status{font-family:var(--mono);font-size:10px;padding:3px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.status .led{width:5px;height:5px;border-radius:50%}.status.completed{background:#788c5d14;color:var(--good);border:1px solid rgba(120,140,93,.15)}.status.completed .led{background:var(--good);box-shadow:none}.status.wip{background:#e0984f14;color:var(--warn);border:1px solid rgba(224,152,79,.15)}.status.wip .led{background:var(--warn);box-shadow:none}.status.disc{background:#d95c5c14;color:var(--bad);border:1px solid rgba(217,92,92,.15)}.status.disc .led{background:var(--bad);box-shadow:none}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;width:100%;overflow:hidden;padding:100px 0 60px}.hero-section .container{max-width:1400px;padding:0 48px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;z-index:10;width:100%}.hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hero-avatar-wrap{position:relative;margin-bottom:4px}.hero-avatar{border-radius:20px;border:1px solid var(--border);object-fit:cover;display:block;box-shadow:var(--shadow-lg);transition:transform .3s ease}.hero-avatar:hover{transform:scale(1.02) rotate(-1deg)}.hero-intro{font-family:var(--mono);font-size:14px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.hero-title-main{font-family:var(--display);font-size:56px;font-weight:700;line-height:1.1;color:var(--text);letter-spacing:-.03em}.hero-role{font-family:var(--display);font-style:italic;font-size:20px;font-weight:400;color:var(--text-2);margin-top:4px;margin-bottom:8px}.hero-desc-text{font-size:17px;line-height:1.68;color:var(--text-2);max-width:580px}.hero-right{position:relative;width:100%;height:480px;display:flex;justify-content:center;align-items:center}.interactive-canvas-wrap{width:100%;height:100%;position:relative;overflow:hidden;background:transparent;border:none;box-shadow:none}.interactive-canvas-wrap canvas{display:block;width:100%;height:100%}.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;transition:color .2s;z-index:10}.scroll-indicator:hover{color:var(--accent)}.scroll-indicator-mouse{width:20px;height:32px;border:2px solid currentColor;border-radius:12px;position:relative}.scroll-indicator-wheel{width:4px;height:8px;background:currentColor;border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheelFloat 1.6s ease-in-out infinite}@keyframes scrollWheelFloat{0%{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(8px);opacity:.3}to{transform:translate(-50%) translateY(0);opacity:1}}.about-details{background:var(--bg)}.about-grid-flow{display:flex;flex-direction:column;gap:64px}.about-metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metadata-card{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.metadata-card-label{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metadata-card-value{font-size:14px;font-weight:600;color:var(--text)}.metadata-card-value.accent{color:var(--accent)}.about-biography{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:768px;margin:0 auto}.about-bio-heading{font-size:36px;font-weight:600;line-height:1.2;color:var(--text);font-family:var(--display);letter-spacing:-.02em;text-align:center}.about-bio-text{font-size:16px;line-height:1.72;color:var(--text-2);display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.about-bio-text strong{color:var(--text);font-weight:600}.quote-highlight-box{padding:24px 32px;background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-left:none;border-radius:var(--r);box-shadow:var(--shadow);margin:20px auto;max-width:600px;text-align:center}.quote-highlight-text{font-family:var(--display);font-size:18px;font-style:italic;font-weight:500;line-height:1.6;color:var(--text)}.interests-section{display:flex;flex-direction:column;gap:20px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.interest-card{padding:16px 20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}.interest-card:hover{transform:translateY(-2px);border-color:var(--accent-line)}.interest-icon{font-size:22px}.interest-name{font-size:14px;font-weight:500;color:var(--text)}.skills-section{display:flex;flex-direction:column;gap:20px}.skills-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skills-category-box{padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.skills-category-title{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-soft);padding-bottom:8px}.skills-tags-wrap{display:flex;flex-wrap:wrap;gap:8px}.home-cta-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cta-banner-link{padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cta-banner-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent);transform:scaleY(0);transition:transform .25s;transform-origin:bottom}.cta-banner-link:hover{transform:translateY(-3px);border-color:var(--accent-line);box-shadow:var(--shadow-lg)}.cta-banner-link:hover:before{transform:scaleY(1)}.cta-banner-content{display:flex;flex-direction:column;gap:4px}.cta-banner-title{font-size:18px;font-weight:600;color:var(--text)}.cta-banner-desc{font-size:13px;color:var(--muted)}.cta-banner-arrow{font-size:20px;color:var(--accent);transition:transform .2s}.cta-banner-link:hover .cta-banner-arrow{transform:translate(4px)}.projects-page-container{padding-top:110px;padding-bottom:100px;max-width:1200px}.page-header{margin-bottom:32px}.page-title{font-size:44px;font-weight:800;color:var(--text);font-family:var(--display);letter-spacing:-.02em}.page-subtitle{font-size:15px;color:var(--muted);margin-top:8px}.projects-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;align-items:center}.projects-filter-btn{font-size:12.5px;padding:6px 14px;border-radius:99px;border:1px solid var(--border);background:var(--panel);color:var(--text-2);transition:background .2s,color .2s,border-color .2s}.projects-filter-btn:hover{background:var(--panel-hover);color:var(--text)}.projects-filter-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.projects-filter-count{margin-left:6px;font-size:10px;opacity:.7}.projects-filter-spacer{flex:1}.projects-sort-control{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);font-size:11px}.projects-sort-control select{min-height:36px;padding:6px 32px 6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text-2);font:inherit;cursor:pointer}.projects-skeleton{display:flex;flex-direction:column;gap:24px}.projects-skeleton-featured,.projects-skeleton-grid>span{display:block;border:1px solid var(--border);background:linear-gradient(100deg,var(--panel) 35%,var(--panel-hover) 50%,var(--panel) 65%);background-size:220% 100%;animation:skeletonSweep 1.4s ease-in-out infinite}.projects-skeleton-featured{min-height:420px;border-radius:var(--r-lg)}.projects-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.projects-skeleton-grid>span{min-height:300px;border-radius:var(--r-md)}@keyframes skeletonSweep{0%{background-position:100% 0}to{background-position:-100% 0}}.featured-project-container{margin-bottom:40px}.proj-featured-card{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);width:100%;padding:36px}.proj-featured-left-col{display:flex;flex-direction:column;gap:16px}.proj-featured-right-col{display:flex;flex-direction:column;gap:24px}.proj-featured-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.proj-featured-title{font-size:32px;font-weight:800;color:var(--text);font-family:var(--display);letter-spacing:-.02em}.proj-featured-subtitle{font-size:14px;color:var(--muted);margin-top:-8px}.proj-featured-desc{font-size:15px;line-height:1.65;color:var(--text-2)}.proj-featured-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.project-case-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-case-summary>div{padding:14px;border:1px solid var(--border-soft);border-radius:var(--r);background:var(--bg-2)}.project-case-summary span{display:block;margin-bottom:5px;color:var(--accent);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em}.project-case-summary p{color:var(--text-2);font-size:12.5px;line-height:1.5}.modal-case-summary{grid-template-columns:1fr}.proj-featured-learnings-box{border-top:1px solid var(--border-soft);padding-top:16px;margin-top:4px}.proj-featured-learnings-title{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:10px}.proj-featured-learning-item{display:flex;gap:8px;font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:6px}.proj-featured-learning-item:last-child{margin-bottom:0}.proj-featured-learning-num{font-family:var(--mono);color:var(--accent);font-weight:600}.proj-featured-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px;border-top:1px solid var(--border-soft);padding-top:20px}.proj-featured-img-wrap{width:100%;height:auto;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-2)}.proj-featured-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s}.proj-featured-card:hover .proj-featured-img{transform:scale(1.015)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.proj-grid-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%;text-align:left}.proj-grid-card:hover{transform:translateY(-3px);border-color:var(--accent-line);box-shadow:var(--shadow-lg)}.proj-grid-img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--border-soft)}.proj-grid-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.proj-grid-card:hover .proj-grid-img{transform:scale(1.03)}.proj-grid-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.proj-grid-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.proj-grid-title{font-size:16px;font-weight:600;color:var(--text)}.proj-grid-icon{font-size:18px}.proj-grid-subtitle{font-size:12px;color:var(--muted);margin-top:-4px}.proj-grid-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.proj-grid-footer{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.projects-empty{padding:80px 24px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;gap:12px}.projects-empty-icon{font-size:40px}.projects-empty-title{font-size:18px;font-weight:600}.projects-empty-desc{font-size:14px;color:var(--muted);max-width:320px}.contact-page-container{padding-top:110px;padding-bottom:100px;max-width:1200px;display:flex;flex-direction:column;gap:64px}.contact-status-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-soft);margin-top:-12px}.contact-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text);background:var(--accent-soft);border:1px solid var(--accent-line);padding:6px 14px;border-radius:99px}.contact-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative}.contact-pulse-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:contactPulse 1.8s infinite}@keyframes contactPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.contact-status-text{font-weight:600;color:var(--accent)}.contact-status-types{font-family:var(--mono);font-size:11px;color:var(--text-2)}.contact-status-divider{color:var(--border);opacity:.8;font-size:11px}.contact-status-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);font-family:var(--mono)}.contact-directory{display:flex;flex-direction:column;border-top:1px solid var(--border)}.contact-directory-row{display:grid;grid-template-columns:1fr 2fr 40px;align-items:center;padding:28px 12px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1)}.contact-directory-row:hover{background:var(--accent-soft);transform:translate(12px);border-bottom-color:var(--accent-line)}.contact-directory-name{font-family:var(--display);font-size:20px;font-weight:600}.contact-directory-row:hover .contact-directory-name{color:var(--accent)}.contact-directory-value{font-family:var(--mono);font-size:14px;color:var(--text-2)}.contact-directory-row:hover .contact-directory-value{color:var(--text)}.contact-directory-arrow{font-size:20px;color:var(--muted);transition:color .25s,transform .25s;justify-self:end}.contact-directory-row:hover .contact-directory-arrow{color:var(--accent);transform:translate(4px)}.contact-form-section{display:flex;flex-direction:column;gap:20px;padding:56px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);margin-top:16px}.contact-form-heading{font-size:26px;font-weight:800;color:var(--text);font-family:var(--display);letter-spacing:-.015em}.contact-form-info{font-size:13.5px;color:var(--muted);margin-top:-12px;margin-bottom:12px}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.form-input{font-family:var(--sans);background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:var(--r);font-size:14px;transition:border-color .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);width:100%}.form-input::placeholder{color:var(--dim)}.form-input:focus{outline:none;border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft)}textarea.form-input{resize:vertical;min-height:150px}.contact-submit-btn{justify-content:center;padding:14px 28px;font-size:14px;font-weight:600;width:100%;margin-top:8px}.contact-form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--good);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);gap:12px}.contact-success-icon{font-size:36px;font-weight:700}.contact-success-text{font-size:15px;font-weight:500}.contact-form-error{color:var(--bad);font-size:13px;padding:10px;background:#d95c5c0d;border:1px solid rgba(217,92,92,.15);border-radius:var(--r-sm)}.contact-socials-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid var(--border-soft);margin-top:16px}.contact-socials-label{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.contact-socials-links{display:flex;gap:24px}.contact-social-inline-link{font-size:13.5px;color:var(--text-2);font-family:var(--mono);transition:color .2s,border-color .2s;border-bottom:1px dashed var(--border);padding-bottom:2px}.contact-social-inline-link:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:768px){.contact-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.contact-directory-row{grid-template-columns:1fr 30px;gap:8px;padding:20px 8px}.contact-directory-value{grid-column:1 / 2;font-size:13px}.contact-directory-arrow{grid-row:1 / 3;grid-column:2 / 3;align-self:center}.contact-form-section{padding:32px 20px}.contact-form-grid{grid-template-columns:1fr;gap:16px}.contact-socials-row{flex-direction:column;align-items:flex-start;gap:12px}.contact-socials-links{flex-wrap:wrap;gap:12px 20px}}.dock-wrapper{width:100%;max-width:1200px;margin:0 auto}.dock-container{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#16181bbf;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%)}[data-theme=light] .dock-container{background:#ffffffbf}.dock-group-left{display:flex;align-items:center}.dock-group-right{display:flex;align-items:center;gap:4px}.dock-logo{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-size:12.5px;font-weight:500}.dock-logo-box{width:18px;height:18px;background:var(--accent);border-radius:4px;color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:11px}.dock-separator{width:1px;align-self:stretch;background:var(--border-soft);margin:4px 6px}.dock-nav{display:flex;gap:2px}.dock-nav-link{padding:6px 16px;border-radius:var(--r);color:var(--text-2);font-size:13.5px;transition:background .2s,color .2s;background:transparent;font-weight:500}.dock-nav-link:hover{background:var(--border-soft);color:var(--text)}.dock-nav-link.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.dock-btn{padding:6px 12px;border-radius:var(--r);color:var(--text-2);font-family:var(--mono);font-size:11.5px;display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}.dock-btn:hover{background:var(--border-soft);color:var(--text)}.dock-mobile-toggle{display:none!important}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000d1;display:grid;place-items:center;padding:24px;animation:modalOverlayFade .2s ease}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-container{width:100%;max-width:1200px;max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);will-change:transform,opacity;animation:modalSlideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-titlebar{padding:14px 20px;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;flex-shrink:0}.modal-titlebar-key{color:var(--accent)}.modal-close-btn{margin-left:auto;color:var(--muted);padding:4px 10px;border-radius:var(--r-sm);background:transparent;font-family:var(--mono);font-size:12px;transition:background .2s,color .2s}.modal-close-btn:hover{background:var(--border-soft);color:var(--text)}.modal-body{flex:1;overflow-y:auto;min-height:0;padding:32px}.modal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}.modal-hero{display:flex;align-items:center;gap:16px;margin-bottom:16px}.modal-icon{width:52px;height:52px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;font-size:24px;flex-shrink:0}.modal-title-wrap{display:flex;flex-direction:column}.modal-title{font-size:26px;font-weight:800;color:var(--text);font-family:var(--display);letter-spacing:-.02em}.modal-subtitle{font-size:13.5px;color:var(--muted);margin-top:2px}.modal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-2);border-bottom:1px solid var(--border-soft);padding-bottom:16px;margin-bottom:16px}.modal-meta-id{font-family:var(--mono);color:var(--muted)}.modal-image{width:100%;height:260px;object-fit:cover;border-radius:var(--r-md);display:block;box-shadow:var(--shadow)}.modal-desc{font-size:14.5px;line-height:1.65;color:var(--text-2)}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.modal-takeaways-section{display:flex;flex-direction:column;gap:12px;margin-top:20px}.modal-takeaways-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.modal-takeaway-item{padding:14px;background:var(--bg-2);border-radius:var(--r);border:1px solid var(--border-soft);display:flex;gap:12px}.modal-takeaway-num{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:600;flex-shrink:0}.modal-takeaway-text{font-size:13px;color:var(--text-2);line-height:1.55}.modal-actions{display:flex;gap:12px;margin-top:24px;border-top:1px solid var(--border-soft);padding-top:20px}.modal-actions .btn{flex:1}footer{padding:40px 0;background:var(--bg);border-top:1px solid var(--border-soft);text-align:center}.not-found-page{min-height:calc(100vh - 82px);padding-top:150px;padding-bottom:100px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.not-found-code{color:var(--accent);font-family:var(--mono);font-size:13px;letter-spacing:.18em}.not-found-page .page-subtitle{max-width:520px;margin:0 0 8px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-sm)}.scroll-to-top{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important}.scroll-to-top:hover{background:var(--panel-hover)!important;border-color:var(--accent)!important;color:var(--accent)!important;transform:translateY(-2px)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-left{align-items:center}.hero-desc-text{max-width:100%}.hero-right{height:340px;max-width:560px;margin:0 auto}.about-biography{grid-template-columns:1fr;gap:24px}.about-metadata-grid{grid-template-columns:repeat(2,1fr)}.skills-categories,.home-cta-links{grid-template-columns:1fr}.projects-grid,.projects-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{padding-top:80px}.hero-section{padding-bottom:100px}.hero-title-main{font-size:40px}.about-bio-heading{font-size:28px;text-align:center}.section-padding{padding:60px 0}.dock-mobile-toggle{display:flex!important}.dock-nav{display:none!important}.modal-container{max-width:100%}.modal-hero{flex-direction:column;text-align:center}.modal-actions{flex-direction:column}.modal-grid{grid-template-columns:1fr;gap:24px}.proj-featured-card{grid-template-columns:1fr;padding:24px;gap:24px}.projects-filter-spacer{display:none}.projects-sort-control{width:100%;justify-content:space-between;margin-top:6px}.project-case-summary{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal-body{padding:22px 18px}}@media(max-width:600px){.projects-grid,.projects-skeleton-grid{grid-template-columns:1fr}.projects-skeleton-grid>span:not(:first-child){display:none}}@media(max-width:480px){.about-metadata-grid{grid-template-columns:1fr}.hero-title-main{font-size:34px}.hero-right{height:320px}}@media(pointer:coarse){.dock-btn,.dock-nav-link,.projects-filter-btn,.projects-sort-control select,.modal-close-btn,.contact-social-inline-link{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.interest-icon,.proj-grid-icon,.projects-empty-icon,.cta-banner-arrow{opacity:.7;filter:saturate(.8);transition:opacity .25s ease,filter .25s ease}.interest-card:hover .interest-icon,.proj-grid-card:hover .proj-grid-icon,.cta-banner-link:hover .cta-banner-arrow{opacity:1;filter:saturate(1)}.tg-shell{width:100%;height:100%;display:flex;flex-direction:column;gap:16px;padding:12px 0;background:transparent;border:none;box-shadow:none;position:relative;overflow:hidden}.tg-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tg-label{font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;opacity:.75}.tg-record-badge{display:flex;align-items:center;gap:6px;padding:3px 10px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px}.tg-record-key{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.tg-record-val{font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:600}.tg-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.tg-idle-desc{font-size:13.5px;color:var(--text-2);line-height:1.5;max-width:260px}.tg-start-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--accent);color:var(--bg);border-radius:var(--r);font-size:13.5px;font-weight:600;font-family:var(--sans);border:none;cursor:pointer;transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.tg-start-btn:hover{opacity:.9;transform:translateY(-1px)}.tg-start-icon{font-size:14px;opacity:.75}.tg-timer-row{display:flex;justify-content:flex-end;flex-shrink:0;transition:color .3s ease}.tg-ring{overflow:visible}.tg-ring-bg{stroke:var(--border)}.tg-ring-progress{stroke:var(--accent);transition:stroke-dashoffset 1s linear,stroke .3s ease}.tg-timer-row.urgent .tg-ring-progress{stroke:var(--bad)}.tg-ring-text{font-family:var(--mono);font-size:11px;font-weight:700;fill:var(--text-2)}.tg-timer-row.urgent .tg-ring-text{fill:var(--bad)}.tg-words-container{flex:1;display:flex;flex-wrap:wrap;gap:6px 8px;align-content:flex-start;overflow:hidden;max-height:200px;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.tg-word{font-family:var(--mono);font-size:14.5px;color:var(--muted);transition:color .1s ease,opacity .15s ease;line-height:1.5;-webkit-user-select:none;user-select:none;padding:1px 0}.tg-word.done{opacity:.25}.tg-word.correct{color:var(--accent);opacity:.5}.tg-word.wrong{color:var(--bad);opacity:.5;text-decoration:line-through;text-decoration-color:var(--bad)}.tg-word.active{color:var(--text);border-bottom:1.5px solid var(--accent)}.tg-word.active-wrong{color:var(--bad);border-bottom-color:var(--bad)}.tg-input{flex-shrink:0;width:100%;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);font-family:var(--mono);font-size:14px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;caret-color:var(--accent)}.tg-input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-glow)}.tg-input.input-wrong{border-color:#d95c5c4d;box-shadow:0 0 0 3px #d95c5c14}.tg-input::placeholder{color:var(--dim)}.tg-result{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;animation:tgResultIn .4s cubic-bezier(.16,1,.3,1)}@keyframes tgResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tg-result-wpm{display:flex;align-items:baseline;gap:6px}.tg-result-number{font-family:var(--display);font-size:52px;font-weight:700;color:var(--accent);line-height:1;letter-spacing:-.03em}.tg-result-unit{font-family:var(--mono);font-size:16px;color:var(--muted)}.tg-result-comment{font-size:13px;color:var(--text-2);line-height:1.5}.tg-result-compare{display:flex;flex-direction:column;gap:8px;margin-top:4px}.tg-compare-item{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.tg-compare-label{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tg-compare-bar-wrap{height:4px;background:var(--border-soft);border-radius:999px;overflow:hidden}.tg-compare-bar{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1)}.tg-compare-bar.you{background:var(--text-2)}.tg-compare-bar.me{background:var(--accent)}.tg-compare-val{font-family:var(--mono);font-size:10px;color:var(--text-2);text-align:right}.tg-once-note{font-family:var(--mono);font-size:10px;color:var(--dim);text-align:center;margin-top:4px}@media(max-width:900px){.tg-shell{padding:20px;min-height:360px}.tg-result-number{font-size:44px}}