.case-meta{flex-direction:column;gap:22px;display:flex}.case-meta dt{color:var(--faint);font-size:13px;line-height:18px}.case-meta dd{margin:0;font-size:13px;line-height:18px}.toc{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toc a{color:var(--faint);align-items:center;gap:10px;padding:3px 0;font-size:13px;line-height:18px;text-decoration:none;transition:color .2s;display:flex}.toc a:before{content:"";width:12px;height:1px;transition:width .3s var(--ease-out);background:currentColor}.toc a:hover{color:var(--muted)}.toc a.is-active{color:var(--fg)}.toc a.is-active:before{width:20px}.case{min-width:0;padding-bottom:160px}.case>*+*{margin-top:96px}.case-section{scroll-margin-top:calc(var(--nav-h) + 16px)}.text-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;display:grid}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:11px;font-weight:500}.text-block h1,.text-block h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.text-block .body{max-width:520px;font-size:15px;line-height:1.55}.text-block .body p{margin:0 0 1em}.text-block .body p:last-child{margin-bottom:0}.text-block .body strong{font-weight:600}.text-block .body a{text-underline-offset:3px;text-decoration-thickness:1px}.text-block .body a:hover{color:var(--muted)}.case-lede{letter-spacing:-.02em;font-weight:600;font-size:28px!important;line-height:1.2!important}.media{background:var(--hover);border-radius:4px;position:relative;overflow:hidden}.media img,.media video{width:100%;height:auto}.figure{margin:0}.figure+.text-block,.text-block+.figure,.figure+.figure,.callouts+.figure,.figure+.callouts{margin-top:40px}.figcaption{color:var(--muted);justify-content:space-between;gap:16px;margin-top:12px;font-size:13px;line-height:18px;display:flex}.figcaption a{color:var(--fg);white-space:nowrap;text-decoration:none}.figcaption a:hover{text-underline-offset:3px;text-decoration:underline}.stage{background:#eef0f3;border-radius:4px;padding:clamp(16px,4vw,56px);transition:background-color .4s;position:relative;overflow:hidden}.stage.stage--dark{background:#0d0d0d;transition:background-color .4s}.stage--blue{background:linear-gradient(#2c98ff 0%,#1677e6 100%)}.stage--lime{background:#f5ffb0}.embed{background:#fff;border-radius:10px;width:100%;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 30px 60px -20px #10182859}.stage--dark .embed{background:#171717;box-shadow:0 0 0 1px #ffffff14,0 30px 60px -20px #000c}.embed iframe{transform-origin:0 0;background:0 0;border:0;position:absolute;top:0;left:0}.embed.is-bare{box-shadow:none;background:0 0;border-radius:0}.embed.is-ipad{border-radius:18px;box-shadow:0 0 0 10px #1c1c1e,0 0 0 11px #3a3a3c,0 40px 80px -24px #10182880}.embed.is-flash{animation:1.2s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 1px #0000000f,0 0 #2c98ff99}40%{box-shadow:0 0 0 1px #0000000f,0 0 0 10px #2c98ff00}}.embed-badge{z-index:2;backdrop-filter:blur(10px);color:#fff;pointer-events:none;opacity:0;transition:opacity .3s, transform .3s var(--ease-out);background:#121212bf;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;font-weight:500;display:flex;position:absolute;top:clamp(16px,4vw,56px);left:50%;transform:translate(-50%,-140%)}.stage:hover .embed-badge{opacity:1;transform:translate(-50%,-125%)}.embed-badge:before{content:"";background:#3ddc84;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #3ddc8440}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.seg{background:var(--hover);border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000a}.controls__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-right:8px;font-size:10px}.library{color:#fff;background:#1a1a1a;border-radius:4px;padding:clamp(16px,3vw,32px)}.library__head{justify-content:space-between;align-items:baseline;margin-bottom:20px;font-size:15px;font-weight:600;display:flex}.library__note{color:#ffffff73;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500}.library__hero{background:#000;border-radius:10px;overflow:hidden}.library__hero img{width:100%;height:auto;display:block}.library__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:clamp(16px,2vw,24px);display:grid}.session__thumb{aspect-ratio:611/342;background:#000;border-radius:10px;overflow:hidden}.session__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.session:hover .session__thumb img{transform:scale(1.03)}.session__title{margin:12px 0 2px;font-size:15px;font-weight:600}.session__date{color:#ffffff80;margin:0;font-size:13px}.media--bordered{border:1px solid var(--line);background:#f5f5f5}.callouts{counter-reset:c;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.callouts li{counter-increment:c;color:var(--muted);font-size:14px;line-height:1.5}.callouts li:before{content:counter(c, decimal-leading-zero);border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--faint);margin-bottom:10px;padding-bottom:10px;font-size:11px;display:block}.callouts strong{color:var(--fg);margin-bottom:4px;font-weight:600;display:block}.slot{aspect-ratio:var(--ratio,16 / 9);color:var(--faint);text-align:center;background:repeating-linear-gradient(45deg,#0000 0 10px,#00000005 10px 20px),#fafafa;border:1px dashed #d4d4d4;border-radius:4px;place-items:center;gap:6px;padding:24px;display:grid}.slot strong{color:var(--muted);font-size:13px;font-weight:500;display:block}.slot code{font-family:var(--font-mono);font-size:11px}.slot-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.slot-grid .slot{--ratio:4 / 3}.versions{grid-template-columns:1fr 1fr;gap:16px;display:grid}.version{background:var(--hover);border-radius:4px;padding:20px}.version h3{margin:0 0 8px;font-size:14px;font-weight:600}.version p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.version ul{color:var(--muted);margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.6}.next{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:20px;text-decoration:none;display:flex}.next span{color:var(--faint);font-size:13px}.next strong{transition:transform .3s var(--ease-out);font-size:20px;font-weight:600}.next:hover strong{transform:translate(-6px)}.js .reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(20px)}.js .reveal.is-in{opacity:1;transform:none}@media (width<=1100px){.text-block{grid-template-columns:1fr}.callouts{grid-template-columns:1fr;gap:20px}}@media (width<=760px){.case>*+*{margin-top:64px}.case-lede{font-size:22px!important}.slot-grid,.versions,.library__grid{grid-template-columns:1fr}.figcaption{flex-direction:column;gap:6px}.embed.is-ipad{border-radius:10px;box-shadow:0 0 0 5px #1c1c1e,0 20px 40px -16px #10182880}.case-sidebar .toc,.embed-badge{display:none}}.text-block--lede{grid-template-columns:minmax(0,1fr)}.text-block--lede .case-lede{max-width:720px}.case-cta{background:var(--hover);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:24px;display:flex}.case-cta h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600;line-height:1.35}.case-cta p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}