body:has(.case){background:#fff}.case{--ink:#141414;--text:#4a4a4a;--line:#111;--rule:#ddd;--accent:#f2b705;--t-title:40px;--lh-title:48px;--t-section:32px;--lh-section:40px;--t-sub:22px;--lh-sub:30px;--t-intro:20px;--lh-intro:30px;--t-body:16px;--lh-body:26px;--t-caption:14px;--lh-caption:22px;--t-label:12px;--lh-label:16px;--gap-label-heading:12px;--gap-heading-body:16px;--gap-heading-deck:8px;--gap-para:16px;--gap-text-screens:24px;--gap-screen-caption:12px;--gap-group:24px;--gap-subsection:48px;--gap-section:80px;--pad-side:24px;--pad-top:64px;--pad-bottom:48px;--col-gap:64px;--hero-title-summary:16px;--hero-summary-details:24px;--hero-details-image:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;color:var(--text);font-family:var(--font-geist-pixel-square),ui-monospace,monospace;font-size:var(--t-body);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;background:#fff;overflow-x:clip}@media (min-width:1080px){.case{--t-title:64px;--lh-title:72px;--t-section:40px;--lh-section:48px;--t-sub:24px;--lh-sub:32px;--t-intro:22px;--lh-intro:34px;--t-body:18px;--lh-body:30px;--gap-label-heading:16px;--gap-heading-body:24px;--gap-heading-deck:12px;--gap-text-screens:32px;--gap-group:32px;--gap-subsection:64px;--gap-section:128px;--pad-side:48px;--pad-top:96px;--pad-bottom:64px;--hero-title-summary:24px;--hero-summary-details:32px;--hero-details-image:48px}}.case :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.case h1,.case h2,.case h3{color:var(--ink);letter-spacing:0;text-wrap:balance;margin:0;font-family:inherit;font-weight:700}.case p{margin:0}.case a{color:inherit}.case figure{margin:0}.case em{font-style:normal}.case-bar{z-index:3;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--pad-side) 12px;border-bottom:2px solid var(--line);background:#fff;align-items:center;display:flex;position:sticky;top:0}.cs-back{width:44px;height:44px;color:var(--ink);place-items:center;margin-left:-10px;display:grid}.cs-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.case .plate{color:var(--ink);font:inherit;font-size:var(--t-body);letter-spacing:-.02em;text-transform:none;white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #333;align-items:center;gap:8px;padding:12px 13px;line-height:1.25;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:3px 3px #333}.case .plate:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #333}.case .plate:active{transform:translate(2px,2px);box-shadow:1px 1px #333}.case .plate.go{color:var(--ink);background:#fff;border-color:#333;box-shadow:3px 3px #333}.case .plate.go:hover{box-shadow:4px 4px #333}.case .plate.go:active{box-shadow:1px 1px #333}.case-inner{max-width:860px;padding:0 var(--pad-side) var(--pad-bottom);margin:0 auto}.case p,.case li{font-size:var(--t-body);line-height:var(--lh-body);max-width:68ch;color:var(--text)}.case p+p{margin-top:var(--gap-para)}.case ol,.case ul{margin:var(--gap-para) 0;padding-left:22px}.case li+li{margin-top:8px}.case b,.case strong{color:var(--ink);font-weight:700}.cs-body section{border-top:0;padding:0}.cs-body section+section{margin-top:var(--gap-section);position:relative}.cs-body section+section:before{content:"";left:0;right:0;top:calc(var(--gap-section) / -2);background:var(--rule);height:1px;position:absolute}.case h2{font-size:var(--t-section);line-height:var(--lh-section);margin-bottom:var(--gap-heading-body)}.case h2:has(+.cs-sub){margin-bottom:var(--gap-heading-deck)}.case h3:has(+.cs-aim){margin-bottom:var(--gap-heading-deck)}.case h3{font-size:var(--t-sub);line-height:var(--lh-sub);margin:var(--gap-subsection) 0 var(--gap-heading-body)}.case h3:first-child{margin-top:0}.case :is(h2,.cs-sub)+h3{margin-top:var(--gap-heading-body)}.case :is(h2,h3)+p{margin-top:0}.case .cs-title{font-size:var(--t-title);line-height:var(--lh-title);letter-spacing:.02em;color:var(--ink);margin:0 0 var(--hero-title-summary);max-width:22ch}.case .cs-statement{font-size:var(--t-intro);line-height:var(--lh-intro);color:var(--ink);margin:0 0 var(--gap-para);max-width:40ch}.cs-meta{margin:var(--hero-summary-details) 0 var(--gap-group)}.cs-meta div+div{margin-top:8px}.cs-meta dt{font-size:var(--t-body);color:var(--ink);font-weight:700;display:inline}.cs-meta dt:after{content:" - "}.cs-meta dd{font-size:var(--t-body);color:var(--text);margin:0;display:inline}.case .cs-note{border:2px solid var(--line);font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink);max-width:none;margin:0;padding:16px 18px}.case .cs-shot{margin:var(--hero-details-image) 0 var(--gap-section)}.case .cs-shot img{width:100%;height:auto}.case .cs-sub{font-size:var(--t-intro);line-height:var(--lh-intro);color:var(--text);margin:0 0 var(--gap-heading-body);max-width:44ch}.case .cs-pull{font-size:var(--t-intro);line-height:var(--lh-intro);color:var(--ink);margin:var(--gap-group) 0;max-width:40ch}.case .cs-aim{font-size:var(--t-body);line-height:var(--lh-body);color:var(--text);margin:0 0 var(--gap-heading-body)}.case .cs-label{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink);margin:var(--gap-group) 0 var(--gap-heading-deck);font-weight:700}.case .cs-label+p{margin-top:0}.cs-points{margin:var(--gap-group) 0}.cs-points div+div{margin-top:var(--gap-group)}.cs-points dt{font-size:var(--t-sub);line-height:var(--lh-sub);color:var(--ink);font-weight:700}.cs-points dd{margin:var(--gap-label-heading) 0 0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--text);max-width:68ch}.shots{gap:var(--gap-group) 20px;margin-top:var(--gap-text-screens);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-stack{gap:var(--gap-subsection);margin-top:var(--gap-text-screens);display:grid}.cs-stack img{width:100%;height:auto}.case .cs-figure{margin:var(--gap-text-screens) 0}.case .cs-figure img{width:100%;height:auto}.case .cs-figure.narrow{max-width:640px;margin-inline:auto}.case .cs-phone{margin:var(--gap-text-screens) 0;max-width:300px}.case .cs-phone img{width:100%;height:auto}.case .cs-label+.shots,.case .cs-label+.cs-stack,.case .cs-label+.cs-phone,.case .cs-label+.cs-figure{margin-top:0}.frame{overflow:hidden}.frame img{image-rendering:auto;width:100%;height:auto}.frame .ph{aspect-ratio:4/3;text-align:center;font-size:var(--t-caption);color:var(--text);background:repeating-linear-gradient(45deg,#f6f6f6 0 10px,#ededed 10px 20px);place-items:center;padding:16px;display:grid}.case figcaption{margin-top:var(--gap-screen-caption);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text)}.case figcaption b{font-weight:700;font-size:var(--t-caption);color:var(--ink);display:block}.case figcaption b:not(:only-child){margin-bottom:2px}.case :is(.shots,.cs-stack,.cs-figure,.cs-phone)+p{margin-top:var(--gap-group)}.case .tags{flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.case .tag{font-size:var(--t-label);line-height:var(--lh-label);max-width:none;color:var(--ink);border:2px solid var(--line);background:#fff;margin:0;padding:6px 9px}.cs-toc{top:calc(env(safe-area-inset-top,0px) + 68px);z-index:2;margin:0 calc(var(--pad-side) * -1) var(--pad-top);padding:12px var(--pad-side);border-bottom:1px solid var(--rule);overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;background:#fff;gap:24px;display:flex;position:sticky;overflow-x:auto}.cs-toc::-webkit-scrollbar{display:none}.cs-toc a{font-size:var(--t-body);color:var(--text);white-space:nowrap;border-bottom:3px solid #0000;flex:none;margin-bottom:-13px;padding:2px 0 10px;text-decoration:none}.cs-toc a:hover{color:var(--ink)}.cs-toc a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.case section{scroll-margin-top:124px}@media (prefers-reduced-motion:no-preference){:root:has(.case){scroll-behavior:smooth}.cs-arrive>h2{animation:.42s cubic-bezier(.2,.7,.3,1) both cs-arrive}.cs-arrive>.cs-sub{animation:.42s cubic-bezier(.2,.7,.3,1) 70ms both cs-arrive}@keyframes cs-arrive{0%{opacity:0;transform:translateY(10px)}}}.cs-nav{margin-top:var(--gap-section);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (min-width:700px){.shots{gap:var(--gap-group) 24px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1080px){.case-inner{gap:var(--col-gap);grid-template-columns:216px minmax(0,1fr);align-items:start;max-width:1160px;display:grid}.cs-toc{background:0 0;border-bottom:0;margin:0;padding:0;display:block;position:sticky;top:120px;overflow:visible}.cs-toc a{border-bottom:0;border-left:2px solid var(--rule);white-space:normal;margin:0;padding:7px 0 7px 16px;line-height:1.3;display:block}.cs-toc a[aria-current]{border-left-color:var(--ink);border-bottom-color:#0000}.cs-body{padding-top:var(--pad-top)}.case section{scroll-margin-top:96px}}