.portfolio-showcase{scroll-margin-top:110px;padding:88px max(6vw,28px) 96px;background:#081725;color:#fff;overflow:hidden}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}
.portfolio-heading .eyebrow{margin:0 0 12px;color:#f2a72c}.portfolio-heading .eyebrow span{background:#f2a72c}
.portfolio-heading h2{margin:0;font:700 clamp(42px,5vw,74px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.05em}
.gallery-controls{display:flex;gap:10px}.gallery-controls button{width:52px;height:52px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer;transition:.2s ease}.gallery-controls button:hover,.gallery-controls button:focus-visible{background:#f2a72c;border-color:#f2a72c;color:#07131f;outline:0}
.portfolio-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,39vw);gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f2a72c rgba(255,255,255,.12);padding:0 0 26px}
.portfolio-card{margin:0;scroll-snap-align:start}.portfolio-image{position:relative;display:block;width:100%;height:clamp(310px,42vw,560px);padding:0;overflow:hidden;border:0;background:#132638;color:#fff;cursor:zoom-in}.portfolio-image:focus-visible{outline:3px solid #f2a72c;outline-offset:4px}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s ease}.portfolio-image:hover img{transform:scale(1.035);filter:brightness(.82)}.portfolio-image>span{position:absolute;right:18px;bottom:18px;padding:11px 14px;background:rgba(5,15,24,.86);font:700 12px/1 Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:.25s ease}.portfolio-image:hover>span,.portfolio-image:focus-visible>span{opacity:1;transform:none}
.portfolio-card--wide .portfolio-image img{object-fit:contain;background:#090d11}.portfolio-card figcaption{display:grid;grid-template-columns:minmax(130px,.55fr) 1fr;gap:24px;padding:20px 2px 0}.portfolio-card figcaption b{font:700 18px/1.25 'Space Grotesk',sans-serif}.portfolio-card figcaption span{color:#aeb9c3;font-size:14px;line-height:1.6}.gallery-hint{margin:20px 0 0;color:#8fa0ae;font-size:13px}
.gallery-lightbox{width:min(94vw,1280px);max-width:none;padding:0;border:0;background:#07131f;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.65)}.gallery-lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}.gallery-lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#020507}.gallery-lightbox p{margin:0;padding:18px 70px 20px 22px;font:600 14px/1.5 Manrope,sans-serif}.gallery-lightbox button{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(4,12,19,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer}.gallery-lightbox button:hover,.gallery-lightbox button:focus-visible{background:#f2a72c;color:#07131f;outline:0}
@media(max-width:850px){.portfolio-showcase{padding-block:68px}.portfolio-track{grid-auto-columns:min(82vw,430px)}.portfolio-heading{align-items:center}.portfolio-image{height:430px}.portfolio-card figcaption{grid-template-columns:1fr;gap:7px}.gallery-hint{max-width:280px}}
@media(max-width:520px){.portfolio-track{grid-auto-columns:88vw}.portfolio-image{height:360px}.gallery-controls button{width:44px;height:44px}.portfolio-heading h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.portfolio-track{scroll-behavior:auto}.portfolio-image img,.portfolio-image>span{transition:none}}