.home{--fg:#111;--ink:#0a0d10;--muted:#767676;--muted-strong:#4a4a4a;--bg:#fff;--divider:#e0e0e0;--image-border:#ececec;--accent:#2936cf;--tag-bg:#2936cf1a;--sans:"Satoshi", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--p-xl:clamp(1.75rem, 3.6vw, 3rem);--p-about:clamp(1.375rem, 1.8vw + .75rem, 2.25rem);--p-l:clamp(1.375rem, 1.8vw + .5rem, 2rem);--p-m:clamp(1.125rem, 1vw + .75rem, 1.5rem);--p-s:clamp(1rem, .8vw + .6875rem, 1.25rem);--p-section:clamp(1.625rem, 2vw + .8rem, 2.5rem);--p-group:clamp(1.375rem, .9vw + .95rem, 1.75rem);--p-card:clamp(1.25rem, .8vw + .9rem, 1.625rem);--p-card-sub:clamp(1rem, .4vw + .8rem, 1.125rem);--p-xs:clamp(.8125rem, .5vw + .6875rem, 1rem);--p-2xs:clamp(.6875rem, .25vw + .6rem, .8125rem);--gap:clamp(.75rem, 1.6vw, 1.25rem);--pad:clamp(1rem, 2.6vw, 2rem);--space-2xl:clamp(3.5rem, 8vw, 7rem);--space-xl:clamp(2.5rem, 6vw, 5rem);--space-l:clamp(1.75rem, 3.5vw, 2.75rem);--space-m:clamp(1.5rem, 3vw, 2.25rem);--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.32}.home a{color:inherit;text-decoration:none}.home-grid{column-gap:var(--gap);padding:0 var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.home-page{--edge:max(var(--pad), calc((100% - 1200px) / 2))}.home-page .home-grid,.home-page .home-header,.home-page .home-label{padding-left:var(--edge);padding-right:var(--edge)}.home-page .home-scroll{left:var(--edge)}.home-page .site-footer{margin-left:var(--edge);margin-right:var(--edge)}.home-header{z-index:50;height:72px;padding:0 var(--pad);font-size:var(--p-xs);transition:transform .32s var(--ease), background .2s;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.home-header.is-hidden{transform:translateY(-100%)}.home-header.is-glass{-webkit-backdrop-filter:blur(16px);background:#fff9}.home-brand{letter-spacing:-.01em;font-size:clamp(1.0625rem,.6vw + .8rem,1.3rem);font-weight:700}.home-brand .short{display:none}.home-nav{gap:22px;font-weight:500;display:flex}.home-nav a:hover,.home-brand:hover{color:var(--muted-strong)}.home-hero{flex-direction:column;justify-content:center;min-height:clamp(520px,100svh - 72px,820px);padding:48px 0 104px;display:flex;position:relative}.home-hero canvas{width:100%;height:100%;position:absolute;inset:0}.home-hero-text{letter-spacing:-.01em;grid-column:1/span 10;margin:0;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:700;line-height:1.32;position:relative}.home-hero-text .then{color:var(--muted)}.home-hero-text .hero-link{color:inherit;text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px}.home-hero-text .hero-link:hover{color:var(--fg,inherit)}.home-scroll{left:var(--pad);bottom:var(--space-m);font-size:var(--p-s);align-items:center;gap:10px;font-weight:500;display:inline-flex;position:absolute}.home-scroll .arrow{animation:home-bob 1.5s var(--ease) infinite;display:inline-block}@keyframes home-bob{50%{transform:translateY(.3em)}}.home-label{padding:var(--space-xl) var(--pad) 0;font-size:var(--p-section);letter-spacing:-.01em;font-weight:700;line-height:1.15}.home-label:after{content:"";background:var(--divider);height:1px;margin-top:10px;display:block}.home-row{padding-top:var(--space-l);padding-bottom:var(--space-xl)}.home-row-meta{margin-bottom:var(--space-l);grid-column:1/-1}.home-row-meta h2{font-size:var(--p-group);margin:0;font-weight:700;line-height:1.08}.home-row-meta .years{font-size:var(--p-xs);color:var(--muted);margin-top:6px;display:block}.home-row-meta p{margin:var(--space-m) 0 0;font-size:var(--p-s);font-weight:500;line-height:1.5}.home-cards{gap:var(--space-xl);flex-direction:column;grid-column:1/-1;display:flex}@media (width>=901px){.home-cards{column-gap:clamp(1.5rem,2.5vw,2.5rem);row-gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-card--featured{grid-column:1/-1}.home-card:not(.home-card--featured) .home-card-media{aspect-ratio:2}}.home-card{flex-direction:column;display:flex}.home-card-media{aspect-ratio:3;border:1px solid var(--image-border);background:#d9d9d9;border-radius:10px;overflow:hidden}.home-card-media picture{display:contents}.home-card-media img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,0,.1,1);display:block}.home-card:hover .home-card-media img{transform:scale(1.04)}.home-card-title{margin:var(--space-m) 0 0;font-size:var(--p-card);letter-spacing:-.01em;font-weight:700;line-height:1.2;transition:color .2s}.home-card:hover .home-card-title{color:var(--muted-strong)}.home-arrow{opacity:0;margin-left:.25em;transition:opacity .25s,transform .25s;display:inline-block;transform:translate(-.25em)}.home-card:hover .home-arrow,.home-link:hover .home-arrow{opacity:1;transform:translate(0)}.home-card-sub{font-size:var(--p-card-sub);color:var(--muted);margin:8px 0 0;line-height:1.5}.home-tags{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.home-tag{background:var(--tag-bg);color:var(--accent);font-family:var(--mono);font-size:var(--p-2xs);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:8px 16px}.home-about{padding-top:var(--space-2xl)}.home-about p{font-size:var(--p-about);grid-column:1/-1;margin:0;font-weight:700;line-height:1.35}.home-about .then{color:var(--muted)}.home-connect{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);align-items:start}.home-connect h2{font-size:var(--p-xl);letter-spacing:-.01em;grid-column:1/span 6;margin:0;font-weight:700}.home-links{gap:var(--space-m) var(--gap);grid-column:7/span 6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-link strong{font-size:var(--p-s);font-weight:700;display:block}.home-link>span{font-size:var(--p-xs);color:var(--muted);margin-top:4px;display:block}.home-footer{margin:0 var(--pad);padding:20px 0 var(--space-m);border-top:1px solid var(--fg);font-size:var(--p-xs);justify-content:space-between;gap:16px;display:flex}.home-footer nav{gap:20px;display:flex}.home-footer a:hover{color:var(--muted-strong)}@media (width<=900px){.home-connect h2,.home-links,.home-hero-text{grid-column:1/-1}.home-links{margin-top:var(--space-l)}}@media (width<=640px){.home-brand .full{display:none}.home-brand .short{display:inline}.home-links{grid-template-columns:1fr}.home-card-media{aspect-ratio:2}.home-cards{gap:4.5rem}}@media (prefers-reduced-motion:reduce){.home-header,.home-card-media img,.home-arrow,.home-card-title{transition:none}.home-scroll .arrow{animation:none}}.home [id]{scroll-margin-top:80px}.case-page{max-width:calc(920px + 2 * var(--pad));padding:0 var(--pad) var(--space-2xl);counter-reset:case-section}.case-back{margin-top:var(--space-m);font-size:var(--p-xs);color:var(--muted);align-items:center;gap:8px;font-weight:500;transition:color .2s;display:inline-flex}.case-back:hover{color:var(--ink)}.case-hero{padding:var(--space-xl) 0 var(--space-l);border-bottom:1px solid var(--divider)}.case-hero h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:700;line-height:1.08}.case-meta{font-size:var(--p-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;margin:18px 0 0;padding:0;list-style:none;display:flex}.case-meta li{gap:1rem;display:flex}.case-meta li+li:before{content:"//";opacity:.6}.case-hero .home-tags{margin-top:18px}.case-intro{margin:var(--space-m) 0 0;font-size:var(--p-m);text-wrap:pretty;line-height:1.45}.case-links{margin-top:var(--space-m);flex-wrap:wrap;gap:28px;display:flex}.case-h2{margin:0 0 var(--space-m);font-size:var(--p-l);letter-spacing:-.01em;color:var(--ink);font-weight:700;line-height:1.15}.case-h2:before{counter-increment:case-section;content:counter(case-section, decimal-leading-zero);color:var(--muted);margin-right:.6em;font-weight:500}.case-label{margin:var(--space-l) 0 var(--space-s,18px);border-bottom:1px solid var(--divider);font-size:var(--p-xs);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);padding-bottom:10px;font-weight:800}.case-next{margin-top:var(--space-2xl);padding-top:var(--space-m);border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:16px;display:flex}.case-next .case-back{margin-top:0}.rv .rv-w{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.rv .rv-i{transition:transform .6s var(--ease);transition-delay:calc(var(--line,0) * 90ms);display:inline-block;transform:translateY(112%)}.rv.rv-in .rv-i{transform:translateY(0)}.home-band{min-height:clamp(8rem,15vw,11rem);margin-top:var(--space-l);position:relative}.home-band canvas{width:100%;height:100%;position:absolute;inset:0}.site-footer{margin:var(--space-2xl) var(--pad) 0}.site-footer .home-footer{margin:0}@media (prefers-reduced-motion:reduce){.rv .rv-i{transition:none;transform:none}}.case-tldr{margin-top:var(--space-l);padding:var(--space-m) clamp(1.25rem, 3vw, 2rem) .25rem;border:1px solid var(--divider);border-radius:12px}.case-metrics{margin-top:var(--space-m);padding-bottom:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=640px){.case-metrics{grid-template-columns:minmax(0,1fr)}}.case-flow{justify-content:center;align-items:center;display:flex}.case-flow-step{min-width:0}.case-flow-arrow{flex:none;opacity:1!important}.case-flow-arrow path{stroke:#767676}@media (width<=720px){.case-flow{flex-direction:column;align-items:stretch;gap:6px}.case-flow>.case-flow-step{width:100%;flex:none!important;max-width:none!important}.case-flow>.case-flow-arrow{align-self:center;transform:rotate(90deg);margin:0!important}}.case-links .home-arrow{opacity:1;transform:none}.case-back{white-space:nowrap}.case-next{flex-wrap:wrap}.case-details{margin-top:var(--space-xl);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.case-details>summary{font-size:var(--p-l);letter-spacing:-.01em;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:700;list-style:none;display:flex}.case-details>summary::-webkit-details-marker{display:none}.case-details>summary:after{content:"+";color:var(--muted);font-weight:500}.case-details[open]>summary:after{content:"−"}.case-details>summary:hover{color:var(--muted-strong)}.case-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-details[open]{padding-bottom:var(--space-l)}.case-page--split{--case-gap:20px;--case-8:calc((100% - 11 * var(--case-gap)) * 8 / 12 + 7 * var(--case-gap));max-width:1440px;margin-inline:auto}.case-page--split .case-intro,.case-page--split .case-tldr,.case-page--split .case-metrics{max-width:var(--case-8)}.case-hero-media{aspect-ratio:2;object-fit:cover;object-position:50% 51%;width:100%;margin-top:var(--space-l);border:1px solid var(--image-border);background:#0b1420;border-radius:10px;display:block}.case-row{column-gap:var(--case-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 0 clamp(2.5rem,5vw,4.5rem);display:grid}.case-row-head{letter-spacing:-.01em;color:var(--ink);grid-column:1/-1;align-items:center;gap:16px;margin:0 0 clamp(1rem,1.6vw,1.5rem);font-size:clamp(1.25rem,1.2vw + .9rem,1.5rem);font-weight:700;line-height:1.15;display:flex}.case-row-head:after{content:"";border-top:1px solid var(--divider);flex:auto}.case-row-text{grid-column:1/span 4;min-width:0;max-width:340px}.case-row-text--wide{grid-column:1/span 8;max-width:none}.case-row-media{grid-column:5/-1;min-width:0}.case-row-text>:first-child,.case-row-media>:first-child{margin-top:0!important}.case-row-text>:last-child,.case-row-media>:last-child{margin-bottom:0!important}.case-row-text .case-p,.case-row-text li.case-p>span:last-child{line-height:1.32!important}.case-row-media .sd-fig{margin:0}.case-row-media>*+*{margin-top:var(--case-gap)}.case-cards-2{gap:var(--case-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=1100px){.case-cards-2{grid-template-columns:minmax(0,1fr)}}.case-media-pair{gap:var(--case-gap);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.case-media-stack{gap:var(--case-gap);flex-direction:column;min-width:0;display:flex}.case-media-phone{justify-content:center;display:flex}@media (width<=1100px){.case-media-pair{grid-template-columns:minmax(0,1fr);justify-items:center}.case-media-stack{width:100%}}@media (width<=900px){.case-page--split .case-intro,.case-page--split .case-tldr,.case-page--split .case-metrics{max-width:none}.case-row{grid-template-columns:minmax(0,1fr)}.case-row-text,.case-row-text--wide,.case-row-media{grid-column:1/-1;max-width:none}.case-row-media{margin-top:var(--case-gap)}}@media print{.fade-in{opacity:1!important;transform:none!important}.rv .rv-i{transition:none!important;transform:none!important}}.case-flow--v{flex-direction:column;align-items:stretch;gap:6px}.case-flow--v>.case-flow-step{border:1px solid var(--divider);border-radius:10px;gap:14px;width:100%;text-align:left!important;flex-direction:row!important;align-items:center!important;padding:12px 14px!important}.case-flow--v>.case-flow-step>div{flex:none;margin:0!important}.case-flow--v>.case-flow-step>p{margin:0!important;font-size:15px!important}.case-flow--v>.case-flow-step>p:first-of-type{flex:0 0 110px}.case-flow--v>.case-flow-step>p:nth-of-type(2){white-space:normal!important;color:#767676!important}.case-flow--v>.case-flow-arrow{align-self:center;transform:rotate(90deg);margin:0!important}