/* Keep the Labarna page warm and light; the client film has its own visual identity. */
.demos{background:var(--ivory);color:var(--ink);border-block:1px solid var(--line)}
.demos::before{display:none}
.demos .section-kicker,.demos .split-heading>p{color:var(--muted)}
.demos .section-kicker>span:first-child,.demos h2 em{color:var(--teal)}
.demos .demo-gallery{grid-template-columns:minmax(0,1fr);gap:24px}
.demos .demo-card{background:var(--paper);border-color:var(--line);color:var(--ink)}
.demos .demo-card:hover{border-color:var(--teal)}
.demos .featured-demo:hover{transform:none}
.demos .demo-card-copy>span,.demos .showcase-copy>div>span{color:#007f72;font:500 10px/1.7 var(--mono);letter-spacing:.08em}
.demos .demo-card-copy p,.demos .demo-note{color:var(--muted)}
.demos .demo-note strong{color:var(--ink)}
.demos .demo-note .status-dot{background:var(--teal)}
#showcase-film{scroll-margin-top:0}
.showcase-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:19px 26px;border-bottom:1px solid var(--line);font:500 10px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}
.showcase-player{aspect-ratio:16/9;background:#081b22;min-width:0}
.showcase-player video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.showcase-player video:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}
.demos .showcase-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:30px}
.showcase-copy>div{min-width:0}
.demos .showcase-copy h3{font-size:clamp(26px,2.6vw,38px);max-width:560px;margin:12px 0 0;line-height:1.15}
.demos .showcase-copy p{font-size:16px;max-width:560px;margin:0 0 12px}
.showcase-copy .text-button{font-size:10px}
.demos .demo-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.demos .compact-demo{grid-template-columns:minmax(120px,.7fr) minmax(0,1fr)}
.demos .compact-demo .demo-thumb{background:linear-gradient(135deg,#f1f0e9,#faf9f4);min-height:210px}
.demos .mini-agent-map img{opacity:1}
.demos .anode{background:#faf9f4;color:var(--ink);border-color:var(--line)}
.demos .mini-search{background:var(--paper)}
@media(max-width:900px){
  .demos .demo-side-stack{grid-template-columns:minmax(0,1fr);gap:18px}
  .demos .compact-demo{grid-template-columns:minmax(120px,.6fr) minmax(0,1fr)}
}
@media(max-width:600px){
  .showcase-bar{padding:14px 16px;gap:8px;font-size:10px;letter-spacing:.035em}
  .demos .showcase-copy{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:19px}
  .demos .showcase-copy h3{font-size:28px;margin-top:10px;max-width:340px}
  .demos .showcase-copy p{font-size:14px;line-height:1.65}
  .demos .showcase-copy>div>span{font-size:10px}
  .demos .compact-demo{grid-template-columns:105px minmax(0,1fr)}
  .demos .compact-demo .demo-thumb{min-height:190px}
  .showcase-copy .text-button{width:100%;font-size:11px;line-height:1.6}
}