/* Strona główna — dodatki 09.09 (prefiks hx-): opisy usług, szersze realizacje, scalona sekcja „jedna współpraca + własna szkoła”. */
.panel .svc p{font-size:.875rem;color:var(--fg-faint);max-width:44ch;line-height:1.5}
@media (min-width:1024px){.panel__list--2 .svc p{font-size:.8125rem}}

/* realizacje: nagłówek w kontenerze, karty na całą szerokość ekranu (z marginesem), większe kadry */
.hx-cases{position:relative;padding-block:var(--section-y);border-top:1px solid var(--hairline);background:linear-gradient(180deg,rgb(255 255 255 / .025),transparent 40%)}
.hx-cases__wrap{width:100%;padding-inline:var(--gutter);margin-top:clamp(2.5rem,5vw,4rem)}
.hx-cases__wrap .cases{margin-top:0;gap:clamp(1rem,1.6vw,1.5rem)}
@media (min-width:1024px){.hx-cases__wrap .cases{grid-template-columns:repeat(3,1fr)}}
.hx-cases .case__img{aspect-ratio:16/10}
.hx-cases .case__img img{transition:object-position 1600ms var(--ease-soft),scale 900ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.hx-cases .case:hover .case__img img{object-position:bottom;scale:1}}
.hx-cases .case__body{padding:1.35rem 1.4rem 1.5rem}
.hx-cases .case__body b{font-size:1.25rem;letter-spacing:-.018em}
.hx-cases .case__num{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--fg)}
.hx-cases .case__num::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.hx-cases__more{margin-top:1.75rem;padding-inline:var(--gutter)}
.hx-cases .logos{margin-top:clamp(2.5rem,5vw,4rem)}

/* jedna współpraca + własna szkoła: jedna sekcja, dwie części */
.hx-one__grid{display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr;align-items:center}
@media (min-width:1000px){.hx-one__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.hx-one__text .h2{max-width:14ch}
.hx-one__text .h2+p{margin-top:1.5rem}
.hx-one__text p+p{margin-top:1rem}
.hx-one__grid .one{margin-top:0}
@media (min-width:768px){.hx-one__grid .one{grid-template-columns:minmax(0,1.25fr) clamp(2rem,4vw,4rem) auto clamp(1.5rem,3vw,3rem) auto}}
.hx-school{display:grid;gap:clamp(1.5rem,3vw,3rem);grid-template-columns:1fr;align-items:center;margin-top:clamp(3rem,6vw,5rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06)}
@media (min-width:1000px){.hx-school{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
.hx-school__h{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:500;letter-spacing:-.024em;line-height:1.12;text-wrap:balance;margin-top:.75rem}
.hx-school__text p{max-width:52ch}
.hx-school__h+p{margin-top:1.25rem}
.hx-school__text p+p{margin-top:1rem}
.hx-school__place{color:var(--fg);font-weight:500}
.hx-school__text .btn{margin-top:1.75rem}
.hx-school__card{position:relative;display:block;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--hairline);background:#0E0F12;aspect-ratio:16/11;transition:border-color var(--d-hover) var(--ease-soft),translate var(--d-hover) var(--ease-soft)}
.hx-school__card:hover{border-color:rgb(255 255 255 / .28);translate:0 -2px}
.hx-school__card img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:object-position 1800ms var(--ease-soft)}
.hx-school__card:hover img{object-position:bottom}
.hx-school__cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(1rem,2vw,1.5rem);background:linear-gradient(to top,rgb(8 9 10 / .92),rgb(8 9 10 / .55) 60%,transparent);display:grid;gap:.2rem}
.hx-school__cap span{font-size:.8125rem;color:rgb(250 250 250 / .7)}
.hx-school__cap b{font-weight:500;font-size:1.125rem;letter-spacing:-.016em;color:#fff}
.hx-school__kpi{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:.4rem}
.hx-school__kpi div{display:grid;gap:.1rem}
.hx-school__kpi strong{font-weight:500;font-size:1.375rem;letter-spacing:-.024em;line-height:1;font-variant-numeric:tabular-nums;color:#fff}
.hx-school__kpi small{font-size:.75rem;color:rgb(250 250 250 / .62)}
@media (prefers-reduced-motion:reduce){.hx-cases .case__img img,.hx-school__card img{transition:none}}

@media (max-width:640px){.hx-school__card{aspect-ratio:4/4.6}.hx-school__cap{padding:1rem}}