.project-gallery{min-width:0;align-self:start}.gallery-stage{height:640px;background:#f4f4f4;overflow:hidden}.gallery-slide{height:100%;margin:0;position:relative}.gallery-slide[hidden]{display:none}.gallery-slide img,.gallery-slide video{display:block;width:100%;height:100%;object-fit:contain}.gallery-slide video{background:#222}.gallery-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 20px 16px;background:linear-gradient(transparent,#000b);color:white;font-size:12px;pointer-events:none}.gallery-slide:has(video) figcaption{position:static;background:#353535;padding:8px 12px}.gallery-slide:has(figcaption):has(video) video{height:calc(100% - 42px)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.gallery-controls button{display:grid;place-items:center;width:42px;height:42px;background:white;border:1px solid #ddd;color:#f15a35}.gallery-controls button:hover{background:#f15a35;color:white}.gallery-controls .ui-arrow{font-size:22px}.gallery-count{font-size:12px;color:#777;font-variant-numeric:tabular-nums}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px;max-width:100%}.gallery-thumbnails button{position:relative;flex:0 0 84px;height:66px;padding:0;border:2px solid transparent;background:#e9e9e9;color:#555}.gallery-thumbnails button[aria-pressed=true]{border-color:#f15a35}.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}.gallery-video-icon{font-size:20px}.gallery-thumb-number{position:absolute;bottom:3px;right:4px;background:#353535bb;color:white;font-size:9px;padding:1px 4px}.project-gallery:focus-visible{outline:2px solid #f15a35;outline-offset:5px}@media(max-width:1000px){.gallery-stage{height:560px}}@media(max-width:700px){.gallery-stage{height:clamp(250px,95vw,440px)}.gallery-thumbnails button{flex-basis:72px;height:58px}}
.gallery-slide:has(video){display:flex;flex-direction:column}.gallery-slide:has(video):has(figcaption) video{flex:1;min-height:0;height:auto}.gallery-slide:has(video) figcaption{flex-shrink:0}
.project-gallery .gallery-slide:has(video):has(figcaption) video{height:auto;flex:1;min-height:0}