/* v73 — proste, przewidywalne strony realizacji */
.v73-narrow{max-width:1080px}
.v73-breadcrumb{
  display:flex;align-items:center;gap:9px;
  padding-top:28px;padding-bottom:18px;
  font-size:.8rem;color:#777873;
}
.v73-breadcrumb a{color:inherit;text-decoration:none}
.v73-breadcrumb a:hover{text-decoration:underline}

.v73-project-head{padding:clamp(20px,3vw,38px) 0 clamp(24px,4vw,46px)}
.v73-project-head h1{margin-bottom:12px}
.v73-scope{margin:0;color:#777873;font-size:.95rem}

.v73-media-section{padding-top:clamp(28px,4vw,54px)}
.v73-media-section h2,.v73-gallery-section h2{margin-bottom:24px}
.v73-player-card{
  position:relative;
  display:block;
  width:min(100%,920px);
  aspect-ratio:16/9;
  overflow:hidden;
  background:#17191b;
  text-decoration:none;
  color:white;
}
.v73-player-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.v73-play{
  position:absolute;
  left:50%;top:50%;
  translate:-50% -50%;
  width:68px;height:68px;border-radius:50%;
  display:grid;place-items:center;
  padding-left:4px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(10,12,13,.42);
  backdrop-filter:blur(8px);
  font-size:1.15rem;
  transition:transform .25s ease,background .25s ease;
}
@media(hover:hover) and (pointer:fine){
  .v73-player-card:hover img{transform:scale(1.02);filter:brightness(.88)}
  .v73-player-card:hover .v73-play{transform:scale(1.08);background:rgba(10,12,13,.58)}
}

.v73-gallery-section{padding-top:clamp(34px,5vw,64px)}
.v73-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.v73-gallery figure{margin:0;overflow:hidden;aspect-ratio:4/3;background:#17191b}
.v73-gallery img{width:100%;height:100%;object-fit:cover;display:block}

.v73-case-link,.v73-contact{border-top:1px solid rgba(0,0,0,.1)}
.v73-case-link h2{max-width:760px;margin-bottom:24px}
.v73-contact h2{margin-bottom:22px}
.v73-back-link{
  display:inline-block;
  margin-left:18px;
  color:inherit;
  font-size:.9rem;
}

@media(max-width:680px){
  .v73-gallery{grid-template-columns:1fr}
  .v73-play{width:56px;height:56px}
  .v73-contact .btn{display:block;width:100%;text-align:center}
  .v73-back-link{display:block;margin:16px 0 0}
}


/* v74 — poprawiona hierarchia nagłówków stron realizacji */
.v73-project-head{
  padding:clamp(34px,5vw,58px) 0 clamp(34px,5vw,56px);
}

.v73-project-head .eyebrow{
  margin-bottom:16px;
}

.v73-project-head h1{
  margin:0;
  max-width:900px;
  line-height:1.02;
}

.v73-scope{
  display:block;
  max-width:720px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.12);
  color:#777873;
  font-size:.96rem;
  line-height:1.55;
}

.v73-media-section{
  padding-top:clamp(42px,6vw,72px);
}

.v73-media-section .eyebrow,
.v73-gallery-section .eyebrow{
  margin-bottom:12px;
}

.v73-media-section h2,
.v73-gallery-section h2{
  margin-top:0;
  margin-bottom:28px;
}


/* v75 — właściwy kontener stron realizacji */
.v73-project-page .container,
.v73-case-page .container{
  width:min(1180px,calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
}

.v73-project-page .v73-narrow,
.v73-case-page .v73-narrow{
  width:min(1040px,calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:680px){
  .v73-project-page .container,
  .v73-case-page .container,
  .v73-project-page .v73-narrow,
  .v73-case-page .v73-narrow{
    width:calc(100% - 36px);
    margin-left:auto;
    margin-right:auto;
  }
}


/* v79 — neutralna miniatura dla realizacji bez dedykowanego stilla */
.v79-text-cover,.v79-player-cover{
  background:linear-gradient(135deg,#17191b 0%,#23262a 100%);
  color:#fff;
}
.v79-text-cover{display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.v79-cover-kicker,.v79-player-kicker{font-size:.72rem;font-weight:700;letter-spacing:.12em;opacity:.68}
.v79-cover-title,.v79-player-title{display:block;margin-top:10px;font-size:clamp(1.35rem,2.2vw,2.25rem);font-weight:650;line-height:1.05}
.v79-player-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,4vw,46px)}
.v79-player-card:hover .v79-player-cover{filter:brightness(.9)}


/* v80 — rolki odtwarzane bez opuszczania strony */
.v80-inline-reel{
  position:relative;
  width:min(100%,420px);
  aspect-ratio:9/16;
  overflow:hidden;
  background:#17191b;
}
.v80-inline-reel iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
.v80-inline-reel .v52-format{
  position:absolute;
  left:12px;
  top:12px;
  z-index:2;
  pointer-events:none;
}
@media(max-width:680px){
  .v80-inline-reel{
    width:min(100%,390px);
  }
}


/* v82 — układ stron realizacji dla pionowych rolek */
.v82-reel-layout{
  padding-top:clamp(34px,5vw,64px);
}

.v82-reel-grid{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:clamp(46px,7vw,100px);
  align-items:start;
}

.v82-reel-media h2{
  margin-top:0;
  margin-bottom:24px;
}

.v82-reel-info{
  padding-top:clamp(28px,5vw,72px);
  max-width:560px;
}

.v82-reel-info .eyebrow{
  margin-bottom:15px;
}

.v82-reel-info h1{
  margin:0;
  max-width:560px;
  line-height:1.02;
}

.v82-scope{
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.12);
  color:#777873;
  font-size:.95rem;
  line-height:1.55;
}

.v82-desc{
  margin:24px 0 0;
  max-width:520px;
  color:#565753;
  font-size:1rem;
  line-height:1.65;
}

.v82-case-btn{
  margin-top:28px;
}

.v82-reel-layout + .v73-gallery-section{
  padding-top:clamp(54px,7vw,88px);
}

@media(max-width:850px){
  .v82-reel-grid{
    grid-template-columns:minmax(240px,360px) minmax(0,1fr);
    gap:40px;
  }
}

@media(max-width:680px){
  .v82-reel-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .v82-reel-media{
    width:min(100%,390px);
  }

  .v82-reel-info{
    padding-top:0;
    max-width:none;
  }

  .v82-desc{
    max-width:none;
  }
}


/* v83 — case study spójne z aktualnymi stronami realizacji */
.v83-case-page .container{
  width:min(1180px,calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
}

.v83-case-container{
  width:min(1040px,calc(100% - 64px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.v83-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  padding-top:28px;
  padding-bottom:18px;
  font-size:.8rem;
  color:#777873;
}

.v83-breadcrumb a{
  color:inherit;
  text-decoration:none;
}

.v83-breadcrumb a:hover{
  text-decoration:underline;
}

.v83-case-head{
  padding:clamp(34px,5vw,58px) 0 clamp(34px,5vw,56px);
}

.v83-case-head .eyebrow{
  margin-bottom:16px;
}

.v83-case-head h1{
  margin:0;
  max-width:900px;
  line-height:1.04;
}

.v83-case-scope{
  max-width:760px;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.12);
  color:#777873;
  font-size:.96rem;
  line-height:1.55;
}

.v83-case-content{
  padding-top:clamp(36px,5vw,64px);
}

.v83-case-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:clamp(44px,7vw,96px);
  align-items:start;
}

.v83-case-copy{
  max-width:620px;
}

.v83-case-section{
  padding-bottom:34px;
  margin-bottom:34px;
  border-bottom:1px solid rgba(0,0,0,.10);
}

.v83-case-section:last-child{
  margin-bottom:0;
}

.v83-case-section .eyebrow{
  margin-bottom:10px;
}

.v83-case-section h2{
  margin:0 0 14px;
  font-size:clamp(1.35rem,2vw,1.8rem);
}

.v83-case-section p:last-child{
  margin:0;
  max-width:58ch;
  color:#565753;
  line-height:1.7;
}

.v83-case-cover{
  margin:0;
  position:sticky;
  top:110px;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#17191b;
}

.v83-case-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.v83-case-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(46px,6vw,76px);
  padding-top:28px;
  border-top:1px solid rgba(0,0,0,.12);
}

@media(max-width:800px){
  .v83-case-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  .v83-case-cover{
    position:relative;
    top:auto;
    max-width:720px;
  }
}

@media(max-width:680px){
  .v83-case-page .container,
  .v83-case-container{
    width:calc(100% - 36px) !important;
  }

  .v83-breadcrumb{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .v83-case-actions{
    flex-direction:column;
  }

  .v83-case-actions .btn{
    width:100%;
    text-align:center;
  }
}