.service-grid--pricing{margin-bottom:2rem}.service-card--pricing,.service-card--stage,.service-card--faq{border-radius:18px;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.service-card--pricing:hover,.service-card--stage:hover,.service-card--faq:hover{transform:translateY(-4px);border-color:rgba(138,100,40,0.25);box-shadow:0 18px 36px rgba(17,17,17,0.08)}.service-card--pricing h2,.service-card--pricing h3,.service-card--stage h2,.service-card--stage h3,.service-card--faq h2,.service-card--faq h3{margin-top:0.85rem}.service-card--pricing .card-chip,.service-card--stage .card-chip{align-self:center}.service-card--pricing,.service-card--stage{display:flex;flex-direction:column}.service-grid--pricing,.service-grid--stages,.service-grid--faq{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.service-grid--pricing .service-card,.service-grid--stages .service-card,.service-grid--faq .service-card{height:100%;border-radius:20px;padding:1.6rem}.service-grid--pricing .service-card{text-align:left}.service-card--pricing .card-chip,.service-card--stage .card-chip{align-self:flex-start;text-align:left}@media(max-width:1100px){.service-grid--pricing,.service-grid--stages,.service-grid--faq{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.service-grid--pricing,.service-grid--stages,.service-grid--faq,.process-strip,.value-strip{grid-template-columns:1fr}}.cta-button--small{display:inline-flex;justify-content:center;align-items:center;padding:0.7rem 1rem;font-size:0.95rem}.card-action-row{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:auto;padding-top:0.5rem}@media(max-width:768px){.card-action-row .cta-button,.contact-form--pricing .cta-button{width:100%}}.pricing-page .service-card--pricing,.pricing-page .service-card--example,.pricing-page .service-card--stage,.pricing-page .service-card--faq,.pricing-page .service-card--lead{transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.pricing-page .service-card--pricing:hover,.pricing-page .service-card--example:hover,.pricing-page .service-card--stage:hover,.pricing-page .service-card--faq:hover,.pricing-page .service-card--lead:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(17,17,17,0.08);border-color:rgba(138,100,40,0.22)}.pricing-page--overview-home .content-section,.pricing-page--overview-home .lead-form-section{width:100%;max-width:100%;margin-left:0;margin-right:0}.pricing-page--overview-home .service-grid--pricing{width:100%}@media(max-width:768px){.cta-button,.section-cta-row .cta-button,.card-action-row .cta-button,.contact-form--pricing .cta-button{width:100%}}.pricing-page .service-card--pricing,.pricing-overview-card{padding:1.45rem}.pricing-page--overview-home .content-section--flush-top{max-width:100%}.pricing-page--overview-home h1+.page-subtitle{margin-bottom:1.85rem}.pricing-page--overview-home .service-grid--pricing,.pricing-page--overview-home .pricing-overview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.15rem}.pricing-page--overview-home .service-card--pricing,.pricing-overview-card{min-height:100%}.pricing-page--overview-home .service-card--pricing p,.pricing-overview-card p{margin-bottom:1rem}.pricing-page--overview-home .card-action-row{margin-top:auto}.pricing-page--overview-home .lead-form-section{padding:clamp(1.3rem,2vw,1.7rem)}.pricing-page--overview-home .lead-form-section__intro{max-width:640px}.pricing-page--overview-home{max-width:1360px}.pricing-page--overview-home>.content-section,.pricing-page--overview-home>.content-section.content-section--flush-top,.pricing-page--overview-home>#formularz-wyceny{width:100%;max-width:none;margin-left:0;margin-right:0}.pricing-page--overview-home .page-subtitle,.pricing-page--overview-home .page-subtitle--left{max-width:none;width:100%}.pricing-page--overview-home .service-grid--pricing,.pricing-page--overview-home .pricing-overview-grid{width:100%;max-width:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-page--overview-home .lead-form-section{width:100%;max-width:none}.pricing-page--overview-home .lead-form-section__intro{max-width:720px}@media(min-width:1200px){.pricing-page--overview-home .service-grid--pricing,.pricing-page--overview-home .pricing-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.card-action-row,.section-cta-row{justify-content:stretch}.card-action-row .cta-button,.section-cta-row .cta-button{width:100%}}main>section.page-container>.breadcrumbs,main>section.page-container>h1,main>section.page-container>h2,main>section.page-container>.page-subtitle,main>section.page-container>.section-local-copy,main>section.page-container>p:not(.page-subtitle):not(.section-local-copy),main>section.page-container>.content-section,main>section.page-container>.section-intro-card,main>section.page-container>.pricing-note,main>section.page-container>.related-links,main>section.page-container>.related-links--panel{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}main>section.page-container>.content-section,main>section.page-container>.section-intro-card,main>section.page-container>.pricing-note,main>section.page-container>.related-links,main>section.page-container>.related-links--panel{margin-bottom:2rem}main>section.page-container>.content-section:last-child,main>section.page-container>.section-intro-card:last-child,main>section.page-container>.pricing-note:last-child,main>section.page-container>.related-links:last-child,main>section.page-container>.related-links--panel:last-child{margin-bottom:0}main>section.page-container>.content-section p,main>section.page-container>.section-intro-card p,main>section.page-container>.pricing-note p,main>section.page-container>.related-links p,main>section.page-container>.related-links--panel p{max-width:none}main>section.page-container>.content-section .heading-with-icon,main>section.page-container>.section-intro-card .heading-with-icon,main>section.page-container>.pricing-note .heading-with-icon{text-align:left}.page-container>h1,.section-intro-card h1{font-size:var(--font-size-h1)}.section-intro-card h2,.content-section h2,.related-links h2{font-size:var(--font-size-h2)}.service-card h2,.service-card h3,.section-intro-card h3{font-size:var(--font-size-h3)}.page-subtitle,.page-container p,.page-container li,.service-card p{font-size:var(--font-size-body);line-height:var(--line-height-body)}

/* RELEASE 1.0.1 — canonical layout width contract
   One source of truth for horizontal rhythm across subpages, blog and CTA blocks. */
:root{--site-container-max:1360px;--site-content-max:1020px;--site-reading-max:980px;--site-container-pad:clamp(1rem,2vw,1.5rem);--site-section-gap:1.2rem}.page-container{box-sizing:border-box;width:100%;max-width:var(--site-container-max);margin-left:auto;margin-right:auto;padding-left:var(--site-container-pad);padding-right:var(--site-container-pad)}main>section.page-container>.breadcrumbs,main>section.page-container>h1,main>section.page-container>h2,main>section.page-container>.page-subtitle,main>section.page-container>.page-subtitle--left,main>section.page-container>.section-local-copy,main>section.page-container>p:not(.page-subtitle):not(.section-local-copy),main>section.page-container>.content-section,main>section.page-container>.section-intro-card,main>section.page-container>.pricing-note,main>section.page-container>.related-links,main>section.page-container>.related-links--panel{box-sizing:border-box;width:100%;max-width:var(--site-content-max);margin-left:auto;margin-right:auto}.content-section{box-sizing:border-box;width:100%;max-width:var(--site-content-max);margin-left:auto;margin-right:auto;margin-bottom:var(--site-section-gap)}main>.content-section.blog-internal-links,main>.blog-section-shell{box-sizing:border-box;width:min(calc(100% - (2 * var(--site-container-pad))),var(--site-content-max));max-width:var(--site-content-max);margin-left:auto;margin-right:auto}.blog-section-shell,.blog-related-section,.blog-article{box-sizing:border-box;max-width:var(--site-content-max);margin-left:auto;margin-right:auto}.page-container>h1,.page-container>h2,.page-container>.page-subtitle,.page-container>.page-subtitle--left,.page-container>.section-local-copy,.page-container>p:not(.page-subtitle):not(.section-local-copy),.content-section>h2,.content-section>h3,.content-section>p,.content-section>ul,.content-section>ol,.blog-article p{max-width:var(--site-reading-max)}.content-section>h2,.content-section>h3,.content-section>p,.content-section>ul,.content-section>ol{margin-left:0;margin-right:auto}.feature-list--cards,.service-grid,.gallery-grid,.project-index-gallery-grid{max-width:none}.section-cta-row{box-sizing:border-box;width:100%;max-width:var(--site-content-max);margin-left:auto;margin-right:auto}@media(max-width:768px){.page-container{padding-left:1rem;padding-right:1rem}main>.content-section.blog-internal-links,main>.blog-section-shell{width:calc(100% - 2rem)}.section-cta-row .cta-button{width:100%}}


/* PORTFOLIO INDEX VISUAL ORDER FIX 2026-05-14
   Gallery is now the primary content; long explanatory copy is moved below and rendered as calm editorial cards. */
.project-page .project-index-container{padding-top:2rem}
.project-page .project-index-container>.project-index-gallery-heading,
.project-page .project-index-container>.project-index-gallery-lead,
.project-page .project-index-container>.project-index-descriptions-heading{box-sizing:border-box;width:100%;max-width:var(--site-content-max,1020px);margin-left:auto;margin-right:auto;text-align:left}
.project-page .project-index-container>.project-index-gallery-heading{margin-top:1.35rem;margin-bottom:.35rem;font-size:clamp(1.55rem,1.25rem + 1vw,2.25rem);line-height:1.12}
.project-page .project-index-container>.project-index-gallery-lead{max-width:var(--site-reading-max,980px);margin-top:0;margin-bottom:1rem;color:var(--secondary-text,#555);font-size:1.02rem;line-height:1.7}
.project-page .project-index-container>.project-index-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(100%,1080px);max-width:1080px;margin:0 auto 2.25rem;aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent}
.project-page .project-index-container>.project-index-gallery .gallery-item{height:auto;min-height:0;aspect-ratio:4/3;border-radius:14px;box-shadow:0 12px 28px rgba(17,17,17,.08);background:#f4f4f4}
.project-page .project-index-container>.project-index-gallery .gallery-item__media{height:100%}
.project-page .project-index-container>.project-index-gallery img{width:100%;height:100%;object-fit:cover}
.project-page .project-index-container>.project-index-descriptions-heading{margin-top:.5rem;margin-bottom:1rem;font-size:clamp(1.45rem,1.2rem + .8vw,2rem);line-height:1.18}
.project-page .project-index-container>.project-index-section{display:block;box-sizing:border-box;width:100%;max-width:var(--site-content-max,1020px);margin:0 auto 1rem;padding:1.15rem 1.25rem;border:1px solid rgba(17,17,17,.07);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(17,17,17,.035)}
.project-page .project-index-container>.project-index-section>h2{display:flex;align-items:center;gap:.55rem;max-width:var(--site-reading-max,980px);margin:0 0 .55rem;text-align:left;font-size:clamp(1.25rem,1.05rem + .65vw,1.72rem);line-height:1.18}
.project-page .project-index-container>.project-index-section>p,
.project-page .project-index-container>.project-index-section>ul,
.project-page .project-index-container>.project-index-section>ol{max-width:var(--site-reading-max,980px);margin-left:0;margin-right:auto}
.project-page .project-index-container>.project-index-section>p{margin-top:0;margin-bottom:.85rem;line-height:1.72}
.project-page .project-index-container>#faq-portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.project-page .project-index-container>#faq-portfolio>h2{grid-column:1/-1}
.project-page .project-index-container>#faq-portfolio>.faq-item{min-width:0;padding:.85rem;border:1px solid rgba(17,17,17,.06);border-radius:14px;background:#fff}
.project-page .project-index-container>#faq-portfolio>.faq-item h3{margin-top:0;font-size:1.05rem;text-align:left}
.project-page .project-index-container>#studia-przypadku .feature-list{margin-bottom:0}
@media(max-width:900px){.project-page .project-index-container>.project-index-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page .project-index-container>#faq-portfolio{grid-template-columns:1fr}}
@media(max-width:640px){.project-page .project-index-container>.project-index-gallery{grid-template-columns:1fr}.project-page .project-index-container>.project-index-section{padding:1rem}.project-page .project-index-container>.project-index-section>h2{align-items:flex-start}}

/* Layout consistency fixes */
.page-container,.project-index-container,.main-footer .footer-grid{width:min(100%,1280px);max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,2vw,28px);padding-right:clamp(20px,2vw,28px);box-sizing:border-box}
.project-index-container>*{max-width:none}
.project-index-gallery-grid,.gallery-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}
.project-index-gallery-grid .gallery-item{width:100%;min-width:0}
.project-index-section,.project-index-gallery-heading,.project-index-gallery-lead,.breadcrumbs,.project-index-container>h1,.project-index-container>.page-subtitle{max-width:1280px;margin-left:auto;margin-right:auto}
.project-index-container>.page-subtitle,.project-index-gallery-lead{text-wrap:pretty}
.project-index-section{padding-top:1rem}
.project-index-gallery-grid img,.gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
section{scroll-margin-top:100px}