@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-ext-400-normal-L6eiXaX2.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-400-normal-DYKaTm8Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-400-normal-Dw3p-plB.woff2) format("woff2"),url(/assets/zilla-slab-latin-400-normal-Dlq-Ffxl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-ext-400-italic-CRk_sWZT.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-400-italic-DN3D2Uc2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-400-italic-D7_mW9QC.woff2) format("woff2"),url(/assets/zilla-slab-latin-400-italic-BLIfJFzt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/zilla-slab-latin-ext-500-normal-BtCblgyy.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-500-normal-CU92Uk-1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/zilla-slab-latin-500-normal-CzZRcrUb.woff2) format("woff2"),url(/assets/zilla-slab-latin-500-normal-B8-aa0aC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/zilla-slab-latin-ext-600-normal-9hyyVsz0.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-600-normal-DTnoEnY3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/zilla-slab-latin-600-normal-BRgn6X7z.woff2) format("woff2"),url(/assets/zilla-slab-latin-600-normal-iLPAhCz6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #d6d6cf;--paper: #e8e8e3;--paper-2: #d9d9d2;--ink: #181715;--muted: #5a5953;--accent: #bfb21a;--accent-ink: #181715;--dark: #181715;--dark-ink: #e8e8e3;--dark-muted: #a9a8a0;--field: #181715;--font: "Zilla Slab", Georgia, "Times New Roman", serif;--small: clamp(.8125rem, .79rem + .1vw, .875rem);--body: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--head: clamp(2rem, 1.4rem + 2vw, 3.25rem);--huge: clamp(2.75rem, 9.3vw, 8.5rem);--gutter: 12px;--pad: clamp(24px, 4.5vw, 64px);--space: clamp(96px, 11vw, 152px);--radius: 16px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .65s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--body);line-height:1.5;text-wrap:pretty;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}h1,h2{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.02;text-wrap:balance}h1,h2{font-size:var(--head)}p{margin:0}a{color:inherit}button,input,a{font:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.band :focus-visible,.contact :focus-visible,.foot :focus-visible{outline-color:var(--dark-ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:var(--gutter);top:var(--gutter);z-index:10;transform:translateY(-200%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;text-decoration:none}.skip:focus{transform:none}.page{padding:var(--gutter);display:grid;gap:var(--gutter)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter);align-items:start}.read{display:grid;gap:var(--gutter);min-width:0}.stage-column{position:sticky;top:var(--gutter);height:calc(100svh - 2 * var(--gutter));min-width:0}.card,.panel,.letter{background:var(--paper);border-radius:var(--radius)}.stage{background:var(--field);border-radius:var(--radius);overflow:hidden;display:grid;transition:background-color var(--dur) var(--ease);container-type:size}.stage-sticky{height:100%}.stage-inline,.stage-top{display:none}.scene{grid-area:1 / 1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6%;animation:scene-in var(--dur) var(--ease) both}.scene-phones{gap:20px}.scene-phones{--u: min(1cqh, 2.4cqw)}.phone{margin:0;flex:0 0 auto;height:calc(74 * var(--u, 1cqh));aspect-ratio:393 / 852;background:#0d0d0f;border-radius:clamp(26px,5cqh,46px);padding:clamp(6px,1.1cqh,10px);overflow:hidden;animation:scene-in var(--dur) var(--ease) both}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:clamp(20px,3.9cqh,36px);transform:scale(1.015)}.scene-2{--u: min(1cqh, 1.4cqw)}.scene-2 .phone{height:calc(66 * var(--u))}.scene-3{--u: min(1cqh, 1.08cqw);gap:0}.scene-3 .phone{height:calc(58 * var(--u))}.scene-3 .phone-1{height:calc(72 * var(--u));margin:0 -8%;position:relative;z-index:1}.scene-phones .phone:nth-child(2){animation-delay:70ms}.scene-phones .phone:nth-child(3){animation-delay:.14s}.browser{margin:0;width:88%;height:86%;background:#fff;border-radius:12px;overflow:hidden;display:grid;grid-template-rows:36px minmax(0,1fr)}.browser-bar{background:#ebebe8;display:flex;align-items:center;gap:8px;padding:0 14px}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#c6c6c0}.browser-view{overflow:hidden}.browser-view img{width:100%;height:100%;object-fit:cover;object-position:50% calc(var(--pan, 0) * 100%);transition:object-position .16s linear}.browser-still{width:100%;height:auto;aspect-ratio:5 / 4}.browser-tall{width:100%;height:min(72svh,760px)}.steps{display:flex;justify-content:center;gap:5px;height:56px;padding:20px var(--pad) 0}.steps i{flex:1 1 0;min-width:0;max-width:9px;background:var(--ink);border-radius:2px}.steps-thin{height:8px;padding:0;gap:4px;border-radius:2px}.steps-thin i{max-width:none;background:var(--dark-ink);border-radius:0}.hero{min-height:calc(100svh - 2 * var(--gutter));display:grid;grid-template-rows:auto minmax(0,1fr) auto}.hero-body{align-self:center;display:grid;justify-items:center;text-align:center;gap:28px;padding:56px var(--pad)}.hero-body h1{max-width:12ch}.hero-body.left{justify-items:start;text-align:left;gap:22px;padding-top:32px;padding-bottom:56px}.hero-body.left h1{max-width:14ch;margin-top:8px}.lead{font-size:var(--lead);line-height:1.35;max-width:36ch}.hero-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:0 var(--pad) 28px}.hero-links a{text-decoration:none;font-weight:500;padding:6px 0;transition:color .2s var(--ease)}.hero-links a:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;text-decoration-color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.button:hover{background:var(--ink);color:var(--paper)}.button:active{transform:scale(.97)}.panel{padding:var(--pad);padding-top:calc(var(--pad) + 8px);display:grid;gap:var(--space)}.ledger h2{font-size:var(--lead);font-weight:500}.ledger ul{list-style:none;margin:32px 0 0;padding:0}.ledger a{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:baseline;min-height:48px;padding:8px 0;text-decoration:none;transition:opacity .2s var(--ease)}.ledger ul:hover a:not(:hover),.ledger ul:focus-within a:not(:focus-visible){opacity:.45}.l-name{font-weight:500}.l-kind{font-size:var(--small);color:var(--muted)}.l-count{font-variant-numeric:tabular-nums;text-align:right}.work{display:grid;gap:24px;max-width:48ch;scroll-margin-top:var(--gutter)}.work h2{margin-bottom:4px}.more{font-weight:500;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;text-decoration-color:var(--accent);transition:text-decoration-color .2s var(--ease)}.more:hover{text-decoration-color:var(--ink)}.stage-control{display:grid;gap:8px;margin:8px 0}.stage-control button{display:grid;gap:2px;text-align:left;padding:16px 20px;border:0;border-radius:var(--radius);background:var(--paper-2);color:var(--ink);cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease)}.stage-control button:hover{background:var(--bg)}.stage-control button:active{transform:scale(.985)}.stage-control button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stage-control strong{font-size:var(--lead);font-weight:600;letter-spacing:-.01em}.stage-control span{color:var(--muted)}.stage-control button[aria-pressed=true] span{color:var(--dark-muted)}.inline-figure{margin:8px 0;display:grid;gap:12px}.inline-figure figcaption{font-size:var(--small);color:var(--muted)}.inline-figure .browser{background:var(--paper-2)}.band{background:var(--field);color:var(--dark-ink);border-radius:var(--radius);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--pad);padding:var(--pad);align-items:center;scroll-margin-top:var(--gutter)}.band-copy{display:grid;gap:24px;max-width:46ch}.band-copy .more{text-decoration-color:var(--dark-ink)}.band-copy .more:hover{text-decoration-color:var(--accent)}.band-art{min-width:0}.letter{padding:var(--space) var(--pad);display:grid;gap:1.1em;scroll-margin-top:var(--gutter)}.letter>*{width:100%;max-width:520px;margin-inline:auto}.letter h2{margin-bottom:16px}.sign{margin-top:24px;display:grid;gap:2px}.sign em{font-size:var(--lead);font-style:italic;font-weight:500}.sign span{font-size:var(--small);color:var(--muted)}.contact{background:var(--dark);color:var(--dark-ink);border-radius:var(--radius);padding:calc(var(--space) + 32px) var(--pad) var(--space);display:grid;scroll-margin-top:var(--gutter)}.contact>*{width:100%;max-width:520px;margin-inline:auto}.contact h2{font-size:var(--lead);font-weight:500;line-height:1.3;letter-spacing:0}.soft{color:var(--dark-muted)}.one-field{position:relative;margin-top:28px}.one-field input{width:100%;height:64px;border:0;border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:0 72px 0 22px}.one-field input::placeholder{color:var(--muted)}.one-field input:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}.one-field button{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s var(--ease),transform .2s var(--ease)}.one-field button:hover{background:var(--ink);color:var(--paper)}.one-field button:active{transform:scale(.94)}.small{font-size:var(--small);margin-top:14px;color:var(--dark-muted)}.rows{margin:72px auto 0;display:grid;gap:14px}.rows div{display:grid;grid-template-columns:6ch minmax(0,1fr);gap:16px}.rows dt{color:var(--dark-muted)}.rows dd{margin:0}.rows a{text-decoration:none}.rows a:hover{text-decoration:underline;text-underline-offset:.2em}.foot{background:var(--dark);color:var(--dark-ink);border-radius:var(--radius);padding:0 var(--pad) 28px;display:grid;gap:40px;overflow:hidden}.foot .steps-thin{margin:0 calc(-1 * var(--pad))}.foot-name{font-size:var(--huge);font-weight:600;letter-spacing:-.04em;line-height:.95;margin:24px 0 0}.foot nav{display:flex;flex-wrap:wrap;gap:12px 32px}.foot nav a{text-decoration:none;font-weight:500}.foot nav a:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px;text-decoration-color:var(--accent)}.case-head{min-height:0}.crumbs a{text-decoration:none;font-weight:500}.crumbs a:hover{text-decoration:underline;text-underline-offset:.2em}.case-frames{list-style:none;margin:0;padding:0;display:grid;gap:var(--gutter)}.case-frames li{background:var(--paper);border-radius:var(--radius);padding:var(--pad);min-height:56svh;display:grid;align-content:center;gap:24px;scroll-margin-top:var(--gutter)}.case-frames .lead{color:var(--muted);transition:color .35s var(--ease)}.case-frames li.is-current .lead{color:var(--ink)}.stage-inline-frame{display:none}.case-next{background:var(--paper);border-radius:var(--radius);padding:var(--pad);display:grid;gap:24px;justify-items:start}.case-next h2{font-size:var(--lead);font-weight:500}.case-next ul{list-style:none;margin:0;padding:0;width:100%}.case-next a{display:grid;grid-template-columns:1fr auto;gap:16px;min-height:48px;align-items:baseline;padding:8px 0;text-decoration:none}.case-next ul:hover a:not(:hover){opacity:.45}[data-rise]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease) var(--delay, 0ms),transform .7s var(--ease) var(--delay, 0ms)}[data-rise].is-in{opacity:1;transform:none}@keyframes scene-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:900px){:root{--pad: clamp(20px, 5vw, 32px)}.split{grid-template-columns:minmax(0,1fr)}.stage-column{display:none}.stage-top{display:grid;height:58svh}.stage-inline{display:grid;height:68svh;margin:8px calc(-1 * var(--pad) + var(--gutter))}.hero{min-height:0;margin-top:-24px;position:relative}.hero-body{padding:40px var(--pad) 36px}.scene{padding:8% 5%}.browser{width:92%;height:90%}.band{grid-template-columns:minmax(0,1fr);align-items:start}.browser-tall{height:64svh}.ledger a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name count" "kind kind";gap:0 16px;padding:10px 0}.l-name{grid-area:name}.l-count{grid-area:count}.l-kind{grid-area:kind}.rows div{grid-template-columns:minmax(0,1fr);gap:2px}.rows{gap:20px}.stage-inline-frame{display:grid;justify-items:center;background:var(--field);border-radius:var(--radius);padding:7%;margin:0 calc(-1 * var(--pad) + var(--gutter))}.stage-inline-frame .phone{height:auto;width:64%;max-width:300px}.stage-inline-frame .browser-still{aspect-ratio:3 / 4}.case-frames li{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-rise]{opacity:1;transform:none;transition:none}.scene,.phone{animation:none}.browser-view img{object-position:50% 0;transition:none}.stage,.button,.stage-control button,.ledger a{transition:none}}