/* Gallery tiles: zoom buttons, video tiles, lightbox (projects page) */
.w-zoom{display:block;position:relative;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:zoom-in;border-radius:var(--r,14px);-webkit-tap-highlight-color:transparent}
.w-zoom picture,.w-zoom video{display:block}
.w video{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r,14px);background:#0f2a3d}
.w-0 video{aspect-ratio:4/5}
.w-zoom:focus-visible{outline:3px solid var(--water,#2a7fb0);outline-offset:4px}
.w-zoom[data-type="video"]::after{content:"";position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(15,42,61,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:none;transition:transform .2s}
.w-zoom[data-type="video"]:hover::after{transform:scale(1.08)}
.w-zoom[data-type="image"]::after{content:"";position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:rgba(15,42,61,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/20px no-repeat;opacity:0;pointer-events:none;transition:opacity .2s}
.w-zoom[data-type="image"]:hover::after,.w-zoom[data-type="image"]:focus-visible::after{opacity:1}
@media (hover:none){.w-zoom[data-type="image"]::after{opacity:.85}}

html.lb-open,html.lb-open body{overflow:hidden}
.lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(8,20,30,.94);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:pan-y pinch-zoom;overscroll-behavior:contain}
.lb[hidden]{display:none}
.lb-stage{position:absolute;inset:0 0 72px 0;display:flex;align-items:center;justify-content:center;padding:56px 12px 4px}
.lb-stage img,.lb-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;background:#000;box-shadow:0 10px 50px rgba(0,0,0,.5)}
.lb-cap{position:absolute;left:0;right:0;bottom:0;height:72px;margin:0;padding:10px 70px 14px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:2px;pointer-events:none}
.lb-cap span{font:350 20px/1.2 var(--serif,Georgia,serif)}
.lb-cap strong{font:600 11px/1.4 var(--sans,system-ui,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#bcd7c4}
.lb-btn{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font:400 30px/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.lb-btn:hover{background:rgba(255,255,255,.3)}
.lb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lb-close{top:max(10px,env(safe-area-inset-top));right:12px;font-size:34px}
.lb-prev,.lb-next{top:50%;margin-top:-24px}
.lb-prev{left:10px}.lb-next{right:10px}
.lb-count{position:absolute;top:max(22px,calc(env(safe-area-inset-top) + 12px));left:16px;color:rgba(255,255,255,.75);font:600 13px/1 var(--sans,system-ui,sans-serif);letter-spacing:.1em}
@media (min-width:641px){.lb-stage{padding:56px 76px 4px}}
@media (max-width:640px){
  .lb-stage{padding:56px 0 4px}
  .lb-stage img,.lb-stage video{border-radius:0}
  .lb-prev,.lb-next{top:auto;bottom:12px;margin:0;width:44px;height:44px;background:rgba(255,255,255,.22)}
  .lb-prev{left:12px}.lb-next{right:12px}
  .lb-cap{padding:10px 64px 14px}
  .lb-cap span{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.w-zoom::after,.lb-btn{transition:none}}
.lb-btn[hidden]{display:none}