.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}
.gallery-thumbnails .gallery-video-icon{position:absolute;inset:0;display:grid;place-items:center;background:#0003;color:white;pointer-events:none}.gallery-video-icon svg{filter:drop-shadow(0 1px 3px #000a)}
.gallery-enlarge{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;color:white}.gallery-enlarge-hint{position:absolute;right:16px;top:16px;padding:8px 12px;border-radius:3px;background:#242424bd;color:white;font:12px/1.4 Arial,sans-serif;pointer-events:none}.gallery-enlarge:focus-visible{outline:3px solid #f15a35;outline-offset:-3px}
.gallery-lightbox{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#101010f7;color:white;z-index:10000;overflow:hidden}.gallery-lightbox::backdrop{background:#101010}.gallery-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));gap:16px}.lightbox-count{font:14px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums}.gallery-lightbox button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#242424d9;color:white;font:28px/1 Arial,sans-serif;cursor:pointer}.gallery-lightbox button:hover{background:#f15a35}.gallery-lightbox button:focus-visible{outline:3px solid #f15a35;outline-offset:3px}.gallery-lightbox button[hidden]{display:none}.lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 84px}.lightbox-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-caption{margin:0;padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom));text-align:center;font:14px/1.5 Arial,sans-serif;max-height:15vh;overflow:auto}.lightbox-caption:empty{padding-top:8px}
@media(max-width:700px){.lightbox-toolbar{padding-right:12px;padding-left:16px}.lightbox-stage{padding:0 8px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.gallery-lightbox .lightbox-prev,.gallery-lightbox .lightbox-next{width:42px;height:42px;background:#242424c9}.lightbox-caption{font-size:12px;padding-right:16px;padding-left:16px}.gallery-enlarge-hint{top:10px;right:10px}}