:root{--red:#ce151a;--ink:#17191d;--grey:#f1f1f0;--line:#dbdddf;--wrap:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--ink);background:white;font:400 18px/1.65 'Fira Sans Condensed',sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ebaa00;outline-offset:5px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.13;font-weight:500}
h2{font-size:clamp(32px,3.1vw,52px);letter-spacing:-.025em}
h3{font-size:25px}
h2 em{font-style:normal;color:var(--red)}
p+p{margin-top:18px}
.wrap{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}
.section{padding:88px 0}
.eyebrow{font:500 12px/1.5 'Fira Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}
.red{color:var(--red)}
.grey{background:var(--grey)}
.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}
.skip:focus{top:0}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 42px;height:100px;position:sticky;top:0;z-index:30;background:#fff;border-bottom:5px solid #eee}
.logo{width:200px;height:auto}
.site-header nav{display:flex;gap:28px;align-items:center}
.site-header nav a{font-size:17px;position:relative}
.site-header nav a:hover{color:var(--red)}
.header-phone{font-size:16px;white-space:nowrap}
.header-phone span{color:var(--red);margin-right:8px}
.menu-toggle{display:none}
.hero{background:#a41015 url('../images/slider2.jpg') center/cover;color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-block:66px}
.hero h1{font-size:clamp(50px,5.1vw,82px);font-weight:400;letter-spacing:-.035em;line-height:.98}
.hero h1 strong{font-weight:600}
.hero h2{font-size:clamp(25px,2.1vw,35px);font-weight:400;letter-spacing:0;line-height:1.2;margin:26px 0 18px}
.hero-copy{font-size:18px;max-width:570px;color:#fff}
.hero-figure{align-self:center}
.hero-figure>img{width:100%;filter:invert(1);mix-blend-mode:screen;max-height:435px;object-fit:contain}
.hero-figure figcaption{margin-top:25px;border-top:1px solid #ffffff55;padding-top:18px;color:#ffdddd;font-size:15px;text-align:center}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 22px;min-height:52px;border:1px solid transparent;border-radius:5px;font-size:17px;font-weight:500;transition:background .18s,transform .18s}
.button:hover{transform:translateY(-2px)}
.light{background:white;color:#99151a}
.light:hover{background:#fff0f0}
.text-link{font-size:16px;border-bottom:1px solid #ffffff88;padding:7px 0}
.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.quick-links>a{display:flex;align-items:center;gap:20px;padding:32px 22px;border-right:1px solid var(--line);transition:background .15s}
.quick-links>a:last-child{border:0}
.quick-links>a:hover{background:#f7f7f7}
.quick-links img{width:64px;height:64px;object-fit:contain;flex:none}
.quick-links b{display:block;font-size:21px;line-height:1.25;margin-bottom:5px}
.quick-links span{font-size:15px;line-height:1.4}
.quick-links i{margin-left:auto;color:var(--red);font-style:normal;font-size:25px}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:80px}
.intro h2{margin-bottom:25px}
.lead{font-size:24px;line-height:1.4}
.inline-link{display:inline-block;margin-top:22px;color:var(--red);font-weight:500}
.inline-link:hover{text-decoration:underline;text-underline-offset:5px}
.drawing{align-self:center;padding:20px 0 0 30px}
.drawing>img{width:100%;max-width:520px;margin:auto}
.drawing figcaption{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:15px;color:#73767a}
.drawing figcaption span{display:block;font-size:19px;color:#333}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}
.section-head>p{max-width:530px;color:#565b61}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.features article{background:#fff;padding:30px;border:1px solid #e5e5e5;border-radius:5px}
.number{display:block;font:500 13px 'Fira Sans',sans-serif;color:var(--red);margin-bottom:22px}
.features h3{margin-bottom:16px}
.features p{font-size:17px;color:#4a4f56}
.responsibility{background:#20252d url('../images/tlo_odpowiedzialnosc_za_projekt.jpg') center/cover;color:#fff;padding:66px 0;text-align:center}
.responsibility .wrap{max-width:920px}
.responsibility h2{margin:18px 0 24px;font-size:44px;font-weight:400}
.responsibility h2 strong{font-weight:500}
.responsibility p:first-child{text-transform:uppercase;font-size:12px;letter-spacing:.16em}
.responsibility p:last-child{color:#f0f0f0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none;margin:0}
.process li{border-top:2px solid #e2e2e2;padding-top:24px}
.process b{display:flex;justify-content:center;align-items:center;border:1px solid #d1d3d5;border-radius:50%;width:44px;height:44px;color:var(--red);font-size:16px;margin-bottom:22px}
.process h3{font-size:24px;margin-bottom:14px}
.process p{font-size:17px;color:#53575c}
.atex-band{background:#242324 url('../images/tlo_cechy_konstrukcyjne_agregatow.png') center/cover;color:#fff;padding:46px 0;border-bottom:5px solid #f8b900}
.atex-band>.wrap{display:grid;grid-template-columns:90px 1fr auto;gap:36px;align-items:center}
.atex-band img{width:90px}
.atex-band h2{font-size:32px;letter-spacing:0;margin-bottom:12px}
.atex-band h2 strong{color:#ffc517}
.atex-band p{font-size:17px;max-width:740px}
.atex-band .eyebrow{font-size:11px;color:#f5d064;margin-bottom:12px}
.yellow{background:#ffc517;color:#191919;white-space:nowrap}
.yellow:hover{background:#ffda63}
.service{align-items:center}
.service figure{align-self:stretch;min-height:340px}
.service img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.service h2,.enquiry h2{margin-bottom:25px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.faq details{border-bottom:1px solid #ccc;padding:21px 0}
.faq details:first-child{padding-top:0}
.faq summary{font-size:22px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--red);font-size:25px;font-weight:400;flex:none}
.faq details[open] summary::after{content:'−'}
.faq details p{margin:15px 32px 0 0;color:#50545b;font-size:17px}
.brief{background:#f3f3f2;padding:32px 36px;border-top:3px solid var(--red);border-radius:4px}
.brief h3{margin-bottom:20px}
.brief ul{padding:0;list-style:none;margin:0}
.brief li{padding:8px 0 8px 26px;position:relative}
.brief li::before{content:'✓';position:absolute;left:0;color:var(--red)}
.brief p{margin-top:18px;padding-top:16px;border-top:1px solid #d8d8d8;font-size:15px;color:#62666b}
.red-button{background:var(--red);color:white}
.red-button:hover{background:#a61116}
.actions .inline-link{margin:0}
@media(max-width:1250px){.site-header{padding:16px 28px;height:84px;gap:20px}
.site-header nav{gap:20px}
.logo{width:172px}
.header-phone{display:none}
.wrap{width:calc(100% - 72px)}
.section{padding:64px 0}
.hero-grid{gap:42px;padding-block:50px}
.hero h1{font-size:60px}
.hero-copy{font-size:17px}
.split,.section-head{gap:44px}
.quick-links>a{padding:24px 12px;gap:14px}
.quick-links img{width:50px;height:50px}
.quick-links b{font-size:20px}
.features article{padding:24px}
.atex-band>.wrap{grid-template-columns:70px 1fr;gap:24px}
.atex-band .button{grid-column:2;justify-self:start}
.faq-layout{gap:44px}
.process{gap:20px}
.process h3{font-size:22px}
}
@media(max-width:767px){body{font-size:17px}
.wrap{width:calc(100% - 40px)}
.section{padding:46px 0}
html{scroll-padding-top:90px}
.site-header{height:74px;padding:12px 20px}
.logo{width:150px}
.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;background:white;border:1px solid #ddd;border-radius:4px;cursor:pointer}
.menu-toggle span{width:20px;height:2px;background:#333}
.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;border-bottom:3px solid var(--red);padding:12px 20px;box-shadow:0 12px 20px #0002}
.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
.site-header nav a{padding:12px;border-bottom:1px solid #eee}
.hero-grid{grid-template-columns:1fr;gap:24px;padding:36px 0 30px}
.eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.1em}
.hero h1{font-size:52px}
.hero h2{font-size:27px;margin:20px 0 14px}
.hero h2 br{display:none}
.hero-copy{font-size:17px;line-height:1.55}
.actions{gap:15px;margin-top:22px}
.button{padding:12px 17px;font-size:16px;min-height:48px}
.hero-figure{max-width:340px;width:100%;margin:auto}
.hero-figure>img{height:240px;width:100%}
.hero-figure figcaption{font-size:13px;margin-top:10px;padding-top:12px}
.quick-links{grid-template-columns:1fr}
.quick-links>a{padding:20px 0;border-right:0;border-bottom:1px solid #ddd}
.quick-links>a:last-child{border-bottom:0}
.quick-links img{width:52px;height:52px}
.quick-links span{font-size:14px}
.split,.section-head,.faq-layout{grid-template-columns:1fr;gap:28px}
.section-head{margin-bottom:28px}
.section-head>p{margin:0}
h2{font-size:34px}
.lead{font-size:22px}
.drawing{padding:0}
.drawing>img{max-width:370px}
.features{grid-template-columns:1fr;gap:12px}
.features article{padding:24px}
.number{float:right;margin:4px 0 0 15px}
.features h3{font-size:24px;margin-bottom:12px}
.features p{font-size:17px}
.responsibility{padding:42px 0}
.responsibility h2{font-size:33px}
.process{grid-template-columns:1fr;gap:24px}
.process li{position:relative;padding:22px 0 0 62px}
.process b{position:absolute;left:0;top:22px}
.process h3{font-size:23px}
.atex-band{padding:34px 0}
.atex-band>.wrap{grid-template-columns:56px 1fr;gap:20px}
.atex-band h2{font-size:28px}
.atex-band img{align-self:start;margin-top:5px}
.atex-band .button{grid-column:1/-1;white-space:normal;justify-self:stretch}
.service figure{min-height:220px;height:250px}
.faq summary{font-size:21px}
.faq details p{margin-right:0}
.brief{padding:26px 22px}
.enquiry .actions{align-items:flex-start;flex-direction:column}
}
@media(max-width:380px){.hero h1{font-size:44px}
.wrap{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}
.hero{background-image:linear-gradient(90deg,rgba(71,0,4,.35),rgba(80,0,5,.16)),url('../images/slider2.jpg')}
.hero-figure>img{filter:brightness(0) invert(1) drop-shadow(0 0 .6px #fff)}
@media(max-width:767px){.hero-grid{gap:20px;padding-top:30px}
.hero h1{font-size:48px}
.hero-figure>img{height:210px}
.hero-figure figcaption{font-size:12px}
.hero-copy{font-size:16px}
}
@media(max-width:380px){.hero h1{font-size:44px}
}

/* Shared footer copied from company.html and its responsive rules. */
footer{line-height:normal;letter-spacing:normal;--site-width:1120px;--laptop-width:min(1120px,calc(100% - 80px))}footer,footer *{box-sizing:content-box}footer h3,footer h5,footer p{margin:0;line-height:normal;letter-spacing:normal}footer h3,footer h5{font-family:inherit}footer a{display:inline;margin:0}footer img{display:inline;max-width:none}footer section.top a:hover{text-decoration:none}


footer {

	background-color: #eee;
	font-family: "Fira Sans", sans-serif;
	font-weight: 300;
	font-size: 14px;
	border-top: 5px solid rgb(181, 181, 181);
	padding: 34px 0 52px 0;
	color: rgb(146, 144, 144);
}
footer div.container.maxWidth {
    /*display: block;*/
    box-sizing: border-box;
    max-width: 1920px;
    margin: 0 auto;
    padding: 34px 0 52px 0;
    /*border-top: 5px solid rgb(181, 181, 181);*/
}
footer h3 {
	font-weight: 500;
	padding-bottom: 30px;
	padding-top: 20px;
	font-size: 17px;
}

footer h5 {
	font-weight: 500;
	padding-bottom: 10px;
	font-size: 14px;
}

footer p {
	padding-bottom: 10px;
}

footer a {
	text-decoration: none;
	color: rgb(146, 144, 144);
}

footer section.top {
	display: flex;
	flex-direction: row;
    width: 1228px;
	margin-bottom: 50px;
    margin-left: calc(20% - 34px);
}

footer section.top p.last {
	padding-bottom: 0;
}

footer section.top p a.map {
	font-weight: 400;
}
footer section.top div {
	flex-basis: 24%;
	padding-left: 34px;
	border-right: 1px solid rgb(185, 181, 181);
}

footer section.top div.first,
footer section.top div.last {
	flex-basis: 26%;
}

footer section.top div.last {
	border-right: none;
}

footer section.top div.last p {
	padding-right: 23px;
	padding-bottom: 0px;
}

footer section.top div.arrow p a:hover {
	color: #cd1719;
}

footer section.top div.arrow p {
	position: relative;
}

footer section.top div.arrow p a::before {
	content: url(/images/arrow_right.png);
	position: absolute;
	top: 50%;
	left: -32px;
	transform: translateY(-70%);
	padding-left: 5px;
	transition: 0.4s;
	opacity: 0%;
}

footer section.top div.arrow p a:hover::before {
	left: -22px;
	opacity: 100%;
}

footer section.bottom {
	display: flex;
	flex-direction: row;
    width: 1228px;

}

footer section.bottom p.first {
	border-left: 1px solid rgb(185, 181, 181);
}

footer section.bottom p {
	margin: 35px 0 35px 35px;
	border-right: 1px solid rgb(185, 181, 181);
	padding: 0;
}

footer section.bottom p span {
	padding-left: 44px;
}
footer section.bottom p.last {
	border-right: none;
}
footer section.bottom div img {
	margin-top: 35px;
	width: 100%;
}

footer section.bottom {

	margin-right: 35px;
	border-top: 1px solid rgb(185, 181, 181);
    margin-left: 20%;
}

@media(max-width:767px){footer,footer *{box-sizing:border-box}@media screen and (max-width: 767px){@media (max-width: 1700px){footer section.top,footer section.bottom{
        width: min(var(--site-width), calc(100% - 64px));
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1100px){footer section.top{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }
footer section.top > div,footer section.top div.first,footer section.top div.last{
        padding: 20px 28px;
        border-right: 0;
        border-bottom: 1px solid #d5d5d5;
    }
footer section.bottom{
        flex-wrap: wrap;
        align-items: center;
    }
}
@media (max-width: 767px){footer{
        padding: 20px 0 30px;
    }
footer div.container.maxWidth{
        width: 100%;
        padding: 0;
    }
footer section.top,footer section.bottom{
        width: calc(100% - 40px);
    }
footer section.top{
        display: block;
        margin-bottom: 24px;
    }
footer section.top > div,footer section.top div.first,footer section.top div.last{
        width: 100%;
        padding: 16px 4px;
    }
footer section.bottom{
        display: block;
        margin: 0 auto;
        padding-top: 18px;
    }
footer section.bottom p,footer section.bottom p.first{
        margin: 8px 0;
        padding: 0;
        border: 0;
    }
footer section.bottom p span{ padding-left: 0; }
}
@media (max-width: 1700px){footer .container{
        width: min(1228px, calc(100% - 64px));
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 768px) and (max-width: 1100px){footer .container{
        width: calc(100% - (2 * var(--site-gutter))) !important;
    }
}
@media (max-width: 767px){footer .container{
        width: calc(100% - (2 * var(--mobile-gutter))) !important;
    }
footer section.top,footer section.bottom{
        max-width: 100%;
    }
}
@media (max-width: 767px){footer section.top > div{ padding-left: 0; padding-right: 0; }
}
@media (min-width: 1101px) and (max-width: 1700px){footer .container{ width: var(--laptop-width); }
footer section.top,footer section.bottom{ width: 100%; }
footer section.top{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
footer section.top > div{ min-width: 0; padding: 20px 24px; }
footer section.top > div.first{ padding-left: 0; }
footer section.top > div.last{ padding-right: 0; }
footer section.top p,footer section.top h5{ font-size: 14px; line-height: 1.6; color: #595959; }
}
footer section.top p,footer section.top h5,footer section.top a{ color:#595959; }
footer section.bottom img{ width:auto; max-width:180px; height:auto; }
@media(max-width:1100px){footer section.top p,footer section.top h5{ font-size:14px; line-height:1.6; }
}
@media(max-width:767px){body footer > .container.maxWidth{ width: calc(100% - 40px); margin: 0 auto; padding: 24px 0 !important; }
body footer section.top{
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px;
  width: 100%; margin: 0; padding: 0 !important;
 }
body footer section.top > div{
  width: auto; min-width: 0; margin: 0; padding: 0 !important; border: 0; border-bottom: 0 !important;
 }
body footer section.top h3{ margin: 0 0 10px; padding: 0 !important; font-size: 15px; line-height: 1.3; color: #333; }
body footer section.top h5,body footer section.top p{
  width: auto; height: auto; margin: 0 0 5px; padding: 0 !important;
  font-size: 13px; line-height: 1.5; overflow-wrap: anywhere;
 }
body footer section.top > .arrow{
  grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 4px 16px; border-top: 1px solid #d9d9d9; padding-top: 16px !important;
 }
body footer section.top > .arrow h3{ grid-column: 1 / -1; }
body footer section.top > .arrow a{ display: block; min-height: 30px; }
body footer section.top > .last{ grid-column: 1 / -1; border-top: 1px solid #d9d9d9; padding-top: 16px !important; }
body footer section.top > .last p{ font-size: 12px; line-height: 1.5; margin: 0; }
body footer section.bottom{
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 12px;
  width: 100%; margin: 18px 0 0; padding: 16px 0 0 !important; border-top: 1px solid #d9d9d9;
 }
body footer section.bottom > div,body footer section.bottom > p.first{ grid-column: 1 / -1; }
body footer section.bottom > div{ width: auto; margin: 0 0 4px; padding: 0; }
body footer section.bottom img{ width: 100px; height: auto; margin: 0; padding: 0; }
body footer section.bottom p,body footer section.bottom p.first{
  width: auto; margin: 0; padding: 0 !important; font-size: 11px; line-height: 1.5;
 }
body footer section.bottom > p:not(.first){
  display: flex; align-items: center; min-height: 32px; white-space: nowrap;
  grid-row: 3; grid-column: auto; font-size: 12px;
 }
}
}
}

@media(min-width:768px) and (max-width:1700px){footer,footer *{box-sizing:border-box}footer{line-height:1.5}}
@media screen and (min-width:768px) and (max-width:1700px){footer section.top,footer section.bottom{
        width: min(var(--site-width), calc(100% - 64px));
        margin-left: auto;
        margin-right: auto;
    }
footer .container{
        width: min(1228px, calc(100% - 64px));
        margin-right: auto;
        margin-left: auto;
    }
footer .container{ width: var(--laptop-width); }
footer section.top,footer section.bottom{ width: 100%; }
footer section.top{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
footer section.top > div{ min-width: 0; padding: 20px 24px; }
footer section.top > div.first{ padding-left: 0; }
footer section.top > div.last{ padding-right: 0; }
footer section.top p,footer section.top h5{ font-size: 14px; line-height: 1.6; color: #595959; }
footer section.bottom{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:24px 0; }
footer section.bottom > div{ flex:0 0 160px; }
footer section.bottom img{ position:static; max-width:160px; height:auto; }
footer section.bottom p{ padding:0; margin:0; font-size:12px; }
footer section.bottom p.first{ flex:1; }
@media(max-width:1100px){footer section.top{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
footer section.top > div{ padding:12px 0; border:0; }
}
footer section.top p,footer section.top h5,footer section.top a,footer section.top h3{ color:#595959; }
footer section.top{ padding-top:28px; padding-bottom:28px; }
footer section.bottom{ padding-bottom:24px; }
footer section.bottom p{ color:#696969; }
body footer{ padding:28px 0 0; border-top-width:3px; }
body footer > div.container.maxWidth{ padding:0; }
body footer section.top{ grid-template-columns:1fr .85fr 1.05fr 1.4fr; gap:0; margin:0 auto; padding:0 0 24px; }
body footer section.top > div{ padding:0 22px; }
body footer section.top > div.first{ padding-left:0; }
body footer section.top > div.last{ padding-right:0; }
body footer section.top h3{ margin:0 0 12px; padding:0; font-size:15px; line-height:1.35; }
body footer section.top h5,body footer section.top p{ margin:0; padding:0 0 7px; font-size:13px; line-height:1.55; }
body footer section.top div.last p{ padding:0; }
body footer section.bottom{ margin:0 auto; padding:16px 0; gap:12px 20px; }
body footer section.bottom > div{ flex-basis:110px; }
body footer section.bottom div img{ width:110px; max-width:110px; margin:0; padding:0; display:block; }
body footer section.bottom p,body footer section.bottom p.first{ border:0; margin:0; padding:0; font-size:11px; line-height:1.5; }
@media(max-width:1100px){body footer section.top{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
body footer section.top>div{padding:0;border:0}
body footer section.bottom{gap:12px 16px}
}
}

@media(max-width:767px){footer{line-height:1.5}body footer > div.container.maxWidth{width:calc(100% - 40px)!important;margin:0 20px!important}body footer section.top h3,body footer section.top h5{line-height:1.18}}


/* Hero: agregat osadzony w hali produkcyjnej. */
.hero{position:relative;isolation:isolate;background:#290705;min-height:clamp(620px,45.5vw,820px)}
.hero-grid{display:flex;align-items:center;min-height:inherit;padding-block:58px}
.hero-content{position:relative;z-index:2;width:43%;max-width:600px}
.hero h1{font-size:clamp(48px,4.5vw,76px)}
.hero-copy{max-width:550px;text-wrap:pretty}
.hero .actions{gap:18px 24px}
.hero-figure{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;margin:0}
.hero-figure>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:65% center;filter:none;mix-blend-mode:normal}
.hero-figure figcaption{position:absolute;right:4%;bottom:20px;width:44%;margin:0;padding:0;border:0;color:#f5d9d5;font-size:14px;text-shadow:0 1px 5px #200}
@media(min-width:1151px) and (max-width:1250px){
 .hero-content{width:45%}
 .hero h1{font-size:52px}
 .hero h2{font-size:28px}
 .hero-copy{font-size:16px}
 .hero .button{font-size:16px;padding:12px 17px}
 .hero .text-link{font-size:15px}
}
@media(max-width:1150px){
 .hero{min-height:0;background:linear-gradient(135deg,#490c08,#250604)}
 .hero-grid{display:flex;flex-direction:column;gap:0;padding:40px 0 0}
 .hero-content{width:100%;max-width:680px;align-self:flex-start}
 .hero h1{font-size:56px}
 .hero h2{font-size:28px;margin:22px 0 16px}
 .hero-copy{max-width:620px}
 .hero-figure{position:relative;inset:auto;width:calc(100vw - 0px);height:auto;margin:20px calc((100% - 100vw)/2) 0;align-self:center}
 .hero-figure>img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:right center}
 .hero-figure figcaption{position:static;width:auto;padding:0 20px 20px;background:#290705;font-size:13px;text-align:center}
}
@media(max-width:767px){
 .hero-grid{padding-top:32px}
 .hero h1{font-size:48px}
 .hero h2{font-size:26px}
 .hero-copy{font-size:16px}
 .hero .actions{gap:12px 20px}
 .hero-figure{margin-top:24px}
 .hero-figure>img{aspect-ratio:1.25;object-position:right center}
 .hero-figure figcaption{font-size:12px;padding-bottom:18px}
}
@media(max-width:380px){.hero h1{font-size:42px}}


/* Glowny przycisk: zlote wykonczenie, polysk i symbol rozmowy. */
.hero .project-cta{position:relative;isolation:isolate;overflow:hidden;gap:25px;min-height:62px;padding:11px 13px 11px 25px;border:1px solid #ffe8a0;border-radius:12px;background:linear-gradient(120deg,#ffe6a0 0%,#f5c354 48%,#e9a831 100%);color:#402408;font-weight:600;box-shadow:0 7px 25px #15030066,0 0 22px #f6b84225,inset 0 1px 0 #fff2c5,inset 0 -2px 0 #bc782340;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.hero .project-cta::before{content:"";position:absolute;z-index:0;inset:-70% auto -70% -65%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 25%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.12) 75%,transparent);transform:translateX(0) skewX(-22deg);pointer-events:none;animation:project-cta-shine 5.8s ease-in-out 1s infinite}
.hero .project-cta-label,.hero .project-cta-icon{position:relative;z-index:1}
.hero .project-cta-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1px solid #ffffff45;border-radius:10px;background:#563208;color:#ffe7aa;box-shadow:0 3px 8px #6b36032b,inset 0 1px 0 #ffffff18;transition:transform .25s ease,background .25s ease}
.hero .project-cta-icon svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.hero .project-cta:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 12px 30px #15030066,0 0 28px #ffc85c50,inset 0 1px 0 #fff2c5}.hero .project-cta:hover .project-cta-icon{transform:rotate(-7deg);background:#402408}}
.hero .project-cta:focus-visible{outline:3px solid #fff2c5;outline-offset:5px;box-shadow:0 0 0 7px #26040380}
.hero .project-cta:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px #13000040}
@keyframes project-cta-shine{0%{transform:translateX(0) skewX(-22deg)}24%,100%{transform:translateX(440%) skewX(-22deg)}}
@media(max-width:767px){.hero .project-cta{min-height:58px;padding:10px 12px 10px 20px;gap:22px}.hero .project-cta-icon{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.hero .project-cta::before{animation:none;display:none}.hero .project-cta,.hero .project-cta-icon{transition:none}.hero .project-cta:hover,.hero .project-cta:active,.hero .project-cta:hover .project-cta-icon{transform:none}}


/* Podpis wycentrowany do rysunku i wyrozniony akcentem marki. */
#projekt .drawing figcaption{position:relative;width:100%;max-width:520px;margin:22px auto 0;padding:22px 18px 20px;border:1px solid #efdfdf;border-radius:10px;background:linear-gradient(135deg,#fffafa,#f6f3f2);text-align:center;color:#555158;box-shadow:0 5px 18px #41141406}
#projekt .drawing figcaption::before{content:"";position:absolute;top:-2px;left:50%;width:56px;height:3px;border-radius:3px;background:var(--red);transform:translateX(-50%)}
#projekt .drawing figcaption>span{display:block;margin-bottom:8px;color:#a31318;font-size:22px;font-weight:500;line-height:1.3;text-wrap:balance}
#projekt .drawing figcaption>small{display:block;font-size:15px;line-height:1.6;text-wrap:balance}
@media(max-width:767px){#projekt .drawing figcaption{max-width:370px;margin-top:18px;padding:20px 16px 18px}#projekt .drawing figcaption>span{font-size:21px}#projekt .drawing figcaption>small{font-size:14px}}


/* Ikony SVG nie zmieniaja sie w kolorowe emoji na iOS. */
.quick-links i{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px}
.quick-links i svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-action-icon,.enquiry-call small{display:none}
@media(max-width:767px){
 .quick-links i{width:30px;height:30px;border:1px solid #eddddd;border-radius:50%;background:#fff6f6;color:#b91419}
 .quick-links i svg{width:17px;height:17px}
 .technical-cta .desktop-action-arrow,.enquiry-send .desktop-action-arrow{display:none}
 .technical-cta .mobile-action-icon,.enquiry .mobile-action-icon{display:block;flex:none;width:23px;height:23px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
 #projekt .technical-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;margin-top:26px;padding:15px 17px;border:1px solid #e4b65c;border-radius:12px;background:linear-gradient(120deg,#fff0c5,#f5d181);color:#4c310d;box-shadow:0 4px 12px #6b42100d;font-size:17px;font-weight:500;line-height:1.35;text-align:left;text-decoration:none}
 #projekt .technical-cta>span{max-width:240px;text-wrap:balance}
 .enquiry .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;margin-top:28px}
 .enquiry .enquiry-send{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;padding:16px 20px;border:1px solid #b61016;border-radius:12px;background:linear-gradient(120deg,#d21c23,#ac1118);color:#fff;box-shadow:0 5px 14px #a7111826;font-size:18px;font-weight:500;line-height:1.35}
 .enquiry .enquiry-call{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:78px;margin:0;padding:15px 20px;border:1px solid #e3dcdc;border-radius:12px;background:#faf7f7;color:#27252a;text-decoration:none;line-height:1.3}
 .enquiry-call .mobile-action-icon{box-sizing:content-box;width:21px;height:21px;padding:10px;background:#fff;border:1px solid #f0dada;border-radius:50%;color:#b91419}
 .enquiry-call .call-text{display:flex;flex-direction:column;gap:4px}
 .enquiry-call small{display:block;font-size:12px;font-weight:400;color:#696168}
 .enquiry-call .call-text>span{font-size:21px;font-weight:500;white-space:nowrap}
 #projekt .technical-cta:active,.enquiry .enquiry-send:active,.enquiry .enquiry-call:active{transform:translateY(1px);filter:brightness(.97)}
}