/* Realizacje: page-specific additions on top of style.css */

.nav-links a[aria-current="page"]{color:var(--foam)}

.work-hero h1{max-width:13ch;font-size:clamp(2.8rem,7.4vw,8rem)}
.work-hero .hero-row{align-items:flex-end}
.work-hero .lead{margin-top:0}

/* project chapters */
.project{height:220vh}
.project h2{font-size:clamp(2.6rem,6vw,6.4rem)}
.pnum{position:absolute;top:50%;transform:translateY(-50%);left:var(--pad);z-index:1;font-size:clamp(9rem,26vw,28rem);font-weight:760;font-stretch:75%;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(201,214,220,.1);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}
.project.right .pnum{left:auto;right:var(--pad)}
.nogl-img{display:none;width:100%;height:auto;margin-top:28px;border-radius:18px;border:1px solid var(--faint)}
.nogl .nogl-img,.nofx .nogl-img{display:block}

/* fixed project counter */
.counter{position:fixed;left:var(--pad);bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--dim);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .6s}
.counter.show{opacity:1}
.counter .ct-now{color:var(--foam);font-weight:600;display:inline-block;min-width:2ch}
.counter i{display:block;width:44px;height:1px;background:var(--faint);position:relative;overflow:hidden}
.counter i::after{content:"";position:absolute;inset:0;background:var(--sulfur);transform-origin:left;transform:scaleX(var(--p,0))}

/* closing call to action */
.cta-end{position:relative;min-height:120vh;display:flex;align-items:center;padding:14vh var(--pad)}
.cta-inner{max-width:1400px;width:100%;margin:0 auto}
.cta-inner h2{max-width:11ch;font-size:clamp(2.6rem,6vw,6.4rem)}
.cta-inner .lead{max-width:30em}

@media (max-width:820px){
  .project{height:200vh}
  .pnum{top:18vh;transform:none;font-size:clamp(7rem,40vw,12rem)}
  .counter{display:none}
  .work-hero{padding-top:clamp(250px,42vh,380px)}
  .cta-end{align-items:flex-end;padding-bottom:12vh}
}