*{box-sizing:border-box}:root{--paper: #F4F5F2;--surface: #FFFFFF;--ink: #16181C;--ink-2: #3D444C;--muted: #727A83;--line: #E0E3DE;--line-strong: #C9CEC7;--accent: #294B78;--accent-2: #315C93;--accent-soft: rgba(41, 75, 120, .08);--live: #2C7A54;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Cambria, Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace}@media(prefers-color-scheme:dark){:root{--paper: #13161B;--surface: #1A1E25;--ink: #ECEFF3;--ink-2: #C0C8D1;--muted: #87919C;--line: #272D36;--line-strong: #37404B;--accent: #82A8DA;--accent-2: #9BBCE6;--accent-soft: rgba(130, 168, 218, .14);--live: #56B584}}:root[data-theme=light]{--paper: #F4F5F2;--surface: #FFFFFF;--ink: #16181C;--ink-2: #3D444C;--muted: #727A83;--line: #E0E3DE;--line-strong: #C9CEC7;--accent: #294B78;--accent-2: #315C93;--accent-soft: rgba(41,75,120,.08);--live: #2C7A54}:root[data-theme=dark]{--paper: #13161B;--surface: #1A1E25;--ink: #ECEFF3;--ink-2: #C0C8D1;--muted: #87919C;--line: #272D36;--line-strong: #37404B;--accent: #82A8DA;--accent-2: #9BBCE6;--accent-soft: rgba(130,168,218,.14);--live: #56B584}html,body{margin:0;padding:0}.page{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.shell{max-width:1000px;margin:0 auto;padding:0 28px}a{color:inherit}.u{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s,color .18s}.u:hover{border-bottom-color:var(--accent);color:var(--accent-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top .shell{display:flex;align-items:center;justify-content:space-between;height:60px}.mark{font-family:var(--mono);font-size:13px;letter-spacing:.24em;font-weight:600;text-decoration:none}.mark b{color:var(--accent)}.top-right{display:flex;align-items:center;gap:22px}nav.links{display:flex;gap:26px;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em}nav.links a{color:var(--muted);text-decoration:none;transition:color .18s}nav.links a:hover{color:var(--ink)}@media(max-width:560px){nav.links{display:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:border-color .18s,color .18s,background .18s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:16px;height:16px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.hero{padding:76px 0 26px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.eyebrow b{color:var(--accent);font-weight:600}h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-.015em;margin:0 0 26px;text-wrap:balance;max-width:15ch}.sub{font-size:clamp(17px,2.2vw,20px);color:var(--ink-2);max-width:60ch;margin:0 0 30px}.sub b{color:var(--ink);font-weight:600}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn{font-family:var(--sans);font-size:14.5px;font-weight:600;padding:11px 20px;border-radius:999px;text-decoration:none;transition:transform .15s,background .18s,border-color .18s;display:inline-block}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--line-strong);color:var(--ink)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.avail{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-left:4px;display:inline-flex;align-items:center;gap:8px}.avail .beacon{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}.avatar{width:54px;height:54px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:21px;color:var(--accent);margin-bottom:24px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:560px){.avail{margin-left:0;flex-basis:100%}}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin-top:56px}.strip .cell{background:var(--paper);padding:20px 4px 20px 0}.strip .v{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em}.strip .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:4px}@media(max-width:680px){.strip{grid-template-columns:repeat(2,1fr)}.strip .cell{padding-left:16px}}.sec{padding:66px 0 8px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-strong);padding-bottom:14px;margin-bottom:8px}.sec-head h2{font-family:var(--serif);font-size:clamp(24px,3.5vw,32px);font-weight:600;letter-spacing:-.01em;margin:0}.sec-head .note{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.work{display:flex;flex-direction:column}.item{display:grid;grid-template-columns:44px 1fr;gap:8px 22px;padding:30px 0;border-bottom:1px solid var(--line);transition:background .2s}.item:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}.idx{font-family:var(--mono);font-size:13px;color:var(--accent);padding-top:6px;font-variant-numeric:tabular-nums}.item .h{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.item h3{font-family:var(--serif);font-size:clamp(21px,3vw,27px);font-weight:600;margin:0;letter-spacing:-.01em}.item h3 a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s,color .18s}.item h3 a:hover{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 45%,transparent)}.item .tag{font-size:15px;color:var(--muted);font-style:italic;font-family:var(--serif)}.item p{color:var(--ink-2);margin:12px 0 14px;max-width:66ch;font-size:15.5px}.metaline{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.chip{font-family:var(--mono);font-size:11px;letter-spacing:.02em;padding:3px 9px;border-radius:5px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.status{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px}.status.live{color:var(--live);border:1px solid color-mix(in srgb,var(--live) 40%,transparent)}.status.dev{color:var(--muted);border:1px solid var(--line-strong)}.status .d{width:6px;height:6px;border-radius:50%;background:currentColor}.item .role{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}.visit{font-family:var(--mono);font-size:12px;margin-left:auto}@media(max-width:560px){.item{grid-template-columns:1fr}.idx{padding-top:0}.visit{margin-left:0}}.approach{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding-top:22px}.approach .lead{font-family:var(--serif);font-size:clamp(20px,2.6vw,25px);line-height:1.35;letter-spacing:-.01em}.approach .lead .hl{color:var(--accent)}.approach p{color:var(--ink-2);font-size:15.5px;margin:0 0 18px;max-width:60ch}.how{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:0}.how li{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:15px}.how li:first-child{border-top:none}.how .n{font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:2px}.how b{font-weight:600}.how span.t{color:var(--muted)}@media(max-width:700px){.approach{grid-template-columns:1fr;gap:26px}}.contact{margin:70px 0 0;padding:54px 0 60px;border-top:1px solid var(--line-strong);text-align:center}.contact h2{font-family:var(--serif);font-size:clamp(30px,5vw,48px);font-weight:600;letter-spacing:-.015em;margin:0 0 16px;text-wrap:balance}.contact p{color:var(--ink-2);max-width:52ch;margin:0 auto 28px;font-size:16px}.contact .row{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;font-family:var(--mono);font-size:13.5px}.contact .row a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.contact .row a:hover{border-bottom-color:var(--accent)}.ph{color:var(--muted);font-style:normal}footer.f{border-top:1px solid var(--line)}footer.f .shell{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding-block:22px;font-family:var(--mono);font-size:12px;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.rise{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}.d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.23s}.d4{animation-delay:.32s}@keyframes rise{to{opacity:1;transform:none}}}.detail{padding:64px 0 40px;max-width:760px}.back-link{font-family:var(--mono);font-size:12.5px;color:var(--muted);text-decoration:none;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;transition:color .18s}.back-link:hover{color:var(--accent)}.detail .eyebrow{margin-top:30px}.detail h1{font-size:clamp(34px,6vw,56px);max-width:20ch;margin-bottom:18px}.detail .tagline{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,22px);color:var(--muted);margin:0 0 30px}.detail .lede{font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);line-height:1.4;letter-spacing:-.01em;color:var(--ink);max-width:40ch;margin:0 0 34px;text-wrap:pretty}.detail .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin:0 0 40px}.detail .facts .cell{background:var(--paper);padding:18px 4px 18px 0}.detail .facts .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.detail .facts .v{font-family:var(--serif);font-size:17px;font-weight:600}.detail .case{margin:0 0 8px}.detail .cs{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--line)}.detail .cs .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-weight:400;margin:0 0 14px}.detail .cs p{font-size:clamp(15.5px,1.9vw,17px);line-height:1.62;color:var(--ink-2);max-width:66ch;margin:0 0 14px}.detail .cs p:last-child{margin-bottom:0}.detail .cs ul{list-style:none;margin:18px 0 0;padding:0}.detail .cs li{position:relative;padding:10px 0 10px 24px;border-top:1px solid var(--line);color:var(--ink-2);font-size:15px;max-width:66ch}.detail .cs li:first-child{border-top:none}.detail .cs li:before{content:"→";position:absolute;left:0;top:10px;color:var(--accent);font-family:var(--mono)}.detail .stack-wrap{margin:8px 0 34px}.detail .stack-wrap .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.detail .metaline{margin-bottom:8px}@media(max-width:560px){.detail .facts{grid-template-columns:1fr}.detail .facts .cell{padding-left:16px}}