:root{--bg: #fbfbfa;--surface: #ffffff;--surface-2: #f3f3f1;--border: #e6e5e1;--text: #1a1a18;--text-muted: #4e4d47;--accent: #2a4bc7;--accent-soft: #eaefff;--accent-contrast: #ffffff;--link: #2544c2;--shadow-sm: 0 1px 2px rgba(20, 20, 18, .05);--shadow-lg: 0 1px 2px rgba(20, 20, 18, .05), 0 18px 40px -20px rgba(20, 20, 18, .22);--radius: 14px;--radius-sm: 9px;--sidebar-w: 268px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;color-scheme:light}:root[data-theme=dark],:root[data-theme=sea],:root[data-theme=jungle]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 1px 2px rgba(0, 0, 0, .4), 0 22px 48px -22px rgba(0, 0, 0, .7);color-scheme:dark}:root[data-theme=dark]{--bg: #0f0f11;--surface: #17171a;--surface-2: #202024;--border: #2c2c31;--text: #ededee;--text-muted: #adadb3;--accent: #7d97ff;--accent-soft: #1c2436;--accent-contrast: #0f0f11;--link: #a9beff}:root[data-theme=sea]{--bg: #071a24;--surface: #0d2733;--surface-2: #123340;--border: #1e4453;--text: #e7f4f6;--text-muted: #9fc2c9;--accent: #33c7d6;--accent-soft: #0f3742;--accent-contrast: #041219;--link: #5cd6e2}:root[data-theme=jungle]{--bg: #0b1710;--surface: #12231a;--surface-2: #1a3124;--border: #244b33;--text: #e8f3ea;--text-muted: #a9c6b2;--accent: #46d17f;--accent-soft: #113626;--accent-contrast: #05130b;--link: #63dc92}:root[data-theme=coral]{--bg: #fff6f3;--surface: #ffffff;--surface-2: #ffe9e2;--border: #f5d7cc;--text: #33221d;--text-muted: #62453c;--accent: #ef5f47;--accent-soft: #ffe0d7;--accent-contrast: #2e1a14;--link: #95260f;--shadow-sm: 0 1px 2px rgba(120, 60, 45, .06);--shadow-lg: 0 1px 2px rgba(120, 60, 45, .06), 0 18px 40px -20px rgba(120, 60, 45, .25)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0f0f11;--surface: #17171a;--surface-2: #202024;--border: #2c2c31;--text: #ededee;--text-muted: #adadb3;--accent: #7d97ff;--accent-soft: #1c2436;--accent-contrast: #0f0f11;--link: #a9beff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 1px 2px rgba(0, 0, 0, .4), 0 22px 48px -22px rgba(0, 0, 0, .7);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}a{color:var(--link)}.app-container{display:flex;min-height:100vh;width:100%;background:var(--bg);color:var(--text)}.sidebar{position:sticky;top:0;align-self:flex-start;flex-shrink:0;width:var(--sidebar-w);height:100vh;padding:2rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.75rem;background:var(--surface);border-right:1px solid var(--border);transition:transform .28s ease;z-index:40;overflow-y:auto}.identity{display:flex;flex-direction:column;gap:.5rem}.identity .wordmark{display:block;font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.02;letter-spacing:-.02em;color:var(--text);text-decoration:none}.identity .wordmark span{display:block}.identity .wordmark span:last-child{color:var(--text-muted)}.identity .wordmark:hover span:last-child,.identity .wordmark:focus-visible span:last-child{color:var(--accent)}.identity .role{font-size:.82rem;color:var(--text-muted);line-height:1.35;margin-top:.15rem}.identity .where{font-size:.76rem;color:var(--text-muted)}.side-nav{display:flex;flex-direction:column;gap:2px;flex:1}.side-nav a{display:flex;align-items:center;gap:.7rem;padding:.5rem .65rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-muted);font-size:.92rem;font-weight:500;transition:background .15s ease,color .15s ease}.side-nav a:hover{background:var(--surface-2);color:var(--text)}.side-nav a.active-menu-item{background:var(--accent-soft);color:var(--text);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}.side-nav .menu-icon{display:inline-flex;width:1.05rem;justify-content:center;flex-shrink:0}.side-nav .menu-text{min-width:0;text-wrap:balance}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.55rem}.sidebar-footer .foot-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.theme-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatch{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid rgba(128,128,128,.35);background:var(--swatch, #888);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.mobile-menu-btn{display:none;position:fixed;top:.9rem;left:.9rem;z-index:50;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0c73;z-index:35}main{flex:1;min-width:0;padding:3.75rem clamp(1.5rem,4vw,4rem) 6rem;display:flex;flex-direction:column;align-items:stretch}main section{width:100%;animation:fadeInUp .35s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}main h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.95rem);font-weight:600;line-height:1.15;margin:0 0 1.15rem;display:flex;align-items:center;gap:.6rem}main h1 .sec-icon{color:var(--accent);display:inline-flex;font-size:.8em}main h2{font-size:1.02rem;font-weight:500;color:var(--text-muted);margin:-.4rem 0 1.5rem}main h2:has(+.tagline){margin-bottom:.35rem}main .tagline{font-size:.9rem;letter-spacing:.01em;color:var(--text-muted);margin:0 0 1.5rem}main section>div{font-size:1rem;line-height:1.7}main p{margin:0 0 .9rem}.notfound-code{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,10vw,5rem);line-height:1;letter-spacing:-.03em;color:var(--link);margin:0 0 .75rem}.notfound h1{margin-bottom:.75rem}.notfound p:not(.notfound-code){max-width:52ch;color:var(--text)}.notfound-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border)}.notfound-links a{font-family:var(--font-display);font-weight:500;color:var(--link);text-decoration:none}.notfound-links a:hover{text-decoration:underline}.case-study{list-style:none;counter-reset:case;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem}.case-step{counter-increment:case;position:relative;padding-left:2.75rem}.case-step:before{content:counter(case,decimal-leading-zero);position:absolute;left:0;top:.15rem;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--link);font-variant-numeric:tabular-nums}.case-label{display:block;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--text);margin-bottom:.4rem}.case-body p{margin:0}.case-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface-2);padding:.05em .35em;border-radius:3px}@media (max-width: 560px){.case-step{padding-left:2.25rem}}.case-figure{margin:2.5rem 0 0}.case-figure-frame{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:var(--shadow-sm);overflow:visible;line-height:0}.case-figure-frame img{width:100%;height:auto;display:block;border-radius:inherit}.case-figure figcaption{margin-top:.7rem;font-size:.82rem;line-height:1.5;color:var(--text-muted);max-width:62ch}.case-figure-logo{position:absolute;top:0;left:0;transform:translate(-30%,-30%);width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#08131c;border:2px solid #38bdf8;box-shadow:0 10px 26px -8px #0000008c,0 0 0 5px var(--bg)}.case-figure-logo svg{width:62%;height:62%;display:block}@media (max-width: 560px){.case-figure-logo{width:68px;height:68px;transform:translate(-24%,-24%)}}.case-figure-ribbon{position:absolute;top:0;left:0;width:128px;height:128px;overflow:hidden;border-top-left-radius:var(--radius-sm);pointer-events:none}.case-figure-ribbon>span{position:absolute;left:-52px;top:30px;width:190px;padding:7px 0;transform:rotate(-45deg);background:linear-gradient(135deg,#ffe7a3,#eebf54 45%,#c9962e);color:#3a2a06;font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:.04em;text-align:center;box-shadow:0 2px 7px #00000059}@media (max-width: 560px){.case-figure-ribbon{width:104px;height:104px}.case-figure-ribbon>span{left:-50px;top:22px;width:170px;font-size:.85rem}}main strong{font-weight:650;color:var(--text)}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;line-height:1;padding:.25em .45em;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);color:var(--text);white-space:nowrap}.kbd-hint{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.8rem;color:var(--text-muted);background:none;border:0;padding:0;cursor:pointer}.kbd-hint:hover{color:var(--text)}.kbd-hint kbd{font-size:.7rem}.sidebar-footer .foot-link{margin-top:.55rem;font-size:.78rem;color:var(--text-muted);text-decoration:none}.sidebar-footer .foot-link:hover,.sidebar-footer .foot-link:focus-visible{color:var(--text)}.kbd-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000073}.kbd-help{width:100%;max-width:30rem;max-height:85vh;overflow-y:auto;padding:1.5rem 1.6rem 1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.kbd-help-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.1rem}.kbd-help-head h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin:0}.kbd-help-close{font:inherit;font-size:1.4rem;line-height:1;color:var(--text-muted);background:none;border:0;padding:.1rem .35rem;cursor:pointer}.kbd-help-close:hover{color:var(--text)}.kbd-list{margin:0 0 1.4rem;display:grid;gap:.7rem}.kbd-list>div{display:grid;grid-template-columns:8.5rem 1fr;gap:.75rem;align-items:baseline}.kbd-list dt{display:flex;gap:.3rem;flex-wrap:wrap}.kbd-list dd{margin:0;color:var(--text-muted);font-size:.9rem}.kbd-jump-title{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .7rem}.kbd-jumps{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.kbd-jumps li{display:flex;align-items:baseline;gap:.35rem;font-size:.9rem}.kbd-jumps li span{margin-left:.4rem;color:var(--text-muted)}.md-list-item{margin:.25rem 0;padding-left:1.1rem;position:relative}.md-list-item:before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.md-list-item p{margin:0}.position{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border)}.position:first-child{margin-top:0;padding-top:0;border-top:0}.position .pos-title{font-weight:650;font-size:1.05rem}.position .pos-meta{color:var(--text-muted);font-size:.92rem}.position .pos-date{color:var(--text-muted);font-size:.82rem;letter-spacing:.02em}.position+.md-list-item{margin-top:.6rem}.contact-content{margin-top:1.5rem;line-height:1.9}.contact-content strong{color:var(--text-muted);font-weight:600;margin-right:.4rem}.build-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.75rem}@media (min-width: 60rem){.build-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 128rem){.build-grid{grid-template-columns:repeat(3,1fr)}}.build-card{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.build-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent)}.build-media{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);aspect-ratio:1529 / 784;background:var(--surface-2)}.build-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.build-media.is-placeholder{display:grid;place-items:center;font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--accent);background:radial-gradient(120% 120% at 0% 0%,var(--accent-soft),transparent 60%),var(--surface-2)}.build-body{display:flex;flex-direction:column;gap:.55rem;min-width:0}.build-name{font-family:var(--font-display);font-weight:600;font-size:1.2rem;margin:0;color:var(--text)}.build-tagline{color:var(--text-muted);font-size:.92rem;margin:0}.build-desc{font-size:.92rem;line-height:1.6;margin:.15rem 0 0}.build-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.chip{font-size:.72rem;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap}.build-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.35rem;font-size:.8rem;color:var(--text-muted)}.build-scope:before{content:"•";margin-right:.5rem;color:var(--border)}.build-scope:first-child:before{content:none}.build-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--link);text-decoration:none}.build-link:hover{text-decoration:underline}.build-link.is-inactive{color:var(--text-muted);font-weight:500}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;margin-top:1.75rem}.portfolio-item{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.portfolio-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.portfolio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.85rem .9rem .6rem}.portfolio-title strong{font-size:.92rem;font-weight:650}.portfolio-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.portfolio-icon{width:20px;height:20px;flex-shrink:0;opacity:.9}.portfolio-thumbnail{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.portfolio-footer{padding:.6rem .9rem;font-size:.78rem;color:var(--text-muted);text-align:center}.pdf-download{position:fixed;right:20px;bottom:20px;z-index:45;padding:.65rem 1.1rem;border-radius:999px;font-weight:600;font-size:.86rem;text-decoration:none;color:var(--bg);background:var(--text);box-shadow:var(--shadow-lg);transition:filter .15s ease}.pdf-download:hover{filter:brightness(1.12)}.skip-link{position:fixed;left:12px;top:-60px;z-index:60;padding:.55rem 1rem;border-radius:0 0 8px 8px;background:var(--text);color:var(--bg);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (max-width: 880px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar.open~.nav-overlay{display:block}.mobile-menu-btn{display:inline-flex}main{padding:4.5rem 1.25rem 6rem;align-items:stretch}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}