.labs-page{padding:3.25rem 0 1rem}.labs-intro{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.75rem;display:flex}.labs-intro h1{letter-spacing:-.065em;margin:.65rem 0 0;font-size:clamp(4rem,7.8vw,7rem);font-weight:500;line-height:1}.labs-intro h1>span{color:var(--accent)}.labs-intro-copy{padding-bottom:.3rem}.labs-intro-copy p{letter-spacing:-.015em;margin:0 0 .75rem;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.4}.labs-intro-copy>span{color:var(--muted);font-size:.875rem}.lab-entry{min-width:0;color:var(--text);outline-offset:7px;text-decoration:none}.lab-entry:focus-visible{outline:2px solid var(--accent)}.lab-feature{background:var(--surface);border:1px solid var(--line);border-radius:4px;grid-template-columns:1fr 1.1fr;transition:border-color .2s;display:grid;overflow:hidden}.lab-feature-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:2.5rem;display:flex}.lab-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.75rem;line-height:1.5;display:flex}.lab-new{color:var(--text);border:1px solid var(--line);border-radius:2px;padding:.15rem .5rem}.lab-feature h2{letter-spacing:-.055em;max-width:9ch;margin:1.5rem 0 1.1rem;font-size:clamp(2.6rem,4.4vw,4.15rem);font-weight:500;line-height:1.03}.lab-question{letter-spacing:-.015em;color:var(--text);margin:0 0 .75rem;font-size:1.125rem;line-height:1.45}.lab-description{color:var(--muted);max-width:40rem;margin:0 0 1.25rem;font-size:1rem;line-height:1.7}.lab-topics{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:0;font-size:.75rem;line-height:1.6;list-style:none;display:flex}.lab-feature .lab-topics{margin-bottom:1.75rem}.lab-cta{color:var(--accent);align-items:center;gap:.85rem;font-size:1rem;font-weight:600;line-height:1.4;display:inline-flex}.lab-cta svg{flex-shrink:0;transition:transform .25s}.lab-feature .lab-cta{margin-top:auto}.lab-entry:hover .lab-cta svg,.lab-entry:focus-visible .lab-cta svg{transform:translate(3px,-3px)}.lab-feature:hover{border-color:var(--accent)}.labs-collection-heading{justify-content:space-between;align-items:center;gap:1rem;margin:3.5rem 0 1.5rem;display:flex}.labs-collection-heading h2{letter-spacing:-.03em;font-size:1.5rem;font-weight:500}.labs-collection-heading .eyebrow{color:var(--muted);font-size:.75rem}.labs-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.25rem 2rem;display:grid}.lab-experiment{border-bottom:1px solid var(--line);flex-direction:column;padding-bottom:1.8rem;display:flex}.lab-experiment-copy{flex-direction:column;flex:1;align-items:flex-start;padding-top:1.35rem;display:flex}.lab-experiment h3{letter-spacing:-.045em;margin:.7rem 0 1rem;font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:500;line-height:1.1;transition:color .2s}.lab-experiment:hover h3,.lab-experiment:focus-visible h3{color:var(--accent)}.lab-experiment-end{flex-direction:column;gap:1.2rem;margin-top:auto;display:flex}.lab-experiment .lab-visual{border-radius:3px;transition:box-shadow .25s}.lab-experiment:hover .lab-visual,.lab-experiment:focus-visible .lab-visual{box-shadow:0 0 0 1px var(--accent)}.lab-visual{color:#f2f5ea;isolation:isolate;flex-direction:column;justify-content:space-between;min-width:0;padding:1.5rem 1.75rem;display:flex;position:relative;overflow:hidden}.lab-experiment .lab-visual{flex-shrink:0;min-height:20.25rem}.visual-caption{font-family:var(--mono);z-index:1;justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;line-height:1.5;display:flex;position:relative}.visual-caption>span:last-child{opacity:.65}.visual-stack{color:#1d2919;background:#d8ef8a;justify-content:center;gap:1.5rem;padding:2.5rem 2rem}.visual-stack>.visual-caption{margin-bottom:.5rem}.stack-structure{border-bottom:1px solid #788d50;justify-content:space-between;gap:.75rem;padding:.65rem 0;font-size:.8125rem;line-height:1.5;display:flex}.stack-structure>span:first-child{font-family:var(--display);font-size:1rem}.stack-layers{border-left:1px dashed #788d50;flex-direction:column;gap:.5rem;padding-left:.75rem;padding-right:.8rem;display:flex}.stack-layer{background:#e6f5b6;border:1px solid #788d50;grid-template-columns:1.65rem minmax(6rem,.8fr) 1.5fr;align-items:center;gap:.8rem;padding:1rem .9rem;transition:transform .28s,background .28s;display:grid;box-shadow:4px 4px #b6d269}.stack-layer:nth-child(2){margin-left:.2rem}.stack-layer:nth-child(3){margin-left:.4rem}.stack-layer:nth-child(4){margin-left:.6rem}.stack-number{font-family:var(--mono);color:#4c6333;font-size:.75rem}.stack-layer strong{font-family:var(--display);font-size:1.125rem;font-weight:500}.stack-detail{font-size:.8125rem;line-height:1.4}.lab-feature:hover .stack-layer,.lab-feature:focus-visible .stack-layer{transform:translate(3px,-3px)}.stack-layer:nth-child(2){transition-delay:30ms}.stack-layer:nth-child(3){transition-delay:60ms}.stack-layer:nth-child(4){transition-delay:90ms}.stack-foundation{border-top:1px dashed #748748;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.8125rem;display:flex}.stack-foundation>span:first-child{font-family:var(--display);font-size:1rem}.visual-gastown{color:#a8e5d7;background:#103237}.topology-diagram{color:#60958e;width:100%;max-height:12rem;overflow:visible}.network-signal{stroke-dasharray:12 200;stroke-dashoffset:212px;transition:stroke-dashoffset .7s ease-out}.lab-entry:hover .network-signal,.lab-entry:focus-visible .network-signal{stroke-dashoffset:0}.network-error{transition:r .2s}.lab-entry:hover .network-error{r:7px}.topology-labels{text-align:center;font-family:var(--mono);grid-template-columns:1fr 1fr;margin-top:-.35rem;font-size:.8125rem;display:grid}.visual-footnote{opacity:.85;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.error-key{background:#ff9673;border-radius:50%;flex-shrink:0;width:6px;height:6px}.visual-feedback{color:#e7d8ff;background:#28223b}.feedback-comparison{grid-template-columns:1fr 1.25fr;align-items:center;gap:1.25rem;padding-top:.4rem;display:grid}.feedback-claim,.feedback-reality{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.feedback-label{font-family:var(--mono);opacity:.75;font-size:.75rem}.feedback-claim strong{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(2.5rem,5vw,4.75rem);font-weight:500;line-height:1.05}.feedback-claim>span:last-child,.feedback-reality>span:last-child{opacity:.8;font-size:.8125rem}.feedback-reality{border-left:1px solid #665779;padding-left:1.25rem}.feedback-form-line{background:#655575;width:90%;height:5px;margin-top:.5rem}.feedback-form-line.short{width:65%;margin-top:0}.feedback-missing{color:#ffc3bc;border-bottom:1px solid #b87686;padding:.5rem 0;font-size:.8125rem;line-height:1.4}.feedback-return{color:#b19dcc;text-align:center;position:relative}.feedback-return svg{width:100%;height:2.2rem}.feedback-return span{font-family:var(--mono);background:#28223b;padding:0 .6rem;font-size:.75rem;line-height:1.5;display:inline-block;position:relative;top:-1.3rem}.visual-memory{color:#c9eaff;background:#183b55}.memory-system{grid-template-columns:1fr 4rem 1fr;align-items:center;gap:.85rem;display:grid}.memory-label{font-family:var(--mono);margin-bottom:1rem;font-size:.75rem;line-height:1.5;display:block}.memory-records{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.memory-records>span{background:#2a506b;border:1px solid #49718a;border-radius:2px;height:1.9rem}.memory-records>.record-relevant{background:#b6deef;border-color:#d2eeff;transition:transform .3s}.lab-entry:hover .record-relevant,.lab-entry:focus-visible .record-relevant{transform:translateY(-4px)}.memory-transfer{color:#afdff6;text-align:center;padding-top:1.8rem}.memory-transfer>span{font-family:var(--mono);font-size:.75rem}.memory-transfer svg{width:100%;margin-top:.3rem}.window-slots{border:1px dashed #7babcb;flex-direction:column;gap:.45rem;padding:.4rem;display:flex}.window-slots>span{background:#254a66;padding:.4rem .6rem;font-size:.75rem;line-height:1.5}.window-slots>.retrieved-slot{color:#193b54;background:#b6deef}.visual-clawdbots{color:#edfff4;background:#061310;padding:1.5rem 1.75rem}.visual-clawdbots>img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.visual-clawdbots:after{content:"";z-index:-1;background:linear-gradient(#030f0cb3,#0000 30% 65%,#030f0cd9);position:absolute;inset:0}.lab-entry:hover .visual-clawdbots>img,.lab-entry:focus-visible .visual-clawdbots>img{transform:scale(1.025)}.claw-perspectives{flex-wrap:wrap;gap:.6rem;display:flex}.claw-perspectives>span{font-family:var(--mono);background:#05120da6;border:1px solid #73887a;padding:.35rem .65rem;font-size:.75rem;line-height:1.5}.labs-colophon{color:var(--muted);justify-content:space-between;align-items:center;gap:1.5rem;padding:2.5rem 0 1rem;font-size:.875rem;line-height:1.6;display:flex}.labs-colophon a{align-items:center;gap:.6rem;display:inline-flex}.labs-colophon a:hover{color:var(--accent)}@media (width<=1100px){.lab-feature-copy{padding:2rem}.visual-stack{padding:2rem 1.5rem}.stack-layer{grid-template-columns:1.2rem 1fr;gap:.2rem .6rem;padding:.65rem .8rem}.stack-detail{grid-column:2}.labs-gallery{gap:2.5rem 1.5rem}.lab-visual{padding:1.25rem}.lab-experiment .lab-visual{min-height:19rem}.memory-system{grid-template-columns:1fr 2.5rem 1fr;gap:.5rem}.memory-records{gap:.3rem}.memory-records>span{height:1.65rem}.window-slots>span{padding:.4rem .25rem}}@media (width<=760px){.labs-page{padding-top:2rem}.labs-intro{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.labs-intro h1{font-size:4.5rem}.labs-intro-copy p{font-size:1.2rem}.lab-feature{grid-template-columns:1fr}.lab-feature-copy{padding:1.75rem}.lab-feature h2{max-width:none;margin:1.1rem 0;font-size:2.8rem}.lab-feature .lab-topics{margin-bottom:1.25rem}.visual-stack{gap:1.1rem;padding:1.75rem}.stack-layer{grid-template-columns:1.65rem 1fr 1.65fr;padding:.8rem .9rem}.stack-detail{grid-column:auto}.labs-gallery{grid-template-columns:1fr;gap:2.5rem}.lab-experiment .lab-visual{min-height:20rem}.lab-visual{padding:1.4rem}.feedback-claim strong{font-size:4.5rem}.memory-system{grid-template-columns:1fr 3.5rem 1fr;gap:1rem}.memory-records>span{height:1.8rem}.labs-collection-heading{margin-top:2.5rem}.labs-colophon{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=400px){.stack-layer{grid-template-columns:1.2rem 1fr;gap:.2rem .6rem;padding:.6rem .7rem}.stack-detail{grid-column:2}.visual-stack{padding:1.3rem}.lab-feature-copy{padding:1.4rem}.lab-feature h2{font-size:2.6rem}.lab-experiment .lab-visual{min-height:18rem}.lab-visual{padding:1.1rem}.visual-caption{gap:.5rem}.feedback-comparison{gap:.65rem}.feedback-reality{padding-left:.65rem}.feedback-claim strong{font-size:3.25rem}.memory-system{grid-template-columns:1fr 2.4rem 1fr;gap:.4rem}.memory-label{min-height:2.2rem;margin-bottom:.5rem}.memory-records{gap:.25rem}.memory-records>span{height:1.55rem}.labs-collection-heading{flex-direction:column;align-items:flex-start;gap:.5rem}.labs-intro-copy>span{line-height:1.6;display:block}}@media (prefers-reduced-motion:reduce){.lab-entry *{transition:none!important;animation:none!important}.lab-entry:hover .stack-layer,.lab-entry:focus-visible .stack-layer,.lab-entry:hover .record-relevant,.lab-entry:focus-visible .record-relevant,.lab-entry:hover .visual-clawdbots>img,.lab-entry:focus-visible .visual-clawdbots>img,.lab-entry:hover .lab-cta svg,.lab-entry:focus-visible .lab-cta svg{transform:none}}
