.projects{background:#eaf1f6}
.project-heading{align-items:end}
.collaboration-project{display:grid;grid-template-columns:1.35fr .65fr;min-height:440px;margin-bottom:90px;background:#fff;box-shadow:0 18px 50px rgba(8,22,34,.12)}
.collaboration-image{min-height:440px;padding:0;border:0;overflow:hidden;background:#0b1725;cursor:zoom-in}
.collaboration-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease}
.collaboration-image:hover img,.collaboration-image:focus-visible img{transform:scale(1.025);opacity:.9}
.collaboration-image:focus-visible{outline:4px solid #4ecbff;outline-offset:3px}
.collaboration-copy{padding:3rem;align-self:center}
.collaboration-copy h2{font-size:clamp(2rem,3.5vw,3.25rem)}
.collaboration-copy>p:not(.eyebrow){color:#617181;font-size:1.05rem}
.collaboration-copy ul{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.65rem;font-weight:750}
.collaboration-copy li:before{content:"✓";color:#0086c7;margin-right:.6rem}
.ev-project{display:grid;grid-template-columns:.75fr 1.25fr;min-height:420px;margin:-55px 0 90px 7%;background:#0b1725;color:#fff;box-shadow:0 18px 50px rgba(8,22,34,.2)}
.ev-project-copy{padding:3rem;align-self:center}
.ev-project-copy h2{margin:.2rem 0 1rem;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05}
.ev-project-copy>p:not(.eyebrow){color:#c4d0da;margin-bottom:1.7rem}
.ev-project-image{height:420px;overflow:hidden}
.ev-project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 64%}
.project-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:255px;gap:12px}
.gallery-item{position:relative;overflow:hidden;padding:0;border:0;border-radius:10px;background:#0b1725;cursor:zoom-in}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease,opacity .35s ease}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);opacity:.86}
.gallery-item:focus-visible{outline:4px solid #4ecbff;outline-offset:3px}
.gallery-feature{grid-column:span 2;grid-row:span 2}
.gallery-wide{grid-column:span 2}
.lightbox{width:min(94vw,1100px);height:min(90vh,900px);padding:0;border:0;border-radius:14px;overflow:hidden;background:#07111b;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.lightbox::backdrop{background:rgba(3,9,15,.86);backdrop-filter:blur(5px)}
.lightbox img{width:100%;height:100%;display:block;object-fit:contain}
.lightbox-close{position:absolute;z-index:2;right:12px;top:12px;width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(7,17,27,.75);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.lightbox-close:hover,.lightbox-close:focus-visible{background:#4ecbff;color:#07111b}
@media(max-width:900px){.collaboration-project{grid-template-columns:1fr;margin-bottom:70px}.collaboration-image{min-height:380px}.collaboration-copy{padding:2rem}.ev-project{grid-template-columns:1fr 1fr;margin:-35px 0 70px 4%}.ev-project-copy{padding:2rem}.project-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.gallery-feature{grid-row:span 2}.gallery-wide{grid-column:span 2}}
@media(max-width:620px){.collaboration-project{margin-bottom:55px}.collaboration-image{min-height:260px}.collaboration-copy{padding:1.5rem}.ev-project{grid-template-columns:1fr;margin:0 0 55px}.ev-project-copy{padding:1.5rem}.ev-project-image{height:390px}.ev-project-image img{object-position:center 64%}.project-gallery{grid-auto-rows:190px;gap:8px}.gallery-feature{grid-column:span 2;grid-row:span 2}.gallery-wide{grid-column:span 2}.lightbox{width:96vw;height:82vh}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}