/* Homepage composition proposal using the signal/scan gallery renderer and SVGs.
   These heading bands do not change source components or global brand tokens. */
:is(#kierunki,#proces).home-background-section{--home-background-inset:40px;padding-top:0}
.home-background-band{--bg-mono:var(--dealyo-mono);position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:410px;margin-inline:calc(-1 * var(--home-background-inset));margin-bottom:40px;overflow:hidden;background:#fff;border-bottom:1px solid var(--dealyo-line)}
.home-background-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.66}
.home-background-art canvas,.home-background-fallback{display:block;position:absolute;inset:0;width:100%;height:100%}
.home-background-fallback{object-fit:fill}
.home-background-art canvas{visibility:hidden}
.home-background-band[data-ready="true"] canvas{visibility:visible}
.home-background-band[data-ready="true"] .home-background-fallback{visibility:hidden}
:is(#kierunki,#proces) .home-section-head.home-background-copy{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;margin:0;padding:62px 40px 90px;text-align:center}
:is(#kierunki,#proces) .home-background-copy .home-label{font-size:12px;line-height:18px}
:is(#kierunki,#proces) .home-background-copy h2{margin-top:18px;font-size:52px;line-height:55px}
:is(#kierunki,#proces) .home-background-copy>p{max-width:480px;padding:0;font-size:16px;line-height:25px;text-wrap:balance}
.home-background-toggle{position:absolute;right:24px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid var(--dealyo-line);background:#fffffff5;color:var(--dealyo-muted);font:12px/20px var(--dealyo-mono);touch-action:manipulation}
.home-background-toggle:hover{background:#fafafa}
.home-background-toggle[aria-pressed="true"]{background:#fff2ed;color:var(--dealyo-ink)}
.home-background-toggle:disabled{background:#fafafa;color:var(--dealyo-muted);cursor:default}
.home-background-toggle svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-background-toggle [data-background-play]{display:none}
.home-background-toggle[aria-pressed="true"] [data-background-play]{display:block}
.home-background-toggle[aria-pressed="true"] [data-background-pause]{display:none}
@media(max-width:1023px){.home-background-band{min-height:390px}:is(#kierunki,#proces) .home-background-copy h2{font-size:46px;line-height:49px}}
@media(max-width:991px){:is(#kierunki,#proces).home-background-section{--home-background-inset:30px}}
@media(max-width:768px){
 .home-background-band{min-height:480px;margin-bottom:30px}
 :is(#kierunki,#proces) .home-section-head.home-background-copy{gap:20px;padding:76px 20px 94px}
 :is(#kierunki,#proces) .home-background-copy h2{margin-top:16px;font-size:38px;line-height:42px}
 :is(#kierunki,#proces) .home-background-copy>p{max-width:350px;font-size:16px;line-height:24px}
 .home-background-toggle{right:16px;bottom:18px}
}
@media(max-width:767px){:is(#kierunki,#proces).home-background-section{--home-background-inset:20px}}
@media(max-width:359px){:is(#kierunki,#proces).home-background-section{--home-background-inset:16px}:is(#kierunki,#proces) .home-section-head.home-background-copy{padding-inline:16px}:is(#kierunki,#proces) .home-background-copy h2{font-size:36px;line-height:40px}}
@media print{:is(#kierunki,#proces).home-background-section{--home-background-inset:22px}.home-background-art canvas,.home-background-toggle{display:none!important}.home-background-fallback{visibility:visible!important}.home-background-band{min-height:360px;break-inside:avoid}}