:root{--bg: #f7f7f2;--surface: #ffffff;--surface-muted: #f1f1ea;--text: #111111;--text-muted: #5f5f5f;--border: #d9d9cf;--accent: #111111;--accent-contrast: #ffffff;--container: 1120px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .04);--shadow-md: 0 10px 30px rgba(0, 0, 0, .06);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:var(--space-12)}.section-heading{display:grid;gap:var(--space-3);margin-bottom:var(--space-8)}.section-heading h2,.section-heading h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.section-heading p{margin:0;max-width:42rem;color:var(--text-muted);font-size:1rem}.subsection-heading{margin-bottom:var(--space-5)}.subsection-heading h3{margin:0;font-size:1.125rem;line-height:1.2}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.875rem 1.125rem;border-radius:999px;border:1px solid transparent;transition:.16s ease;font-weight:600}.button-primary{background:var(--accent);color:var(--accent-contrast)}.button-primary:hover{opacity:.92}.button-secondary{background:transparent;color:var(--text);border-color:var(--border)}.button-secondary:hover{background:var(--surface-muted)}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.text-link:hover{opacity:.75}.site-header{position:sticky;top:0;z-index:20;background:#f7f7f2eb;backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,217,207,.8);transition:transform .22s ease;will-change:transform}.site-header.header-hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:4.25rem;gap:var(--space-4)}.site-logo{font-weight:700;letter-spacing:-.02em}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;width:3.25rem;height:3.25rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:0}.menu-toggle-line{display:block;width:1rem;height:2px;background:var(--text);border-radius:999px;transition:transform .16s ease,opacity .16s ease}.menu-toggle[aria-expanded=true] .menu-toggle-line:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-line:last-child{transform:translateY(-3px) rotate(-45deg)}.desktop-nav{display:none}.desktop-nav ul,.mobile-nav ul,.footer-links{list-style:none;margin:0;padding:0}.mobile-nav{background:transparent}.mobile-nav .container{padding-top:var(--space-3);padding-bottom:var(--space-4)}.mobile-nav-panel{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow-sm);padding:1rem 1rem .85rem}.mobile-nav ul{display:grid;gap:.25rem}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:3rem;padding:.75rem .25rem;font-weight:600;border-bottom:1px solid rgba(217,217,207,.7)}.mobile-nav li:last-child a{border-bottom:0}.hero{padding-top:1.25rem;padding-bottom:var(--space-12)}.hero-inner{display:grid;gap:var(--space-8)}.hero-content{display:grid;gap:.875rem}.hero-name{margin:0;font-size:.9rem;font-weight:700;color:var(--text-muted)}.hero h1{margin:0;font-size:clamp(2.6rem,9vw,4.75rem);line-height:.92;letter-spacing:-.05em;max-width:11ch}.hero-description{margin:0;max-width:34rem;color:var(--text-muted);font-size:.96rem;line-height:1.55}.hero-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.hero-actions .button{width:100%}.hero-media{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.hero-media dotlottie-player{display:block;width:100%;max-width:100%}.hero-media-mobile{display:block;margin-block:0 .25rem}.hero-media-mobile dotlottie-player{height:150px}.hero-media-desktop{display:none}.projects{padding-top:var(--space-10);padding-bottom:var(--space-12)}.projects .section-heading{margin-bottom:var(--space-8)}.projects .section-heading h2{max-width:none}.projects .section-heading p{max-width:32rem}.projects-group+.projects-group{margin-top:var(--space-8)}.projects-group-hidden{display:grid;gap:var(--space-4)}.projects-toggle{width:100%}.more-projects-panel{display:grid;gap:var(--space-4);max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .32s ease,opacity .22s ease,transform .22s ease}.more-projects-panel-expanded{max-height:1400px;opacity:1;transform:translateY(0)}.subsection-heading{margin-bottom:var(--space-4)}.subsection-heading h3{margin:0;font-size:.78rem;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.projects-grid{display:grid;gap:var(--space-4)}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:1.35rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#c8c8bb}.project-card-unavailable:hover{transform:none}@media(pointer:fine){.project-card-unavailable,.project-card-unavailable *{cursor:none}}.project-card-link{display:block;height:100%}.project-card-image{width:100%;object-fit:cover;background:var(--surface-muted)}.project-card-content{display:grid;gap:.55rem;padding:.95rem 1rem 1rem}.project-card-content h4{margin:0;font-size:1.08rem;line-height:1.1;letter-spacing:-.02em}.project-category{margin:0;font-size:.76rem;line-height:1.3;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.project-summary{display:none}.project-cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.1rem;font-weight:700;font-size:.88rem}.project-card-unavailable .project-cta{color:var(--text-muted)}.gear-cursor{--cursor-x: -100px;--cursor-y: -100px;position:fixed;left:0;top:0;z-index:9999;width:44px;height:44px;pointer-events:none;opacity:0;transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0) scale(.82);transition:opacity .14s ease,transform .14s ease}.gear-cursor:before{content:"⚙";display:grid;width:100%;height:100%;place-items:center;border:1px solid rgba(17,17,17,.16);border-radius:999px;background:#ffffffe6;color:var(--text);font-size:1.45rem;line-height:1;box-shadow:0 10px 28px #0000001f;animation:gearCursorSpin .9s linear infinite}.gear-cursor-visible{opacity:1;transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0) scale(1)}@keyframes gearCursorSpin{to{rotate:360deg}}.projects-group:first-of-type .projects-grid{gap:var(--space-4)}.project-card-featured .project-card-image{aspect-ratio:16 / 8.5}.project-card-featured .project-card-content h4{font-size:1.14rem}.projects-group:last-of-type .projects-grid{gap:var(--space-3)}.projects-group:last-of-type .project-card-link{display:grid;grid-template-columns:88px 1fr;align-items:center;min-height:88px}.projects-group:last-of-type .project-card-image{width:88px;height:88px;aspect-ratio:1 / 1}.projects-group:last-of-type .project-card-content{padding:.65rem .75rem;align-content:center;gap:.35rem;min-height:88px;overflow:hidden}.projects-group:last-of-type .project-card-content h4{font-size:.92rem}.projects-group:last-of-type .project-category{font-size:.66rem}.projects-group:last-of-type .project-cta{font-size:.76rem}.projects-group:last-of-type .project-summary{display:none}.about-preview-content{display:grid;gap:var(--space-4);max-width:44rem}.about-preview-content p{margin:0;color:var(--text-muted)}.timeline-list{display:grid;gap:var(--space-5)}.timeline-item{position:relative;padding-left:var(--space-5);display:grid;gap:var(--space-2)}.timeline-item:before{content:"";position:absolute;left:.35rem;top:.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--text)}.timeline-item:after{content:"";position:absolute;left:.67rem;top:1.35rem;bottom:-1.5rem;width:1px;background:var(--border)}.timeline-list>.timeline-item:last-of-type:after,#timeline-extra .timeline-item:last-of-type:after{display:none}.timeline-list.timeline-expanded>.timeline-item:last-of-type:after{display:block}.timeline-period,.timeline-role{margin:0;color:var(--text-muted)}.timeline-company{margin:0;font-size:1.1rem;line-height:1.2}.timeline-extra{display:grid;gap:24px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .36s ease,opacity .22s ease,transform .22s ease}.timeline-extra-expanded{max-height:1400px;opacity:1;transform:translateY(0)}.timeline-toggle{margin-top:24px}.contact-cta-content{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contact-cta-content h2{margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1}.contact-cta-content p{margin:0;color:var(--text-muted);max-width:34rem}.site-footer{padding-top:0}.footer-inner{display:grid;gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--border)}.footer-name,.footer-role{margin:0}.footer-name{font-weight:700}.footer-role{color:var(--text-muted)}.footer-links{display:grid;gap:var(--space-3)}.footer-links a:hover{opacity:.75}.about-page-content,.contact-page-card,.resume-page-card{display:grid;gap:var(--space-6)}.about-block{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.about-block h2,.contact-page-content h2,.resume-page-content h2{margin:0;font-size:1.4rem;line-height:1.15}.about-block p,.contact-page-content p,.resume-page-content p{margin:0;color:var(--text-muted)}.about-list,.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.contact-page-card,.resume-page-card{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contact-page-content,.resume-page-content{display:grid;gap:var(--space-4);max-width:42rem}.contact-list li{display:grid;gap:var(--space-1)}.contact-list a:hover{opacity:.75}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.nav-link-button{appearance:none;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.desktop-nav .nav-link-button{color:var(--text-muted);font-weight:600}.desktop-nav .nav-link-button:hover{color:var(--text)}.mobile-nav .nav-link-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3rem;padding:.75rem .25rem;font-weight:600;border-bottom:1px solid rgba(217,217,207,.7)}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:1000}.modal-overlay{position:fixed;inset:0;background:#11111173;border:0;padding:0;margin:0}.modal-dialog{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);z-index:1001;width:min(calc(100vw - 2rem),36rem);max-height:calc(100vh - 2rem);overflow:auto}.modal-close{position:absolute;top:.85rem;right:.85rem;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:2}.modal .resume-page-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:1.75rem;box-shadow:var(--shadow-md)}html.modal-open,body.modal-open{overflow:hidden}@media(min-width:768px){.section{padding-block:var(--space-16)}.menu-toggle,.mobile-nav{display:none}.desktop-nav{display:block}.desktop-nav ul{display:flex;align-items:center;gap:var(--space-5)}.desktop-nav a{color:var(--text-muted);font-weight:600}.desktop-nav a:hover{color:var(--text)}.hero{padding-top:var(--space-10);padding-bottom:var(--space-16)}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.hero-content{gap:var(--space-5)}.hero h1{max-width:8ch;font-size:clamp(3.8rem,6vw,5.5rem)}.hero-description{font-size:1rem;max-width:32rem}.hero-actions{flex-direction:row;flex-wrap:wrap;margin-top:var(--space-1)}.hero-actions .button{width:auto}.hero-media-mobile{display:none}.hero-media-desktop{display:block}.hero-media-desktop dotlottie-player{height:420px}.projects{padding-top:var(--space-16);padding-bottom:var(--space-16)}.projects .section-heading{margin-bottom:var(--space-12)}.projects-group+.projects-group{margin-top:var(--space-12)}.projects-toggle{width:fit-content}.subsection-heading{margin-bottom:var(--space-6)}.subsection-heading h3{font-size:.82rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.project-card-link,.project-card-featured .project-card-link{display:block}.projects-group:last-of-type .project-card-link{display:grid;grid-template-columns:120px 1fr;min-height:120px}.project-card-image,.project-card-featured .project-card-image{width:100%;aspect-ratio:16 / 9;height:auto}.projects-group:last-of-type .project-card-image{width:120px;height:120px;aspect-ratio:1 / 1}.project-card-content,.project-card-featured .project-card-content{gap:var(--space-3);padding:var(--space-5)}.projects-group:last-of-type .project-card-content{gap:.45rem;padding:.8rem .9rem;min-height:120px}.project-card-content h4,.project-card-featured .project-card-content h4{font-size:1.14rem}.projects-group:last-of-type .project-card-content h4{font-size:.98rem}.project-category,.project-card-featured .project-category{font-size:.78rem}.projects-group:last-of-type .project-category{font-size:.68rem}.project-cta,.project-card-featured .project-cta{font-size:.9rem}.projects-group:last-of-type .project-cta{font-size:.78rem}.project-summary{display:block;margin:0;font-size:.92rem;line-height:1.5;color:var(--text-muted)}.project-card-featured .project-card-image{aspect-ratio:16 / 10}.project-card-featured .project-card-content h4{font-size:1.45rem}.project-card-featured .project-summary{font-size:.98rem}.footer-inner{grid-template-columns:1fr auto;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-5)}.about-page-content{gap:var(--space-8)}.contact-page-card,.resume-page-card,.about-block{padding:var(--space-8)}}@media(min-width:1024px){.project-card-featured .project-card-content h4{font-size:1.4rem}.contact-cta-content{padding:var(--space-8)}}