:root{--content:1200px}
h2{font-size:clamp(1.75rem,2.7vw,2.375rem)}
.container{width:min(var(--content),calc(100% - 80px))}
.header-inner{height:90px;gap:24px}.logo{width:145px}.main-nav{gap:22px;font-size:1rem}.header-contact{background:var(--orange);color:#202528;padding:8px 15px!important;border-radius:6px;font-weight:600;white-space:nowrap;font-size:.95rem}.main-nav>.header-contact::after{display:none}.header-contact:hover{background:#ff9a2c}.home-page .site-header{position:absolute;inset:0 0 auto;background:transparent;color:#fff;border-bottom:none}.home-page .site-header .logo{background:transparent;padding:0;width:156px}.home-page .site-header.is-scrolled{position:fixed;background:#fff;color:var(--ink);box-shadow:0 2px 12px #00000015}.home-page .site-header.is-scrolled .logo{padding:0;width:156px}
.hero-reference{display:block;min-height:700px;color:#fff;position:relative;isolation:isolate}.hero-reference .hero-image{object-position:center 55%}.hero-reference .hero-shade{background:rgba(15,24,29,.47)}.hero-reference .hero-content{padding-block:138px 40px;text-align:center}.hero-brand{width:254px;padding:0;background:transparent;margin:0 auto 27px}.hero-brand img{width:100%;height:auto}.hero-reference h1{font-size:3rem;font-weight:500;letter-spacing:0;line-height:1.18;max-width:900px;margin:0 auto 23px}.hero-divider{width:145px;height:3px;background:var(--orange);margin:0 auto 20px}.hero-reference .hero-lead{max-width:820px;font-size:1.2rem;color:#fff;line-height:1.5;margin:0 auto 25px;font-weight:400}.hero-reference .button{display:none;min-height:46px;padding:12px 23px}.hero-category-nav{position:absolute;bottom:30px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:1040px;gap:54px}.hero-category{display:block;color:#fff;text-align:center;font-size:1.1rem;font-weight:500}.hero-category>div{height:152px;overflow:hidden;border-radius:8px;background:#fff}.hero-category img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.hero-category.product img{object-fit:contain;padding:8px}.hero-category>span{display:block;margin-top:13px;line-height:1.3}.hero-category:hover img{transform:scale(1.035)}.hero-category:hover>span{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px}.hero-category:focus-visible{outline-color:#ffb467}
@media(max-width:1200px){.header-inner{gap:18px}.main-nav{gap:18px}.header-email{display:none}.hero-category-nav{max-width:960px;gap:35px}.hero-reference h1{font-size:2.9rem}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.home-page .site-header .main-nav{color:var(--ink)}.header-email{display:block}.main-nav>.header-contact{white-space:normal;text-align:center}.header-inner{height:82px}.hero-reference{min-height:790px}.hero-reference .hero-content{padding-block:125px 35px}.hero-brand{width:236px;margin-bottom:24px}.hero-reference h1{font-size:2.7rem}.hero-category-nav{position:relative;bottom:auto;max-width:650px;gap:24px;margin-top:25px;padding-bottom:35px}.hero-category>div{height:133px}.hero-category{font-size:1rem}}
@media(max-width:600px){.hero-category-nav{grid-template-columns:1fr 1fr;max-width:470px;gap:22px 24px}.hero-category>div{height:118px}.hero-reference{min-height:780px}.hero-reference .hero-content{padding-block:120px 20px}.hero-reference .hero-image{object-position:64% center}.hero-reference .hero-shade{background:rgba(15,24,29,.52)}.hero-brand{width:215px;padding:0;margin-bottom:22px}.hero-reference h1{font-size:2.25rem;margin-bottom:20px}.hero-reference .hero-lead{font-size:1.05rem;line-height:1.55;margin-bottom:22px}.hero-reference .hero-category-nav{margin-top:24px}.hero-divider{width:105px;height:2px;margin-bottom:19px}.hero-category>span{margin-top:10px}.hero-reference .hero-content .button{min-width:190px}}
@media(max-width:520px){.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:16px}.home-page .site-header .logo{width:150px;padding:0}.home-page .site-header.is-scrolled .logo{width:150px}.hero-reference .hero-content{padding-top:112px}.hero-reference h1{font-size:2.2rem}.hero-category-nav{gap:22px 20px}.hero-category>div{height:111px}.hero-reference{min-height:785px}}

@media(max-width:850px){.hero-reference{min-height:0}.hero-reference .hero-content .button{display:inline-flex}}
.section{padding-block:64px}.section-bottom{padding-bottom:64px}.page-intro{padding-block:38px 44px}.page-intro h1{font-size:3rem;line-height:1.15;font-weight:500;letter-spacing:-.015em}.page-intro>p{font-size:1.125rem}.section h2,.reference-copy h2{color:var(--orange-dark)}.framed-photo::after{display:none}.framed-photo img,.reference-photo{border-radius:14px}.reference-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.reference-split.reverse>.reference-copy{grid-column:2;grid-row:1}.reference-split.reverse>.reference-photo{grid-column:1;grid-row:1}.reference-copy h2{font-size:2.15rem;font-weight:500;letter-spacing:0;margin-bottom:24px}.reference-copy p{font-size:1.05rem;line-height:1.7;color:var(--muted)}.reference-photo{overflow:hidden;height:350px}.reference-photo img{width:100%;height:100%;object-fit:cover}.reference-photo:has(img[src*='drzwi-zewnetrzne']) img{object-fit:contain;padding:12px}.section-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:26px}.quick-contact{background:var(--orange-dark);color:#fff}.quick-contact>.container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:29px}.quick-contact h2{font-size:1.9rem;font-weight:500;letter-spacing:0;margin:0}.quick-contact .button-outline:hover{color:var(--orange-dark)}.photo-promos{display:grid;grid-template-columns:1fr 1fr}.photo-promo{height:330px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;padding:30px}.photo-promo::before{content:'';position:absolute;inset:0;background:#15202799;z-index:-1}.photo-promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2}.photo-promo h2{font-size:2.15rem;font-weight:500;letter-spacing:0;color:#fff;margin-bottom:20px}.photo-promo p{font-size:1.1rem;line-height:1.65;margin-bottom:24px}.brand-section{background:var(--orange-dark);color:#fff}.brand-section .reference-copy h2,.brand-section .reference-copy p{color:#fff}.brand-section .reference-photo{height:330px}.home-page .faq-section{padding-top:64px}.faq-section h2{font-size:2.15rem}.contact-band{border-left:none;background:var(--soft)}.contact-band h2{font-size:2.15rem}.contact-band-inner{padding-block:40px}.section-heading h2{font-size:2.15rem}.error-page h1{font-size:3rem}.home-page .hero h1{color:#fff}
@media(max-width:850px){.section{padding-block:48px}.section-bottom{padding-bottom:48px}.reference-split{gap:35px}.reference-photo{height:300px}.reference-copy h2{font-size:1.85rem}.reference-copy p{font-size:1rem;line-height:1.6}.quick-contact>.container{gap:22px}.quick-contact h2{font-size:1.55rem}.quick-contact .button{flex-shrink:0;padding-inline:18px}.photo-promo h2{font-size:1.8rem}.photo-promo p{font-size:1rem}.photo-promo{height:300px}.home-page .faq-section{padding-top:48px}.page-intro h1{font-size:2.6rem}.header-contact.header-email{margin-top:5px}.header-contact{margin-top:5px}}
@media(max-width:600px){.reference-split{grid-template-columns:1fr;gap:28px}.reference-split.reverse>.reference-copy,.reference-split.reverse>.reference-photo{grid-column:auto;grid-row:auto}.reference-photo{height:270px}.reference-copy h2{font-size:1.9rem;margin-bottom:20px}.reference-copy p{font-size:1.03rem}.quick-contact>.container{flex-direction:column;align-items:flex-start;padding-block:27px;gap:20px}.quick-contact h2{font-size:1.55rem;line-height:1.4}.photo-promos{grid-template-columns:1fr}.photo-promo{height:280px;padding:25px}.photo-promo h2{font-size:1.9rem}.brand-section .reference-photo{height:260px}.faq-section h2{font-size:1.9rem}.contact-band h2{font-size:1.9rem}.section-actions{gap:17px;margin-top:22px}.page-intro h1{font-size:2.35rem}.page-intro>p{font-size:1.05rem}.error-page h1{font-size:2.4rem}}

.logo-filter{position:absolute;pointer-events:none;overflow:hidden}
.home-page .site-header:not(.is-scrolled) .logo img,.hero-brand img,.footer-logo img{filter:url(#logo-on-dark) drop-shadow(0 1px 3px rgba(0,0,0,.2))}
.footer-logo{background:transparent;padding:0;border-radius:0}