.portfolio-page{background:#101010;color:#fff}.portfolio-header{height:82px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b;position:absolute;inset:0 0 auto;z-index:5}.portfolio-header nav{display:flex}.portfolio-header nav a[aria-current=page]{color:var(--lime)}.portfolio-contact{font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--lime);padding-bottom:5px}.portfolio-hero{min-height:720px;padding:170px max(5vw,34px) 75px;display:grid;grid-template-columns:1fr 180px;align-content:center;gap:45px;position:relative;overflow:hidden;background:var(--blue)}.portfolio-hero:after{content:"";position:absolute;width:430px;height:430px;border:2px solid var(--lime);border-radius:50%;right:-130px;top:100px}.portfolio-hero-copy{position:relative;z-index:1}.portfolio-hero-copy>p,.portfolio-lead{font-size:11px;font-weight:700;letter-spacing:.15em}.portfolio-hero h1{font-size:clamp(58px,7.6vw,118px);max-width:1100px}.portfolio-hero h1 em{font-family:Georgia,serif;color:var(--lime);font-weight:400;text-transform:none}.portfolio-counter{align-self:end;display:flex;align-items:center;gap:12px;z-index:1}.portfolio-counter strong{font:800 66px var(--display);color:var(--coral)}.portfolio-counter span{font-size:10px;text-transform:uppercase;font-weight:700;line-height:1.3}.portfolio-lead{grid-column:1/-1;max-width:570px;line-height:1.7;color:#d5d5f0}.gallery-section{padding:90px 32px 130px;background:var(--cream);color:var(--ink)}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 auto 55px;max-width:1500px}.gallery-toolbar>p{font-size:10px;font-weight:700;letter-spacing:.15em}.gallery-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.gallery-toolbar button{border:1px solid #aaa;background:transparent;padding:10px 14px;cursor:pointer;text-transform:uppercase;font-size:10px;font-weight:700;transition:.25s}.gallery-toolbar button span{color:#888;margin-left:4px}.gallery-toolbar button:hover,.gallery-toolbar button.active{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}.gallery-toolbar button.active span{color:var(--lime)}.photo-grid{max-width:1500px;margin:auto;columns:4 280px;column-gap:18px}.photo-card{break-inside:avoid;margin:0 0 28px;transition:opacity .3s,transform .3s;transition-delay:var(--delay)}.photo-card.is-hidden{display:none}.photo-open{display:block;width:100%;padding:0;border:0;background:#171bd0;position:relative;overflow:hidden;cursor:zoom-in;color:#fff}.photo-open img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s}.photo-open:after{content:"ZOBACZ KADR";position:absolute;inset:auto 18px 18px;transform:translateY(12px);opacity:0;font-size:10px;font-weight:700;letter-spacing:.14em;text-align:left;transition:.3s}.photo-open:hover img{transform:scale(1.035);filter:brightness(.67)}.photo-open:hover:after{opacity:1;transform:none}.photo-number,.photo-arrow{position:absolute;top:14px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:800;padding:7px}.photo-number{left:14px}.photo-arrow{right:14px;font-size:17px;transition:transform .3s}.photo-open:hover .photo-arrow{transform:rotate(45deg);background:var(--coral);color:white}.photo-card figcaption{display:flex;justify-content:space-between;padding-top:9px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.photo-card figcaption span:last-child{color:#888}.portfolio-cta{text-align:center;background:var(--coral);padding:110px 25px 120px}.portfolio-cta>p{font-size:10px;letter-spacing:.17em;font-weight:700}.portfolio-cta h2{font-size:clamp(52px,7vw,100px);margin:25px 0 45px}.portfolio-cta h2 em{font-family:Georgia,serif;color:#fff;font-weight:400}.portfolio-cta .btn{background:var(--lime);color:var(--ink)}.portfolio-footer{min-height:130px;padding:35px;display:flex;align-items:center;justify-content:space-between}.portfolio-footer p,.portfolio-footer>a:last-child{font-size:9px;letter-spacing:.12em}.lightbox{position:fixed;inset:0;background:#080808f7;z-index:100;display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.lightbox[hidden]{display:none}.lightbox-stage{height:100vh;padding:30px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-stage img{max-width:100%;max-height:calc(100vh - 90px);width:auto;height:auto;object-fit:contain}.lightbox-stage p{width:100%;margin:12px 0 0;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.lightbox button{border:0;background:transparent;color:white;cursor:pointer}.lightbox-prev,.lightbox-next{font-size:38px;height:100%}.lightbox-prev:hover,.lightbox-next:hover{color:var(--lime)}.lightbox-close{position:absolute;right:25px;top:20px;font-size:10px;letter-spacing:.12em;z-index:2}.lightbox-close:hover{color:var(--coral)}body.lightbox-open{overflow:hidden}
@media(max-width:800px){.portfolio-header{padding:0 18px}.portfolio-header nav{display:none}.portfolio-hero{padding:145px 22px 70px;grid-template-columns:1fr}.portfolio-hero:after{width:260px;height:260px}.portfolio-counter{grid-row:3}.portfolio-lead{grid-row:2}.gallery-section{padding:65px 14px 90px}.gallery-toolbar{align-items:flex-start;flex-direction:column}.photo-grid{columns:2 145px;column-gap:8px}.photo-card{margin-bottom:17px}.photo-card figcaption span:last-child{display:none}.lightbox{grid-template-columns:45px 1fr 45px}.portfolio-footer{align-items:flex-start;gap:25px;flex-direction:column}.portfolio-contact{font-size:10px}}
@media(prefers-reduced-motion:reduce){.photo-card,.photo-open img,.gallery-toolbar button{transition:none}}