@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400;1,9..144,500;1,9..144,600;1,9..144,700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--paper:#faf6f0;--linen:#f2eadc;--cream:#fbf3e4;--clay:#d9b8a0;--blush:#edc9c3;--sage:#7e9279;--sage-deep:#5a6e56;--saddle:#7a4a3a;--mesquite:#5a2f22;--bluebonnet:#5c6b9c;--ink:#1a1612;--ink-soft:#3a332b;--rule:#e2d6c2;--bg:var(--paper);--surface:var(--linen);--surface-2:var(--cream);--fg:var(--ink);--fg-muted:#6b5f50;--fg-subtle:#8c7e6c;--border:var(--rule);--border-strong:#c9b89a;--accent:var(--saddle);--accent-hover:var(--mesquite);--on-accent:var(--paper);--accent-soft:#edc9c3;--accent-soft-fg:#8a4a42;--success:#5c7a4f;--warning:#b57c2a;--danger:#a24336;--info:var(--bluebonnet);--font-display:"Fraunces","Georgia",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Consolas",monospace;--t-xs:12px;--t-sm:14px;--t-base:16px;--t-md:18px;--t-lg:22px;--t-xl:28px;--t-2xl:36px;--t-3xl:48px;--t-4xl:64px;--t-5xl:88px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:16px;--shadow-sm:0 1px 2px rgba(26,22,18,0.06),0 1px 1px rgba(26,22,18,0.04);--shadow-md:0 2px 4px rgba(26,22,18,0.06),0 8px 24px rgba(26,22,18,0.06);--shadow-lg:0 4px 8px rgba(26,22,18,0.08),0 24px 48px rgba(26,22,18,0.1)}[data-theme=dark]{--bg:#0f0d0b;--surface:#1b1612;--surface-2:#241b14;--fg:#f2eadc;--fg-muted:#bfb1a0;--fg-subtle:#8c7e6c;--border:#2e2620;--border-strong:#3f3429;--rule:#2e2620;--paper:#0f0d0b;--linen:#1b1612;--cream:#241b14;--ink:#f2eadc;--ink-soft:#bfb1a0;--accent:#d49b6e;--accent-hover:#e8b086;--on-accent:#1a1612;--accent-soft:#e89289;--accent-soft-fg:#f5b8b0;--sage:#9db295;--bluebonnet:#8fa0cf;--success:#8aae7b;--warning:#dba660;--danger:#d87767}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{color:var(--fg);font-family:var(--font-body);font-size:var(--t-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt"}.paper-grain{position:relative;isolation:isolate}.paper-grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.32  0 0 0 0 0.22  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");background-size:240px 240px;opacity:.1;mix-blend-mode:multiply;pointer-events:none;z-index:0}[data-theme=dark] .paper-grain:before{mix-blend-mode:screen;opacity:.05}.paper-grain>*{position:relative;z-index:1}.link-accent{color:var(--accent);text-decoration:none;font-weight:500}.link-accent:hover{text-decoration:underline}.t-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.05;font-variation-settings:"opsz" 144,"SOFT" 50}.t-display-italic{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-.01em}.t-mono{font-family:var(--font-mono);font-feature-settings:"liga" 0,"calt" 0}.t-eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--fg-muted);font-weight:500}.site-wrapper{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--s-7)}@media (max-width:720px){.container{padding:0 var(--s-5)}}.hairline{border:0;height:1px;background:var(--rule);margin:var(--s-5) 0}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--s-3);color:var(--fg-subtle);margin:var(--s-7) 0}.ornament .ornament-line{flex:1 1;height:1px;background:var(--rule);max-width:200px}.ornament svg{color:var(--accent)}.btn{font-family:var(--font-body);font-weight:500;font-size:var(--t-sm);letter-spacing:.005em;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 18px;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease;white-space:nowrap;line-height:1}.btn:active{transform:translateY(.5px)}.btn-sm{padding:7px 12px;font-size:var(--t-xs);border-radius:var(--r-sm)}.btn-lg{padding:14px 24px;font-size:var(--t-md);border-radius:var(--r-md)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.12)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.18)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--fg-muted)}.btn-ghost{background:transparent;color:var(--fg);border-color:transparent}.btn-ghost:hover{background:var(--surface)}.nav-outer{position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:var(--s-4) 0;background:color-mix(in oklab,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{justify-content:space-between;gap:var(--s-5)}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{text-decoration:none;color:var(--fg);flex-shrink:0}.nav-links{display:flex;gap:var(--s-6);flex:1 1;padding-left:var(--s-6)}.nav-link{font-family:var(--font-body);font-size:var(--t-sm);font-weight:500;color:var(--fg-muted);text-decoration:none;padding:4px 0;transition:color .14s ease;position:relative}.nav-link:hover{color:var(--fg)}.nav-cta{display:flex;gap:var(--s-2);align-items:center}@media (max-width:720px){.nav-links{display:none}}.hero-section{padding:var(--s-9) 0 var(--s-10);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:var(--s-8);gap:var(--s-8);align-items:center}.hero-meta{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--accent-soft);display:flex;gap:var(--s-3);margin-bottom:var(--s-5);align-items:center;font-weight:500}.hero-meta-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-soft);display:inline-block;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-soft) 25%,transparent);flex-shrink:0}.hero-h1{font-family:var(--font-display);font-size:clamp(48px,7vw,88px);font-weight:400;letter-spacing:-.035em;line-height:.95;margin:0 0 var(--s-5);font-variation-settings:"opsz" 144,"SOFT" 50}.hero-h1 em{font-style:italic;font-weight:400;font-variation-settings:"opsz" 9,"SOFT" 100;color:var(--accent);position:relative}.hero-h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--accent-soft);opacity:.85;border-radius:2px}.hero-blurb{font-size:var(--t-md);line-height:1.6;color:var(--fg-muted);max-width:50ch;margin:0 0 var(--s-6)}.hero-cta{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--s-5)}.hero-tagline{font-family:var(--font-display);font-style:italic;font-size:var(--t-base);color:var(--fg-subtle);margin-top:var(--s-3)}.hero-visual{justify-content:center;min-height:340px}.hero-illus-frame,.hero-visual{display:flex;align-items:center;position:relative}.hero-illus-frame{border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);background:var(--surface-2);flex-direction:column;gap:var(--s-3);width:100%;max-width:320px}.hero-illus-frame:after,.hero-illus-frame:before{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--border-strong)}.hero-illus-frame:before{top:-7px;left:-7px;border-right:0;border-bottom:0;background:var(--bg)}.hero-illus-frame:after{bottom:-7px;right:-7px;border-left:0;border-top:0;background:var(--bg)}.hero-illus-cap{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.18em}.hero-illus-fig{font-family:var(--font-display);font-style:italic;font-size:var(--t-xs);color:var(--fg-muted)}.hero-code-chip-status{opacity:.7}.hero-code-chip{position:absolute;bottom:var(--s-4);right:-20px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;padding:8px 14px;border-radius:var(--r-sm);box-shadow:var(--shadow-md);transform:rotate(2deg);line-height:1.7;white-space:nowrap}[data-theme=dark] .hero-code-chip{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--fg)}@media (max-width:880px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:0;order:-1}.hero-illus-frame{max-width:260px}.hero-code-chip{right:-8px}}.section{padding:var(--s-10) 0;border-top:1px solid var(--border)}.section-eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--accent-soft);font-weight:500;display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--s-4)}.section-eyebrow:after{content:"";width:28px;height:1px;background:var(--accent-soft);opacity:.5}.section-title{font-family:var(--font-display);font-size:clamp(var(--t-3xl),5vw,var(--t-4xl));font-weight:400;letter-spacing:-.025em;line-height:1;margin:0 0 var(--s-5);font-variation-settings:"opsz" 144,"SOFT" 50}.section-lede{font-size:var(--t-md);color:var(--fg-muted);max-width:56ch;margin:0 0 var(--s-8);line-height:1.6}.studio-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--s-10);gap:var(--s-10);align-items:start}.studio-illus{display:flex;flex-direction:column;gap:var(--s-5);align-items:flex-start}.studio-illus-frame{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-7) var(--s-6);background:var(--surface);display:flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden}.studio-caption{font-family:var(--font-display);font-style:italic;font-size:var(--t-sm);color:var(--fg-subtle);line-height:1.5}.studio-body{display:flex;flex-direction:column;gap:var(--s-5)}.studio-text{font-size:var(--t-md);line-height:1.7;color:var(--fg-muted)}.studio-text strong{color:var(--fg);font-weight:600}.studio-stack{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.stack-badge{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-muted);letter-spacing:.04em}.studio-callout{border-left:2px solid var(--accent);padding-left:var(--s-4);font-family:var(--font-display);font-style:italic;font-size:var(--t-lg);color:var(--fg-muted);line-height:1.4}@media (max-width:880px){.studio-grid{grid-template-columns:1fr}.studio-illus{order:-1;align-items:center}.studio-illus-frame{max-width:280px}}.work-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);padding:var(--s-10) var(--s-5);border:1px dashed var(--border-strong);border-radius:var(--r-xl);text-align:center;position:relative;overflow:hidden}.work-coming-soon:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,color-mix(in oklab,var(--accent) 6%,transparent) 0,transparent 70%);pointer-events:none}.work-coming-soon-eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--fg-subtle)}.work-coming-soon-title{font-family:var(--font-display);font-size:var(--t-3xl);font-weight:400;letter-spacing:-.025em;color:var(--fg);margin:0;font-variation-settings:"opsz" 144}.work-coming-soon-sub{font-size:var(--t-base);color:var(--fg-muted);max-width:44ch;line-height:1.6;margin:0}.work-coming-soon-illus{opacity:.55}.work-skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-4);gap:var(--s-4);width:100%;max-width:800px;opacity:.35}.work-skeleton-card{height:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.work-skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in oklab,var(--bg) 60%,transparent) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:720px){.work-skeleton-row{grid-template-columns:1fr;max-width:280px}.work-skeleton-card{height:80px}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-10);gap:var(--s-10);align-items:start}.contact-links{display:flex;flex-direction:column;gap:var(--s-4);margin-top:var(--s-6)}.contact-link-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:var(--fg);background:var(--surface);transition:border-color .14s ease,background .14s ease,transform .14s ease}.contact-link-row:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateX(4px)}.contact-link-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border);color:var(--accent);flex-shrink:0}.contact-link-label{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.12em}.contact-link-value{font-size:var(--t-sm);color:var(--fg);font-weight:500;margin-top:2px}.contact-side-note{font-size:var(--t-sm);color:var(--fg-muted);line-height:1.7;margin-top:var(--s-4)}.contact-availability{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--success);font-weight:500;padding:6px 12px;border:1px solid color-mix(in oklab,var(--success) 35%,transparent);border-radius:999px;background:color-mix(in oklab,var(--success) 10%,transparent);margin-bottom:var(--s-5)}.contact-availability-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.contact-fine-print{font-size:var(--t-sm);color:var(--fg-muted);line-height:1.7;max-width:42ch}.contact-link-arrow{margin-left:auto;color:var(--fg-subtle);font-size:var(--t-base)}@media (max-width:880px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);padding:var(--s-9) 0 var(--s-7);margin-top:var(--s-9)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--border)}.footer-brand{display:flex;flex-direction:column;gap:var(--s-3)}.footer-tagline{font-family:var(--font-display);font-style:italic;font-size:var(--t-md);color:var(--fg-muted);line-height:1.4;margin:0;max-width:28ch}.footer-links{display:flex;gap:var(--s-7)}.footer-col{display:flex;flex-direction:column;gap:var(--s-2)}.footer-col-hd{font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-subtle);font-weight:500;margin-bottom:var(--s-2)}.footer-col a{color:var(--fg-muted);text-decoration:none;font-size:var(--t-sm);transition:color .14s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--s-5);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-subtle)}.footer-ornament{color:var(--accent);opacity:.6}@media (max-width:720px){.footer-top{flex-direction:column}.footer-links{flex-wrap:wrap;gap:var(--s-5)}.footer-bottom{flex-direction:column;gap:var(--s-3);text-align:center}}