.gallery-nav .active{color:var(--blue)!important}.gallery-hero{position:relative;padding:30px 6vw 27px;background:linear-gradient(135deg,#f7fafb 0%,#edf6f8 58%,#f7f4fa 100%);overflow:hidden}.gallery-hero:after{content:"";position:absolute;width:320px;height:320px;right:-160px;top:-205px;border-radius:50%;background:#13afd00d;box-shadow:0 0 0 55px #0079b807,0 0 0 110px #5d368d05}.gallery-hero h1{position:relative;z-index:1;margin:9px 0 10px;color:var(--ink);font-size:clamp(42px,4.8vw,64px);line-height:.96}.gallery-hero>p{position:relative;z-index:1}.gallery-hero>p:last-child{max-width:700px;margin:0;color:var(--slate);font-size:15px;line-height:1.55}
.project-browser{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:610px;background:#f7fafb}.album-dashboard{padding:30px 20px 40px 5vw;border-right:1px solid #18394f;background:linear-gradient(165deg,#081a29 0%,#0b2b41 72%,#12334b 100%);color:#fff}.dashboard-label{margin:0 0 9px;color:#72d6eb;font-size:9px;font-weight:800;letter-spacing:.16em}.album-dashboard h2{margin:0 0 20px;color:#fff;font-size:30px}.album-tabs{display:grid;gap:8px}.album-tabs button{display:grid;grid-template-columns:29px 1fr;gap:2px 10px;width:100%;padding:14px 13px;border:1px solid transparent;border-radius:13px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.album-tabs button:hover{background:#ffffff0d}.album-tabs button.active{border-color:#67cae054;background:#ffffff14;box-shadow:0 8px 24px #020b1230;transform:translateX(4px)}.album-tabs button>span{grid-row:1/3;color:#72d6eb;font-size:9px;font-weight:800;padding-top:3px}.album-tabs strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.album-tabs small{color:#91aeba;font-size:10px}
.project-content{min-width:0;padding:34px 5vw 58px}.album-panel[hidden]{display:none}.album-panel>header{max-width:850px;margin-bottom:22px}.album-panel>header .overline{margin:0 0 10px}.album-panel h2{font-size:clamp(32px,3.7vw,50px)}.album-description{margin:10px 0 0;color:var(--slate);font-size:15px;line-height:1.65}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px;max-height:454px;padding-right:8px;overflow-y:auto;overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:#b8d4df #edf4f6}.photo-grid::-webkit-scrollbar{width:7px}.photo-grid::-webkit-scrollbar-track{border-radius:999px;background:#edf4f6}.photo-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#b8d4df}.photo-grid figure{position:relative;margin:0;min-height:0;overflow:hidden;border-radius:14px;background:#eaf1f4;box-shadow:0 8px 22px #17364b0d}.photo-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;overflow:hidden}.photo-trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}.photo-trigger:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#071827c7);opacity:.72;transition:opacity .25s}.photo-trigger:hover img,.photo-trigger:focus-visible img{transform:scale(1.035);filter:saturate(1.05)}.photo-trigger:hover:after,.photo-trigger:focus-visible:after{opacity:1}.photo-trigger:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.photo-caption{position:absolute;z-index:2;left:15px;right:67px;bottom:14px;text-align:left;font:600 12px/1.4 Inter,"Segoe UI",Arial,sans-serif}.photo-caption:empty{display:none}.photo-open{position:absolute;z-index:2;right:12px;bottom:12px;padding:7px 9px;border-radius:999px;background:#ffffffeb;color:var(--blue);font:800 8px/1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.12em}.empty-gallery,.no-photos{padding:48px 6vw;background:#f7fafb;color:var(--slate)}.empty-gallery h2{margin-bottom:12px}footer a:hover{color:var(--blue)}
.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:28px}.lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#06131eea;cursor:zoom-out}.lightbox-panel{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1100px) 58px;align-items:center;width:min(96vw,1260px);max-height:92vh}.lightbox-panel>figure{min-width:0;margin:0;overflow:hidden;border-radius:18px;background:#071827;box-shadow:0 30px 80px #0009}.lightbox-panel img{display:block;width:100%;height:min(78vh,820px);object-fit:contain;background:#071827}.lightbox-panel figcaption{display:flex;justify-content:space-between;gap:25px;padding:16px 20px;background:#fff;color:var(--slate);font-size:13px;line-height:1.5}.lightbox-count{flex:none;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em}.lightbox-arrow,.lightbox-close{display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffeb;color:var(--ink);cursor:pointer;box-shadow:0 8px 24px #0004;transition:transform .2s,background .2s}.lightbox-arrow{width:46px;height:46px;font-size:20px}.lightbox-arrow:hover,.lightbox-close:hover{transform:scale(1.07);background:#fff}.lightbox-close{position:absolute;z-index:2;right:61px;top:10px;width:42px;height:42px;font-size:26px}.previous{justify-self:start}.next{justify-self:end}body.lightbox-open{overflow:hidden}
@media(max-width:1050px){.project-browser{grid-template-columns:235px minmax(0,1fr)}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;max-height:394px}}
@media(max-width:760px){.project-browser{display:block}.album-dashboard{position:sticky;z-index:4;top:0;padding:18px 5vw;border-right:0;border-bottom:1px solid #18394f}.album-dashboard h2,.dashboard-label{display:none}.album-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.album-tabs::-webkit-scrollbar{display:none}.album-tabs button{flex:0 0 auto;width:auto;min-width:150px}.album-tabs button.active{transform:none}.project-content{padding:28px 5vw 45px}.gallery-nav nav a.projects-link{display:inline-flex!important}.lightbox-panel{grid-template-columns:50px minmax(0,1fr) 50px}.lightbox-close{right:52px}}
@media(max-width:560px){.gallery-hero{padding:24px 6vw 22px}.gallery-hero h1{font-size:40px}.gallery-hero>p:last-child{font-size:14px}.album-tabs button{min-width:135px;padding:11px}.project-content{padding:24px 5vw 38px}.album-panel>header{margin-bottom:17px}.album-panel h2{font-size:30px}.album-description{font-size:14px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px;gap:9px;max-height:289px;padding-right:5px}.photo-grid figure{border-radius:10px}.photo-caption{display:none}.photo-open{right:8px;bottom:8px}.lightbox{padding:12px}.lightbox-panel{display:block;width:100%}.lightbox-panel img{height:72vh}.lightbox-arrow{position:absolute;z-index:2;top:50%;width:42px;height:42px}.previous{left:8px}.next{right:8px}.lightbox-close{right:10px;top:10px}.lightbox-panel figcaption{padding:14px 16px}}