.portfolio-showcase{background:#07100d}
.featured-case{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.35fr);gap:5vw;align-items:center;padding:46px;border:1px solid rgba(255,255,255,.14);background:#0d1b16;margin-bottom:22px}
.featured-copy h3{font-size:clamp(30px,3vw,50px);line-height:1.05;margin:14px 0 22px}
.featured-copy>p:not(.eyebrow){color:rgba(255,255,255,.68);line-height:1.7}
.featured-copy ul{padding:0;list-style:none;margin:28px 0}
.featured-copy li{padding:10px 0;border-top:1px solid rgba(255,255,255,.13);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.portfolio-image,.gallery-card{appearance:none;border:0;padding:0;margin:0;background:#0b1612;color:#fff;text-align:left;cursor:zoom-in;font:inherit}
.portfolio-image{position:relative;max-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.portfolio-image img{height:560px;object-fit:cover;object-position:top}
.portfolio-image:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.portfolio-image span{position:absolute;z-index:2;right:22px;bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.case-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.gallery-card{position:relative;grid-column:span 4;min-height:350px;overflow:hidden;border:1px solid rgba(255,255,255,.13)}
.gallery-card.gallery-wide{grid-column:span 6;min-height:420px}
.gallery-card img{height:100%;min-height:350px;object-fit:cover;transition:transform .55s,filter .55s}
.gallery-card.gallery-wide img{min-height:420px}
.gallery-card.technical-card{background:#f7f7f4}
.gallery-card.technical-card img{object-fit:contain;padding:18px;background:#f7f7f4}
.gallery-card:hover img{transform:scale(1.025);filter:brightness(.88)}
.gallery-card>span{position:absolute;left:0;right:0;bottom:0;padding:38px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.gallery-card b,.gallery-card small{display:block}
.gallery-card b{font-family:"Space Grotesk",Arial,sans-serif;font-size:20px}
.gallery-card small{margin-top:6px;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.lightbox{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:35px;background:rgba(2,7,5,.96)}
.lightbox.open{display:flex}
.lightbox img{width:auto;height:auto;max-width:96vw;max-height:92vh;object-fit:contain}
.lightbox-close{position:fixed;right:24px;top:18px;border:1px solid rgba(255,255,255,.45);background:#07100d;color:#fff;width:46px;height:46px;font-size:29px;line-height:1;cursor:pointer}
.professional-note{max-width:960px;font-size:11px;line-height:1.6;margin-top:35px;color:rgba(19,33,29,.72)}
@media(max-width:900px){.featured-case{grid-template-columns:1fr;padding:28px}.portfolio-image img{height:480px}.gallery-card,.gallery-card.gallery-wide{grid-column:span 6;min-height:340px}.gallery-card img,.gallery-card.gallery-wide img{min-height:340px}}
@media(max-width:600px){.portfolio-showcase{padding-left:20px;padding-right:20px}.featured-case{padding:18px;margin-left:-4px;margin-right:-4px;gap:30px}.featured-copy h3{font-size:34px}.portfolio-image img{height:310px}.case-gallery{grid-template-columns:1fr;gap:14px}.gallery-card,.gallery-card.gallery-wide{grid-column:auto;min-height:260px}.gallery-card img,.gallery-card.gallery-wide img{min-height:260px}.gallery-card.technical-card img{padding:10px}.lightbox{padding:12px}.lightbox-close{right:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.gallery-card img{transition:none}}