:root{color-scheme:light;--bg: #e6eaf2;--surface: #e6eaf2;--surface-raised: #eaeef5;--shadow-light: #ffffff;--shadow-dark: #b9c1d0;--neu-out: 8px 8px 18px var(--shadow-dark), -8px -8px 18px var(--shadow-light);--neu-out-sm: 4px 4px 10px var(--shadow-dark), -4px -4px 10px var(--shadow-light);--neu-in: inset 4px 4px 10px var(--shadow-dark), inset -4px -4px 10px var(--shadow-light);--text: #171a21;--text-muted: #3f4756;--accent: #0b5cad;--accent-strong: #084a8c;--accent-soft: #cfdcf0;--social-github: #171515;--social-linkedin: #0a66c2;--on-accent: #ffffff;--focus: #b5480f;--border-subtle: color-mix(in srgb, var(--text) 22%, var(--bg));--radius-s: 10px;--radius-m: 16px;--radius-l: 28px;--font-body: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--rail-width: 84px;--section-pad: clamp(3rem, 8vh, 6rem)}[data-theme=dark]{color-scheme:dark;--bg: #1b1f27;--surface: #1b1f27;--surface-raised: #20252f;--shadow-light: #272e3b;--shadow-dark: #0f1218;--text: #eef1f6;--text-muted: #b6bfcd;--accent: #7cb8ff;--accent-strong: #a3ccff;--accent-soft: #253141;--social-github: #e7edf5;--social-linkedin: #8fc5ff;--on-accent: #0d1117;--focus: #ffb454;--border-subtle: color-mix(in srgb, var(--text) 24%, var(--bg))}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,canvas{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;text-wrap:balance;font-weight:700}a{color:var(--accent)}a:hover{color:var(--accent-strong)}ul[role=list],ol[role=list]{list-style:none;padding:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.75rem 1.25rem;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-s);text-decoration:none;font-weight:600;transition:top .15s ease}.skip-link:focus-visible{top:1rem;color:var(--on-accent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.neu-card{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--neu-out);padding:clamp(1.25rem,3vw,2rem)}.neu-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;min-width:48px;padding:.75rem 1.5rem;background:var(--surface);color:var(--accent-strong);font:inherit;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-m);box-shadow:var(--neu-out-sm);cursor:pointer;transition:box-shadow .18s ease,color .18s ease,transform .18s ease}.neu-button:hover{color:var(--accent);transform:translateY(-1px)}.neu-button:active,.neu-button[aria-pressed=true]{box-shadow:var(--neu-in);transform:none}.neu-button--accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent-strong)}.neu-button--accent:hover{color:var(--on-accent);background:var(--accent-strong)}.neu-ring{border-radius:50%;padding:12px;background:var(--surface);box-shadow:var(--neu-out)}.neu-ring img{border-radius:50%;aspect-ratio:1;object-fit:cover}.about-photo.neu-ring{border-radius:1.25rem}.about-photo.neu-ring img{border-radius:1rem;aspect-ratio:3 / 4}.chip-row,.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.chip{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:var(--surface);box-shadow:var(--neu-in);color:var(--text-muted);font-size:.85rem;font-weight:600;white-space:nowrap}.theme-toggle{padding:.6rem;border-radius:50%}.theme-toggle-icon{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6c453,#e8a020);box-shadow:0 0 6px #e8a020b3;transition:background .2s ease,box-shadow .2s ease}[data-theme=dark] .theme-toggle-icon{background:radial-gradient(circle at 60% 35%,#dfe6f2 55%,transparent 56%),radial-gradient(circle at 45% 50%,#aab6cc,#77839b);box-shadow:0 0 6px #aab6cc80}.side-rail{position:fixed;top:50%;right:1.25rem;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.rail-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:.9rem .6rem;background:var(--surface);border-radius:999px;box-shadow:var(--neu-out)}.rail-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;text-decoration:none}.rail-dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--neu-in);transition:background .18s ease,transform .18s ease}.rail-link[aria-current=true] .rail-dot{background:var(--accent);border-color:var(--accent-strong);transform:scale(1.25)}.rail-label{position:absolute;right:calc(100% + .9rem);top:50%;transform:translateY(-50%) translate(6px);padding:.4rem .9rem;border-radius:var(--radius-s);background:var(--surface);box-shadow:var(--neu-out-sm);color:var(--accent-strong);font-size:.85rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.rail-link:hover .rail-label,.rail-link:focus-visible .rail-label,.rail-link[aria-current=true] .rail-label{opacity:1;transform:translateY(-50%) translate(0)}.menu-fab{display:none;position:fixed;right:1.1rem;bottom:1.35rem;z-index:60;width:58px;height:58px;padding:0;border-radius:50%}.menu-fab-icon{display:flex;flex-direction:column;gap:5px}.menu-fab-icon span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--accent-strong)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav[hidden]{display:none}.mobile-nav-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0;text-align:center}.mobile-nav-list a{display:block;min-width:220px;padding:.85rem 2rem;border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--neu-out-sm);color:var(--accent-strong);font-size:1.15rem;font-weight:600;text-decoration:none}.mobile-theme-toggle{gap:.65rem}@media(max-width:899px){.side-rail{display:none}.menu-fab{display:inline-flex}}main{display:block}.section{padding:var(--section-pad) clamp(1.25rem,6vw,5rem);padding-right:calc(clamp(1.25rem,6vw,5rem) + var(--rail-width));max-width:1280px;margin-inline:auto}.section-title{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.75rem}.section-sub{color:var(--text-muted);margin-bottom:2rem;max-width:55ch}.subsection-title{font-size:clamp(1.2rem,2.5vw,1.5rem);margin:3rem 0 1.25rem}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,6vw,5rem);padding-right:calc(clamp(1.5rem,6vw,5rem) + var(--rail-width));overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 65% 40%,var(--accent-soft),transparent 70%)}.hero-bg canvas{width:100%;height:100%}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1180px;margin-inline:auto;width:100%}.eyebrow{color:var(--accent-strong);font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.hero h1{font-size:clamp(2.6rem,7vw,4.8rem);letter-spacing:-.02em;margin-bottom:1rem}.hero-tagline{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:600;color:var(--text);margin-bottom:1rem}.hero-lede{color:var(--text-muted);max-width:58ch;margin-bottom:2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.hero-portrait{width:min(320px,70vw);justify-self:center}.scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1;color:var(--text-muted);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem;align-items:start}.about-copy p+p{margin-top:1rem}.about-photo{width:min(220px,50vw);justify-self:center}@media(min-width:900px){.about-grid{align-items:stretch}.about-photo.neu-ring picture{height:100%}.about-photo.neu-ring img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}}.about-cards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.mini-card h3{color:var(--accent-strong);font-size:1.05rem;margin-bottom:.5rem}.mini-card p{color:var(--text-muted);font-size:.95rem}.section--timeline{max-width:none;padding-right:clamp(1.25rem,6vw,5rem)}.section--timeline .section-title,.section--timeline .section-sub{max-width:1280px;margin-inline:auto;padding-right:var(--rail-width)}.section--timeline .section-sub{margin-bottom:2.5rem}.tl-viewport{overflow-x:clip;overflow-y:visible}.tl-track{display:flex;gap:clamp(1.5rem,3vw,2.5rem);padding:2.5rem clamp(1.25rem,6vw,5rem) 3rem;margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;position:relative}.tl-track:before{content:"";position:absolute;top:.4rem;left:0;width:100%;height:3px;border-radius:2px;background:var(--border-subtle)}.tl-item{flex:0 0 auto;width:min(480px,82vw);scroll-snap-align:start;position:relative;padding-top:1.6rem}.tl-item:before{content:"";position:absolute;top:0;left:1.25rem;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--accent-strong)}.tl-card{height:100%}.tl-dates{color:var(--accent-strong);font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.tl-card h3{font-size:1.3rem;margin-bottom:.25rem}.tl-org{color:var(--text-muted);font-weight:600;margin-bottom:.9rem}.tl-card ul{padding-left:1.1rem;color:var(--text-muted);font-size:.95rem;display:grid;gap:.5rem}.tl-card--featured{border:1px solid var(--accent)}.section--timeline.is-pinned .tl-track{overflow-x:visible;scroll-snap-type:none}.tl-wrapper{position:relative}.tl-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surface);box-shadow:var(--neu-out);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:color .2s,opacity .2s}.tl-btn:hover{color:var(--accent-strong)}.tl-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.tl-btn--prev{left:clamp(.25rem,1.5vw,.75rem)}.tl-btn--next{right:clamp(.25rem,1.5vw,.75rem)}.project-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;margin-bottom:2.5rem}.project-feature h3{font-size:1.5rem;margin-bottom:.75rem}.project-feature p{color:var(--text-muted)}.project-feature-media{display:grid;gap:1rem;align-content:start}.project-feature-media img,.project-feature-media video{border-radius:var(--radius-m);box-shadow:var(--neu-out-sm);width:100%;height:auto}.thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.media-note{font-size:.85rem;color:var(--text-muted)}.project-carousel{position:relative}.carousel-viewport{overflow:hidden;border-radius:var(--radius-m)}.carousel-track{display:flex;list-style:none;margin:0;padding:0;will-change:transform;transition:transform .55s cubic-bezier(.4,0,.2,1)}.carousel-slide{flex:0 0 100%;min-width:0;position:relative}.carousel-slide img,.carousel-slide video{aspect-ratio:4 / 3;object-fit:cover;object-position:center}.carousel-slide img{cursor:zoom-in}.carousel-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 1rem));z-index:4;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface);box-shadow:var(--neu-out);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:color .2s,opacity .2s}.carousel-btn:hover{color:var(--accent-strong)}.carousel-btn--prev{left:.5rem}.carousel-btn--next{right:.5rem}.carousel-pips{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;padding-top:.75rem}.carousel-pip{width:7px;height:7px;border-radius:50%;background:var(--border-subtle);border:none;padding:0;cursor:pointer;flex-shrink:0;transition:background .2s,transform .2s}.carousel-pip.is-active{background:var(--accent);transform:scale(1.4)}.carousel-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000e0}.carousel-lb>img{max-width:92vw;max-height:90vh;width:auto;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:var(--radius-m);box-shadow:0 8px 40px #0009;cursor:default}.carousel-lb-close{position:absolute;top:1rem;right:1rem;background:var(--surface);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);box-shadow:var(--neu-out);transition:color .2s}.carousel-lb-close:hover{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.card-grid--enterprise{display:flex;flex-wrap:wrap;justify-content:center}.card-grid--enterprise>li{flex:1 1 326px;max-width:326px}.card-grid--gallery{display:flex;flex-wrap:wrap;justify-content:center}.card-grid--gallery>li{flex:1 1 260px;max-width:326px}.text-card h4{font-size:1.15rem;color:var(--accent-strong);margin-bottom:.6rem}.text-card p{color:var(--text-muted);font-size:.95rem}.shot-card{padding:1rem;display:grid;gap:.75rem;align-content:start}.shot-card img,.shot-card video{border-radius:var(--radius-s);aspect-ratio:16 / 10;object-fit:cover;object-position:top;width:100%}.shot-card h4{font-size:1rem;padding:0 .25rem .25rem}.shot-card:hover img{opacity:.85}.shot-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center}.lb-overlay[hidden]{display:none}.lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lb-frame{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(92vw,1100px);max-height:90svh}.lb-img-wrap{display:flex;align-items:center;justify-content:center;width:100%}.lb-img{max-width:100%;max-height:78svh;border-radius:var(--radius-m);box-shadow:0 8px 40px #0009;object-fit:contain;display:block}.lb-caption{color:#ffffffb8;font-size:.9rem;text-align:center}.lb-close{position:absolute;top:-3.5rem;right:0;padding:.55rem;border-radius:50%;min-width:40px;min-height:40px}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);padding:.65rem;border-radius:50%;min-width:44px;min-height:44px;z-index:2}.lb-prev{left:-3.5rem}.lb-next{right:-3.5rem}@media(max-width:699px){.lb-prev{left:-.25rem}.lb-next{right:-.25rem}.lb-close{top:-3rem;right:.25rem}.lb-img{max-height:68svh}}@media(prefers-reduced-motion:no-preference){.lb-img{animation:lb-fadein .16s ease both}@keyframes lb-fadein{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}}.card-grid--skills{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-card h3{font-size:1.1rem;color:var(--accent-strong);margin-bottom:.75rem}.card-grid--certs{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cert-card{display:grid;gap:.9rem;align-content:start;padding:1.25rem}.cert-card img{border-radius:var(--radius-s);width:100%;height:auto}.cert-card h3{font-size:1rem}.cert-card--text ul{padding-left:1.1rem;color:var(--text-muted);display:grid;gap:.4rem}.course-list{margin-top:2rem}.course-list summary{cursor:pointer;font-weight:700;color:var(--accent-strong);padding:.25rem}.course-list ul{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;padding:0}.course-list li a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;border-radius:var(--radius-s);box-shadow:var(--neu-in);text-decoration:none;font-weight:600;color:var(--accent-strong)}.pdf-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;border-radius:999px;background:var(--accent);color:var(--on-accent)}.section--resume{max-width:1100px}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,2.5rem);align-items:start}.resume-card{display:grid;gap:1.25rem;border:1.5px solid transparent;transition:border-color .24s ease,box-shadow .24s ease}.resume-card--light{border-color:var(--accent)}[data-theme=dark] .resume-card--light{border-color:transparent}[data-theme=dark] .resume-card--dark{border-color:var(--accent)}.resume-card-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.resume-card-header h3{font-size:1.15rem;flex:1}.resume-badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;background:var(--accent);color:var(--on-accent);white-space:nowrap}.resume-badge--light{display:inline-block}.resume-badge--dark,[data-theme=dark] .resume-badge--light{display:none}[data-theme=dark] .resume-badge--dark{display:inline-block}.resume-card--dark .resume-badge--light,.resume-card--light .resume-badge--dark{background:var(--surface);color:var(--text-muted);box-shadow:var(--neu-in)}[data-theme=dark] .resume-card--dark .resume-badge--dark{background:var(--accent);color:var(--on-accent);box-shadow:none}[data-theme=dark] .resume-card--light .resume-badge--light{background:var(--surface);color:var(--text-muted);box-shadow:var(--neu-in)}.resume-preview-wrap{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--neu-in);line-height:0}.resume-thumb{width:100%;height:auto;display:block;border-radius:var(--radius-m)}.resume-download{justify-content:center;gap:.6rem;width:100%}@media(max-width:699px){.resume-grid{grid-template-columns:1fr}}.section--contact{text-align:center}.section--contact .section-sub{margin-inline:auto}.contact-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:2rem 0}.contact-socials{display:inline-flex;gap:.75rem}.social-link{min-width:52px;width:52px;padding:.75rem}.social-icon{width:1.3rem;height:1.3rem}.social-link--github:hover,.social-link--github:focus-visible{color:var(--social-github)}.social-link--linkedin:hover,.social-link--linkedin:focus-visible{color:var(--social-linkedin)}.contact-location{color:var(--text-muted)}.site-footer{padding:2.5rem clamp(1.25rem,6vw,5rem);text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:899px){.section,.hero{padding-right:clamp(1.25rem,6vw,5rem)}.section--timeline .section-title,.section--timeline .section-sub{padding-right:0}.hero-inner{grid-template-columns:1fr;text-align:center}.hero-cta{justify-content:center}.hero-portrait{order:-1}.about-grid,.project-feature{grid-template-columns:1fr}.about-photo{order:-1}}@media(max-width:599px){.thumb-row{grid-template-columns:1fr}.tl-item{width:86vw}.social-link{min-width:48px;width:48px;padding:.65rem}}