/* Original home layout, now responsive before JavaScript runs. */
.ls-static-home [data-hero-grid]{min-height:auto!important}
.ls-static-home #proces{max-width:1296px;margin-inline:auto}
.ls-static-home #proces>div:nth-child(2){grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ls-static-home [data-spirit]{will-change:auto!important}
.ls-home-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#315cff14 1px,transparent 1px),linear-gradient(90deg,#315cff14 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 80% 45%,#000,transparent 75%)}
.ls-home-hero-grid:has(canvas[data-grid-ready]){background:none;mask-image:none}
.ls-home-hero-grid canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.ls-home-pricing{scroll-margin-top:100px;padding:2rem clamp(1.25rem,4vw,4.5rem) clamp(5rem,9vw,8.5rem)}
.ls-home-price-panel{scroll-margin-top:8rem}
.ls-home-price-panel[hidden]{display:none!important}
.ls-home-price-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:fit-content;margin:0 auto 3rem;padding:.35rem;border:1px solid #e3e4df;border-radius:2rem;background:#fff}
.ls-home-price-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:.6rem 1.25rem;border-radius:2rem;font-size:.9rem;font-weight:600;color:#54565c}
.ls-home-price-nav a[aria-selected=true]{background:#101112;color:#fff}
.ls-static-home [data-logo-track]:hover,.ls-static-home [data-logo-track]:focus-within{animation-play-state:paused!important}
.ls-static-home #kontakt input:focus-visible,.ls-static-home #kontakt textarea:focus-visible{outline-color:#8ea5ff}
.ls-static-home #contact-form[hidden]{display:none!important}
@media(max-width:1100px){.ls-static-home #proces>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){
 .ls-home-hero-grid{inset:auto 0 0;height:clamp(380px,85vw,520px)}
 .ls-static-home [data-hero-grid]{grid-template-columns:1fr!important}
 .ls-static-home [data-head],.ls-static-home [data-contact-grid],.ls-static-home [data-project]{display:block!important}
 .ls-static-home [data-project]>div:last-child{margin-top:1.75rem}
 .ls-static-home [data-price-grid],.ls-static-home [data-form-row]{grid-template-columns:1fr!important}
 .ls-static-home [data-price-col]{border-left:0!important}
 .ls-static-home [data-price-col]+[data-price-col]{border-top:1px solid #e3e4df}
 .ls-static-home [data-termin-karta]{grid-template-columns:1fr!important;text-align:center!important}
 .ls-static-home [data-head]>p{margin-top:1.25rem!important}
 .ls-home-price-nav{border-radius:1.25rem;max-width:100%}
 .ls-home-price-nav a{flex:1 1 100%;border-radius:1rem}
}
@media(max-width:520px){.ls-static-home #proces>div:nth-child(2){grid-template-columns:1fr!important}.ls-static-home #proces>div:first-child>div:last-child{gap:.4rem!important}.ls-static-home #proces>div:first-child>div:last-child span{font-size:.65rem!important}}
@media(max-width:860px){.ls-static-home #top [data-spirit-note]{width:max-content!important;max-width:calc(100vw - 2.5rem)!important;top:-.4rem!important}}

/* One vertical rhythm for the home page. Embedded sections must not add a
   second layer of section padding to their outer wrappers. */
.ls-static-home{--ls-home-space:36px}
.ls-static-home #top{padding-top:clamp(108px,9vw,130px)!important;padding-bottom:8px!important}
.ls-static-home #top [data-partner]{margin-top:6px!important}
.ls-static-home #top [data-partner-clear]{padding-block:8px!important}
.ls-static-home #top [data-partner-text]{font-size:15px!important}
.ls-static-home #main>section[aria-label="Zaufali nam"]{padding-block:14px 24px!important}
.ls-static-home #main>section[aria-label="Zaufali nam"]>div:first-child{margin-bottom:16px!important}
.ls-static-home [data-logo-track]{padding-block:7px}
.ls-static-home [data-logo-track] img{filter:none!important;opacity:1!important;transform:translateY(0) scale(1);transform-origin:center;transition:transform .22s ease!important}
@media(hover:hover) and (pointer:fine){.ls-static-home [data-logo-track] img:hover{transform:translateY(-3px) scale(1.035)}}
@media(prefers-reduced-motion:reduce){.ls-static-home [data-logo-track] img{transition:none!important;transform:none!important}}
.ls-static-home #main>.ls-embedded{margin-block:0;padding-block:0}
.ls-static-home #main>.ls-embedded>.ls-section{padding-block:var(--ls-home-space)!important}
.ls-static-home #main .ls-people-section,.ls-static-home #main .ls-reviews{padding-block:0!important}
.ls-static-home #main .ls-people-section>.ls-section,.ls-static-home #main .ls-reviews>.ls-section{padding-block:var(--ls-home-space)!important}
.ls-static-home #uslugi>.ls-section{padding-block:32px 20px!important}
.ls-static-home #cennik{padding-top:12px!important;padding-bottom:24px!important}
.ls-static-home .ls-home-price-nav{margin-bottom:8px}
.ls-static-home .ls-price-single-jump{margin:0 auto 24px;min-height:36px}
.ls-static-home .ls-home-price-panel>div>div[data-reveal]{margin-bottom:24px!important}
.ls-static-home .ls-home-price-panel .ls-price-wall~div[data-reveal]{margin-top:24px!important}
.ls-static-home .ls-home-price-panel .ls-payment-terms{margin:20px auto}
.ls-static-home .ls-home-price-panel .ls-price-wall~p{margin-top:16px!important}
.ls-static-home #cennik .ls-one-off-offer{margin-top:24px;padding-block:22px}
.ls-static-home #realizacje{padding-top:24px!important;padding-bottom:32px!important}
.ls-home-portfolio{margin-inline:auto!important;padding-inline:clamp(20px,4vw,64px)}
.ls-home-portfolio-heading{margin-bottom:24px}
.ls-home-portfolio-heading h2{margin:0;font-size:clamp(2.1rem,4.2vw,3.9rem);line-height:1.02}
.ls-home-portfolio-heading em{display:inline-block;max-width:17ch}
.ls-home-portfolio-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid #e3e8f1}
.ls-home-portfolio-footer>p{margin:0;max-width:48ch;font-size:16px;line-height:1.7}
.ls-home-portfolio-footer>.ls-action{flex:none}
.ls-static-home #proces{padding-block:var(--ls-home-space)!important}
.ls-static-home #proces>div:first-child{margin-bottom:26px!important}
.ls-static-home .ls-people-section-heading{margin-bottom:24px}
.ls-static-home .ls-people-home .ls-person-portrait{width:100%;height:225px;max-height:225px;aspect-ratio:auto}
.ls-static-home .ls-people-home .ls-people-note{margin-top:18px!important}
.ls-static-home #main .ls-section-head{margin-bottom:24px}
.ls-static-home #main .ls-choice-grid{margin-top:24px}
.ls-static-home #main .ls-cost-note{padding-top:20px}
.ls-static-home #main .ls-faq-tabs{margin-bottom:20px}
.ls-static-home #main .ls-faq-group{margin-top:20px}
.ls-static-home #main .ls-faq-contact{margin-top:20px}
.ls-static-home #main .ls-faq summary{padding:16px 24px;min-height:58px}
.ls-static-home #main .ls-faq-answer{padding:0 66px 20px 24px}
.ls-static-home #main .ls-faq-answer p{line-height:1.75}
.ls-static-home #main .ls-faq-tab{min-height:124px;padding:14px 16px}
.ls-static-home #main .ls-faq-tab img{width:88px;height:88px}
.ls-static-home #kontakt{padding-block:44px!important}
.ls-static-home .ls-footer{padding-top:36px;padding-bottom:24px}
@media(max-width:700px){
 .ls-static-home{--ls-home-space:26px}
 .ls-static-home #top{padding-top:100px!important}
 .ls-static-home #top [data-partner]{margin-top:0!important}
 .ls-static-home #main>section[aria-label="Zaufali nam"]{padding-block:8px 20px!important}
 .ls-static-home #uslugi>.ls-section{padding-top:26px!important;padding-bottom:16px!important}
 .ls-static-home #realizacje{padding-block:20px 26px!important}
 .ls-static-home #kontakt{padding-block:32px!important}
 .ls-static-home .ls-service-tiles-heading{margin-bottom:20px}
 .ls-static-home .ls-people-section-heading{gap:16px;margin-bottom:20px}
 .ls-static-home .ls-people-home .ls-person-portrait{height:220px;max-height:220px}
 .ls-static-home .ls-home-price-panel>div>div[data-reveal]{margin-bottom:20px!important}
 .ls-static-home #main .ls-faq summary{padding:16px 18px}
 .ls-static-home #main .ls-faq-answer{padding:0 18px 18px}
 .ls-static-home #main .ls-faq-tab{min-height:116px;padding:12px 5px}
 .ls-static-home #main .ls-faq-tab img{width:68px;height:68px}
}