/* Shared responsive layout: loaded last on every page. */
html{scroll-padding-top:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0}
*,*::before,*::after{box-sizing:border-box}
main,section,article,form,.row>[class*="col-"],.bc-contact-block>*,.lp-hero>*,.lp-scenarios>*,.lp-deliver>*,.lp-faq>*{min-width:0}
p,h1,h2,h3,h4,h5,li,label,summary{overflow-wrap:break-word}
img,video{max-width:100%}
button,a,input,textarea{touch-action:manipulation}
input,textarea,select{max-width:100%;font-size:16px!important}
textarea{resize:vertical}
.theme-btn,.lp-button{max-width:100%;white-space:normal}
.bc-contact-block a[href^="mailto:"]{overflow-wrap:anywhere}
.bc-contact-block form{width:100%}
.bc-reel-shell{width:100%;max-width:360px;aspect-ratio:9/16}
.lp-hero-visual{max-height:none;height:auto;aspect-ratio:4/5}
.bc-shared-header{backdrop-filter:none!important}
.bc-shared-header .pf-nav-menu{visibility:visible}
.bc-shared-header .nav-right-item{flex-shrink:0}
.bc-consent{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.bc-footer-tools{flex-wrap:wrap;text-align:center}
@media(min-width:992px) and (max-width:1199px){
.bc-shared-header .primary-menu{gap:10px}
.bc-shared-header .main-menu>ul>li>a{padding:12px 10px!important;font-size:15px!important}
.bc-shared-header .theme-btn{padding:12px 15px!important;font-size:11px!important}
.bc-shared-header .site-branding{flex-basis:145px!important}
}
@media(max-width:991px){
.bc-shared-header .pf-nav-menu{top:76px!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 76px)!important;padding:12px 24px 28px!important;transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 20px 30px #0006}
.bc-shared-header .pf-nav-menu.menu-on{transform:none;opacity:1;visibility:visible;pointer-events:auto}
.bc-shared-header .pf-menu-bottom{margin-top:24px!important}
.bc-shared-header .navbar-toggler{min-width:48px;min-height:48px;align-items:center;justify-content:center}
.offcanvas__overlay.overlay-open{z-index:999!important;top:76px!important}
.bc-content-grid{gap:35px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bc-social-card{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bc-contact-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.lp-hero{grid-template-columns:1fr;max-width:780px;padding:36px 28px 56px}
.lp-hero h1{font-size:clamp(40px,6.5vw,64px)}
.lp-hero-visual{width:100%;max-height:620px;aspect-ratio:5/4}
.lp-section{padding:65px 28px}
.lp-scenarios,.lp-faq{grid-template-columns:1fr;gap:24px}
.lp-tabs{flex-direction:row}.lp-tabs button{flex:1;min-width:0;font-size:20px;padding:18px;gap:10px}
.lp-four,.lp-path,.lp-process,.lp-shotlist{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-deliver{gap:30px}
#oferta .agenko-iconic-box{margin-top:0!important;margin-bottom:35px}
#wydarzenia .agk-image{height:auto}
#wydarzenia [data-bc-image]{height:auto;max-height:560px;aspect-ratio:4/3}
}
@media(max-width:767px){
.container{padding-left:22px;padding-right:22px}
.bc-shared-header .container{padding-left:20px;padding-right:20px}
.bc-shared-header .site-branding{flex-basis:145px!important}
h2,.section-title h2,.bc-benefits h2,.bc-contact-block h2{font-size:clamp(30px,8vw,40px);line-height:1.13;letter-spacing:-.025em}
.bc-home-heading{font-size:clamp(36px,9vw,48px);line-height:1.08}
h3{line-height:1.2}
p{line-height:1.75}
main>section[class],main>div>section[class]{padding-top:60px;padding-bottom:45px}
.agk-video#film{padding-top:100px;padding-bottom:0}
#film .agk-image>img{aspect-ratio:4/3;min-height:0}
.bc-content-grid,.bc-social-card,.bc-contact-block{grid-template-columns:minmax(0,1fr);gap:32px}
.bc-social-card{grid-column:1;padding-top:32px}
.bc-content-grid h3{font-size:29px}
.bc-content-grid article{width:100%}
.bc-slideshow{aspect-ratio:5/4}
.bc-reel-shell{max-width:320px;max-height:none;margin-bottom:24px}
.bc-brand-collage{max-width:100%;width:100%}
.bc-contact-block{padding-bottom:45px}
.bc-contact-block input,.bc-contact-block textarea{min-height:48px}
.bc-contact-block .theme-btn{width:100%;justify-content:center;min-height:52px}
.bc-call{min-height:48px;font-size:16px}
.read-more{line-height:1.5;padding-top:10px;padding-bottom:10px}
.bc-slide-tools,.bc-slider-controls{flex-wrap:wrap;gap:8px}
.bc-slider-controls button{min-height:44px}
#oferta .text-box{margin-bottom:30px}
#oferta .agenko-iconic-box.style-four{padding:28px 24px}
#oferta .agenko-iconic-box .title{font-size:27px;line-height:1.2}
#zespol .bc-portrait{max-width:420px;margin-left:auto;margin-right:auto}
#zespol .agenko-team-item{max-width:420px;margin-left:auto;margin-right:auto}
.client-list .bc-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 5px}
.client-list .bc-sector-grid .bc-puzzle-piece{min-height:125px;padding:35px 15px 23px 12px}
.bc-puzzle-piece .bc-sector{font-size:clamp(12px,3.5vw,16px)!important;max-width:90%;margin-right:8%;hyphens:auto}
.bc-piece-index{left:16px;top:17px}
#formaty .fill-text{font-size:clamp(40px,14vw,80px);line-height:1.1;overflow-wrap:anywhere}
#formaty .testimonial-content>p{font-size:21px;line-height:1.5}
#formaty .author-info h4{font-size:18px;line-height:1.4}
#formaty .author-info h5{font-size:15px;line-height:1.5}
#social-media .bc-social-item{padding:24px 20px}
#social-media .award-name{font-size:21px;line-height:1.3}
#wydarzenia [data-bc-image]{aspect-ratio:4/3;height:auto}
.agk-process-wrapper .process-line{display:none}
footer .footer-widget{margin-bottom:32px}
.footer-copyright{text-align:center}
.lp-body main{padding-top:80px}
.lp-hero{padding:26px 22px 45px;gap:28px}
.lp-hero h1{font-size:clamp(36px,9.5vw,54px);line-height:1.08}
.lp-lead{font-size:16px}
.lp-hero-visual{aspect-ratio:4/5;height:auto;max-height:520px}
.lp-visual-tag{flex-direction:column;align-items:flex-start}
.lp-section{padding:55px 22px}
.lp-section-head h2,.lp-final-cta h2{font-size:clamp(30px,8vw,40px);line-height:1.15}
.lp-section-head>p{font-size:16px}
.lp-four,.lp-path,.lp-process{grid-template-columns:minmax(0,1fr)}
.lp-scope{padding:26px}
.lp-scope h3{font-size:27px;overflow-wrap:normal;hyphens:none}
.lp-scope p,.lp-path p,.lp-process p,.lp-guide p,.lp-script p,.lp-problem p,.lp-days li p{font-size:15px;line-height:1.75}
.lp-scope-note{font-size:12px}
.lp-scope h3,.lp-scope-note,.lp-scope p{overflow-wrap:break-word}
.lp-tabs{flex-direction:column}
.lp-tabs button{flex-direction:row;justify-content:flex-start;text-align:left;min-height:58px;font-size:20px;padding:16px;line-height:1.3}
.lp-tabs button b{display:block;margin-left:auto}
.lp-panels{padding:26px 22px}
.lp-panels p,.lp-checks li,.lp-faq details p{font-size:15px}
.lp-button{font-size:12px;gap:20px;padding:17px 21px;min-height:52px}
.lp-editorial>img{height:auto;aspect-ratio:4/3}
.lp-editorial p{font-size:30px}
.lp-related>div{grid-template-columns:1fr}
.lp-days>article{padding:24px}
.lp-days h3{font-size:30px}
.lp-final-cta{padding:35px 24px}
.lp-body .bc-contact-block h2{font-size:36px}
.lp-matrix{overflow-x:auto}
.lp-matrix>[role=row]{min-width:540px}
.lp-matrix [role=cell],.lp-matrix [role=columnheader]{font-size:14px;overflow-wrap:normal}
.bc-consent{padding:18px;max-height:65dvh;font-size:13px}
.bc-consent-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.bc-consent button{min-height:44px}
}
@media(max-width:359px){
.container{padding-left:18px;padding-right:18px}
.lp-shotlist{grid-template-columns:1fr}
.bc-shared-header .nav-button{display:none!important}
.bc-slide-tools button:last-child{margin-left:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.bc-shared-header .pf-nav-menu{transition:none}}
html{scroll-padding-top:calc(var(--bc-header-height,80px) + 20px)}
@media(max-width:991px){
.bc-shared-header .pf-nav-menu{top:var(--bc-header-height,76px)!important;max-height:calc(100dvh - var(--bc-header-height,76px))!important}
.offcanvas__overlay.overlay-open{top:var(--bc-header-height,76px)!important}
body.bc-menu-open{overflow:hidden}
.lp-body main{padding-top:var(--bc-header-height,80px)}
}
#smooth-wrapper{position:relative!important;inset:auto!important;height:auto!important;overflow:visible!important}
#smooth-content{transform:none!important;width:100%}
@media(max-width:991px),(prefers-reduced-motion:reduce){
.pf_fadeup,.pf_zoomIn{opacity:1!important;visibility:visible!important;transform:none!important}
}