body[data-layout=page]{--flat-bg:#e9e6ed;--flat-ink:#252338;--flat-muted:#635f74;--flat-glass:#f8f6f1e6;--flat-glass-strong:#f8f6f1;--flat-line:#25233824;--flat-accent:#7564a9;--flat-accent-soft:#d8d2e8;--flat-shadow:0 18px 50px #25233814;--room-bg:var(--flat-bg);--room-ink:var(--flat-ink);--room-muted:var(--flat-muted);--room-line:var(--flat-line);--room-glass:var(--flat-glass);--paper:var(--flat-bg);--ink:var(--flat-ink);--muted:var(--flat-muted);--line:var(--flat-line);--surface:var(--flat-glass);--blue:var(--flat-accent);--blue-light:var(--flat-accent-soft);--focus:#6554a0;background:radial-gradient(ellipse at 82% 2%,#bdb3da47,transparent 34rem), radial-gradient(ellipse at 12% 52%,#dbc7ca3d,transparent 40rem), var(--flat-bg);min-height:100vh;color:var(--flat-ink)}:root[data-theme=dark] body[data-layout=page]{--flat-bg:#151927;--flat-ink:#f5f1eb;--flat-muted:#b5b5ca;--flat-glass:#232638f0;--flat-glass-strong:#232638;--flat-line:#ffffff29;--flat-accent:#ad9de3;--flat-accent-soft:#302b49;--flat-shadow:0 18px 55px #0003;--focus:#c2b7eb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body[data-layout=page]{--flat-bg:#151927;--flat-ink:#f5f1eb;--flat-muted:#b5b5ca;--flat-glass:#232638f0;--flat-glass-strong:#232638;--flat-line:#ffffff29;--flat-accent:#ad9de3;--flat-accent-soft:#302b49;--flat-shadow:0 18px 55px #0003;--focus:#c2b7eb}}body[data-layout=page] .site-header{z-index:40;border:0;width:min(1440px,100%);margin:0 auto;padding:22px clamp(20px,4vw,54px);position:relative}body[data-layout=page] .brand-logo{width:46px;height:46px}body[data-layout=page] .brand-copy strong{font-size:16px}body[data-layout=page] .brand-caption{color:var(--flat-muted);letter-spacing:.06em;font-size:10px}body[data-layout=page] main{min-height:60vh}body[data-layout=page] .eyebrow,body[data-layout=page] .legal-kicker{color:var(--flat-accent)}body[data-layout=page] .page-intro{width:min(1440px,100%);max-width:none;margin:0 auto;padding:clamp(44px,6vw,80px) clamp(24px,6vw,88px) clamp(36px,5vw,60px)}body[data-layout=page] .page-intro h1{max-width:13ch;color:var(--flat-ink);font-size:clamp(54px,7.2vw,108px);line-height:.98}body[data-layout=page] .page-intro p:not(.eyebrow){max-width:54ch;color:var(--flat-muted);margin-top:28px;font-size:clamp(17px,1.7vw,22px);line-height:1.6}body[data-layout=page] .section,body[data-layout=page] .form-panel,body[data-layout=page] .installation,body[data-layout=page] .work-index{width:min(1440px,100% - 40px);margin-left:auto;margin-right:auto}body[data-layout=page] .section{border:1px solid var(--flat-line);background:var(--flat-glass);box-shadow:var(--flat-shadow);border-radius:30px;margin-bottom:24px;padding:clamp(28px,4vw,56px)}body[data-layout=page] .section+.section{margin-top:24px}body[data-layout=page] .personal{background:var(--flat-glass)}body[data-layout=page] .personal img{aspect-ratio:1;border-radius:22px;justify-self:center;width:min(100%,280px);max-width:280px;height:auto;transform:none;box-shadow:0 18px 45px #2523381f}body[data-layout=page] .personal h2,body[data-layout=page] .section h2{color:var(--flat-ink)}body[data-layout=page] .section p,body[data-layout=page] .personal p{color:var(--flat-muted)}body[data-layout=page] .button,body[data-layout=page] main button,body[data-layout=page] select{border-color:var(--flat-line);background:var(--flat-glass-strong);border-radius:999px}body[data-layout=page] .button.primary,body[data-layout=page] button[aria-pressed=true]{border-color:var(--flat-ink);background:var(--flat-ink);color:var(--flat-bg)}body[data-layout=page] .text-link{color:var(--flat-ink);text-decoration-thickness:1px}body[data-layout=page] .text-link:hover{color:var(--flat-accent)}body[data-layout=page] .work-index{gap:14px;margin-bottom:80px;display:grid}body[data-layout=page] .index-entry{border:1px solid var(--flat-line);background:var(--flat-glass);min-height:150px;box-shadow:none;border-radius:24px;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:25px 28px;transition:transform .18s,box-shadow .18s,border-color .18s}body[data-layout=page] .index-entry:first-child{border-top:1px solid var(--flat-line)}body[data-layout=page] .index-entry:hover,body[data-layout=page] .index-entry:focus-visible{color:var(--flat-ink);border-color:color-mix(in srgb,var(--flat-accent) 48%,var(--flat-line));box-shadow:var(--flat-shadow);transform:translateY(-3px)}body[data-layout=page] .index-entry img{object-fit:contain;background:var(--flat-accent-soft);border-radius:12px;width:48px;height:48px;display:block}body[data-layout=page] .index-entry .project-icon-booth{background:#a54e72;padding:5px}body[data-layout=page] .index-entry p{color:var(--flat-muted)}body[data-layout=page] .project-story{width:min(1440px,100%);max-width:none;padding:30px clamp(24px,5vw,72px) 84px}body[data-layout=page] .story-back{margin-bottom:32px;padding:0 4px}body[data-layout=page] .story-back a{color:var(--flat-muted)}body[data-layout=page] .story-hero{gap:clamp(36px,6vw,88px)}body[data-layout=page] .story-hero h1{color:var(--flat-ink)}body[data-layout=page] .story-summary,body[data-layout=page] .story-platform,body[data-layout=page] .story-sections p{color:var(--flat-muted)}body[data-layout=page] .story-art{border:1px solid var(--flat-line);background:linear-gradient(145deg,var(--flat-accent-soft),var(--flat-glass));box-shadow:var(--flat-shadow);border-radius:30px;padding:clamp(35px,5vw,68px)}body[data-layout=page] .story-art-booth{background:var(--flat-glass);border-radius:30px;padding:0}body[data-layout=page] .story-sections{padding:16px 0 40px;display:block}body[data-layout=page] .story-sections section{border-bottom:1px solid var(--flat-line);grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);gap:24px 48px;padding:32px 0;display:grid}body[data-layout=page] .story-sections section p{grid-column:auto}body[data-layout=page] .story-sections h2{font-size:clamp(26px,2.6vw,36px)}body[data-layout=page] .story-next{border-top:1px solid var(--flat-line);margin-top:0;padding:28px 0}body[data-layout=page] .story-next h2{font-size:32px}body[data-layout=page] .project-story[data-project-story=snap-heaven]{--project-accent:#be708e;--project-tint:#f0d5df}body[data-layout=page] .project-story[data-project-story=audiobookecho]{--project-accent:#4674a3;--project-tint:#d9e5f2}body[data-layout=page] .project-story[data-project-story=saventia-ai]{--project-accent:#8062bd;--project-tint:#e5ddf4}body[data-layout=page] .project-story[data-project-story=codetally]{--project-accent:#477f80;--project-tint:#d7e9e7}body[data-layout=page] .story-art{background:linear-gradient(140deg,color-mix(in srgb,var(--project-accent) 20%,var(--flat-glass)),var(--flat-glass))}body[data-layout=page] .code-capture{margin:32px 0 48px}body[data-layout=page] .story-tagline{color:var(--flat-accent);white-space:pre-line;margin:18px 0;font-size:clamp(20px,2.3vw,28px)}body[data-layout=page] .story-flow{border-left:3px solid var(--project-accent);background:var(--flat-glass);border-radius:0 18px 18px 0;margin:36px 0;padding:24px}body[data-layout=page] .story-flow ol{flex-wrap:wrap;gap:16px 28px;padding:0;list-style:none;display:flex}body[data-layout=page] .story-flow li{flex:1;min-width:140px}body[data-layout=page] .story-flow li+li:before{content:"→ ";color:var(--flat-accent)}body[data-layout=page] .story-flow figcaption{color:var(--flat-muted);margin-top:12px;font-size:14px}body[data-layout=page] .contact-grid{width:min(1440px,100% - 40px);box-shadow:none;background:0 0;border:0;border-radius:0;gap:32px;margin:0 auto 20px;padding:28px 12px}body[data-layout=page] .contact-grid>div{padding:12px}body[data-layout=page] .contact-grid p{color:var(--flat-muted)}body[data-layout=page] .form-panel{border:1px solid var(--flat-line);background:var(--flat-glass);border-radius:30px;margin-bottom:50px;padding:32px}body[data-layout=page] .form-panel iframe{border:1px solid var(--flat-line);background:#fff;border-radius:22px;max-width:900px;margin:24px auto 0;display:block}body[data-layout=page] .legal-page{border:1px solid var(--flat-line);background:var(--flat-glass);width:min(1080px,100% - 40px);max-width:none;box-shadow:var(--flat-shadow);border-radius:30px;margin:50px auto 24px;padding:clamp(34px,5vw,72px)}body[data-layout=page] .legal-page h1{max-width:12ch;color:var(--flat-ink);font-size:clamp(48px,6vw,76px)}body[data-layout=page] .legal-page .page-lede,body[data-layout=page] .legal-page .updated,body[data-layout=page] .legal-page section p{color:var(--flat-muted)}body[data-layout=page] .legal-page section{border-top:1px solid var(--flat-line);margin-top:36px;padding-top:34px;scroll-margin-top:28px}body[data-layout=page] .legal-page h2,body[data-layout=page] .legal-page h3{color:var(--flat-ink)}@media (width<=900px){body[data-layout=page] .story-sections{grid-template-columns:1fr}}@media (width<=700px){body[data-layout=page] .site-header{flex-direction:row;align-items:center;gap:12px;padding:16px 18px}body[data-layout=page] .brand-copy{display:block}body[data-layout=page] .brand-copy strong{font-size:13px}body[data-layout=page] .brand-caption{display:none}body[data-layout=page] .brand-logo{width:32px;height:32px}body[data-layout=page] .brand{gap:7px}body[data-layout=page] .page-intro{padding:36px 20px 30px}body[data-layout=page] .page-intro h1{font-size:clamp(44px,13vw,68px)}body[data-layout=page] .section,body[data-layout=page] .form-panel,body[data-layout=page] .work-index,body[data-layout=page] .contact-grid,body[data-layout=page] .legal-page{width:calc(100% - 24px)}body[data-layout=page] .section,body[data-layout=page] .form-panel,body[data-layout=page] .legal-page{border-radius:22px;padding:24px}body[data-layout=page] .index-entry{border-radius:20px;min-height:0;padding:22px 18px}body[data-layout=page] .story-hero{gap:30px}body[data-layout=page] .story-art,body[data-layout=page] .story-art-booth{border-radius:22px}body[data-layout=page] .story-sections section{grid-template-columns:1fr;gap:12px;padding:24px 0}body[data-layout=page] .story-next{padding:24px 0}body[data-layout=page] .personal img{justify-self:start;width:210px;height:auto}body[data-layout=page] .index-entry{grid-template-columns:40px minmax(0,1fr);gap:12px}body[data-layout=page] .index-entry img{border-radius:10px;width:40px;height:40px}body[data-layout=page] .index-entry h2{overflow-wrap:anywhere;font-size:clamp(24px,6.7vw,32px)}body[data-layout=page] .index-entry p{margin-top:10px;font-size:15px}body[data-layout=page] .index-entry .eyebrow{font-size:9px}body[data-layout=page] .contact-grid{gap:20px;padding:0 12px}body[data-layout=page] .contact-grid>div{padding:8px 0}}@media (prefers-reduced-motion:reduce){body[data-layout=page] .index-entry{transition:none}}body[data-layout=page] .form-panel>p{max-width:65ch;margin:16px 0}body[data-layout=page] .contact-embed{border-top:1px solid var(--flat-line);margin-top:24px;padding-top:20px}body[data-layout=page] .contact-embed summary{cursor:pointer;padding:8px 0;font-weight:600}body[data-layout=page] .contact-embed p{color:var(--flat-muted);margin:12px 0}body[data-layout=page] .legal-contents{flex-wrap:wrap;gap:12px 24px;margin-top:28px;display:flex}body[data-layout=page] .legal-contents a{padding:6px 0}body[data-layout=page] .legal-page{line-height:1.75}body[data-layout=page] .page-intro>.button{margin-top:22px}@media (width<=360px){body[data-layout=page] .site-header{flex-wrap:wrap}}body[data-layout=page] .project-story{margin:auto}body[data-layout=page] .story-back{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:13px;display:flex}body[data-layout=page] .story-back a{padding:10px 0;text-decoration:none}body[data-layout=page] .story-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;display:grid}body[data-layout=page] .story-hero h1{overflow-wrap:anywhere;letter-spacing:-.065em;font-size:clamp(40px,6vw,88px)}body[data-layout=page] .story-summary{max-width:46ch;margin-top:24px;font-size:20px;line-height:1.65}body[data-layout=page] .story-platform{margin:22px 0;font-size:13px}body[data-layout=page] .story-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}body[data-layout=page] .story-actions .button{padding:14px 22px;font-size:14px}body[data-layout=page] .story-art img{object-fit:contain;filter:drop-shadow(0 20px 18px #24203727);width:100%;height:auto;max-height:430px;display:block}body[data-layout=page] .story-art-booth{overflow:hidden}body[data-layout=page] .story-art-booth img{object-fit:cover;filter:none;max-height:520px}body[data-layout=page] .story-art figcaption{color:var(--flat-muted);padding:12px 20px;font-size:13px}body[data-layout=page] .story-sections p{font-size:17px;line-height:1.75}body[data-layout=page] .story-next{justify-content:space-between;gap:32px;display:flex}body[data-layout=page] .story-next .text-link{font-size:14px}body[data-layout=page] .story-services{flex-direction:column;gap:15px;font-size:14px;display:flex}body[data-layout=page] .story-services nav{flex-wrap:wrap;gap:18px;margin-top:12px;display:flex}body[data-layout=page] .code-capture img{border-radius:14px;width:100%;height:auto;display:block}body[data-layout=page] .code-capture figcaption{max-width:75ch;color:var(--flat-muted);margin:16px auto;font-size:14px;line-height:1.6}body[data-layout=page] .story-flow h2{margin:12px 0 20px;font-size:clamp(24px,3vw,34px)}body[data-layout=page] [data-story-flow=ai] li+li:before{content:none}@media (width<=700px){body[data-layout=page] .brand{white-space:nowrap;flex-shrink:0}body[data-layout=page] .story-hero{grid-template-columns:1fr}body[data-layout=page] .story-hero h1{font-size:clamp(36px,9.7vw,64px)}body[data-layout=page] .story-summary{font-size:17px}body[data-layout=page] .story-art{width:100%;max-width:390px;margin:auto}body[data-layout=page] .story-next{flex-direction:column}body[data-layout=page] .story-services a{padding:7px 0}}