:root{--paper: #FAF9F6;--surface: #F3F1EC;--ink: #1C1B18;--ink-2: #55534E;--ink-3: #75746D;--rule: #E4E2DB;--rule-strong: #D6D3CA;--accent: #4038C8;--accent-hover: #2E27A3;--ok: #1E7A46;--err: #B3261E;--err-bg: #FBEAE9;--err-border: #F1C6C3;--sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono: "Berkeley Mono", "TX02Berkeley Mono", "JetBrains Mono", ui-monospace, monospace;--w: 1080px;--pad: clamp(20px, 4vw, 48px);--footer-h: 52px;--nav-h: 60px;--tabbar-h: 55px;color-scheme:light}:root[data-theme=dark]{--paper: #161613;--surface: #1E1D1A;--ink: #EDEBE4;--ink-2: #A8A69E;--ink-3: #8A8880;--rule: #2B2A26;--rule-strong: #3A3833;--accent: #8B85F0;--accent-hover: #A6A1F5;--ok: #4FB87E;--err: #F2B8B5;--err-bg: #3A1F1E;--err-border: #5C2E2C;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--tabbar-h) + 16px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button{font-family:inherit}img,svg{max-width:100%}.wrap{max-width:var(--w);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.label{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3)}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:4px;font-size:14px;font-weight:600;transition:top .18s ease}.skip-link:focus{top:12px;text-decoration:none;color:var(--paper)}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.nav-name{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.nav-name:hover{color:var(--ink);text-decoration:none}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--ink-2);font-size:14px;font-weight:500;position:relative}.nav-links a:hover{color:var(--ink);text-decoration:none}.nav-links a.is-active:not(.nav-cta){color:var(--ink)}.nav-links a.is-active:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:var(--accent)}.nav-cta{display:inline-flex;align-items:center;padding:8px 16px;background:var(--ink);color:var(--paper)!important;font-size:13.5px;font-weight:600;border-radius:4px}.nav-cta:hover{background:var(--accent-hover);text-decoration:none!important}.theme-btn{background:none;border:1px solid var(--rule-strong);border-radius:4px;width:34px;height:34px;cursor:pointer;color:var(--ink-2);font-size:14px;display:inline-flex;align-items:center;justify-content:center}.theme-btn:hover{color:var(--ink);border-color:var(--ink-3)}.tabbar-top{position:sticky;top:var(--nav-h);z-index:19;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.tabbar-bottom{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--surface)}.tabbar-in{display:flex;align-items:center;gap:4px;padding-top:10px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.tabbar-in::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;background:none;border:1px solid transparent;border-radius:4px;min-height:34px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}.tab-btn:hover{color:var(--ink);border-color:var(--rule-strong)}.tab-btn.is-active,.tab-btn.is-active:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.error-boundary{border:1px solid var(--err-border);background:var(--err-bg);border-radius:12px;padding:32px 24px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.error-boundary-title{margin:0;font-size:16px;font-weight:600;color:var(--ink)}.error-boundary-body{margin:0;font-size:14px;color:var(--ink-2);max-width:40ch}.hero{padding-top:clamp(64px,10vh,120px);padding-bottom:clamp(48px,8vh,88px)}.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-bottom:28px}.hero-status .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.hero h1{font-size:clamp(40px,6.4vw,72px);font-weight:600;letter-spacing:-.03em;line-height:1.04;margin:0 0 28px;max-width:17ch;text-wrap:balance}.hero-lede{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--ink-2);max-width:58ch;margin:0 0 36px;text-wrap:pretty}.hero-certs{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);margin:-20px 0 32px}.hero-certs .label{margin-right:8px}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14.5px;font-weight:600;border-radius:4px;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent-hover);color:var(--paper)}.btn-quiet{color:var(--ink);border:1px solid var(--rule-strong);background:transparent}.btn-quiet:hover{border-color:var(--ink-3);color:var(--ink)}.section{padding-top:clamp(56px,8vh,96px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule-strong);padding-bottom:14px;margin-bottom:0}.section-head h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.project{display:grid;grid-template-columns:220px 1fr;gap:clamp(24px,4vw,56px);padding:56px 0;border-bottom:1px solid var(--rule)}.p-meta{display:flex;flex-direction:column;gap:20px}.p-index{font-family:var(--mono);font-size:12px;color:var(--ink-3)}.p-meta dl{margin:0;display:flex;flex-direction:column;gap:14px}.p-meta dt{font-family:var(--mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.p-meta dd{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--ink-2)}.p-body h3{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px;line-height:1.15}.p-tag{font-size:14px;color:var(--ink-3);margin:0 0 18px}.p-desc{margin:0 0 16px;color:var(--ink-2);max-width:62ch;text-wrap:pretty}.p-process{margin:0 0 22px;max-width:62ch;color:var(--ink-2);padding-left:16px;border-left:2px solid var(--rule-strong);font-size:14.5px}.p-process strong{color:var(--ink);font-weight:600}.p-bullets{margin:0 0 20px;padding:0;list-style:none;max-width:62ch;color:var(--ink-2);display:flex;flex-direction:column;gap:10px}.p-bullets li{position:relative;padding-left:18px}.p-bullets li:before{content:"–";position:absolute;left:0;color:var(--ink-3)}.p-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.p-actions a,.p-toggle{font-size:14px;font-weight:600;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px}.p-actions a:hover,.p-toggle:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}.p-toggle[aria-expanded=true]{color:var(--ink)}.p-panel{margin-top:20px}.p-panel[hidden]{display:none}.p-frame{border:1px solid var(--rule-strong);background:var(--surface);aspect-ratio:16 / 10;max-height:520px;width:100%;position:relative}.p-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.p-frame-load{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;pointer-events:none}.p-frame-load .spin{width:22px;height:22px;border-radius:50%;border:2px solid var(--rule-strong);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.p-frame-err{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--ink-2);background:var(--surface)}.p-frame-err p{margin:0;font-size:13px;max-width:34ch}.p-frame-err a{font-family:var(--mono);font-size:12px}.p-frame-note{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:8px}.p-frame iframe{opacity:0;transition:opacity .25s ease}.p-frame.is-loaded iframe{opacity:1}.p-frame-tap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;background:transparent;border:0;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.4px;color:var(--ink-3)}.p-frame-tap-label{padding:5px 10px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--rule-strong);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p-frame-tap:hover .p-frame-tap-label,.p-frame-tap:focus-visible .p-frame-tap-label{border-color:var(--ink-3);color:var(--ink)}.p-frame-release{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-family:var(--mono);font-size:10.5px;color:var(--ink-2);background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--rule-strong);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p-frame-release kbd{padding:1px 5px;border:1px solid var(--rule-strong);border-radius:3px;font-family:inherit;font-size:10px;background:var(--surface)}.p-frame-release:hover,.p-frame-release:focus-visible{border-color:var(--ink-3);color:var(--ink)}.p-arch{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--ink-2);background:var(--surface);border:1px solid var(--rule);padding:20px 24px;overflow-x:auto;margin:0}.approach-list{margin:0;padding:0;list-style:none}.approach-list li{display:grid;grid-template-columns:220px 1fr;gap:clamp(24px,4vw,56px);padding:36px 0;border-bottom:1px solid var(--rule)}.a-num{font-family:var(--mono);font-size:12px;color:var(--ink-3);padding-top:4px}.a-body h3{font-size:19px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.a-body p{margin:0;color:var(--ink-2);max-width:62ch}.contact{padding-top:clamp(64px,10vh,110px);padding-bottom:clamp(72px,10vh,120px)}.contact-head{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:12px 0 0}.contact-email{display:inline-block;font-size:clamp(24px,3.6vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:4px;margin:20px 0 28px;word-break:break-all}.contact-email:hover{color:var(--accent);text-decoration:none}.contact-notes{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px}.contact-links{display:flex;gap:12px;flex-wrap:wrap}.footer{position:sticky;bottom:0;z-index:20;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--rule)}.footer-in{height:var(--footer-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,3vw,48px);font-size:13px}.footer a{color:var(--ink-2);font-weight:500}.footer a:hover{color:var(--ink);text-decoration:none}.f-left{justify-self:start;white-space:nowrap}.f-clock{justify-self:center;font-family:var(--mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.f-right{justify-self:end;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.f-right .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex-shrink:0}.tip{position:relative}@media(hover:hover){.tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(3px);font-family:var(--mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 8px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.theme-btn.tip:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%) translateY(-3px)}.theme-btn.tip:hover:after,.theme-btn.tip:focus-visible:after{transform:translate(-50%) translateY(0)}}@media(max-width:860px){.project,.approach-list li{grid-template-columns:1fr;gap:18px;padding:40px 0}.p-meta{flex-direction:row;flex-wrap:wrap;gap:24px;align-items:baseline}.p-meta dl{flex-direction:row;flex-wrap:wrap;gap:24px}.a-num{padding-top:0}.nav-links a:not(.nav-cta){display:none}.f-clock{display:none}.footer-in{grid-template-columns:auto 1fr}.f-right{grid-column:2}.tab-btn{font-size:13px;padding:6px 12px}}@media(max-width:480px){.p-frame{aspect-ratio:4 / 5}.f-right span.f-avail-text{display:none}.hero-links .btn{flex:1 1 auto;justify-content:center}}