:root{--canvas:#fcfcfd;--surface:#ffffff;--ink:#182230;--muted:#667085;--line:#e4e7ec;--accent:#2563eb;--accent-soft:#eaf1ff;--header-height:66px}html[data-theme=dark]{--canvas:#171b22;--surface:#202630;--ink:#f1f5f9;--muted:#a8b3c3;--line:#353e4b;--accent:#8babff;--accent-soft:#203357}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:avenir next,helvetica neue,sans-serif;font-size:16px;min-height:100%}body{margin:0}a{color:inherit}.site-header{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--canvas) 91%,transparent);border-bottom:1px solid var(--line);left:0;position:sticky;right:0;top:0;z-index:10}.site-nav,main#content,.site-footer{margin:0 auto;max-width:1120px;padding-left:32px;padding-right:32px}.site-nav{align-items:center;display:flex;height:var(--header-height);justify-content:space-between}.site-brand,.nav-links a,.theme-toggle,.footer-links a,.text-action,.primary-action{text-decoration:none}.nav-links a,.footer-links a,.contact-links a,.primary-action{align-items:center;display:inline-flex;gap:7px}.nav-links svg,.footer-links svg,.contact-links svg,.primary-action svg{fill:none;flex:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:15px}.site-brand{font-size:.98rem;font-weight:700}.nav-actions,.nav-links{align-items:center;display:flex}.nav-actions{gap:18px}.nav-links{gap:20px}.nav-links a,.footer-links a{color:var(--muted);font-size:.88rem}.nav-links a:hover,.footer-links a:hover,.text-action:hover{color:var(--accent)}.theme-toggle{background:0 0;border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:7px 10px}.theme-toggle-dark{display:none}html[data-theme=dark] .theme-toggle-light{display:none}html[data-theme=dark] .theme-toggle-dark{display:inline}main#content{min-height:calc(100vh - 227px)}.portfolio-home{padding:124px 0 104px}.portfolio-intro{max-width:790px;padding-bottom:132px}.eyebrow{color:var(--accent);font-size:.73rem;font-weight:700;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}.portfolio-intro h1,.page-heading h1{font-size:clamp(3.1rem,8vw,6.4rem);letter-spacing:0;line-height:.98;margin:0}.intro-copy{color:var(--muted);font-size:1.25rem;line-height:1.6;margin:28px 0 34px;max-width:680px}.intro-actions,.section-heading-row,.project-card-copy,.content-list-item{align-items:center;display:flex}.intro-actions{gap:24px}.primary-action{background:var(--ink);border:1px solid var(--ink);border-radius:5px;color:var(--canvas);font-size:.92rem;font-weight:700;padding:12px 18px}.primary-action:hover{opacity:.85}.text-action{color:var(--ink);font-size:.92rem;font-weight:700}.portfolio-section{padding-bottom:120px}.section-heading{margin-bottom:42px}.section-heading h2{font-size:2rem;letter-spacing:0;margin:0}.section-heading-row{justify-content:space-between}.focus-grid,.project-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-item{border-top:1px solid var(--line);padding:22px 4px 0}.focus-index{color:var(--muted);display:block;font-size:.78rem;margin-bottom:42px}.focus-item h3,.project-card h3{font-size:1.04rem;letter-spacing:0;margin:0}.focus-item p,.project-card p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:8px 0 0}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);overflow:hidden;text-decoration:none;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.project-card:hover{border-color:#a7b5cc;box-shadow:0 10px 28px rgba(15,23,42,.12);color:var(--ink);transform:translateY(-3px)}.project-card-art{align-items:center;background:var(--accent-soft);display:flex;height:174px;justify-content:center}.project-card-art span{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.16em}.project-card-cirrus .project-card-art{background:#d8f3ee}.project-card-cirrus .project-card-art span{color:#155e75}.project-card-carpool .project-card-art{background:#fef3c7}.project-card-carpool .project-card-art span{color:#92400e}html[data-theme=dark] .project-card-cirrus .project-card-art{background:#163a3a}html[data-theme=dark] .project-card-cirrus .project-card-art span{color:#89d6d0}html[data-theme=dark] .project-card-carpool .project-card-art{background:#493714}html[data-theme=dark] .project-card-carpool .project-card-art span{color:#f8d98d}.project-card-art-image{background:#f3f4f6;padding:32px}.project-card-art-image img{max-height:105px;max-width:100%;object-fit:contain}.project-card-copy{justify-content:space-between;padding:18px}.project-arrow{color:var(--muted);font-size:1.25rem}.contact-section{border-top:1px solid var(--line);padding:84px 0 4px}.contact-section h2{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:0;line-height:1.06;margin:0;max-width:620px}.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.contact-links a{background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:.9rem;font-weight:700;padding:11px 13px;text-decoration:none;text-transform:capitalize}.contact-links a:hover{border-color:var(--accent);color:var(--accent)}.content-page{padding:110px 0 104px}.content-page-narrow{max-width:790px}.page-heading{margin-bottom:58px}.page-heading h1{font-size:clamp(2.8rem,6vw,4.8rem)}.page-date{color:var(--muted);margin:18px 0 0}.article-content{color:var(--ink);line-height:1.7}.article-content h2{font-size:1.55rem;letter-spacing:0;margin:44px 0 14px}.article-content h3{font-size:1.15rem;margin:30px 0 10px}.article-content p,.article-content li{color:var(--muted)}.article-content a{color:var(--accent)}.article-content img,.article-content iframe{border-radius:6px;max-width:100%}.article-content iframe{aspect-ratio:16/9;border:0;height:auto;width:100%}.content-list{border-top:1px solid var(--line)}.content-list-item{border-bottom:1px solid var(--line);gap:20px;padding:22px 0;text-decoration:none}.content-list-item h2{flex:1;font-size:1.1rem;margin:0}.content-list-item span{color:var(--muted);font-size:.83rem}.content-list-item:hover h2{color:var(--accent)}.empty-state{min-height:60vh}.page-lede{color:var(--muted);font-size:1.15rem;line-height:1.6;margin:22px 0 0;max-width:720px}.gallery-page{max-width:1180px}.gallery-heading{margin-bottom:48px}.project-gallery{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.gallery-card-cover{align-items:flex-start;background:var(--accent-soft);display:flex;flex-direction:column;height:128px;justify-content:space-between;padding:18px}.gallery-card-cover span{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.gallery-card-cover p{color:var(--muted);font-size:.8rem;margin:0}.gallery-card-green .gallery-card-cover{background:#ddf5ec}.gallery-card-green .gallery-card-cover span{color:#177052}.gallery-card-yellow .gallery-card-cover{background:#fff3cc}.gallery-card-yellow .gallery-card-cover span{color:#996900}.gallery-card-red .gallery-card-cover{background:#ffebe8}.gallery-card-red .gallery-card-cover span{color:#b42318}.gallery-card-dark .gallery-card-cover{background:#e8edf5}.gallery-card-dark .gallery-card-cover span{color:#344054}.gallery-card-cloud .gallery-card-cover{background:#e4f6f4}.gallery-card-cloud .gallery-card-cover span{color:#167a78}.gallery-card-purple .gallery-card-cover{background:#f0edff}.gallery-card-purple .gallery-card-cover span{color:#5d4bb7}html[data-theme=dark] .gallery-card-green .gallery-card-cover{background:#173d32}html[data-theme=dark] .gallery-card-yellow .gallery-card-cover{background:#493714}html[data-theme=dark] .gallery-card-red .gallery-card-cover{background:#472c2a}html[data-theme=dark] .gallery-card-dark .gallery-card-cover{background:#343b47}html[data-theme=dark] .gallery-card-cloud .gallery-card-cover{background:#173b3a}html[data-theme=dark] .gallery-card-purple .gallery-card-cover{background:#363152}.gallery-card-body{padding:22px}.gallery-card-body h2{font-size:1.23rem;letter-spacing:0;margin:0}.gallery-card-body>p{color:var(--muted);line-height:1.55;margin:10px 0 18px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 20px;padding:0}.tag-list li{background:var(--accent-soft);border-radius:3px;color:var(--accent);font-size:.76rem;padding:4px 7px}.card-highlights{border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;line-height:1.5;margin:0;padding:16px 0 0 18px}.card-highlights li+li{margin-top:8px}.card-link{color:var(--accent);display:inline-block;font-size:.86rem;font-weight:700;margin-top:20px;text-decoration:none}.showcase-page{max-width:1180px}.showcase-heading{margin-bottom:42px}.carousel-shell{position:relative}.carousel-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.carousel-button{background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer;font-size:1.1rem;height:36px;line-height:1;width:36px}.carousel-button:hover{border-color:var(--accent);color:var(--accent)}.showcase-carousel{display:grid;gap:20px;grid-auto-columns:minmax(78%,820px);grid-auto-flow:column;grid-template-rows:1fr;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 18px;scroll-snap-type:inline mandatory;scrollbar-color:var(--line)transparent;scrollbar-width:thin}.showcase-slide{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;scroll-snap-align:start}.showcase-video{aspect-ratio:16/9;background:#111827}.showcase-video iframe{border:0;height:100%;width:100%}.showcase-slide>div:last-child{padding:22px}.showcase-slide h2{font-size:1.3rem;letter-spacing:0;margin:0}.showcase-slide>div:last-child>p:last-child{color:var(--muted);line-height:1.55;margin:10px 0 0}.experience-page{max-width:950px}.experience-list{border-top:1px solid var(--line)}.experience-entry{display:grid;gap:56px;grid-template-columns:180px 1fr;padding:32px 0;border-bottom:1px solid var(--line)}.experience-meta p{color:var(--muted);font-size:.82rem;margin:0 0 8px}.experience-company{color:var(--accent);font-size:.9rem;font-weight:700;margin:0 0 8px}.experience-content h2{font-size:1.35rem;letter-spacing:0;margin:0}.experience-content>p:not(.experience-company){color:var(--muted);line-height:1.55}.experience-content ul{color:var(--muted);line-height:1.55;margin:18px 0 0;padding-left:18px}.experience-content li+li{margin-top:8px}.cv-page{max-width:900px}.cv-section{margin-top:64px}.cv-section>h2{border-bottom:1px solid var(--line);font-size:1.5rem;letter-spacing:0;margin:0;padding-bottom:14px}.cv-list{display:grid}.cv-entry{border-bottom:1px solid var(--line);display:flex;gap:28px;justify-content:space-between;padding:22px 0}.cv-entry h3{font-size:1rem;margin:0 0 8px}.cv-entry p{color:var(--muted);font-size:.9rem;margin:5px 0}.cv-entry p span{margin-left:8px}.cv-entry time{color:var(--muted);flex:0 0 190px;font-size:.82rem;text-align:right}.skills-list{margin:0}.skills-list div{border-bottom:1px solid var(--line);display:grid;gap:30px;grid-template-columns:180px 1fr;padding:18px 0}.skills-list dt{font-size:.9rem;font-weight:700}.skills-list dd{color:var(--muted);line-height:1.5;margin:0}.site-footer{align-items:flex-end;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:36px;padding-top:28px}.site-footer p{font-size:.88rem;font-weight:700;margin:0 0 6px}.site-footer span{color:var(--muted);font-size:.78rem}.footer-links{display:flex;gap:16px;text-transform:capitalize}@media(max-width:720px){.site-nav,main#content,.site-footer{padding-left:20px;padding-right:20px}.nav-links{gap:12px}.nav-links a{font-size:.78rem}.nav-links svg{height:14px;width:14px}.nav-links a:nth-child(3),.nav-links a:nth-child(4){display:none}.nav-actions{gap:10px}.portfolio-home{padding:82px 0 72px}.portfolio-intro{padding-bottom:84px}.intro-copy{font-size:1.08rem}.focus-grid,.project-grid{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr}.focus-index{margin-bottom:18px}.portfolio-section{padding-bottom:80px}.contact-section{padding-top:64px}.section-heading-row{align-items:flex-end}.section-heading-row .text-action{white-space:nowrap}.content-page{padding:76px 0}.showcase-carousel{grid-auto-columns:100%}.experience-entry,.skills-list div{gap:12px;grid-template-columns:1fr}.experience-meta{display:flex;gap:12px}.experience-meta p{margin:0}.cv-entry{flex-direction:column;gap:8px}.cv-entry time{flex:auto;text-align:left}.site-footer{align-items:flex-start;flex-direction:column;gap:18px}}