.skill-demo-gallery{min-width:0;padding:clamp(24px,4vw,44px);border-radius:24px;background:#182820;color:#f4f8ed}.skill-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.skill-demo-heading>div{max-width:580px}.skill-demo-label{color:#d3eb83;font-size:12px;font-weight:800;letter-spacing:.17em}.skill-demo-heading h3{margin:8px 0 0;font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.05em}.skill-demo-heading p{max-width:380px;margin:0;color:#c8d7c6;font-size:14px;line-height:1.5}.skill-demo-track{display:grid;grid-auto-columns:minmax(172px,1fr);grid-auto-flow:column;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-color:#bde16d #304639}.skill-demo-card{min-width:0;overflow:hidden;border:1px solid #56735b;border-radius:15px;background:#263c2d;scroll-snap-align:start}.skill-demo-card video{display:block;width:100%;aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;background:#17271e}.skill-demo-caption{display:flex;justify-content:space-between;gap:8px;padding:12px;align-items:center}.skill-demo-caption strong{font-size:14px}.skill-demo-caption span{color:#d3eb83;font-size:11px;text-align:right}@media(max-width:850px){.skill-demo-heading{display:block}.skill-demo-heading p{margin-top:12px}.skill-demo-track{grid-auto-columns:minmax(165px,37vw)}}@media(max-width:550px){.skill-demo-track{grid-auto-columns:minmax(160px,56vw)}}