:root{color:#111514;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #111514;--muted: #626966;--line: #d9dfdc;--paper: #f5f7fb;--surface: #ffffff;--blue: #0c63ce;--green: #15996b;--coral: #e75d45;--yellow: #f1c232}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:0;background:linear-gradient(rgba(20,23,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,22,.035) 1px,transparent 1px),var(--paper);background-size:42px 42px}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;margin:16px 0 0;padding:10px 12px 10px 16px;border:1px solid rgba(20,23,22,.1);border-radius:8px;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #10131214}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand img{width:36px;height:36px;border-radius:50%}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:10px 13px;border-radius:999px;color:#353b39;font-weight:650}.nav a:hover,.nav a:focus-visible{color:var(--blue);background:#eef5ff}.section-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:48px}.hero{padding:86px 0 92px}.eyebrow{display:inline-flex;align-items:center;margin:0 0 14px;color:var(--blue);font-size:.86rem;font-weight:800;text-transform:uppercase}.hero h1,.section-heading h2,.contact-section h2{margin:0;max-width:860px;line-height:.98;font-size:4.7rem;letter-spacing:0}.hero-lead{max-width:710px;margin:24px 0 0;color:#303634;font-size:1.18rem;line-height:1.75}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink);box-shadow:0 14px 34px #10131238}.button-secondary{color:var(--ink);background:#fff;border-color:var(--line)}.button-light{color:#fff;border-color:#ffffff2e;background:#ffffff1a}.profile-panel{display:grid;gap:22px;padding:24px;border:1px solid #cfd8d3;border-radius:8px;background:#fff;box-shadow:0 24px 70px #1013121f}.profile-image-wrap{position:relative;border-radius:8px;background:linear-gradient(135deg,#0c63ce1f,#15996b29),#edf6f4;overflow:hidden}.profile-image-wrap:after{position:absolute;right:0;bottom:0;left:0;height:10px;content:"";background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--coral))}.profile-image{width:min(310px,82%);aspect-ratio:1;margin:26px auto 10px;border-radius:50%;object-fit:cover}.profile-meta{display:flex;flex-wrap:wrap;gap:10px}.availability,.location,.static-note{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;font-weight:800}.availability{color:#0c5c40;background:#e7f7ef}.location,.static-note{color:#4a3b00;background:#fff5ca}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.hero-proof strong{display:block;margin-bottom:4px;font-size:1.04rem}.hero-proof span{color:var(--muted);line-height:1.45}.intro-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:34px 0 108px;border:1px solid #222825;border-radius:8px;overflow:hidden;background:#222825;color:#fff}.intro-band div{min-height:228px;padding:28px;background:var(--ink)}.intro-band svg{color:var(--yellow)}.intro-band h2{margin:42px 0 12px;font-size:1.28rem}.intro-band p{margin:0;color:#cdd5d1;line-height:1.65}.content-section{margin:0 0 120px;scroll-margin-top:120px}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.contact-section h2{font-size:3.35rem}.section-heading p:not(.eyebrow),.contact-section p{margin:18px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.75}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;box-shadow:0 20px 54px #10131214}.project-card>img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--line);background:#eef1f0}.project-body{padding:24px}.project-title-row{display:grid;gap:6px;margin-bottom:14px}.project-title-row h3{margin:0;font-size:1.7rem}.project-title-row span{color:var(--green);font-weight:800}.project-body p{margin:0;color:#444b48;line-height:1.68}.tag-list,.skill-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0;list-style:none}.tag-list li,.skill-cloud li{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #d7dfdb;border-radius:999px;background:#f8faf9;color:#27302c;font-size:.92rem;font-weight:750}.split-section{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:54px;align-items:start}.sticky-heading{position:sticky;top:110px}.skills-panel{display:grid;gap:18px}.skill-group{padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff}.skill-group h3{margin:0 0 14px;font-size:1.45rem}.skill-group p{max-width:620px;margin:0;color:var(--muted);line-height:1.6}.muted-group{background:#f1f5f3}.timeline{display:grid;gap:16px}.timeline-item{position:relative;padding:26px 26px 26px 30px;border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:8px;background:#fff}.timeline-item:nth-child(2){border-left-color:var(--green)}.timeline-item:nth-child(3){border-left-color:var(--coral)}.timeline-item span{display:inline-flex;margin-bottom:12px;color:var(--blue);font-weight:850}.timeline-item h3{margin:0 0 9px;font-size:1.32rem}.timeline-item p{margin:0;color:var(--muted);line-height:1.7}.contact-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin:0 0 28px;padding:42px;border-radius:8px;background:linear-gradient(90deg,rgba(12,99,206,.18),transparent 34%),var(--ink);color:#fff;scroll-margin-top:120px}.contact-section .eyebrow{color:#87d8b8}.contact-section p{color:#d5ddda}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 42px;color:#3d4541;font-weight:750}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.footer-links a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.footer-links a:hover,.footer-links a:focus-visible{border-color:var(--blue);color:var(--blue)}.palette-page{padding-bottom:72px}.palette-topbar{margin-bottom:72px}.palette-back{min-height:40px}.palette-hero{max-width:880px;margin-bottom:64px}.palette-hero h1{margin:0;color:var(--ink);font-size:4.2rem;line-height:1}.palette-hero p:not(.eyebrow){max-width:720px;margin:22px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.75}.palette-section{margin-bottom:34px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;box-shadow:0 18px 54px #1013120f}.palette-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.palette-heading svg{margin-top:6px;color:var(--blue)}.palette-heading h2{margin:0 0 6px;font-size:1.8rem}.palette-heading p{margin:0;color:var(--muted);line-height:1.6}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.color-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;min-height:132px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.color-swatch{min-height:100%;border:1px solid rgba(20,23,22,.12);border-radius:8px}.color-card h3,.component-demo h3,.note-card h3{margin:0 0 8px;font-size:1.05rem}.color-card code,.type-row code{display:inline-flex;width:fit-content;margin-bottom:8px;padding:4px 7px;border:1px solid #d7dfdb;border-radius:6px;background:#f8faf9;color:#27302c;font-size:.85rem}.color-card strong{display:block;margin-bottom:8px}.color-card p,.note-card p,.component-demo p{margin:0;color:var(--muted);line-height:1.55}.type-specimen{display:grid;gap:1px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--line)}.type-row{display:grid;gap:12px;padding:22px;background:#fff}.type-row>span{color:var(--blue);font-weight:850;text-transform:uppercase;font-size:.82rem}.type-row p{margin:0;max-width:900px}.type-hero{color:var(--ink);font-size:3.2rem;font-weight:850;line-height:1}.type-section-title{color:var(--ink);font-size:2.3rem;font-weight:850;line-height:1.05}.component-grid,.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.component-demo,.note-card{min-height:150px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.component-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.dark-demo{color:#fff;background:var(--ink);border-color:#222825}.dark-demo h3{margin-bottom:22px}@media(max-width:980px){.topbar{align-items:flex-start}.nav{flex-wrap:wrap;justify-content:flex-end}.section-grid,.split-section,.contact-section{grid-template-columns:1fr}.hero{padding-top:64px}.hero h1{font-size:3.7rem}.section-heading h2,.contact-section h2,.palette-hero h1{font-size:2.75rem}.intro-band,.project-grid{grid-template-columns:1fr}.sticky-heading{position:static}.contact-actions{margin-top:0}}@media(max-width:680px){.site-shell{width:min(100% - 24px,1180px)}.topbar{position:static;flex-direction:column;margin-bottom:34px}.nav{width:100%;justify-content:flex-start}.nav a{padding:8px 10px}.hero{padding:36px 0 40px}.hero h1{font-size:2.65rem;line-height:1.04}.hero-lead,.section-heading p:not(.eyebrow),.contact-section p{font-size:1rem}.profile-panel,.project-body,.skill-group,.intro-band div,.contact-section{padding:20px}.profile-meta{flex-direction:column;align-items:stretch}.availability,.location{justify-content:center}.hero-proof{grid-template-columns:1fr}.intro-band{margin-bottom:72px}.content-section{margin-bottom:82px}.section-heading h2,.contact-section h2,.palette-hero h1{font-size:2.1rem;line-height:1.06}.palette-topbar{margin-bottom:44px}.palette-section{padding:20px}.color-card{grid-template-columns:1fr}.color-swatch{min-height:76px}.type-hero{font-size:2.25rem}.type-section-title{font-size:1.75rem}.project-title-row h3{font-size:1.38rem}.footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}@media(max-width:430px){.brand span{font-size:.95rem}.hero h1{font-size:2.25rem}.button{width:100%}.profile-meta,.hero-actions,.contact-actions{flex-direction:column}.availability,.location,.static-note{justify-content:center}}