.project-intro{padding-bottom:32px}.project-filters{display:flex;flex-wrap:wrap;gap:9px;padding:0 0 24px}.project-filters button{min-height:46px;padding:11px 17px;background:#11283b;border:1px solid #49677f;font-size:14px;cursor:pointer}.project-filters button[aria-pressed=true]{background:#b6e1fb;color:#0a263b;border-color:#d3eeff}.work-gallery button:focus-visible{outline:2px solid #d5efff;outline-offset:4px}.work-gallery .gallery-stage{aspect-ratio:auto;height:min(64vh,710px);min-height:320px;border:1px solid #314b61;background:radial-gradient(ellipse at center,#19344b,#080f18 75%);touch-action:pan-y pinch-zoom}.work-gallery .gallery-stage img{object-fit:contain;width:100%;height:100%}.gallery-stage:focus-visible{outline:2px solid #b5defa;outline-offset:4px}.project-info{display:flex;align-items:baseline;gap:18px;padding:20px 0 0}.project-info h2{font-size:clamp(25px,3vw,37px)}.project-info p{color:#b0c5d5;font-size:14px}.project-info p:empty{display:none}.work-gallery .gallery-controls{padding:17px 0 22px;gap:10px;flex-wrap:wrap}.work-gallery .gallery-controls>button{min-width:48px;min-height:48px;cursor:pointer;font-size:14px}.work-gallery #project-prev,.work-gallery #project-next{font-size:23px}#project-expand{margin-left:auto}.project-thumbnails{position:relative;display:flex;gap:10px;overflow-x:auto;padding:5px 3px 17px;scrollbar-color:#6c95b3 #132638;scrollbar-width:thin}.project-thumbnails button{flex:0 0 102px;height:78px;padding:3px;background:#0d1e2c;border:1px solid #355169;cursor:pointer}.project-thumbnails button[aria-pressed=true]{border:2px solid #bde6ff;background:#274d67}.project-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}.gallery-error{position:absolute;inset:auto 20px 20px;padding:15px;background:#142b40;border:1px solid #668da9;color:#e2f1fb;font-size:15px}.project-lightbox{width:min(96vw,1700px);max-width:96vw;max-height:96vh;padding:16px;border:1px solid #6587a1;background:#080f18;color:#e5f2fa}.project-lightbox::backdrop{background:#02060bf2}.project-lightbox header{position:static;display:flex;padding:0 0 14px;background:none;border:0;justify-content:space-between;gap:18px}.project-lightbox h2{font-size:22px}.project-lightbox button{min-height:46px;padding:9px 18px;background:#1c3b51;border:1px solid #7298b4;cursor:pointer;font-size:15px}.project-lightbox img{display:block;width:100%;height:min(80vh,1100px);object-fit:contain}.project-lightbox button:focus-visible{outline:2px solid white;outline-offset:3px}.work-gallery [hidden]{display:none!important}
.work-preview{padding:48px 6%;border-bottom:1px solid var(--line);background:#0a1623}.work-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.work-preview-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em}.work-preview-heading .eyebrow{margin-bottom:15px}.work-preview-heading>a{color:var(--blue);font-size:15px}.work-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin-inline:auto}.work-preview-card{display:block;border:1px solid #38566d;background:#102437}.work-preview-card img{display:block;width:100%;height:185px;object-fit:contain;object-position:center;background:#0b1724;padding:8px}.work-preview-card>span{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:16px}.work-preview-card:hover{border-color:#acd8f6}.work-preview-card:focus-visible{outline:2px solid #d8f0ff;outline-offset:4px}
@media(max-width:750px){.project-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px;scrollbar-width:thin}.project-filters button{flex-shrink:0}.work-gallery .gallery-stage{height:56svh;min-height:300px;max-height:620px}.project-info{flex-wrap:wrap;gap:6px 15px}.work-gallery .gallery-controls>button{padding:10px 12px}.project-thumbnails button{flex-basis:86px;height:68px}.project-lightbox{padding:12px}.project-lightbox img{height:74svh}.work-preview{padding:38px 5%}.work-preview-heading{align-items:start;flex-direction:column;gap:18px}.work-preview-grid{gap:12px;grid-template-columns:1fr}.work-preview-card{display:grid;grid-template-columns:minmax(110px,44%) 1fr;align-items:center}.work-preview-card img{height:125px}.work-preview-card>span{gap:10px;padding:14px}}
@media(max-width:380px){#project-expand{margin-left:0}}