/* Rytm strony głównej: wyróżnione usługi, redakcyjne realizacje i magazyn wiedzy. */
#uslugi.lettered-services{background:#faf9f6;border:0;padding-block:92px 105px}
#uslugi .sketch-heading{text-align:left;margin:0 0 38px;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:end;gap:28px}
#uslugi .sketch-heading h2{font-size:clamp(38px,4vw,56px);margin:0}
#uslugi .sketch-heading>p{margin:0 0 5px;max-width:410px;justify-self:end}
#uslugi .six-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#uslugi .sketch-card{min-width:0;box-shadow:none;border-radius:24px}
#uslugi .sketch-card:nth-child(-n+2){grid-column:span 2;background:#eaf2ff;border-color:#dce8f8}
#uslugi .sketch-card:first-child{background:#fff0e5;border-color:#f1ddce}
#uslugi .sketch-card:nth-child(-n+2) .sketch-visual{aspect-ratio:1.82;padding:4px 6px 0;mask-image:none}
#uslugi .sketch-card:nth-child(-n+2) .sketch-visual img{width:100%;height:100%;object-fit:contain}
#uslugi .sketch-card:nth-child(-n+2) .sketch-content{padding:4px 30px 27px;text-align:left;align-items:flex-start}
#uslugi .sketch-card:nth-child(-n+2) .sketch-description{font-size:16px;line-height:1.65;margin:0 0 13px;max-width:55ch;text-align:left}
#uslugi .sketch-card:nth-child(-n+2) .sketch-cta{margin:0;align-self:flex-start}
#uslugi .sketch-card:nth-child(n+3){padding:24px;background:#fff;border:1px solid #e0e5ee;align-items:flex-start;min-height:286px}
#uslugi .sketch-card:nth-child(n+3) .sketch-visual{display:none}
#uslugi .sketch-card:nth-child(n+3) h3.sr-only{position:static;width:auto;height:auto;padding:0;margin:12px 0 10px;overflow:visible;clip:auto;white-space:normal;border:0;font:700 23px/1.25 var(--heading);letter-spacing:-.7px;text-align:left}
#uslugi .service-compact-icon{display:block;width:38px;height:38px;color:#205bfa;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#uslugi .sketch-card:nth-child(n+3) .sketch-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:0;text-align:left}
#uslugi .sketch-card:nth-child(n+3) .sketch-description{font-size:14px;line-height:1.6;text-align:left;margin:0 0 15px;max-width:none}
#uslugi .sketch-card:nth-child(n+3) .sketch-cta{margin-top:auto;font-size:14px;align-self:flex-start}
#uslugi .sketch-card:nth-child(n+3) .service-short{display:none}
#uslugi .sketch-card:nth-child(n+3) .service-full{display:inline}

#realizacje.portfolio-carousel{background:#12203d;color:#fff;border-radius:44px;overflow:hidden;padding-block:88px 90px}
#realizacje .work-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 45px;align-items:end;max-width:none;text-align:left;margin:0 0 34px}
#realizacje .work-heading .eyebrow{grid-column:1;grid-row:1;color:#a8c5ff}
#realizacje .work-heading h2{grid-column:1;grid-row:2;color:#fff;margin-top:12px;max-width:700px;font-size:clamp(35px,3.5vw,49px)}
#realizacje .work-heading .section-description{grid-column:2;grid-row:2;color:#cbd7ec;margin:0 0 5px;max-width:370px;line-height:1.65}
#realizacje .portfolio-filters{justify-content:flex-start;margin-bottom:30px}
#realizacje .portfolio-filters button{color:#dce6f7;background:#263858;border:1px solid #3d5274}
#realizacje .portfolio-filters button[aria-pressed="true"]{color:#101a31;background:#fff;border-color:#fff}
#realizacje .portfolio-all{justify-content:flex-start;margin-top:29px}
#realizacje .portfolio-all .button{color:#102146;background:#fff;min-height:52px;font-size:16px}
#realizacje .portfolio-all .button:hover{background:#dce9ff}
#realizacje .portfolio-filter-results .case-card{background:#fff;color:#10152d}
#realizacje .portfolio-filter-results .case-summary{color:#586783}

#strefa-wiedzy.knowledge-section{background:#faf8f3;padding-block:91px 98px}
#strefa-wiedzy .knowledge-heading{text-align:left;max-width:none;margin:0 0 38px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 38px;align-items:end}
#strefa-wiedzy .knowledge-heading .eyebrow{grid-column:1;grid-row:1}
#strefa-wiedzy .knowledge-heading .eyebrow,#strefa-wiedzy .knowledge-card .eyebrow{margin-left:0;margin-right:0;text-align:left}
#strefa-wiedzy .knowledge-heading h2{grid-column:1;grid-row:2;margin:9px 0 0;font-size:clamp(32px,3.4vw,44px)}
#strefa-wiedzy .knowledge-heading>p:last-child{grid-column:2;grid-row:2;text-align:left;margin:0 0 4px;max-width:390px}
#strefa-wiedzy .knowledge-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:0 65px}
#strefa-wiedzy .knowledge-card{min-width:0;text-align:left;align-items:flex-start;background:none;border:0;border-radius:0;box-shadow:none;padding:0}
#strefa-wiedzy .knowledge-card:first-child{grid-row:1/3}
#strefa-wiedzy .knowledge-card:first-child .knowledge-image{aspect-ratio:1.6;margin-bottom:21px;border-radius:18px}
#strefa-wiedzy .knowledge-card:first-child h3{font-size:clamp(24px,2.6vw,32px);max-width:570px}
#strefa-wiedzy .knowledge-card:first-child .knowledge-summary{font-size:16px;max-width:58ch}
#strefa-wiedzy .knowledge-card:not(:first-child){display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-content:start;column-gap:18px;border-top:1px solid #cbd3dc;padding:23px 0}
#strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-image{display:block;grid-column:1;grid-row:1/5;width:116px;height:116px;aspect-ratio:1;margin:0;border-radius:14px}
#strefa-wiedzy .knowledge-card:not(:first-child) .eyebrow,#strefa-wiedzy .knowledge-card:not(:first-child) h3,#strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-summary,#strefa-wiedzy .knowledge-card:not(:first-child)>.text-link{grid-column:2}
#strefa-wiedzy .knowledge-card:not(:first-child) h3{font-size:21px;max-width:420px}
#strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-summary{font-size:14px;max-width:45ch;margin:9px 0}
#strefa-wiedzy .knowledge-all{justify-content:flex-start;margin-top:36px}

@media(max-width:1100px){
  #uslugi .sketch-card:nth-child(n+3){padding:20px}
  #uslugi .sketch-card:nth-child(n+3) h3.sr-only{font-size:19px}
  #strefa-wiedzy .knowledge-grid{gap:0 38px}
  #strefa-wiedzy .knowledge-card:not(:first-child){grid-template-columns:94px minmax(0,1fr);column-gap:14px}
  #strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-image{width:94px;height:94px}
  #strefa-wiedzy .knowledge-card:not(:first-child) h3{font-size:19px}
}
@media(max-width:760px){
  #uslugi.lettered-services{padding-block:57px 66px}
  #uslugi .sketch-heading{display:block;text-align:left;margin-bottom:24px}
  #uslugi .sketch-heading h2{font-size:34px}
  #uslugi .sketch-heading>p{font-size:16px;line-height:1.6;margin-top:15px}
  #uslugi .six-grid{grid-template-columns:1fr;gap:12px}
  #uslugi .sketch-card:nth-child(-n+2){grid-column:auto}
  #uslugi .sketch-card:nth-child(-n+2) .sketch-visual{aspect-ratio:1.75}
  #uslugi .sketch-card:nth-child(-n+2) .sketch-content{padding:0 20px 21px}
  #uslugi .sketch-card:nth-child(-n+2) .sketch-description{font-size:15px;line-height:1.55;margin-bottom:9px}
  #uslugi .sketch-card:nth-child(n+3){display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;padding:18px;min-height:0;align-items:start}
  #uslugi .sketch-card:nth-child(n+3) .service-compact-icon{grid-column:1;grid-row:1/3;width:34px;height:34px}
  #uslugi .sketch-card:nth-child(n+3) h3.sr-only{grid-column:2;grid-row:1;margin:1px 0 6px;font-size:21px}
  #uslugi .sketch-card:nth-child(n+3) .sketch-content{grid-column:2;grid-row:2}
  #uslugi .sketch-card:nth-child(n+3) .service-full{display:none}
  #uslugi .sketch-card:nth-child(n+3) .service-short{display:inline}
  #uslugi .sketch-card:nth-child(n+3) .sketch-description{margin:0 0 7px;font-size:14px}
  #uslugi .sketch-card:nth-child(n+3) .sketch-cta{font-size:14px}

  #realizacje.portfolio-carousel{border-radius:26px;padding-block:60px 63px}
  #realizacje .work-heading{display:block;text-align:left;margin-bottom:25px}
  #realizacje .work-heading h2{font-size:34px}
  #realizacje .work-heading .section-description{margin:14px 0 0;font-size:16px}
  #realizacje .portfolio-filters{gap:7px;margin-bottom:23px}
  #realizacje .portfolio-filters button{font-size:12px;padding:8px 12px;min-height:38px}
  #realizacje .portfolio-all .button{width:100%}

  #strefa-wiedzy.knowledge-section{padding-block:64px 70px}
  #strefa-wiedzy .knowledge-heading{display:block;text-align:left;margin-bottom:25px}
  #strefa-wiedzy .knowledge-heading h2{font-size:33px}
  #strefa-wiedzy .knowledge-heading>p:last-child{text-align:left;margin:14px 0 0;font-size:16px}
  #strefa-wiedzy .knowledge-grid{display:flex;flex-direction:column;gap:0}
  #strefa-wiedzy .knowledge-card:first-child{margin-bottom:24px}
  #strefa-wiedzy .knowledge-card:first-child .knowledge-image{aspect-ratio:1.55}
  #strefa-wiedzy .knowledge-card:first-child h3{font-size:26px}
  #strefa-wiedzy .knowledge-card:not(:first-child){grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;padding-block:19px}
  #strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-image{grid-row:1/4;width:96px;height:96px}
  #strefa-wiedzy .knowledge-card:not(:first-child) .knowledge-summary{display:none}
  #strefa-wiedzy .knowledge-card:not(:first-child) h3{font-size:21px}
  #strefa-wiedzy .knowledge-all .button{width:100%;font-size:15px}
}