.page-shell:has(>.photo-browser){padding-inline:0}.photo-browser{color:#fff;background:#080808;padding:0 6px}.photo-browser-heading{border-top:1px solid #3b3b3b;justify-content:space-between;align-items:center;gap:24px;padding:26px max(18px,4vw - 6px);display:flex}.photo-browser-heading h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(26px,3.2vw,46px);font-weight:600;line-height:1}.photo-browser-projects{flex-shrink:0;font-size:14px;line-height:1.5}.photo-browser-projects:hover,.photo-browser-end a:hover{text-underline-offset:4px;text-decoration:underline}.photo-wall{gap:3px;display:grid}.photo-wall-spread{align-items:start;gap:3px;display:flex}.photo-wall-item{flex:var(--photo-ratio) 1 0;cursor:zoom-in;background:#080808;min-width:0;display:block;position:relative;overflow:hidden}.photo-wall-item img{width:100%;height:auto;aspect-ratio:var(--photo-ratio);object-fit:contain;display:block}.photo-wall-label{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:end;gap:12px;padding:34px 14px 14px;font-size:13px;line-height:1.4;transition:opacity .14s;display:flex;position:absolute;inset:auto 0 0}.photo-wall-label>svg{flex-shrink:0;width:18px;height:18px}.photo-wall-item:hover .photo-wall-label,.photo-wall-item:focus-visible .photo-wall-label{opacity:1}.photo-wall-item:focus-visible{z-index:1;outline:none}.photo-wall-item:focus-visible:after{content:"";pointer-events:none;border:2px solid #fff;outline:2px solid #080808;position:absolute;inset:4px}.photo-browser-end{justify-content:space-between;gap:24px;margin:0;padding:30px max(18px,4vw - 6px) 40px;font-size:14px;line-height:1.5;display:flex}.photo-browser-projects:focus-visible,.photo-browser-end a:focus-visible{outline-offset:5px;outline:2px solid #fff}.photo-lightbox-open{overflow:hidden}.photo-lightbox{color:#fff;box-sizing:border-box;background:#080808;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:14px 24px 20px;inset:0}.photo-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.photo-lightbox::backdrop{background:#080808}.photo-lightbox-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.photo-lightbox-count{font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.4}.photo-lightbox-actions{gap:6px;display:flex}.photo-lightbox button{color:#fff;cursor:pointer;background:0 0;border:1px solid #666;border-radius:0;place-items:center;width:44px;height:44px;padding:10px;display:grid}.photo-lightbox button:hover{background:#242424;border-color:#fff}.photo-lightbox button:focus-visible,.photo-lightbox a:focus-visible{outline-offset:4px;outline:2px solid #fff}.photo-lightbox svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;width:22px;height:22px}.photo-lightbox-image{place-items:center;min-width:0;min-height:0;display:grid}.photo-lightbox-image img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.photo-lightbox-footer{justify-content:space-between;align-items:end;gap:24px;padding-top:3px;display:flex}.photo-lightbox-footer h2{letter-spacing:-.025em;margin:0;font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.2}.photo-lightbox-footer p{color:#c3c3c3;margin:5px 0 0;font-size:13px;line-height:1.4}.photo-lightbox-footer a{color:#fff;text-underline-offset:4px;flex-shrink:0;font-size:14px;line-height:1.5;text-decoration:underline}@media (width<=799px){.photo-browser{padding:0 4px}.photo-browser-heading{gap:18px;padding:24px 16px}.photo-browser-heading h1{font-size:clamp(22px,4vw,30px)}.photo-browser-projects{font-size:13px}.photo-wall{--photo-height:180px;flex-wrap:wrap;gap:3px;display:flex}.photo-wall:after{content:"";flex-grow:99999}.photo-wall-spread{display:contents}.photo-wall-item{flex:var(--photo-ratio) 1 calc(var(--photo-ratio) * var(--photo-height))}}@media (width<=600px){.photo-browser-heading{flex-direction:column;align-items:start;gap:10px;padding-block:20px}.photo-wall{--photo-height:125px;gap:2px}.photo-wall-label{display:none}.photo-browser-end{gap:18px;padding:24px 16px 32px;font-size:13px}.photo-lightbox{padding:max(10px, env(safe-area-inset-top)) 12px max(15px, env(safe-area-inset-bottom));gap:10px}.photo-lightbox-actions{gap:5px}.photo-lightbox-footer{flex-direction:column;align-items:start;gap:12px}.photo-lightbox-footer a{font-size:14px}}@media (prefers-reduced-motion:reduce){.photo-wall-label{transition:none}}@media (forced-colors:active){.photo-wall-item:focus-visible{outline-color:highlight}.photo-lightbox button{border-color:buttontext}}