@layer components{image-gallery{display:block}.project-media-hero,.media-thumbnails,.lightbox-stage,.lightbox-close{-webkit-user-select:none;user-select:none}.project-media-hero{display:block;position:relative}.project-hero-image .project-media-hero img{aspect-ratio:16/9;object-fit:contain;background:#050506}.project-media-action{border:1px solid var(--line);color:var(--text);background:#090a0bee;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex;position:absolute;inset:auto 20px 20px auto}.project-media-action-video{backdrop-filter:blur(8px);background:#090a0bb8;border-color:#fff5;border-radius:50%;justify-content:center;width:68px;height:68px;padding:0;transition:background .2s,border-color .2s,transform .2s;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.project-media-action-video svg{width:24px;height:24px;margin:0}.project-media-hero:hover .project-media-action-video{border-color:var(--accent);background:#c86432d9;transform:translate(-50%,-50%)scale(1.06)}.media-thumbnails{scroll-snap-type:x proximity;gap:12px;padding:14px 2px 10px;display:flex;overflow-x:auto}.media-thumbnails>a{border:1px solid var(--line);background:var(--surface);scroll-snap-align:start;flex:0 0 160px;position:relative}.media-thumbnails>a:hover{border-color:var(--accent)}.media-thumbnails img{aspect-ratio:16/9;object-fit:cover;width:100%}.media-thumbnail-kind{font:10px var(--mono);background:#090a0bee;align-items:center;gap:4px;padding:3px 6px;display:flex;position:absolute;top:6px;left:6px}.media-thumbnail-kind svg{width:12px;height:12px}.media-thumbnail-title{padding:8px;font-size:10px;line-height:1.5;display:block}.lightbox{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;background:#050506;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:#050506}.lightbox[open],.lightbox[open]::backdrop{animation:.2s cubic-bezier(.16,1,.3,1) lightbox-enter}@keyframes lightbox-enter{0%{opacity:0}to{opacity:1}}.lightbox-layout{width:100%;height:100%;position:relative}.lightbox-stage{touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;width:100%;max-width:1440px;height:100%;margin:auto;padding:80px 64px;display:flex;position:absolute;inset:0}.lightbox-motion{justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative}.lightbox-neighbor{padding:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-neighbor[data-gallery-neighbor="-1"]{transform:translate(-100%)}.lightbox-neighbor[data-gallery-neighbor="1"]{transform:translate(100%)}.lightbox.is-zoomed .lightbox-stage{touch-action:auto}.lightbox.is-fullscreen .lightbox-stage{touch-action:none;overflow:hidden}.lightbox-motion img{object-fit:contain;border:1px solid var(--line);user-select:none;-webkit-user-drag:none;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 250px)}.lightbox-video{aspect-ratio:16/9;background:#050506;place-items:center;width:100%;max-width:min(1100px,177.778dvh - 444.444px);display:grid}.lightbox-video-launch{cursor:pointer;background:#050506;border:0;width:100%;height:100%;padding:0;display:grid;position:relative}.lightbox-video-launch>img{object-fit:contain;border:0;border-radius:0;width:100%;height:100%;max-height:none}.lightbox-video-launch .project-media-action-video{position:absolute}.lightbox-video iframe{border:0;width:100%;height:100%}.lightbox-video-gesture{display:none}.lightbox-neighbor[data-kind=video]:after{content:"▶";background:#090a0bee;border-radius:50%;padding:16px 24px;position:absolute}.lightbox-close,.lightbox-navigation{cursor:pointer;width:44px;height:44px;color:var(--text);z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.lightbox-control-icon{stroke-width:2px;flex:none;width:24px;height:24px}.lightbox-close{top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));border:1px solid var(--line);background:#141618;position:absolute}.lightbox-navigation{background:#050506;border:1px solid #a3a8ae;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-previous{left:0}.lightbox-next{right:0}.lightbox-close:hover,.lightbox-navigation:hover{color:var(--accent);border-color:var(--accent)}.lightbox-footer{z-index:2;text-align:center;width:min(900px,100% - 48px);margin:0;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-caption{color:var(--text);font-size:14px;line-height:1.5}.lightbox-credit{width:fit-content;color:var(--muted);margin:4px auto 0;font-size:11px;display:block}.lightbox-credit:hover{color:var(--accent)}.lightbox-position{font:12px/1.5 var(--mono);color:var(--accent);margin-top:4px;display:block}.lightbox-dots{display:none}}@layer responsive{@media (width<=700px),(pointer:coarse){.project-media-action{padding:8px 12px;font-size:11px;inset:auto 12px 12px auto}.project-media-action-video{width:56px;height:56px;padding:0;inset:50% auto auto 50%}.project-media-action-video svg{width:20px;height:20px}.media-thumbnails>a{flex-basis:132px}.lightbox-layout{height:100%;min-height:320px}.lightbox-stage{width:100vw;max-width:none;height:100%;padding:76px 0 64px}.lightbox-motion{height:100%;max-height:100%;padding-inline:16px}.lightbox-motion img{max-height:calc(100dvh - 180px)}.lightbox-navigation{display:none}.lightbox-video{max-width:100%}.lightbox-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}.lightbox-footer{right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:auto;left:16px;transform:none}.lightbox-caption{max-width:540px;color:var(--muted);margin-inline:auto;font-size:12px}.lightbox-credit{font-size:10px}.lightbox-position{top:max(28px, calc(env(safe-area-inset-top) + 12px));left:max(20px, env(safe-area-inset-left));color:var(--muted);margin:0;position:fixed}.lightbox-dots{flex-wrap:wrap;justify-content:center;gap:12px;margin:12px auto 0;display:flex}.lightbox-dots span{background:#555b63;border-radius:50%;width:7px;height:7px}.lightbox-dots [data-active=true]{background:var(--accent-fill)}.lightbox-video-gesture{z-index:3;height:max(48px, env(safe-area-inset-bottom));touch-action:none;display:block;position:absolute;bottom:0;left:0;right:0}}@media (orientation:landscape) and (pointer:coarse){.lightbox-layout{height:100%;min-height:0}.lightbox-stage{width:100vw;max-width:none;height:100%;padding:0}.lightbox-motion{height:100%;padding:0}.lightbox-motion img{border:0;border-radius:0;width:100%;height:100dvh;max-height:100%}.lightbox-navigation{display:none}.lightbox-video{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}.lightbox-close{top:max(8px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:3}.lightbox-position{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));color:var(--text);margin:0;position:fixed}.lightbox-footer{z-index:2;width:100%;max-width:none;padding:40px max(24px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:linear-gradient(#0000,#000d 40%);flex-direction:column;justify-content:center;align-items:center;row-gap:4px;margin:0;display:flex;position:absolute;inset:auto 0 0;transform:none}.lightbox-caption{max-width:min(720px,100%);color:var(--text);margin:0;font-size:11px}.lightbox-credit{color:var(--text);margin:0;font-size:10px}.lightbox-dots{justify-content:center;gap:12px;margin:6px 0 0;display:flex}.lightbox-dots span{background:#555b63;border-radius:50%;width:7px;height:7px}.lightbox-dots [data-active=true]{background:var(--accent-fill)}.lightbox[data-controls-visible=true]:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#000b,#0000);height:80px;position:absolute;inset:0 0 auto}.lightbox[data-controls-visible=false] .lightbox-close,.lightbox[data-controls-visible=false] .lightbox-footer{display:none}}@media (prefers-reduced-motion:reduce){.lightbox[open],.lightbox[open]::backdrop{animation:none}.lightbox-motion{transition:none}}}