.breaker--figure .char-reveal.h2,.breaker--figure h2.char-reveal{max-width:7.5em}.char-reveal .hl,.char-reveal__w{display:inline-block}.char-reveal__c{color:#52473c;transition:color .18s linear}.char-reveal__c.is-edge{color:#f9cc00}.char-reveal__c.is-lit{color:#f6f6ee}.hl .char-reveal__c.is-lit{color:inherit}.word-reveal__w{display:inline-block;opacity:0;transform:translateY(.7em);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--reveal-i,0)*90ms + var(--i,0)*var(--reveal-step,45ms))}.word-reveal.is-in .word-reveal__w{opacity:1;transform:none}.team-stage{position:relative}.team-stage__bg{align-items:center;background:#17100a url(/assets/img/kv/tlo-5-ciemne.webp) 50%/cover no-repeat;display:flex;height:100vh;position:sticky;top:0}.team-stage__title{font-size:min(110px,7.6vw);font-weight:400;letter-spacing:-.02em;line-height:1.075;margin:0;padding:0 24px;text-align:center;white-space:nowrap;width:100%}.team-stage__cards{padding-bottom:calc(50vh - 188px);position:relative}.team-stage .char-reveal__c{color:#3a312a}.team-stage .char-reveal__c.is-lit{color:#a69a8c}.team-stage .char-reveal__c.is-edge,.team-stage .hl{color:#f9cc00}.team-stage .hl .char-reveal__c.is-lit{color:inherit}.team-grid{display:grid;gap:96px 24px;grid-template-columns:repeat(3,1fr)}.team-grid .team-item:first-child{grid-area:1/1}.team-grid .team-item:nth-child(2){grid-area:2/1}.team-grid .team-item:nth-child(3){grid-area:2/2}.team-grid .team-item:nth-child(4){grid-area:2/3}.team-grid .team-item:nth-child(5){grid-area:3/1}.team-grid .team-item:nth-child(6){grid-area:3/2}.team-grid .team-item:nth-child(7){grid-area:4/2}.team-grid .team-item:nth-child(8){grid-area:4/3}.team-grid .team-item:nth-child(9){grid-area:5/1}.team-grid .team-item:nth-child(10){grid-area:5/2}.team-grid .team-item:nth-child(11){grid-area:5/3}.team-grid .team-item:nth-child(12){grid-area:6/1}.team-item{aspect-ratio:1;background:#3a312a;border-radius:10px;overflow:hidden;position:relative}.team-item__photo{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.team-item:after{background:linear-gradient(#170f0a00 62%,#1e160fb8 84%,#2c2219);content:"";inset:0;pointer-events:none;position:absolute}.team-item__caption{bottom:14px;left:14px;position:absolute;right:14px;z-index:1}.team-item__name{color:#f6f6ee;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:28px;margin:0}.team-item__role{color:#ddd6cb;font-size:16px;letter-spacing:-.02em;line-height:24px;margin:0}.team-item--empty{background:#2c2219}.team-item__glyph{color:#f6f6ee29;left:50%;position:absolute;top:42%;transform:translate(-50%,-50%)}.team-item__glyph:after,.team-item__glyph:before{background:currentColor;content:"";display:block;margin:0 auto}.team-item__glyph:before{border-radius:50%;height:74px;width:74px}.team-item__glyph:after{border-radius:74px 74px 0 0;height:82px;margin-top:16px;width:148px}@media (width<=991.98px){.team-stage__bg{height:auto;min-height:62vh;padding:72px 0;position:static}.team-stage__title{font-size:clamp(34px,9vw,56px);white-space:normal}.team-stage .char-reveal__c,.team-stage .char-reveal__c.is-lit{color:#f6f6ee}.team-stage__cards{padding:56px 0 0}.team-grid{gap:48px 24px;grid-template-columns:repeat(2,1fr)}.team-grid .team-item:nth-child(n){grid-area:auto}.page-head{padding:56px 0 0}.page-head--blog,.page-head--tall{padding-bottom:56px}.detail-head{padding:48px 0 0}.detail-head--cs .detail-meta{display:flex;flex-direction:column;gap:8px;margin-top:32px}.section--cs{padding:40px 0 64px}.section--blog{padding:64px 0}.cs-block{padding:32px 0 24px}.detail-body--cs>.h2,.detail-body--cs>h2{margin-top:40px}}@media (width<=575.98px){.team-grid{grid-template-columns:1fr}}



/* ==========================================================================
   2K & 4K Proportional Scaling (Maintains 1080p visual proportions on 2K/4K)
   ========================================================================== */

/* --- 2K / QHD Displays (2560px - 3399px) --- */
@media (min-width: 2560px) {
  :root {
    --nav-h: 84px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1720px;
  }
  .site-nav {
    padding: 12px 48px;
  }
  .site-nav .nav-link {
    font-size: 19px;
  }
  .site-nav .btn {
    font-size: 18px;
    padding: 13px 28px;
    border-radius: 12px;
  }
  .site-nav .logo__mark {
    transform: scale(1.25);
    transform-origin: left center;
  }
  .hero__content {
    padding-left: max(48px, calc(50% - 860px));
    padding-right: max(48px, calc(50% - 860px));
    padding-bottom: 100px;
  }
  .hero__title {
    font-size: 92px;
    line-height: 100px;
  }
  .hero__lead {
    font-size: 32px;
    line-height: 42px;
  }
  .hero__tags {
    font-size: 19px;
    gap: 16px;
  }
  .hero .cta-row .btn {
    font-size: 18px;
    padding: 14px 28px;
    border-radius: 12px;
  }
  .hero__card {
    right: max(48px, calc(50% - 860px));
    bottom: 100px;
    width: 540px;
    padding: 8px 24px 8px 8px;
    border-radius: 24px;
  }
  .hero__card-media {
    width: 250px;
    height: 250px;
    border-radius: 18px;
  }
  .hero__card-stat-value {
    font-size: 38px;
    line-height: 46px;
  }
  .hero__card-stat-label {
    font-size: 16.5px;
    line-height: 22px;
    max-width: 210px;
  }
  .hero__card-cta {
    font-size: 17px;
    line-height: 22px;
    margin-top: 36px;
  }
  .hero__card-dots {
    left: 282px;
    bottom: 24px;
    gap: 10px;
  }
  .hero__card-dot-track {
    width: 8px;
    height: 8px;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 38px;
  }
  
  /* Sections Scaling */
  .section {
    padding: 120px 0;
  }
  .sec-head h2, h2.word-reveal {
    font-size: 64px;
    line-height: 72px;
  }
  .sec-head__lead--large {
    font-size: 22px;
    line-height: 32px;
  }
  .cs-item__title {
    font-size: 58px;
    line-height: 66px;
  }
  .cs-stat__value {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-stat__label {
    font-size: 18px;
    line-height: 26px;
  }
  .dna-card__title {
    font-size: 24px;
    line-height: 32px;
  }
  .dna-card__body {
    font-size: 17px;
    line-height: 26px;
  }
  .blog-card__title {
    font-size: 22px;
    line-height: 30px;
  }
  .blog-card__excerpt {
    font-size: 17px;
    line-height: 26px;
  }
  .next-case {
    max-width: 1000px;
    padding: 40px 48px;
    border-radius: 20px;
  }
  .next-case__title {
    font-size: 32px;
    line-height: 40px;
  }
  .next-case__img, picture.next-case__img {
    width: 275px;
    height: 220px;
  }
}

/* --- 4K / UHD Displays (3400px+) --- */
@media (min-width: 3400px) {
  :root {
    --nav-h: 110px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 2360px;
  }
  .site-nav {
    padding: 16px 64px;
  }
  .site-nav .nav-link {
    font-size: 25px;
  }
  .site-nav .btn {
    font-size: 24px;
    padding: 18px 38px;
    border-radius: 16px;
  }
  .site-nav .logo__mark {
    transform: scale(1.65);
    transform-origin: left center;
  }
  .hero__content {
    padding-left: max(64px, calc(50% - 1180px));
    padding-right: max(64px, calc(50% - 1180px));
    padding-bottom: 140px;
  }
  .hero__title {
    font-size: 124px;
    line-height: 134px;
  }
  .hero__lead {
    font-size: 42px;
    line-height: 56px;
    margin-top: 36px;
  }
  .hero__tags {
    font-size: 26px;
    gap: 22px;
    margin-top: 36px;
  }
  .hero .cta-row {
    margin-top: 48px;
    gap: 24px;
  }
  .hero .cta-row .btn {
    font-size: 24px;
    padding: 20px 38px;
    border-radius: 16px;
  }
  .hero__card {
    right: max(64px, calc(50% - 1180px));
    bottom: 140px;
    width: 720px;
    padding: 12px 32px 12px 12px;
    border-radius: 30px;
  }
  .hero__card-media {
    width: 330px;
    height: 330px;
    border-radius: 24px;
  }
  .hero__card-stat-value {
    font-size: 50px;
    line-height: 60px;
  }
  .hero__card-stat-label {
    font-size: 22px;
    line-height: 30px;
    max-width: 280px;
  }
  .hero__card-cta {
    font-size: 22px;
    line-height: 30px;
    margin-top: 48px;
  }
  .hero__card-dots {
    left: 374px;
    bottom: 32px;
    gap: 14px;
  }
  .hero__card-dot-track {
    width: 11px;
    height: 11px;
  }
  .hero__card-dot.is-active .hero__card-dot-track {
    width: 50px;
  }
  
  /* Sections Scaling */
  .section {
    padding: 160px 0;
  }
  .sec-head h2, h2.word-reveal {
    font-size: 86px;
    line-height: 96px;
  }
  .sec-head__lead--large {
    font-size: 30px;
    line-height: 44px;
  }
  .cs-item__title {
    font-size: 78px;
    line-height: 88px;
  }
  .cs-stat__value {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-stat__label {
    font-size: 24px;
    line-height: 34px;
  }
  .dna-bento {
    gap: 32px;
  }
  .dna-card {
    padding: 36px 30px;
    border-radius: 24px;
    min-height: 380px;
  }
  .dna-card__icon {
    width: 64px;
    height: 64px;
  }
  .dna-card__title {
    font-size: 32px;
    line-height: 42px;
  }
  .dna-card__body {
    font-size: 22px;
    line-height: 34px;
  }
  .blog-card__title {
    font-size: 28px;
    line-height: 38px;
  }
  .blog-card__excerpt {
    font-size: 22px;
    line-height: 34px;
  }
  .next-case {
    max-width: 1350px;
    padding: 56px 64px;
    border-radius: 28px;
  }
  .next-case__title {
    font-size: 44px;
    line-height: 54px;
  }
  .next-case__kicker {
    font-size: 20px;
    line-height: 26px;
  }
  .next-case__btn {
    font-size: 22px;
    padding: 18px 36px;
    border-radius: 14px;
  }
  .next-case__img, picture.next-case__img {
    width: 370px;
    height: 295px;
  }
}