:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-2: #e8edf5;--ink: #101828;--muted: #566274;--line: #d6deea;--accent: #155eef;--accent-2: #0f766e;--focus: #155eef;--shadow: 0 18px 50px rgba(16, 24, 40, .08);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(120deg,rgba(21,94,239,.09),transparent 34%),linear-gradient(280deg,rgba(15,118,110,.08),transparent 30%)}a{color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:20;border-radius:6px;background:var(--ink);color:var(--surface);padding:.65rem .9rem}.skip-link:focus{top:1rem}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(16,24,40,.1);background:#f5f7fbeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:.85rem 1.25rem;gap:1rem}.brand{font-weight:760;text-decoration:none;letter-spacing:0}.desktop-nav,.nav-actions,.site-footer nav{display:flex;align-items:center;gap:.35rem}.desktop-nav a,.text-link,.icon-link,.mobile-nav a{border-radius:999px;color:var(--muted);padding:.55rem .8rem;text-decoration:none;transition:background .18s ease,color .18s ease}.desktop-nav a.active,.desktop-nav a:hover,.text-link:hover,.icon-link:hover,.mobile-nav a.active,.mobile-nav a:hover{background:#155eef17;color:var(--ink)}.menu-button{display:none;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:.5rem}.mobile-nav{display:none;border-top:1px solid var(--line);padding:.75rem 1.25rem 1rem}main{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.hero-section{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:2rem;min-height:68vh;padding:6rem 0 4rem}.hero-copy h1,.page-hero h1,.project-hero h1,.about-copy h1{margin:0;max-width:880px;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:0}.hero-copy p,.page-hero p,.project-hero-copy>p,.about-copy p{max-width:720px;color:var(--muted);font-size:1.13rem}.eyebrow{display:inline-flex;margin-bottom:.75rem;color:var(--accent);font-size:.78rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.button-row,.project-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button,.inline-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:8px;min-height:44px;padding:.72rem 1rem;font-weight:720;text-decoration:none}.button.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.inline-link{color:var(--accent);padding-left:0}.hero-panel,.stacked-cards article,.skill-groups article,.snapshot-list article,.focus-grid article,.contact-grid a{border:1px solid var(--line);border-radius:8px;background:#ffffffe0;box-shadow:var(--shadow)}.hero-panel{display:grid;gap:1rem;padding:1.25rem}.hero-panel div{border-bottom:1px solid var(--line);padding-bottom:1rem}.hero-panel div:last-child{border-bottom:0;padding-bottom:0}.hero-panel span,.snapshot-list span,.stacked-cards span{color:var(--muted);font-size:.83rem;font-weight:700;text-transform:uppercase}.hero-panel strong,.snapshot-list h3,.stacked-cards h3{display:block;margin:.2rem 0;font-size:1.08rem}.page-section,.page-hero,.project-detail-page,.about-page{padding:4rem 0}.page-hero.compact{padding-top:5rem;max-width:860px}.page-hero.compact h1,.about-copy h1,.project-hero h1{font-size:clamp(2.4rem,5vw,4.8rem)}.section-heading{max-width:780px;margin-bottom:1.75rem}.section-heading h2,.contact-band h2,.project-section h2{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;letter-spacing:0}.section-heading p,.contact-band p,.project-section p,.detail-list{color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.substantial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.project-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-2px);border-color:#155eef6b}.project-card img,.project-card .media-placeholder{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface-2)}.project-card.substantial img,.project-card.substantial .media-placeholder{aspect-ratio:16 / 9}.project-card.archive{box-shadow:0 10px 28px #1018280f}.project-card.archive img,.project-card.archive .media-placeholder{aspect-ratio:4 / 3}.project-card.archive .project-card-body{padding:.9rem}.project-card.archive h3{font-size:1.05rem}.project-card.archive p{font-size:.92rem}.project-card-body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.project-category{color:var(--accent-2);font-size:.78rem;font-weight:760;text-transform:uppercase}.project-card h3{margin:.35rem 0 .4rem;font-size:1.35rem;line-height:1.15}.project-card p{margin:0 0 1rem;color:var(--muted)}.card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;color:var(--accent);font-weight:760}.tech-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.tech-list li{border:1px solid rgba(16,24,40,.12);border-radius:999px;background:#155eef14;color:#16438f;padding:.28rem .55rem;font-size:.82rem;font-weight:680}.tech-list.compact{margin-top:auto}.two-column-section,.about-page,.project-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}.snapshot-list,.focus-grid,.stacked-cards,.skill-groups{display:grid;gap:1rem}.snapshot-list article,.focus-grid article,.stacked-cards article,.skill-groups article{padding:1.1rem}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid h3,.skill-groups h3,.stacked-cards h3{margin:0 0 .35rem}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:2rem 0 5rem;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:#fff;padding:2rem}.contact-band p{color:#ffffffbd}.contact-band .eyebrow{color:#8dd8c7}.contact-band .button.primary{border-color:#fff;background:#fff;color:var(--ink)}.site-footer{display:flex;justify-content:space-between;gap:1rem;max-width:var(--max);margin:0 auto;border-top:1px solid var(--line);padding:2rem 1.25rem;color:var(--muted)}.site-footer strong{color:var(--ink)}.site-footer a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.timeline{display:grid;gap:1.25rem}.timeline article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.25rem;border-top:1px solid var(--line);padding-top:1.25rem}.timeline time{color:var(--accent-2);font-weight:760}.timeline h2{margin:0;font-size:1.4rem}.about-image img,.project-hero-media img,.project-screenshot img,.project-video video{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.about-image img{aspect-ratio:4 / 5;object-fit:cover}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-grid a{display:grid;gap:.25rem;padding:1.2rem;text-decoration:none}.contact-grid span{color:var(--accent);font-weight:760}.contact-grid strong{overflow-wrap:anywhere}.project-detail-page{max-width:var(--max)}.project-hero{align-items:center;padding-top:5rem}.project-subtitle{color:var(--accent-2)!important;font-weight:760}.project-detail-content{display:grid;gap:2.25rem;max-width:900px;margin:3rem auto 0}.project-section{border-top:1px solid var(--line);padding-top:2rem}.project-section-content{display:grid;gap:1rem}.detail-list{margin:0;padding-left:1.2rem}.detail-list li+li{margin-top:.5rem}.architecture-diagram{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:1rem;box-shadow:var(--shadow)}.architecture-diagram figcaption,.project-screenshot figcaption{color:var(--muted);font-size:.9rem;font-weight:680}.diagram-flow{display:grid;gap:.7rem;margin-top:1rem}.diagram-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem}.diagram-step span{border:1px solid rgba(21,94,239,.22);border-radius:8px;background:#155eef14;padding:.75rem;font-weight:720}.diagram-step b{color:var(--accent)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-screenshot{margin:0}.project-video video{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-screenshot figcaption{margin-top:.6rem}.project-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin-top:4rem;border-top:1px solid var(--line);padding-top:1.25rem}.project-navigation a{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.65rem .85rem;text-decoration:none}.route-loading{max-width:var(--max);margin:3rem auto;padding:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding-top:3rem;color:var(--muted);font-size:.92rem}.breadcrumb a{color:var(--accent);font-weight:720;text-decoration:none}.tier-project-page{padding:2rem 0 5rem}.tier-project-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:2rem;align-items:center}.tier-project-hero h1,.archive-header h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:0}.project-meta-line{margin:.25rem 0 0;color:var(--muted);font-weight:720}.tier-intro p,.archive-copy>p{color:var(--muted);font-size:1.08rem}.project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.project-metrics article{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:1rem;box-shadow:var(--shadow)}.project-metrics strong{display:block;font-size:1.8rem;line-height:1}.project-metrics span{color:var(--accent-2);font-weight:760}.project-metrics p{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.tier-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.tier-section{border-top:1px solid var(--line);padding-top:1.25rem}.technology-section{margin-top:1.5rem}.tier-section h2,.archive-copy h2{margin:0 0 .75rem;font-size:1.7rem}.tier-section p,.archive-copy p{color:var(--muted)}.archive-header{max-width:780px;margin-bottom:1.5rem}.archive-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1fr);gap:2rem;align-items:start}.archive-copy{display:grid;gap:1.35rem}@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:inline-flex}.mobile-nav.open{display:grid;gap:.35rem}.hero-section,.two-column-section,.about-page,.project-hero{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:4rem}.featured-grid,.substantial-grid,.archive-grid,.contact-grid,.screenshot-grid,.tier-project-hero,.project-metrics,.tier-content-grid,.archive-layout{grid-template-columns:1fr}.site-footer,.contact-band{flex-direction:column;align-items:flex-start}}@media(max-width:640px){main{padding:0 1rem}.nav-wrap{padding-inline:1rem}.text-link,.icon-link{display:none}.hero-copy h1,.page-hero.compact h1,.about-copy h1,.project-hero h1{font-size:2.55rem}.focus-grid,.timeline article,.project-navigation{grid-template-columns:1fr}.button-row,.project-cta-row{align-items:stretch;flex-direction:column}.button{width:100%}.contact-band{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}