.lab-workspace-content{position:relative;min-width:0;transition:transform .48s cubic-bezier(.22,1,.36,1);will-change:transform}.lab-case-layer{position:fixed;inset:0;z-index:150;pointer-events:none}.lab-case-backdrop{left:0;display:block;width:20vw;border:0;background:rgb(0 0 0/42%);backdrop-filter:saturate(.72) blur(1px);animation:lab-backdrop-in .36s ease both}.lab-case-backdrop,.lab-case-panel{pointer-events:auto;position:absolute;inset-block:0}.lab-case-panel{right:0;display:flex;width:80vw;flex-direction:column;overflow:hidden;border-left:1px solid color-mix(in srgb,var(--text-main) 18%,transparent);background:var(--bg-base);box-shadow:-2rem 0 5rem color-mix(in srgb,#000 18%,transparent);animation:lab-panel-in .48s cubic-bezier(.22,1,.36,1) both}.lab-case-panel-toolbar{z-index:2;display:flex;min-height:4.75rem;flex:none;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);padding-inline:clamp(1.25rem,2.5vw,2.25rem);background:color-mix(in srgb,var(--bg-base) 94%,transparent);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(16px)}.lab-case-panel-toolbar button{display:inline-flex;min-height:2.75rem;align-items:center;gap:.55rem;color:var(--text-main);transition:color .22s ease}.lab-case-panel-toolbar button:hover{color:var(--accent-primary)}.lab-case-panel-scroll{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.lab-case-panel-scroll>*{animation:lab-panel-content-in .48s cubic-bezier(.22,1,.36,1) both}html[data-lab-case-direction=next] .lab-case-panel-scroll>*{animation-name:lab-panel-content-in-from-right}html[data-lab-case-direction=previous] .lab-case-panel-scroll>*{animation-name:lab-panel-content-in-from-left}html[data-blog-post-direction=next] .lab-case-panel-scroll>*{animation-name:lab-panel-content-in-from-right}html[data-blog-post-direction=previous] .lab-case-panel-scroll>*{animation-name:lab-panel-content-in-from-left}.lab-case-panel-scroll>.is-leaving-to-next{animation:lab-panel-content-out-to-left .32s cubic-bezier(.76,0,.24,1) both;pointer-events:none}.lab-case-panel-scroll>.is-leaving-to-previous{animation:lab-panel-content-out-to-right .32s cubic-bezier(.76,0,.24,1) both;pointer-events:none}.lab-case-content{color:var(--text-main)}.lab-case-content[data-variant=panel]{padding:clamp(1.5rem,3vw,3rem)}.lab-case-content[data-variant=page]{margin-top:3rem}.lab-case-back{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.75rem;letter-spacing:.14em}.lab-case-back,.lab-case-meta{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted)}.lab-case-meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.66rem;letter-spacing:.12em}.lab-case-title{margin-top:clamp(2rem,4vw,3.25rem);max-width:70rem;font-family:var(--font-display);font-size:clamp(4rem,9vw,8rem);line-height:.86;text-transform:uppercase;overflow-wrap:anywhere}[data-variant=panel] .lab-case-title{font-size:clamp(3.25rem,5.5vw,6rem)}.lab-case-lede{margin-top:clamp(1.5rem,3vw,2.25rem);max-width:48rem;font-size:clamp(1.05rem,1.8vw,1.5rem);line-height:1.55;color:var(--text-muted)}.lab-case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);padding-block:1.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-top:2rem}.lab-case-primary-action{display:inline-flex;min-height:2.75rem;align-items:center;gap:.6rem;background:var(--interactive-fill);padding-inline:1rem;color:var(--interactive-foreground);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.lab-case-primary-action:focus-visible,.lab-case-primary-action:hover{box-shadow:.3rem .3rem 0 var(--text-main);transform:translate(-.12rem,-.12rem)}.lab-case-source-action{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem}.lab-case-disabled-action,.lab-case-parent{color:var(--text-muted)}.lab-case-parent{margin-top:2rem!important;border-top:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);padding-top:2rem;line-height:1.7}.lab-case-parent a{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:.25rem}.lab-case-stack{border-top:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);padding-top:1.5rem}.lab-case-stack ul{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.lab-case-stack li{border:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);padding:.4rem .6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.lab-case-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid color-mix(in srgb,var(--text-main) 16%,transparent)}.lab-case-pagination a{display:flex;min-height:6rem;align-items:center;gap:.8rem;padding:1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .24s ease,color .24s ease}.lab-case-pagination a+a{justify-content:flex-end;border-left:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);text-align:right}.lab-case-pagination small{display:block;margin-bottom:.35rem;color:var(--text-muted)}.lab-case-pagination a:focus-visible,.lab-case-pagination a:hover{background:var(--interactive-fill);color:var(--interactive-foreground)}@keyframes lab-panel-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes lab-panel-content-in{0%{opacity:0;transform:translate3d(2.5rem,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lab-panel-content-in-from-right{0%{opacity:0;transform:translate3d(4rem,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lab-panel-content-in-from-left{0%{opacity:0;transform:translate3d(-4rem,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lab-panel-content-out-to-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-4rem,0,0)}}@keyframes lab-panel-content-out-to-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(4rem,0,0)}}@keyframes lab-backdrop-in{0%{opacity:0}to{opacity:1}}@media (min-width:1024px){.lab-workspace[data-panel-open=true] .lab-workspace-content{pointer-events:none;transform:translate3d(-80vw,0,0)}}@media (max-width:1023px){.lab-case-layer{pointer-events:auto}.lab-case-backdrop{position:absolute;inset:0;display:block;width:100%;border:0;background:color-mix(in srgb,#000 58%,transparent);animation:lab-backdrop-in .3s ease both}.lab-case-panel{inset:auto 0 0;width:100%;height:88svh;border-top:1px solid color-mix(in srgb,var(--text-main) 20%,transparent);border-left:0;box-shadow:0 -2rem 5rem color-mix(in srgb,#000 28%,transparent);animation-name:lab-sheet-in}.lab-case-panel:before{content:"";position:absolute;top:.55rem;left:50%;z-index:3;width:2.75rem;height:.2rem;background:color-mix(in srgb,var(--text-main) 24%,transparent);transform:translateX(-50%)}.lab-case-panel-toolbar{min-height:4.25rem;padding-top:.35rem}@keyframes lab-sheet-in{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}}@media (max-width:639px){.lab-case-content[data-variant=panel]{padding:1.25rem}[data-variant=panel] .lab-case-title{font-size:clamp(3rem,15vw,4.5rem)}.lab-case-pagination a{min-width:0;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.lab-workspace-content{transition:none}.lab-case-backdrop,.lab-case-panel,.lab-case-panel-scroll>*{animation:none}}