.case-hero{background:radial-gradient(800px 350px at 75% -20%,#274e70 0%,transparent 60%),linear-gradient(125deg,#101b2c,#202f46);padding:68px 0 78px;color:#fff}
.case-hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(26px,5vw,60px)}
.case-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 22px}
.case-hero .lead{color:#dfebf5}.case-hero .lead strong{color:#fff}
.case-highlights{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0 30px}.case-highlights>div{min-width:115px;border-top:1px solid #5c6d82;padding-top:12px}.case-highlights strong,.case-highlights span{display:block}.case-highlights strong{color:#fff;font-size:1.35rem}.case-highlights span{color:#bed0df;font-size:.84rem}
.case-hero-video{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid #4c5c6d;box-shadow:0 26px 60px #0006}.case-hero-video img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.case-hero-video span{position:absolute;bottom:15px;left:15px;color:#fff;background:#0b1621e8;border-radius:100px;padding:9px 16px;font-weight:800}
.case-narrow{max-width:940px}.case-narrow p{color:#435069;font-size:1.1rem}.case-narrow h2{text-align:left;max-width:860px}
.case-timeline{max-width:1060px;margin:20px auto 0}.case-timeline article{display:grid;grid-template-columns:62px 1fr;gap:22px;position:relative;padding:0 0 35px}.case-timeline article:not(:last-child):before{content:"";position:absolute;top:54px;bottom:0;left:28px;border-left:2px solid #e2e6ec}.case-timeline article>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#203550;color:#fff;font-size:1.1rem;font-weight:900;position:relative;z-index:1}.case-timeline article h3{margin:0 0 7px;font-size:1.37rem}.case-timeline article p{margin:0;color:#526072}
.case-two-cols{display:grid;grid-template-columns:1fr 360px;gap:clamp(25px,6vw,65px);align-items:start}.case-lesson{border-radius:21px;background:linear-gradient(130deg,#162239,#314567);color:#fff;padding:34px}.case-lesson h3{color:#fff}.case-lesson p{color:#d3ddec}.case-lesson-number{font-size:5rem;line-height:1;font-weight:900;color:#ff8b67}
.case-film{position:relative;max-width:940px;aspect-ratio:16/9;border-radius:19px;overflow:hidden;margin:auto;background:#101827}.case-film img{display:block;width:100%;height:100%;object-fit:cover}.case-film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;background:#ff7043;color:#fff;padding:16px 28px;font-size:1rem;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 14px 30px #0008}.case-film iframe{width:100%;height:100%;display:block;border:0}.case-video-link{text-align:center;margin:18px 0 0}
@media(max-width:900px){.case-hero-layout,.case-two-cols{grid-template-columns:1fr}.case-hero{padding:50px 0}.case-hero-video{max-width:680px}}
@media(max-width:600px){.case-hero{padding:34px 0 48px}.case-hero h1{font-size:clamp(2.2rem,9vw,3.3rem)}.case-highlights{gap:12px}.case-timeline article{grid-template-columns:46px 1fr;gap:15px}.case-timeline article>span{width:43px;height:43px;font-size:.9rem}.case-timeline article:not(:last-child):before{left:21px;top:41px}.case-lesson{padding:24px}.case-film-play{padding:13px 19px;font-size:.89rem}}
/* Wąskie ekrany: materiał wideo widoczny zaraz po tytule case study. */
@media (max-width:600px){
  .case-hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .case-hero-layout>div:first-child{display:contents}
  .case-hero-layout .eyebrow{order:0;margin:0}
  .case-hero-layout h1{order:1;margin:0}
  .case-hero-layout .case-hero-video{order:2;margin:0}
  .case-hero-layout .lead{order:3;margin:0}
  .case-hero-layout .case-highlights{order:4;margin:0 0 7px}
  .case-hero-layout .hero-actions{order:5}
}

.case-gallery-lead,.case-gallery-grid{display:grid;gap:18px}
.case-gallery-lead{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;margin-bottom:18px}
.case-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-gallery-card{margin:0;background:#fff;border:1px solid #e4e9f1;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.case-gallery-card a{display:block;color:inherit;text-decoration:none}
.case-gallery-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eef2f7}
.case-gallery-card--lead img{aspect-ratio:4/5}
.case-gallery-card figcaption{padding:14px 15px 15px;color:#526072;font-size:.94rem;line-height:1.5}
.case-gallery-card figcaption strong{display:block;color:#15202e;font-size:1rem;margin-bottom:4px}
.case-gallery-card a:focus-visible{outline:3px solid #ff8b67;outline-offset:4px}

@media(max-width:1050px){.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.case-gallery-lead,.case-gallery-grid{grid-template-columns:1fr}}