@import url("style.css");
.language{display:flex;align-items:center;gap:8px;border:1px solid #d6d9dd;padding:8px 10px}.language button{border:0;background:none;font:800 13px Manrope;cursor:pointer;color:#838a93;padding:3px}.language button.active{color:#b36a00}.hero{height:min(680px,calc(100vh - 86px));min-height:540px}.hero h1{font-size:clamp(46px,5.3vw,76px);max-width:820px;letter-spacing:-1px}.hero-copy{max-width:850px}.hero .lead{max-width:720px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:18px;padding:0 clamp(24px,5vw,80px) 80px;overflow-x:auto}.kanban-column{background:#18212b;border:1px solid #303a45;padding:18px;min-width:280px}.kanban-column.featured{border-top:4px solid var(--orange)}.kanban-column header{display:flex;align-items:center;gap:12px;padding:4px 3px 17px}.kanban-column header span{color:var(--orange);font:600 13px Oswald}.kanban-column h3{font-size:18px;margin:0}.kanban-column figure{height:235px;margin:0 0 16px;position:relative;overflow:hidden;background:#0e151c}.kanban-column figure:last-child{margin-bottom:0}.kanban-column figure img{transition:transform .35s}.kanban-column figure:hover img{transform:scale(1.035)}.kanban-column figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(10,17,24,.9);padding:10px 12px;font-size:13px;font-weight:700}.contact{grid-template-columns:.85fr 1.15fr;align-items:start}.contact-form{background:#fff;padding:clamp(25px,4vw,48px);box-shadow:0 18px 60px rgba(17,24,32,.1);display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-weight:700;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #c9ced3;background:#fafafa;padding:14px;font:500 16px Manrope;color:var(--ink);border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--orange);outline-offset:1px}.contact-form textarea{resize:vertical}.submit{border:0;cursor:pointer;justify-self:start}.form-note{font-size:12px!important;margin:0!important;color:#747c85!important}.contact-copy{padding-top:20px}
@media(max-width:850px){.topbar{gap:12px}.language{margin-left:auto}.hero{height:610px;min-height:0}.hero h1{font-size:clamp(39px,12vw,53px)}.kanban{grid-template-columns:repeat(3,82vw);scroll-snap-type:x mandatory;padding-left:24px;padding-right:24px}.kanban-column{scroll-snap-align:start}.contact{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:25px}nav{display:none}}
@media(max-width:420px){.brand{font-size:21px}.brand-mark i{width:25px}.language{padding:6px}.hero h1{font-size:41px}.hero-copy{top:48%}}

/* Wyłącznie typografia głównego hasła */
.hero h1{max-width:660px;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.08;letter-spacing:.015em;background:repeating-linear-gradient(103deg,rgba(238,232,223,.92) 0 2px,rgba(179,170,160,.96) 3px 5px,rgba(211,203,193,.95) 6px 9px,rgba(151,145,137,.96) 10px 11px,rgba(202,194,184,.94) 12px 16px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.8px rgba(104,99,93,.82);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.22)) drop-shadow(3px 4px 1px rgba(0,0,0,.92));animation:wykuwanie 1.25s cubic-bezier(.2,.75,.25,1) both}
@keyframes wykuwanie{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}55%{opacity:.72}100%{opacity:1;clip-path:inset(0 0 0 0);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.22)) drop-shadow(3px 4px 1px rgba(0,0,0,.92))}}
@media(max-width:850px){.hero h1{font-size:clamp(30px,8.2vw,40px);max-width:560px}}
@media(max-width:420px){.hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero h1{animation:none}}

/* Spokojne odsłanianie ścian od prawej do lewej */
.hero{background:#18212a;overflow:hidden}
.hero>img{opacity:0;animation:pelne-zdjecie 0s 2.05s forwards}
.wall-reveal{position:absolute;inset:0;z-index:0}
.wall-reveal span{position:absolute;inset:0;background:url("assets/prefabrykaty-glowne.jpg") center/cover no-repeat;opacity:0;clip-path:inset(0 var(--right) 0 var(--start));animation:sciana 1s cubic-bezier(.22,.72,.26,1) forwards;animation-delay:var(--delay)}
.wall-reveal span:nth-child(1){--left:0%;--right:85.714%;--start:14.286%;--delay:1.08s}
.wall-reveal span:nth-child(2){--left:14.286%;--right:71.428%;--start:28.572%;--delay:.9s}
.wall-reveal span:nth-child(3){--left:28.572%;--right:57.142%;--start:42.858%;--delay:.72s}
.wall-reveal span:nth-child(4){--left:42.858%;--right:42.856%;--start:57.144%;--delay:.54s}
.wall-reveal span:nth-child(5){--left:57.144%;--right:28.57%;--start:71.43%;--delay:.36s}
.wall-reveal span:nth-child(6){--left:71.43%;--right:14.284%;--start:85.716%;--delay:.18s}
.wall-reveal span:nth-child(7){--left:85.716%;--right:0%;--start:100%;--delay:0s}
.hero-shade{z-index:1}.hero-copy{z-index:2}.hero h1{animation-delay:2.05s}
@keyframes sciana{0%{opacity:0;clip-path:inset(0 var(--right) 0 var(--start));transform:translateX(10px);filter:brightness(.72)}35%{opacity:.65}100%{opacity:1;clip-path:inset(0 var(--right) 0 var(--left));transform:translateX(0);filter:brightness(1)}}
@keyframes pelne-zdjecie{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero>img{opacity:1;animation:none}.wall-reveal{display:none}.hero h1{animation-delay:0s}}

/* Zatwierdzony układ treści banera */
.language{border:0;gap:7px;padding:0}.language>span{display:none}.language button{position:relative;min-width:42px;height:34px;border:1px solid #71777d;background:repeating-linear-gradient(90deg,#b9bdbe 0 13px,#a8adaf 14px 15px),linear-gradient(#c9cccd,#9ea3a5);color:#20272d;box-shadow:inset 0 1px rgba(255,255,255,.65),1px 2px 0 #555c62;font-size:12px;letter-spacing:.08em;transition:transform .2s,box-shadow .2s}.language button:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(91,98,101,.45)}.language button:hover{transform:translateY(-2px)}.language button.active{color:#111820;border-color:var(--orange);box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 0 2px rgba(229,144,18,.25)}
.hero-label{position:absolute;z-index:2;left:clamp(24px,8vw,130px);top:34px;margin:0}
.hero-copy{top:66%;width:44%;max-width:660px}.hero-copy h1,.hero-services{font-size:clamp(30px,3.3vw,46px)}
.hero-copy .actions{margin-top:26px}
.hero-services{position:absolute;z-index:2;right:clamp(24px,6vw,95px);top:49%;transform:translateY(-50%);width:44%;font-family:Oswald,Impact,sans-serif;font-weight:600;line-height:1.25;letter-spacing:.015em;text-transform:uppercase;color:#d7d8d5;text-shadow:2px 3px 0 rgba(0,0,0,.82)}
.service-line{display:block;white-space:nowrap;margin:.22em 0;min-height:1.25em}
.service-line .char{display:inline-block;white-space:pre;opacity:0;transform:translateX(5px);animation:litera .42s ease-out forwards}
@keyframes litera{to{opacity:1;transform:translateX(0)}}
@media(max-width:850px){.language button{min-width:37px;height:31px}.hero-label{left:24px;top:24px}.hero-copy{left:24px;right:24px;top:38%;width:auto;max-width:none}.hero-copy h1,.hero-services{font-size:clamp(25px,7vw,32px)}.hero-copy .actions{margin-top:20px}.hero-services{left:24px;right:24px;top:64%;width:auto;transform:none}.service-line{white-space:normal;margin:.12em 0}}
@media(prefers-reduced-motion:reduce){.service-line .char{opacity:1;transform:none;animation:none}}

/* Sekcja O nas — spokojne powstawanie hali ze zdjęcia */
.services{background:#173a5a;color:#fff;overflow:hidden}
.services .section-head{margin-top:64px}
.services .section-head>p:last-child,.services .service-grid p{color:#c9d6e0}
.services .service-grid{border-top-color:rgba(255,255,255,.26)}
.services .service-grid article{border-right-color:rgba(255,255,255,.22)}
.services .eyebrow.dark{color:#f0a01f}
.build-reveal{position:relative;width:calc(100% + 2 * clamp(24px,8vw,130px));margin:calc(-110px) calc(-1 * clamp(24px,8vw,130px)) 0;aspect-ratio:16/8.15;background:#245b86;overflow:hidden;isolation:isolate}
.build-base,.build-part{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}
.build-base{filter:blur(18px) saturate(.72);transform:scale(1.04)}
.build-part{background:url("assets/szczecin-hala.jpg") center/cover no-repeat;transform:translateY(18px);filter:blur(7px)}
.column-1{clip-path:polygon(17% 4%,25% 4%,25% 77%,17% 77%)}
.column-2{clip-path:polygon(44% 11%,53% 11%,53% 79%,44% 79%)}
.column-3{clip-path:polygon(61% 17%,70% 17%,70% 78%,61% 78%)}
.column-4{clip-path:polygon(51% 41%,77% 39%,77% 78%,51% 78%)}
.walls-low{clip-path:polygon(0 40%,78% 40%,78% 69%,0 69%)}
.wall-high{clip-path:polygon(77% 23%,93% 23%,93% 69%,77% 69%)}
.build-fog{position:absolute;inset:-12%;z-index:3;background:radial-gradient(ellipse at 50% 55%,rgba(205,226,240,.12),rgba(167,202,226,.68) 48%,rgba(47,100,141,.94) 80%);filter:blur(22px);opacity:1;pointer-events:none}
.build-copy{position:absolute;z-index:4;left:clamp(24px,5.5vw,90px);top:10%;width:min(47%,690px);font-family:Oswald,Impact,sans-serif;text-transform:uppercase;pointer-events:none}
.build-copy-line{margin:0 0 .42em;font-size:clamp(18px,2vw,30px);font-weight:600;line-height:1.16;letter-spacing:.025em;color:transparent;background:repeating-linear-gradient(103deg,rgba(238,232,223,.96) 0 2px,rgba(179,170,160,.98) 3px 5px,rgba(211,203,193,.96) 6px 9px,rgba(151,145,137,.98) 10px 11px,rgba(202,194,184,.96) 12px 16px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.65px rgba(87,83,79,.9);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.2)) drop-shadow(2px 3px 1px rgba(0,0,0,.9))}
.build-copy-title{font-size:clamp(27px,3.4vw,52px);margin-bottom:.55em}
.build-copy-area{font-size:clamp(20px,2.4vw,36px);margin-top:.75em;max-width:620px}
.build-copy-line .build-char{display:inline-block;white-space:pre;opacity:0;transform:translateX(5px)}
.build-reveal.is-visible .build-base{animation:base-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .column-1{animation:column-one-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .column-2{animation:column-two-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .column-3{animation:column-three-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .column-4{animation:column-four-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .walls-low{animation:walls-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .wall-high{animation:high-wall-cycle 13s ease-in-out infinite}
.build-reveal.is-visible .build-fog{animation:fog-cycle 13s ease-in-out infinite}
@keyframes base-cycle{0%{opacity:0;filter:blur(18px) saturate(.72);transform:scale(1.04)}10%,78%{opacity:1;filter:blur(0) saturate(1);transform:scale(1)}90%,100%{opacity:0;filter:blur(18px) saturate(.72);transform:scale(1.04)}}
@keyframes column-one-cycle{0%,13%{opacity:0;transform:translateY(18px);filter:blur(7px)}22%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes column-two-cycle{0%,18%{opacity:0;transform:translateY(18px);filter:blur(7px)}27%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes column-three-cycle{0%,23%{opacity:0;transform:translateY(18px);filter:blur(7px)}32%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes column-four-cycle{0%,28%{opacity:0;transform:translateY(18px);filter:blur(7px)}37%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes walls-cycle{0%,35%{opacity:0;transform:translateY(18px);filter:blur(7px)}47%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes high-wall-cycle{0%,43%{opacity:0;transform:translateY(18px);filter:blur(7px)}55%,78%{opacity:1;transform:translateY(0);filter:blur(0)}90%,100%{opacity:0;transform:translateY(8px);filter:blur(7px)}}
@keyframes fog-cycle{0%{opacity:1;transform:scale(1.05)}18%,76%{opacity:0;transform:scale(1)}88%,100%{opacity:1;transform:scale(1.05)}}
@media(max-width:850px){.build-reveal{width:calc(100% + 48px);margin:-78px -24px 0;aspect-ratio:4/3}.services .section-head{margin-top:42px}.build-copy{left:20px;right:20px;top:7%;width:auto}.build-copy-line{font-size:clamp(13px,3.25vw,18px);margin-bottom:.28em}.build-copy-title{font-size:clamp(22px,6vw,34px);margin-bottom:.42em}.build-copy-area{font-size:clamp(15px,3.8vw,21px);max-width:80%;margin-top:.48em}}
@media(prefers-reduced-motion:reduce){.build-base,.build-part{opacity:1;filter:none;transform:none}.build-fog{display:none}.build-copy-line .build-char{opacity:1;transform:none}}

/* Czytelniejsze napisy i logo pomiędzy cyklami hali */
.build-copy{top:8%;width:min(49%,710px);padding:clamp(15px,2vw,28px);background:linear-gradient(90deg,rgba(6,20,32,.8),rgba(8,27,43,.53) 72%,transparent);border-left:3px solid rgba(229,144,18,.95)}
.build-copy-line{background:repeating-linear-gradient(103deg,#fff 0 2px,#d6cec5 3px 5px,#f3ece3 6px 9px,#b9b1a8 10px 11px,#e5ddd3 12px 16px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(35,32,30,.98);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.42)) drop-shadow(3px 4px 2px #000)}
.build-logo{position:absolute;z-index:5;left:50%;top:50%;display:flex;align-items:center;gap:clamp(14px,2vw,26px);font-family:Georgia,serif;font-size:clamp(44px,6vw,92px);font-weight:700;line-height:.82;color:#f3f4f4;text-shadow:3px 5px 2px rgba(0,0,0,.82);opacity:0;transform:translate(85vw,-50%);white-space:nowrap}
.build-logo>span>em{font-style:normal;color:var(--orange)}
.build-logo small{display:block;margin-top:.8em;font:800 clamp(9px,1vw,14px)/1 Manrope,sans-serif;letter-spacing:.42em;color:#d8dde1;text-align:center}
.build-logo .brand-mark{gap:clamp(5px,.7vw,9px)}
.build-logo .brand-mark i{width:clamp(52px,7vw,102px);height:clamp(10px,1.2vw,18px);background:#aeb5bc;border-left-width:clamp(5px,.6vw,9px)}
.build-reveal.is-visible .build-logo{animation:logo-cycle 13s cubic-bezier(.35,.72,.28,1) infinite}
@keyframes logo-cycle{0%,2%{opacity:1;transform:translate(-50%,-50%)}10%{opacity:0;transform:translate(-120vw,-50%)}11%,75%{opacity:0;transform:translate(85vw,-50%)}86%,100%{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:850px){.build-copy{left:16px;right:16px;top:5%;width:auto;padding:13px 15px}.build-logo{font-size:clamp(36px,10vw,58px);gap:12px}.build-logo .brand-mark i{width:44px;height:9px}.build-logo small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.build-logo{display:none}}

/* Pełne pomarańczowe wypełnienie i dłuższy czas czytania */
.build-copy-line{background:none;color:#f5a019;-webkit-text-fill-color:#f5a019;-webkit-text-stroke:1px rgba(37,31,24,.98);filter:drop-shadow(1px 1px 0 rgba(255,222,166,.42)) drop-shadow(3px 4px 2px #000)}
.build-reveal.is-visible .build-base,.build-reveal.is-visible .column-1,.build-reveal.is-visible .column-2,.build-reveal.is-visible .column-3,.build-reveal.is-visible .column-4,.build-reveal.is-visible .walls-low,.build-reveal.is-visible .wall-high,.build-reveal.is-visible .build-fog,.build-reveal.is-visible .build-logo{animation-duration:20s}
.build-word{display:inline-block;white-space:nowrap}

/* Pomarańczowe napisy drugiego banera */
.build-copy-line{background:repeating-linear-gradient(103deg,#ffb33f 0 2px,#df8410 3px 5px,#f6a326 6px 9px,#bd6500 10px 11px,#ed9418 12px 16px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(44,29,12,.98);filter:drop-shadow(1px 1px 0 rgba(255,214,145,.36)) drop-shadow(3px 4px 2px #000)}

/* Joystick nawigacji między sekcjami */
.section-joystick{position:fixed;z-index:30;right:clamp(12px,2vw,30px);top:50%;display:grid;justify-items:center;gap:7px;transform:translateY(-50%);font-family:Manrope,sans-serif}
.joystick-step,.joystick-menu-toggle{border:1px solid #62696e;color:#182028;background:linear-gradient(145deg,#d2d4d4,#8f9598);box-shadow:inset 1px 1px rgba(255,255,255,.62),2px 3px 0 rgba(17,23,27,.55);cursor:pointer;transition:transform .18s,box-shadow .18s,color .18s}
.joystick-step{width:36px;height:32px;padding:0;font-size:13px;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%)}
.joystick-down{transform:rotate(180deg)}.joystick-down span{display:block;transform:rotate(180deg)}
.joystick-menu-toggle{position:relative;width:58px;height:58px;border-radius:50%;padding:0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.joystick-ring{position:absolute;inset:6px;border:2px solid rgba(55,61,65,.44);border-radius:50%}
.joystick-menu-toggle>span:last-child{position:relative}.joystick-step:hover:not(:disabled),.joystick-menu-toggle:hover{color:#a95b00;box-shadow:inset 1px 1px rgba(255,255,255,.72),0 0 0 3px rgba(229,144,18,.35),2px 3px 0 rgba(17,23,27,.55)}
.joystick-step:active:not(:disabled),.joystick-menu-toggle:active{transform:translateY(2px)}.joystick-down:active:not(:disabled){transform:rotate(180deg) translateY(-2px)}
.joystick-step:disabled{opacity:.42;cursor:default}.joystick-menu{position:absolute;right:70px;top:50%;display:grid;width:min(330px,calc(100vw - 100px));padding:8px;background:rgba(15,22,28,.94);border:1px solid #73797d;box-shadow:0 12px 28px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translate(10px,-50%);transition:opacity .2s,transform .2s,visibility .2s}
.section-joystick.menu-open .joystick-menu{opacity:1;visibility:visible;transform:translate(0,-50%)}
.joystick-menu a{padding:10px 12px;color:#e5e7e8;font-size:14px;font-weight:700;text-decoration:none;border-left:3px solid transparent}.joystick-menu a:hover,.joystick-menu a.active{color:#f5a019;background:rgba(255,255,255,.06);border-left-color:#f5a019}
@media(max-width:850px){.section-joystick{right:9px;top:auto;bottom:72px;transform:none}.joystick-step{width:32px;height:29px}.joystick-menu-toggle{width:50px;height:50px}.joystick-menu{right:60px;width:min(270px,calc(100vw - 82px))}.section-joystick.menu-open .joystick-menu{transform:translate(0,-50%)}}
@media(prefers-reduced-motion:reduce){.joystick-step,.joystick-menu-toggle,.joystick-menu{transition:none}}

/* Dopracowana sekcja O nas */
.services{position:relative;padding-bottom:clamp(58px,6vw,90px);background-color:#173a5a;background-image:linear-gradient(115deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(25deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:42px 42px,57px 57px}
.services .section-head{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:clamp(45px,7vw,110px);align-items:start}
.services .section-head h2{font-size:clamp(43px,4.5vw,68px);line-height:1.03;max-width:780px}
.about-intro>p:first-child{margin:0;color:#edf3f7;font-size:clamp(16px,1.2vw,20px);line-height:1.68;max-width:680px}
.trust-line{margin:24px 0 0;padding:15px 0 15px 18px;border-left:3px solid var(--orange);color:#f3a022!important;font:700 14px/1.55 Manrope,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.services .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px;border:0}
.services .service-grid article{min-height:400px;padding:0;overflow:hidden;border:1px solid rgba(204,214,221,.24);background:linear-gradient(145deg,rgba(111,120,126,.28),rgba(35,54,67,.62));box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 25px rgba(4,14,22,.18);opacity:0;transform:translateY(24px);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.services .service-grid.is-visible article{animation:service-card-in .65s cubic-bezier(.2,.75,.28,1) forwards}.services .service-grid.is-visible article:nth-child(2){animation-delay:.13s}.services .service-grid.is-visible article:nth-child(3){animation-delay:.26s}.services .service-grid.is-visible article:nth-child(4){animation-delay:.39s}
.services .service-grid article:hover{transform:translateY(-6px);border-color:rgba(245,160,25,.7);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 34px rgba(4,14,22,.32)}
.service-card-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.84) contrast(1.04);transition:transform .55s ease,filter .4s ease}.services .service-grid article:hover .service-card-image{transform:scale(1.035);filter:saturate(1) contrast(1.06)}.service-card-body{padding:23px 24px 25px}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.services .service-grid .service-number{color:#f5a019;font:600 15px/1 Oswald,sans-serif}.service-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(245,160,25,.6);color:#f5a019;background:rgba(8,26,40,.28);font:600 23px/1 Oswald,sans-serif}.services .service-grid h3{margin:0 0 12px;font-size:clamp(20px,1.45vw,26px);line-height:1.2}.services .service-grid p{margin:0;font-size:16px;line-height:1.55}
@keyframes service-card-in{to{opacity:1;transform:translateY(0)}}
.section-joystick .joystick-step,.section-joystick .joystick-menu-toggle{border-color:#3f484e;color:#d7dde0;background:linear-gradient(145deg,#485158,#242c31);box-shadow:inset 1px 1px rgba(255,255,255,.16),2px 3px 0 rgba(5,10,13,.6)}
.section-joystick .joystick-ring{border-color:rgba(245,160,25,.62)}.section-joystick .joystick-menu-toggle>span:last-child{color:#f5a019}.section-joystick .joystick-step:hover:not(:disabled),.section-joystick .joystick-menu-toggle:hover{color:#f5a019;box-shadow:inset 1px 1px rgba(255,255,255,.18),0 0 0 3px rgba(229,144,18,.3),2px 3px 0 rgba(5,10,13,.6)}
@media(max-width:1050px){.services .section-head{grid-template-columns:1fr;gap:28px}.services .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.services .section-head h2{font-size:clamp(36px,11vw,48px)}.trust-line{font-size:13px}.services .service-grid{grid-template-columns:1fr;gap:14px;margin-top:36px}.services .service-grid article{min-height:0}.service-card-body{padding:21px}.service-card-top{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.services .service-grid article{opacity:1;transform:none;animation:none!important}}

/* Betonowy nagłówek sekcji Realizacje */
.projects .project-heading{align-items:center}.projects .project-title-concrete{max-width:none;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.08;letter-spacing:.015em;background:repeating-linear-gradient(103deg,rgba(238,232,223,.92) 0 2px,rgba(179,170,160,.96) 3px 5px,rgba(211,203,193,.95) 6px 9px,rgba(151,145,137,.96) 10px 11px,rgba(202,194,184,.94) 12px 16px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.8px rgba(104,99,93,.82);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.22)) drop-shadow(3px 4px 1px rgba(0,0,0,.92))}
@media(max-width:850px){.projects .project-title-concrete{font-size:clamp(30px,8.2vw,40px)}}
@media(max-width:420px){.projects .project-title-concrete{font-size:30px}}

/* Betonowy nagłówek sekcji O nas — zgodny z banerem głównym */
.services .section-head .about-title-concrete{max-width:660px;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.08;letter-spacing:.015em;background:repeating-linear-gradient(103deg,rgba(238,232,223,.92) 0 2px,rgba(179,170,160,.96) 3px 5px,rgba(211,203,193,.95) 6px 9px,rgba(151,145,137,.96) 10px 11px,rgba(202,194,184,.94) 12px 16px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.8px rgba(104,99,93,.82);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.22)) drop-shadow(3px 4px 1px rgba(0,0,0,.92))}
@media(max-width:850px){.services .section-head .about-title-concrete{font-size:clamp(30px,8.2vw,40px);max-width:560px}}
@media(max-width:420px){.services .section-head .about-title-concrete{font-size:30px}}

/* Granatowa sekcja kontaktowa i betonowy nagłówek */
.contact{background-color:#173a5a;background-image:linear-gradient(115deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(25deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:42px 42px,57px 57px;color:#fff}
.contact .contact-title-concrete{max-width:760px;font-size:clamp(34px,3.8vw,52px);font-weight:600;line-height:1.08;letter-spacing:.015em;background:repeating-linear-gradient(103deg,rgba(238,232,223,.92) 0 2px,rgba(179,170,160,.96) 3px 5px,rgba(211,203,193,.95) 6px 9px,rgba(151,145,137,.96) 10px 11px,rgba(202,194,184,.94) 12px 16px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.8px rgba(104,99,93,.82);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.22)) drop-shadow(3px 4px 1px rgba(0,0,0,.92))}
.contact .contact-copy>p{color:#edf3f7}.contact .contact-copy .eyebrow{color:#f5a019}.contact .contact-link{border-top-color:rgba(207,210,211,.38)}.contact .contact-link small{color:#bfc9d0}.contact .contact-link:hover strong{color:#f5a019}
.contact .contact-form label{color:var(--ink)}
.contact .phone-contact{display:grid;gap:7px}.contact .phone-contact small{margin-bottom:2px}.contact .contact-role{display:block;width:max-content;max-width:100%;font:600 clamp(18px,1.65vw,25px)/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;background:repeating-linear-gradient(103deg,#ddd8d1 0 2px,#a9a39c 3px 5px,#c9c2b9 6px 9px,#8e8983 10px 11px,#bdb6ad 12px 16px);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px rgba(79,76,72,.8);filter:drop-shadow(1px 1px 0 rgba(255,255,255,.16)) drop-shadow(2px 3px 1px rgba(0,0,0,.72))}.contact .phone-contact strong{margin-top:1px}
.facebook-link{display:flex!important;align-items:center;gap:14px}.facebook-link small{margin-bottom:5px}.facebook-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#1877f2;color:#fff;font:800 27px/1 Arial,sans-serif}.footer-facebook{display:flex;align-items:center;gap:8px;color:#dce3e8;font-weight:700}.footer-facebook .facebook-icon{width:30px;height:30px;font-size:22px}.footer-facebook:hover{color:#fff}
@media(max-width:850px){.contact .contact-title-concrete{font-size:clamp(30px,8.2vw,40px)}}
@media(max-width:420px){.contact .contact-title-concrete{font-size:30px}}

/* Jasny betonowy pasek nawigacji */
.topbar{position:sticky;top:0;background-color:#d6d4cf;background-image:linear-gradient(112deg,rgba(255,255,255,.38) 0 1px,transparent 1px),linear-gradient(27deg,rgba(67,65,61,.08) 0 1px,transparent 1px),radial-gradient(circle at 18% 38%,rgba(255,255,255,.34) 0 1px,transparent 2px);background-size:37px 37px,53px 53px,19px 19px;border-bottom:1px solid #8f8c86;box-shadow:0 5px 16px rgba(14,22,30,.18)}
.topbar nav a{color:#232a30;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:right .22s ease}.topbar nav a:hover:after{right:0}.topbar .language{border-color:#aaa7a1;background:rgba(255,255,255,.22)}.topbar .language button{color:#555b60}.topbar .language button.active{color:#a95800}.topbar .call-top{border-color:#9e9b95;background:rgba(255,255,255,.18)}