.mobile-docs-toggle{display:none}.mobile-docs-dialog{border:1px solid #d3b575;background:#101311;color:#f2ecdf;padding:26px;width:calc(100% - 40px);max-width:430px;max-height:85dvh;overflow:auto;font:15px/1.7 Manrope,Arial,sans-serif}.mobile-docs-dialog::backdrop{background:#000b}.mobile-docs-dialog h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:0 0 20px}.mobile-docs-dialog a,.mobile-docs-dialog button{display:block;width:100%;margin:10px 0;padding:12px;color:#ead19c;background:#1b2118;border:1px solid #6b715f;text-align:left;font:inherit;text-decoration:none;cursor:pointer}.mobile-docs-dialog :focus-visible{outline:3px solid #ead19c;outline-offset:3px}
@media(max-width:767px){
html,body{min-height:100%;margin:0}body{overflow-x:hidden}body>header,body>footer,body>.mw-legal-links{display:none}
#kierunki{position:relative;display:block;min-height:0;height:100svh;height:100dvh;isolation:isolate;overflow:hidden;background:#101110}
#kierunki .direction{position:absolute;inset:0;min-height:0;padding:0;display:block;border:0}
#kierunki .expedition{clip-path:polygon(0 0,65% 0,35% 100%,0 100%)}
#kierunki .company{clip-path:polygon(65% 0,100% 0,100% 100%,35% 100%)}
#kierunki .direction .eyebrow,#kierunki .direction .content p,#kierunki .direction .cta,#kierunki .side-label{display:none}
#kierunki .content{position:absolute;left:24%;top:52%;transform:translateX(-50%);width:37%;max-width:none;text-align:center}
#kierunki .company .content{left:76%;top:52%}
#kierunki h2{font-size:clamp(23px,5.2vw,39px);font-weight:600;line-height:1.18;letter-spacing:-1px;margin:0;text-shadow:0 2px 20px #000,0 1px 5px #000}
#kierunki .visual{inset:0}#kierunki .visual img{width:100%;height:100%;object-fit:cover;opacity:.76;transform:none}
#kierunki .expedition .visual img{object-position:31% center}#kierunki .company .visual img{object-position:58% center;opacity:.78}
#kierunki .direction:before{background:linear-gradient(180deg,#0002,#0008 45%,#0009 70%,#0005)}
#kierunki:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:#d3b57599;clip-path:polygon(calc(65% - .6px) 0,calc(65% + .6px) 0,calc(35% + .6px) 100%,calc(35% - .6px) 100%)}
#kierunki .direction:focus-visible{outline:none}#kierunki .direction:focus-visible h2{outline:3px solid #f1ce80;outline-offset:10px}
.mobile-docs-toggle{display:block;position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:8;border:1px solid #d3b57566;background:#101311c9;color:#ead19c;padding:10px 12px;font:500 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.3px;cursor:pointer;min-height:36px}.mobile-docs-toggle:focus-visible{outline:3px solid #ead19c;outline-offset:3px}
}

@media(max-width:767px){
#kierunki .visual{background:#101110}
#kierunki .visual img{position:absolute;height:auto;object-fit:contain;opacity:.94;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent)}
#kierunki .expedition .visual img{width:min(90vw,52svh);left:-9vw;top:17%;object-position:center}
#kierunki .company .visual img{width:min(100vw,60svh);right:-12vw;top:54%;object-position:center;opacity:.94}
#kierunki .direction:before{background:linear-gradient(180deg,#0001,#0002 35%,#0005 50%,#0001 80%)}
}

@media(max-width:767px){
#kierunki .visual:before{content:"";position:absolute;inset:-8px;background-size:cover;background-position:center;filter:blur(7px);opacity:.23}
#kierunki .expedition .visual:before{background-image:url('/agenci/assets/pixel-harbor-current-crew.png');background-position:31% center}
#kierunki .company .visual:before{background-image:url('/dla-firm/assets/human-ai-20261022.jpg');background-position:58% center}
}