.deck-slide{grid-template-columns:.85fr 1.15fr;min-height:430px}.deck-copy{display:flex;flex-direction:column;justify-content:center;padding:35px}.deck-copy h3{font-size:clamp(25px,2.5vw,37px);line-height:1.3}.deck-copy a{align-self:start}.code-scene{min-width:0;padding:22px 24px 20px 0;display:flex;flex-direction:column;justify-content:center}.scene-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #51633b;background:#182211;border-radius:10px 10px 0 0;font-size:12px}.scene-heading small{font-size:9px;color:#aeb999;letter-spacing:.5px}.code-scene canvas{display:block;width:100%;height:285px;background:#0d140e;border:1px solid #3a4b2d;border-top:0;border-radius:0 0 10px 10px;box-sizing:border-box}.scene-controls{display:flex;gap:8px;margin-top:12px}.scene-controls button{flex:1;border:1px solid #415632;padding:9px 6px;border-radius:6px;color:#b8c6aa;font-size:12px;transition:background .2s,transform .2s}.scene-controls button:hover{transform:translateY(-2px);border-color:var(--lime)}.scene-controls button[aria-pressed=true]{background:#c8fa6919;color:var(--lime);border-color:#83aa4a}.deck-heading h2{font-family:inherit}.code-scene canvas:focus-visible{outline:2px solid var(--lime)}@media(max-width:900px){.deck-slide{grid-template-columns:1fr}.deck-copy{padding:25px 25px 10px}.deck-copy h3{margin:12px 0}.deck-copy p{max-width:none}.deck-copy a{margin-top:6px}.code-scene{padding:20px 24px 24px}.scene-heading{flex-wrap:wrap;gap:5px}.code-scene canvas{height:270px}}@media(max-width:450px){.code-scene{padding:15px}.deck-copy{padding:20px 20px 8px}.code-scene canvas{height:240px}.scene-heading small{font-size:8px}}