.ScrollToTop[data-astro-cid-73562bqz]{align-items:center;backdrop-filter:blur(8px);background-color:var(--color-bg-black-overlay);border:none;border-radius:var(--radius-round);bottom:var(--space-24);color:var(--color-icon-static-white);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;padding:0;position:fixed;right:var(--space-24);transform:translateY(16px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:48px;z-index:100}.ScrollToTop[data-astro-cid-73562bqz].ScrollToTop_visible{opacity:1;transform:translateY(0);visibility:visible}.ScrollToTop[data-astro-cid-73562bqz]:hover{opacity:.8}@media(prefers-reduced-motion:reduce){.ScrollToTop[data-astro-cid-73562bqz]{transition:none}}.CasePage{--case-bg:var(--neutral-0);--case-ink:var(--neutral-900);--case-ink-soft:var(--neutral-600);--case-rule:oklch(.16 0 0/10%);--case-paper:var(--neutral-100);--case-accent:var(--brand-600);--case-accent-soft:var(--brand-100);--case-ok:#31d158;--case-shot-bg:#111;--site-footer-rule:var(--case-rule);--site-footer-color:var(--case-ink-soft);background:var(--case-bg);color:var(--case-ink);font-family:var(--font-family-body);font-feature-settings:"ss01","cv11";font-size:17px;line-height:1.55;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){.CasePage{--case-bg:var(--neutral-900);--case-ink:var(--neutral-100);--case-ink-soft:var(--neutral-400);--case-rule:oklch(.9515 .0067 97.35/12%);--case-paper:var(--neutral-800);--case-accent:var(--brand-500);--case-accent-soft:var(--brand-900);--case-shot-bg:oklch(.15 .005 56)}}.CasePage *,.CasePage :after,.CasePage :before{box-sizing:border-box}.CasePage ::-moz-selection{background:var(--case-accent);color:#fff}.CasePage ::selection{background:var(--case-accent);color:#fff}.CasePage a{color:inherit}.CasePage h1,.CasePage h2,.CasePage h3,.CasePage h4,.CasePage h5,.CasePage h6{text-wrap:balance}.CasePage .lbl,.CasePage .val,.CasePage blockquote,.CasePage dd,.CasePage figcaption,.CasePage li,.CasePage p,.CasePage span{text-wrap:pretty}.CasePageMain{display:block;gap:0;margin:0;max-width:none;padding:0}.CasePage .wrap{margin:0 auto;max-width:1180px;padding:0 32px}.CasePage .wrap-narrow{margin:0 auto;max-width:760px;padding:0 32px}.CasePage .wrap-narrow--flush{padding:0}.CasePage .section-gap-l{margin-top:48px}.CasePage .full--top{margin-top:56px}.CasePage .inline-code{font-family:var(--font-family-mono);font-size:.85em}.CasePage .inline-code--pill{background:var(--case-accent-soft);border-radius:4px;padding:2px 6px}.CasePage .topbar{backdrop-filter:saturate(180%) blur(14px);background:color-mix(in oklab,var(--case-bg) 80%,transparent);border-bottom:1px solid var(--case-rule);position:sticky;top:0;z-index:20}.CasePage .topbar-inner{align-items:center;color:var(--case-ink-soft);display:flex;font-family:var(--font-family-mono);font-size:12px;height:64px;justify-content:space-between;letter-spacing:.02em}.CasePage .topbar .who{align-items:center;color:var(--case-ink);display:flex;font-family:var(--font-family-body);font-size:14px;font-weight:500;gap:12px;text-decoration:none}.CasePage .topbar .avatar{background:var(--case-accent-soft);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.CasePage .topbar .avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.CasePage .topbar .who .role{color:var(--case-ink-soft);font-weight:400;margin-left:8px}.CasePage .topbar nav{display:flex;gap:22px}.CasePage .topbar nav a{color:var(--case-ink-soft);text-decoration:none;transition:color .2s ease}.CasePage .topbar nav a:hover{color:var(--case-ink)}@media(max-width:720px){.CasePage .topbar nav{display:none}}.CasePage .hero{padding:120px 0 60px;position:relative}.CasePage .hero-kicker{align-items:center;color:var(--case-ink-soft);display:flex;font-family:var(--font-family-mono);font-size:12px;gap:16px;letter-spacing:.08em;margin-bottom:28px;text-transform:uppercase}.CasePage .dot{background:var(--case-accent);border-radius:50%;display:inline-block;height:6px;width:6px}.CasePage .hero h1{font-family:var(--font-family-body);font-size:clamp(36px,5.5vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0 0 32px}.CasePage .hero h1 em{color:var(--case-accent);font-style:normal;font-weight:700}.CasePage .hero-lead{color:var(--case-ink);font-size:clamp(19px,2vw,22px);line-height:1.5;margin:0 0 48px;max-width:540px;text-wrap:balance}.CasePage .hero-meta{border-bottom:1px solid var(--case-rule);border-top:1px solid var(--case-rule);display:grid;gap:24px;grid-template-columns:repeat(4,1fr);padding:24px 0}.CasePage .hero-meta .label{color:var(--case-ink-soft);font-family:var(--font-family-mono);font-size:11px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.CasePage .hero-meta .val{font-size:15px;font-weight:500}.CasePage .live-dot{animation:live-pulse 2s ease-out infinite;background:var(--case-ok);border-radius:50%;box-shadow:0 0 color-mix(in oklab,var(--case-ok) 60%,transparent);display:inline-block;height:8px;margin-right:8px;vertical-align:1px;width:8px}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--case-ok) 60%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in oklab,var(--case-ok) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--case-ok) 0%,transparent)}}@media(max-width:720px){.CasePage .hero-meta{grid-template-columns:repeat(2,1fr)}.CasePage .hero{padding-top:64px}}.CasePage .hero-shot{background:var(--case-paper);border-radius:18px;box-shadow:0 40px 80px -32px #00000040,0 2px 6px #0000000f;margin:64px 0 40px;overflow:hidden;position:relative}.CasePage .hero-shot img{display:block;height:auto;width:100%}.CasePage .hero-credit{align-items:baseline;border-top:1px solid var(--case-rule);display:flex;font-family:var(--font-family-mono);font-size:12px;gap:18px;letter-spacing:.06em;margin:20px 0 0;padding:14px 0;text-transform:uppercase}.CasePage .hero-credit .label{color:var(--case-ink-soft)}.CasePage .hero-credit a{border-bottom:1px solid var(--case-accent);color:var(--case-ink);font-weight:500;padding-bottom:2px;text-decoration:none;transition:color .2s ease}.CasePage .hero-credit a:hover{color:var(--case-accent)}.CasePage .hero-credit .arr{color:var(--case-accent);font-family:var(--font-family-body);margin-left:4px}.CasePage section{border-top:1px solid var(--case-rule);padding:80px 0}.CasePage section.no-rule{border-top:0}.CasePage .sec-head{align-items:baseline;display:flex;gap:40px;margin-bottom:40px}.CasePage .sec-num{color:var(--case-ink-soft);font-family:var(--font-family-mono);font-size:12px;letter-spacing:.08em;min-width:80px}.CasePage .sec-title{font-family:var(--font-family-body);font-size:clamp(32px,4.2vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}@media(max-width:720px){.CasePage .sec-head{flex-direction:column;gap:8px}.CasePage section{padding:56px 0}}.CasePage .prose p{font-size:19px;line-height:1.55;margin:0 0 22px;max-width:680px}.CasePage .prose p.lead{color:var(--case-ink);font-family:var(--font-family-body);font-size:24px;font-weight:500;letter-spacing:-.015em;line-height:1.4;margin-bottom:32px;max-width:760px}.CasePage .prose p.lead em{color:var(--case-accent);font-style:normal;font-weight:500}.CasePage .prose em{font-style:italic}.CasePage .prose strong{font-weight:600}.CasePage .prose a{text-decoration-color:var(--case-accent);text-underline-offset:3px}.CasePage .accent-link{text-decoration:underline;text-decoration-color:var(--case-accent);text-underline-offset:4px}.CasePage .accent-emphasis{color:var(--case-accent)}.CasePage .pull{font-family:var(--font-family-body);font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:48px 0;max-width:900px}.CasePage .pull em{color:var(--case-accent);font-style:normal;font-weight:500}.CasePage .pull .mark{color:var(--case-ink-soft);display:block;font-family:var(--font-family-mono);font-size:12px;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.CasePage .stats{background:var(--case-rule);border:1px solid var(--case-rule);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:40px 0}.CasePage .stats--4{grid-template-columns:repeat(4,1fr)}.CasePage .stats .cell{background:var(--case-bg);padding:44px 40px}.CasePage .stats .n{font-family:var(--font-family-body);font-size:52px;font-weight:600;letter-spacing:-.035em;line-height:1}.CasePage .stats .n sup{color:var(--case-ink-soft);font-size:.4em;vertical-align:super}.CasePage .stats .lbl{color:var(--case-ink-soft);font-family:var(--font-family-mono);font-size:11px;letter-spacing:.08em;margin-top:8px;text-transform:uppercase}@media(max-width:720px){.CasePage .stats{grid-template-columns:repeat(2,1fr)}}.CasePage figure{margin:40px 0}.CasePage figure.full{margin:56px 0}@media(min-width:721px){.CasePage figure.full--mobile-preview{margin-left:auto;margin-right:auto;max-width:60%}}.CasePage figure .frame{background:var(--case-paper);border-radius:14px;box-shadow:0 30px 60px -32px #00000038,0 2px 6px #0000000d;overflow:hidden}.CasePage figure img,.CasePage figure video{display:block;width:100%}.CasePage figcaption{align-items:center;color:var(--case-ink-soft);display:flex;font-family:var(--font-family-mono);font-size:11px;gap:10px;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}.CasePage figcaption .fig-num{color:var(--case-ink);font-weight:500}.CasePage .two-col{display:grid;gap:24px;grid-template-columns:1fr 1fr}@media(max-width:720px){.CasePage .two-col{grid-template-columns:1fr}}.CasePage .timeline{border-top:1px solid var(--case-rule);margin-top:40px}.CasePage .tl-row{align-items:baseline;border-bottom:1px solid var(--case-rule);display:grid;gap:40px;grid-template-columns:140px 1fr;padding:28px 0}.CasePage .tl-row:last-child{border-bottom:none}.CasePage .tl-date{color:var(--case-ink-soft);font-family:var(--font-family-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.CasePage .tl-body h4{font-family:var(--font-family-body);font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.CasePage .tl-body p{color:var(--case-ink);font-size:17px;margin:0;max-width:620px}@media(max-width:720px){.CasePage .tl-row{gap:6px;grid-template-columns:1fr}}.CasePage .decisions{background:var(--case-rule);border:1px solid var(--case-rule);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);overflow:hidden}.CasePage .dec{background:var(--case-bg);display:flex;flex-direction:column;gap:14px;min-height:320px;padding:28px 24px 32px}.CasePage .dec .tag{color:var(--case-accent);font-family:var(--font-family-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.CasePage .dec h4{font-family:var(--font-family-body);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0}.CasePage .dec p{color:var(--case-ink);font-size:15px;line-height:1.55;margin:0}@media(max-width:900px){.CasePage .decisions{grid-template-columns:1fr}}.CasePage .ba{align-items:center;border-bottom:1px solid var(--case-rule);display:grid;font-family:var(--font-family-mono);font-size:14px;gap:16px;grid-template-columns:1fr auto 1fr;margin:0;padding:20px 0}.CasePage .ba:first-of-type{border-top:1px solid var(--case-rule)}.CasePage .ba .old{color:var(--case-ink-soft);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--case-accent) 40%,transparent)}.CasePage .ba .new{color:var(--case-ink);font-weight:500}.CasePage .ba .arr{color:var(--case-accent);font-family:var(--font-family-body)}@media(max-width:720px){.CasePage .ba{font-size:13px;grid-template-columns:1fr;text-align:left}.CasePage .ba .arr{display:none}}.CasePage .seo-carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:32px 0 20px;scrollbar-width:none}.CasePage .seo-carousel::-webkit-scrollbar{display:none}.CasePage .seo-slide{background:var(--case-paper);border:1px solid var(--case-rule);border-radius:14px;display:flex;flex:0 0 66.666%;flex-direction:column;overflow:hidden;scroll-snap-align:start}.CasePage .seo-slide .img{aspect-ratio:16/10;background:var(--case-shot-bg);overflow:hidden}.CasePage .seo-slide .img img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.CasePage .seo-slide .meta{align-items:baseline;display:flex;gap:16px;justify-content:space-between;padding:18px 22px}.CasePage .seo-slide .who{color:var(--case-ink-soft);font-family:var(--font-family-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.CasePage .seo-slide .pos{font-family:var(--font-family-body);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1}.CasePage .seo-slide .pos span{color:var(--case-ok)}.CasePage .carousel-dots{display:flex;gap:10px;justify-content:center;margin:0 0 32px;padding:4px 0}.CasePage .carousel-dots a{background:var(--case-rule);border-radius:50%;display:block;height:8px;transition:background .25s ease,transform .25s ease;width:8px}.CasePage .carousel-dots a:hover{background:var(--case-ink-soft)}.CasePage .carousel-dots a.active{background:var(--case-accent);transform:scale(1.35)}.CasePage .outro{border-top:1px solid var(--case-rule);padding:120px 0 140px;text-align:left}.CasePage .outro h2{font-family:var(--font-family-body);font-size:clamp(44px,7vw,96px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0 0 24px;max-width:1000px}.CasePage .outro h2 em{color:var(--case-accent);font-style:normal;font-weight:700}.CasePage .outro p{color:var(--case-ink);font-size:19px;margin:0 0 36px;max-width:620px}.CasePage .outro-followup{display:block;margin-top:8px}.CasePage .links{display:flex;flex-wrap:wrap;gap:10px}.CasePage .btn{align-items:center;border:1px solid var(--case-ink);border-radius:999px;color:var(--case-ink);display:inline-flex;font-size:14px;font-weight:500;gap:10px;padding:14px 22px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.CasePage .btn:hover{background:var(--case-ink);color:var(--case-bg)}.CasePage .btn.primary{background:transparent;color:var(--case-ink)}.CasePage .btn.primary:hover{background:var(--case-accent);border-color:var(--case-accent);color:#fff}.CasePage .btn .arrow{transition:transform .2s ease}.CasePage .btn:hover .arrow{transform:translate(2px,-2px)}.CasePage a:focus-visible,.CasePage button:focus-visible{outline:2px solid var(--case-accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.CasePage .live-dot{animation:none}.CasePage .btn,.CasePage .btn .arrow,.CasePage .carousel-dots a,.CasePage .hero-credit a,.CasePage .seo-carousel,.CasePage .topbar nav a{transition:none}}
