@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#11110f;--muted:#77776e;--paper:#f1efe8;--white:#fff;--accent:#dce94f;--dark:#171814;--line:#d5d2c8;--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-loader{position:fixed;z-index:999;inset:0;background:#11120f;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.page-loader span{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}.loaded .page-loader{opacity:0;visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}.scroll-progress{position:fixed;z-index:90;left:0;top:0;height:3px;width:var(--scroll,0%);background:var(--accent)}.cursor-glow{position:fixed;z-index:1;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(220,233,79,.09),transparent 67%);transform:translate(-50%,-50%);left:var(--cx,-500px);top:var(--cy,-500px)}.site-header{position:fixed;z-index:80;top:0;left:0;right:0;height:92px;padding:0 5vw;display:flex;align-items:center;gap:34px;color:#fff;transition:.35s}.site-header.scrolled{height:74px;background:rgba(18,19,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{margin-right:auto;display:flex}.brand img{width:195px;max-height:54px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}.site-header nav{display:flex;gap:28px;font-size:13px;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:.3s}.site-header nav a:hover:after{right:0}.header-phone{display:grid;line-height:1.15;font-weight:800}.header-phone small{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px}.hero{position:relative;min-height:100svh;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.4fr);align-items:end;padding:180px 7vw 78px;overflow:hidden;background:#1b1b18}.hero-media,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-media{background-image:linear-gradient(135deg,#5f625b,#22231f);background-position:center;background-size:cover;transform:translate3d(0,var(--hero-scroll,0),0) scale(1.08);animation:heroDrift 22s ease-in-out infinite alternate;will-change:transform,background-position}.hero-shade{background:linear-gradient(90deg,rgba(9,10,8,.9) 0%,rgba(9,10,8,.54) 52%,rgba(9,10,8,.2) 100%),linear-gradient(0deg,rgba(9,10,8,.7),transparent 55%)}.hero-grid{opacity:.14;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:11vw 11vw;mask-image:linear-gradient(to right,#000,transparent 85%)}@keyframes heroDrift{0%{transform:translate3d(-.8%,var(--hero-scroll,0),0) scale(1.08);background-position:48% 50%}50%{transform:translate3d(.8%,calc(var(--hero-scroll,0) - 5px),0) scale(1.115);background-position:52% 47%}100%{transform:translate3d(-.2%,calc(var(--hero-scroll,0) - 10px),0) scale(1.09);background-position:50% 53%}}.hero-copy{position:relative;z-index:2;max-width:920px}.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#7e8734}.hero .eyebrow,.projects .eyebrow,.contact .eyebrow{color:var(--accent)}.hero h1{font-size:clamp(58px,8.4vw,136px);line-height:.88;letter-spacing:-.07em;margin:18px 0 28px;max-width:1100px}.hero-lead{font-size:clamp(16px,1.45vw,22px);max-width:700px;color:#d2d3cc}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;border-radius:2px;font-weight:800;border:0;cursor:pointer;transition:.3s}.btn-light{background:var(--accent);color:#171814}.btn-dark{background:var(--dark);color:#fff}.btn:hover{transform:translateY(-3px)}.ghost-link{font-weight:800;font-size:13px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}.ghost-link span{display:inline-block;transition:.3s}.ghost-link:hover span{transform:translateX(6px)}.hero-panel{position:relative;z-index:2;align-self:center;justify-self:end;width:min(330px,100%);padding:30px;border-left:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px)}.hero-panel-no{font-size:11px;color:var(--accent);font-weight:800}.hero-panel p{font-size:13px;color:#c2c3bc;margin:40px 0 8px}.hero-panel strong{font-size:22px;line-height:1.25}.hero-stats{position:absolute;z-index:3;right:7vw;bottom:76px;display:flex;gap:1px}.hero-stats div{width:150px;padding:16px 18px;background:rgba(18,19,16,.72);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}.hero-stats strong{display:block;font-size:24px;color:var(--accent)}.hero-stats span{font-size:10px;color:#b9bab3}.scroll-cue{position:absolute;z-index:3;left:7vw;bottom:30px;display:flex;align-items:center;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.scroll-cue span{width:55px;height:1px;background:var(--accent);animation:pulse 1.8s infinite}@keyframes pulse{50%{width:85px}}.hero-in{opacity:0;transform:translateY(34px);animation:heroIn .85s cubic-bezier(.2,.7,.2,1) forwards}.hero-copy .hero-in:nth-child(2){animation-delay:.12s}.hero-copy .hero-in:nth-child(3){animation-delay:.23s}.hero-copy .hero-in:nth-child(4){animation-delay:.34s}.hero-panel.hero-in{animation-delay:.4s}.hero-stats.hero-in{animation-delay:.52s}@keyframes heroIn{to{opacity:1;transform:none}}.manifest{padding:150px 8vw;display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw;align-items:start;background:#fff}.manifest-mark{font-size:clamp(110px,20vw,290px);font-weight:800;line-height:.7;letter-spacing:-.12em;color:#eceae2;position:sticky;top:120px}.manifest-copy h2,.section h2,.projects h2,.testimonials h2,.contact h2{font-size:clamp(42px,6vw,82px);line-height:1.03;letter-spacing:-.055em;margin:14px 0 28px}.manifest-copy em,.projects h2 em{font-family:inherit;font-style:normal;font-weight:500;color:#858844}.manifest-copy>p:last-child{font-size:19px;max-width:760px;color:var(--muted)}.section{padding:130px 7vw;display:grid;grid-template-columns:180px 1fr;gap:5vw}.section-index{border-top:1px solid var(--line);padding-top:15px}.section-index span{font-weight:800}.section-index p{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.section-head{max-width:800px;margin-bottom:54px}.service-list{border-top:1px solid var(--line)}.service-item{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;transition:.35s}.service-item:hover{padding-left:18px}.service-top{display:grid;grid-template-columns:55px 1fr 30px;align-items:center}.service-top span{font-size:11px;color:#888}.service-top h3{font-size:clamp(25px,3vw,42px);letter-spacing:-.035em;margin:0}.service-top i{font-style:normal;font-size:23px;transition:.3s}.service-item:hover .service-top i{transform:rotate(45deg)}.service-item>p{color:var(--muted);margin:0;align-self:center}.projects{padding:140px 7vw;background:var(--dark);color:#fff}.projects-heading{max-width:1000px;margin:0 0 90px 18vw}.projects-heading>p:last-child{max-width:640px;color:#b6b7af}.project-stack{display:grid;gap:150px}.project{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:6vw;align-items:center}.project-reverse{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.project-reverse .compare{order:2}.project-reverse .project-copy{order:1}.project-number{position:absolute;z-index:0;right:2vw;top:-110px;font-size:clamp(120px,20vw,300px);font-weight:800;line-height:1;color:rgba(255,255,255,.035)}.compare{position:relative;z-index:1;aspect-ratio:16/10;overflow:hidden;background:#333}.compare>img,.before img{width:100%;height:100%;object-fit:cover;display:block}.before{position:absolute;inset:0;width:var(--pos);overflow:hidden;border-right:2px solid #fff}.before img{width:min(64vw,1100px);max-width:none}.compare input{position:absolute;z-index:7;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.tag{position:absolute;z-index:4;top:22px;padding:8px 12px;background:rgba(15,15,13,.8);font-size:9px;font-weight:800;letter-spacing:.12em}.before-tag{left:22px}.after-tag{right:22px}.compare-handle{position:absolute;z-index:5;left:var(--pos);top:50%;width:62px;height:62px;margin:-31px;border-radius:50%;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);color:#171814;font-weight:800;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.28)}.project-copy{position:relative;z-index:1}.project-location{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.project-copy h3{font-size:clamp(35px,4.7vw,68px);line-height:1;letter-spacing:-.05em;margin:12px 0 28px}.project-copy>p:not(.project-location){color:#b7b8b0}.project-line{display:block;width:90px;height:2px;background:var(--accent);margin-top:34px}.empty-state{padding:60px;border:1px dashed #606158;display:flex;flex-direction:column}.about-stage{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.about-card{min-height:560px;background:var(--accent);display:flex;flex-direction:column;justify-content:space-between;padding:45px;transform:rotate(-2deg)}.about-logo{margin:auto 0}.about-logo img{width:85%;filter:brightness(.1);mix-blend-mode:multiply}.about-card p{font-weight:800;font-size:13px}.about-copy>p:not(.eyebrow){font-size:18px;color:var(--muted)}.about-points{display:grid;margin-top:35px}.about-points span{padding:14px 0;border-bottom:1px solid var(--line);font-weight:800}.testimonials{padding:130px 7vw;background:#e5e2d8;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.testimonial-intro{align-self:center}.testimonial-controls{display:flex;gap:8px;margin-top:35px}.testimonial-controls button{width:52px;height:52px;border:1px solid #bdb9ad;background:transparent;cursor:pointer;font-size:20px}.testimonial-viewport{overflow:hidden}.testimonial-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.testimonial-card{min-width:100%;margin:0;background:#fff;padding:55px;min-height:430px;display:flex;flex-direction:column}.quote-mark{font-family:serif;font-size:95px;line-height:.6;color:var(--accent)}.stars{color:#9ea82d;letter-spacing:.15em;margin-top:25px}.testimonial-card p{font-size:clamp(21px,2.2vw,32px);line-height:1.35}.testimonial-card footer{margin-top:auto;font-weight:800}.contact{position:relative;overflow:hidden;padding:140px 7vw;background:var(--accent);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.contact-orb{position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(0,0,0,.12);left:-250px;bottom:-340px}.contact-copy{position:relative;z-index:1}.contact-copy>p{max-width:620px}.contact-details{display:grid;margin-top:45px}.contact-details>*{position:relative;padding:16px 35px 16px 0;border-bottom:1px solid rgba(0,0,0,.2);display:grid}.contact-details small{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.contact-details strong{font-size:17px}.contact-details span{position:absolute;right:0;top:30px}.contact-form{position:relative;z-index:1;background:#fff;padding:45px;box-shadow:0 35px 80px rgba(56,62,12,.16)}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-heading span{font-size:24px;font-weight:800}.form-heading b{font-size:11px;color:#999}.contact-form label{display:grid;gap:7px;margin-bottom:17px}.contact-form label span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bbb;background:#f8f8f5;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#7f891f}.contact-form textarea{min-height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{display:block;margin-top:17px;color:var(--muted)}.form-success,.form-error{padding:13px}.form-success{background:#eff5b7}.form-error{background:#ffe0dc}.hp{position:absolute!important;left:-9999px!important}body>footer{padding:35px 7vw;background:var(--dark);color:#aaa;display:flex;justify-content:space-between;align-items:center;font-size:12px}body>footer img{width:190px;max-height:48px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}body>footer div{display:flex;gap:30px}.floating-contact{position:fixed;z-index:70;right:22px;bottom:22px;width:74px;height:74px;border-radius:50%;background:var(--accent);display:grid;place-items:center;align-content:center;box-shadow:0 14px 35px rgba(0,0,0,.22);font-weight:800}.floating-contact span{font-size:22px;line-height:1}.floating-contact small{font-size:9px;text-transform:uppercase}.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.site-header nav,.header-phone{display:none}.menu-toggle{display:block}.site-header.open{background:var(--dark)}.site-header.open nav{display:flex;position:absolute;top:74px;left:0;right:0;padding:24px 20px 34px;background:var(--dark);flex-direction:column}.brand img{width:160px}.hero{grid-template-columns:1fr;padding:150px 22px 150px}.hero-panel,.hero-stats{display:none}.hero h1{font-size:clamp(54px,15vw,86px)}.scroll-cue{left:22px}.manifest{padding:100px 22px;grid-template-columns:1fr}.manifest-mark{display:none}.section{padding:95px 22px;grid-template-columns:1fr}.section-index{display:none}.service-item{grid-template-columns:1fr;gap:12px}.projects{padding:100px 22px}.projects-heading{margin-left:0}.project,.project-reverse{grid-template-columns:1fr;gap:35px}.project-reverse .compare,.project-reverse .project-copy{order:initial}.project-stack{gap:100px}.before img{width:100vw}.about-stage{grid-template-columns:1fr}.about-card{min-height:320px}.testimonials,.contact{padding:95px 22px;grid-template-columns:1fr}.testimonial-card{padding:35px;min-height:360px}.form-row{grid-template-columns:1fr}body>footer{padding:30px 22px;flex-direction:column;align-items:flex-start;gap:18px}.floating-contact{width:62px;height:62px}.floating-contact small{display:none}}@media(max-width:560px){.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.manifest-copy h2,.section h2,.projects h2,.testimonials h2,.contact h2{font-size:39px}.service-top{grid-template-columns:38px 1fr 24px}.service-top h3{font-size:26px}.contact-form{padding:25px}.project-copy h3{font-size:39px}.compare-handle{width:50px;height:50px;margin:-25px}.site-header{height:74px;padding:0 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-in,.reveal{opacity:1;transform:none}.cursor-glow{display:none}}

/* Aktualizacja v4: spójna typografia, ikony liniowe i bogatsze animacje */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
body,h1,h2,h3,h4,p,a,button,input,textarea,small,strong,span{font-family:Manrope,Arial,sans-serif}
h1,h2,h3,.form-heading span{font-weight:700}
.hero h1,.manifest-copy h2,.section h2,.projects h2,.testimonials h2,.contact h2,.project-copy h3{letter-spacing:-.048em}
.eyebrow,.section-index p,.project-location,.contact-details small,.contact-form label span{letter-spacing:.18em}
.icon{width:1.15em;height:1.15em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn span,.ghost-link span,.contact-details a>span,body>footer a,.floating-contact>span{display:inline-flex;align-items:center;justify-content:center}
.btn .icon{width:19px;height:19px}.ghost-link .icon{width:18px;height:18px}
.service-top i{display:grid;place-items:center}.service-top i .icon{width:22px;height:22px}.service-item:hover .service-top i{transform:translate(3px,-3px)}
.compare-handle i{display:grid;place-items:center}.compare-handle .icon{width:15px;height:15px;stroke-width:2.2}
.testimonial-controls button{display:grid;place-items:center}.testimonial-controls .icon{width:20px;height:20px}
.contact-details a>span .icon{width:19px;height:19px}
body>footer a{gap:8px}body>footer a .icon{width:16px;height:16px}
.floating-contact .icon{width:25px;height:25px;stroke-width:1.9}

.reveal,.reveal-child{opacity:0;transform:translate3d(0,46px,0);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--delay,0ms);will-change:opacity,transform}
.reveal.visible,.reveal-child.visible{opacity:1;transform:translate3d(0,0,0)}
.section-head.reveal,.projects-heading.reveal,.testimonial-intro.reveal,.contact-copy.reveal{transform:translate3d(-34px,36px,0)}
.section-head.reveal.visible,.projects-heading.reveal.visible,.testimonial-intro.reveal.visible,.contact-copy.reveal.visible{transform:translate3d(0,0,0)}
.manifest-mark.reveal{transform:translate3d(-55px,0,0) scale(.96)}
.manifest-mark.reveal.visible{transform:translate3d(0,0,0) scale(1)}
.manifest-copy.reveal,.about-copy.reveal,.contact-form.reveal{transform:translate3d(48px,35px,0)}
.manifest-copy.reveal.visible,.about-copy.reveal.visible,.contact-form.reveal.visible{transform:translate3d(0,0,0)}
.about-card.reveal{transform:translate3d(-45px,45px,0) rotate(-4deg)}
.about-card.reveal.visible{transform:translate3d(0,0,0) rotate(-2deg)}
.project .compare.reveal-child{transform:translate3d(-55px,35px,0) scale(.97)}
.project .project-copy.reveal-child{transform:translate3d(48px,35px,0)}
.project-reverse .compare.reveal-child{transform:translate3d(55px,35px,0) scale(.97)}
.project-reverse .project-copy.reveal-child{transform:translate3d(-48px,35px,0)}
.project .compare.reveal-child.visible,.project .project-copy.reveal-child.visible,.project-reverse .compare.reveal-child.visible,.project-reverse .project-copy.reveal-child.visible{transform:translate3d(0,0,0) scale(1)}
.service-item.reveal-child{transform:translate3d(0,28px,0)}
.service-item.reveal-child.visible{transform:none}
.about-points span.reveal-child,.contact-details>*:where(.reveal-child){transform:translate3d(24px,0,0)}
.about-points span.reveal-child.visible,.contact-details>*:where(.reveal-child).visible{transform:none}

.hero-media:after{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 72% 36%,rgba(220,233,79,.1),transparent 32%);animation:heroLight 13s ease-in-out infinite alternate;pointer-events:none}
@keyframes heroLight{from{transform:translate3d(-2%,1%,0) scale(.98);opacity:.55}to{transform:translate3d(3%,-2%,0) scale(1.04);opacity:1}}
.hero-grid{animation:gridFloat 18s ease-in-out infinite alternate;will-change:transform}
@keyframes gridFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,12px,0)}}
.hero-panel{transition:transform .5s var(--ease-out),border-color .35s}.hero-panel:hover{transform:translateY(-8px);border-color:var(--accent)}
.hero-stats div{transition:transform .45s var(--ease-out),background .35s}.hero-stats div:hover{transform:translateY(-7px);background:rgba(28,29,24,.88)}
.compare img{transition:transform 1.1s var(--ease-out)}.compare:hover>img,.compare:hover .before img{transform:scale(1.025)}
.testimonial-card{transition:transform .45s var(--ease-out),box-shadow .45s}.testimonial-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(31,31,27,.08)}

@media(max-width:980px){
  .section-head.reveal,.projects-heading.reveal,.testimonial-intro.reveal,.contact-copy.reveal,.manifest-copy.reveal,.about-copy.reveal,.contact-form.reveal,.project .compare.reveal-child,.project .project-copy.reveal-child,.project-reverse .compare.reveal-child,.project-reverse .project-copy.reveal-child{transform:translate3d(0,34px,0)}
  .section-head.reveal.visible,.projects-heading.reveal.visible,.testimonial-intro.reveal.visible,.contact-copy.reveal.visible,.manifest-copy.reveal.visible,.about-copy.reveal.visible,.contact-form.reveal.visible,.project .compare.reveal-child.visible,.project .project-copy.reveal-child.visible,.project-reverse .compare.reveal-child.visible,.project-reverse .project-copy.reveal-child.visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero-media,.hero-media:after,.hero-grid{animation:none!important;transform:none!important}.reveal,.reveal-child{opacity:1!important;transform:none!important}}

/* Aktualizacja v5: pełnoekranowe sekcje, liczniki i szklane przyciski */
.manifest,.section,.projects,.testimonials,.contact{min-height:100svh}
.manifest,.section,.testimonials,.contact{align-items:center}
.project{min-height:min(100svh,980px);padding-block:7vh}
.projects-heading{min-height:55svh;display:flex;flex-direction:column;justify-content:center}

/* Szklane przyciski i linki akcji */
.btn,.ghost-link,.testimonial-controls button,.floating-contact{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 34px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);
  transition:transform .42s var(--ease-out),border-color .35s,box-shadow .35s,background .35s
}
.btn{border-radius:999px;padding:16px 22px 16px 25px}
.btn-light{color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.27),rgba(220,233,79,.14));border-color:rgba(220,233,79,.52)}
.btn-dark{color:var(--ink);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.42));border-color:rgba(255,255,255,.8)}
.btn:before,.ghost-link:before,.testimonial-controls button:before,.floating-contact:before{
  content:"";position:absolute;z-index:-1;inset:-2px auto -2px -55%;width:38%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-18deg);transition:left .7s var(--ease-out)
}
.btn:hover:before,.ghost-link:hover:before,.testimonial-controls button:hover:before,.floating-contact:hover:before{left:125%}
.btn:hover,.ghost-link:hover,.testimonial-controls button:hover,.floating-contact:hover{transform:translateY(-4px);border-color:rgba(220,233,79,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 20px 45px rgba(0,0,0,.2)}
.btn span{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16)}
.btn-dark span{background:rgba(17,17,15,.08)}
.ghost-link{display:inline-flex;align-items:center;gap:13px;border-radius:999px;border-bottom:1px solid rgba(255,255,255,.34);padding:14px 18px;color:#fff}
.ghost-link span{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.12)}
.ghost-link:hover span{transform:rotate(8deg) scale(1.08)}
.testimonial-controls button{border-radius:50%;background:rgba(255,255,255,.24);border-color:rgba(17,17,15,.18)}
.floating-contact{background:rgba(220,233,79,.72);border-color:rgba(255,255,255,.62)}

/* Liczniki */
.hero-stats strong.counter{font-variant-numeric:tabular-nums;min-width:3ch;letter-spacing:-.045em}
.hero-stats div{overflow:hidden}
.hero-stats div:after{content:"";position:absolute;inset:auto -35% -70% auto;width:90px;height:90px;border-radius:50%;background:rgba(220,233,79,.13);filter:blur(5px)}

/* Ikony nie pełnią już funkcji tekstowych strzałek */
.service-item:hover .service-top i{transform:rotate(18deg) scale(1.08)}
.contact-details a>span,.service-top i{border-radius:50%;transition:transform .4s var(--ease-out),background .35s}
.contact-details a:hover>span{transform:scale(1.1);background:rgba(255,255,255,.25)}

@media(max-width:980px){
  .manifest,.section,.projects,.testimonials,.contact{min-height:auto}
  .manifest,.section,.testimonials,.contact{padding-top:110px;padding-bottom:110px}
  .project{min-height:auto;padding-block:20px}
  .projects-heading{min-height:auto;margin-bottom:80px}
}
@media(max-width:560px){
  .btn,.ghost-link{width:100%;justify-content:space-between}
}

/* Aktualizacja v6: stabilizacja realizacji, liczniki i szkło premium */
:root{
  --accent:#c9a47f;
  --accent-rgb:201,164,127;
  --accent-deep:#9c7358;
  --paper:#f3f0ea;
}
.page-loader span{border-top-color:var(--accent)}
.scroll-progress{background:linear-gradient(90deg,var(--accent-deep),var(--accent))}
.cursor-glow{background:radial-gradient(circle,rgba(var(--accent-rgb),.11),transparent 68%)}
.site-header nav a:after,.scroll-cue span,.project-line{background:var(--accent)}
.header-phone small,.hero .eyebrow,.projects .eyebrow,.contact .eyebrow,.hero-panel-no,.hero-stats strong,.project-location{color:var(--accent)}
.manifest-copy em,.projects h2 em{color:var(--accent-deep)}
.hero-media:after{background:radial-gradient(circle at 72% 36%,rgba(var(--accent-rgb),.13),transparent 34%)}
.about-card{background:linear-gradient(145deg,#d6b796,#b98b6d)}
.contact{background:linear-gradient(135deg,#c9a47f 0%,#b9896c 100%)}
.quote-mark{color:var(--accent)}
.stars{color:var(--accent-deep)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-deep)}
.form-success{background:#f2e7dc}

/* Stabilny suwak przed / po: oba zdjęcia zawsze mają identyczny wymiar. */
.compare{isolation:isolate;min-width:0;border-radius:4px;box-shadow:0 24px 65px rgba(0,0,0,.22)}
.compare>img,.before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.compare>img{z-index:0}
.before{position:absolute;z-index:1;inset:0;width:100%;overflow:hidden;border:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);will-change:clip-path}
.before img{max-width:none}
.compare:after{content:"";position:absolute;z-index:4;left:var(--pos);top:0;bottom:0;width:2px;transform:translateX(-1px);background:rgba(255,255,255,.94);box-shadow:0 0 16px rgba(0,0,0,.28);pointer-events:none}
.compare-handle{z-index:6;background:rgba(255,255,255,.24);color:#fff;border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 40px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(18px) saturate(175%);backdrop-filter:blur(18px) saturate(175%)}
.compare input{z-index:8}
.project-stack{gap:clamp(90px,12vw,170px)}
.project{min-height:auto;padding-block:clamp(35px,6vh,85px)}
.projects-heading{min-height:auto;margin-bottom:clamp(70px,10vh,120px)}
.project-number{pointer-events:none}

/* Wyraźniejszy szklany efekt przycisków. */
.btn,.ghost-link,.testimonial-controls button,.floating-contact{
  border:1px solid rgba(255,255,255,.48);
  background:
    linear-gradient(145deg,rgba(255,255,255,.29),rgba(255,255,255,.07) 58%),
    radial-gradient(circle at 22% 10%,rgba(255,255,255,.34),transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.08),
    0 18px 45px rgba(0,0,0,.19);
  -webkit-backdrop-filter:blur(24px) saturate(185%);
  backdrop-filter:blur(24px) saturate(185%);
}
.btn:after,.ghost-link:after,.testimonial-controls button:after,.floating-contact:after{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.24),transparent 34%,transparent 70%,rgba(255,255,255,.1));
}
.btn-light{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.27),rgba(var(--accent-rgb),.18));border-color:rgba(255,255,255,.58)}
.btn-dark{color:#fff;background:linear-gradient(145deg,rgba(24,24,21,.82),rgba(24,24,21,.55));border-color:rgba(255,255,255,.32)}
.btn:hover,.ghost-link:hover,.testimonial-controls button:hover,.floating-contact:hover{border-color:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 24px 55px rgba(0,0,0,.26)}
.btn-light span,.ghost-link span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}

/* Pływający kontakt: czytelny, klikalny i bez nachodzenia na treść. */
.floating-contact{
  z-index:110;right:clamp(16px,2vw,30px);bottom:clamp(16px,2vw,30px);
  width:auto;height:66px;min-width:176px;padding:0 20px 0 13px;border-radius:999px;
  display:flex;align-items:center;justify-content:flex-start;gap:12px;
  color:#fff;background:linear-gradient(145deg,rgba(29,29,26,.78),rgba(29,29,26,.58));
  pointer-events:auto;touch-action:manipulation;
}
.floating-contact>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
.floating-contact small{display:grid;line-height:1.15;text-transform:none;letter-spacing:0}
.floating-contact small b{font-size:11px;text-transform:uppercase;letter-spacing:.11em}
.floating-contact small em{font-size:11px;font-style:normal;color:rgba(255,255,255,.72);white-space:nowrap}

/* Liczniki: stan początkowy i subtelne podkreślenie animacji. */
.hero-stats strong.counter{color:var(--accent);transform-origin:left center}
.hero-stats strong.counter.counting{animation:counterPulse .55s ease-out}
@keyframes counterPulse{0%{opacity:.35;transform:translateY(7px) scale(.92)}100%{opacity:1;transform:none}}
.hero-stats div:after{background:rgba(var(--accent-rgb),.16)}

@media(max-width:980px){
  .projects{min-height:auto}
  .project-stack{gap:85px}
  .project{padding-block:10px}
  .floating-contact{min-width:0;width:60px;height:60px;padding:0;justify-content:center}
  .floating-contact>span{width:42px;height:42px}
  .floating-contact small{display:none}
}
@media(max-width:560px){
  .compare{aspect-ratio:4/3}
  .floating-contact{right:14px;bottom:14px;width:58px;height:58px}
}

/* Aktualizacja v7: pozycja hero, aktywne menu, pełniejsze szkło i animacje dwukierunkowe */
body{cursor:default}
a,button,.btn,.ghost-link,.menu-toggle,.testimonial-controls button,.floating-contact,.compare input{cursor:pointer}
input,textarea{cursor:text}

/* Treść pierwszego ekranu jest uniesiona ponad dolną strefę o wysokość menu. */
@media(min-width:981px){
  .hero{padding-bottom:160px}
  .hero-stats{bottom:154px}
}

/* Aktywna pozycja menu jest widoczna także bez najechania. */
.site-header nav a.active{color:#fff}
.site-header nav a.active:after{right:0}
.site-header nav a.active:before{content:"";position:absolute;left:-11px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-50%);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.13)}

/* Bardziej przezroczyste szkło – tło pozostaje widoczne pod przyciskiem. */
.btn,.ghost-link,.testimonial-controls button,.floating-contact{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 62%);
  border-color:rgba(255,255,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.05),0 16px 42px rgba(0,0,0,.15);
  -webkit-backdrop-filter:blur(28px) saturate(175%);
  backdrop-filter:blur(28px) saturate(175%);
}
.btn-light{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(var(--accent-rgb),.07));border-color:rgba(255,255,255,.5)}
.btn-dark{color:#fff;background:linear-gradient(145deg,rgba(17,17,15,.48),rgba(17,17,15,.22));border-color:rgba(255,255,255,.27)}
.btn:hover,.ghost-link:hover,.testimonial-controls button:hover,.floating-contact:hover{background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.065));border-color:rgba(255,255,255,.78)}

/* Przycisk telefonu pozostaje przyklejony do okna, niezależnie od przewijania. */
.floating-contact{position:fixed!important;inset:auto clamp(16px,2vw,30px) clamp(16px,2vw,30px) auto!important;transform:translateZ(0);will-change:transform;contain:layout paint}
.floating-contact:hover{transform:translate3d(0,-4px,0)}

/* Płynne, spokojne przejście usług bez skokowej zmiany odstępów. */
.service-item{position:relative;padding-left:0;transform:translateZ(0);transition:transform .55s var(--ease-out),background-color .45s,border-color .45s}
.service-item:before{content:"";position:absolute;inset:7px -18px;border-radius:14px;background:rgba(255,255,255,0);transition:background-color .45s var(--ease-out);z-index:-1}
.service-item:hover{padding-left:0;transform:translate3d(14px,0,0)}
.service-item:hover:before{background:rgba(255,255,255,.42)}
.service-top i{transition:transform .55s var(--ease-out),background-color .4s}

/* Po wyjściu z pola widzenia element wraca do stanu początkowego, dzięki czemu
   animacja pojawia się ponownie podczas przewijania w obu kierunkach. */
.reveal,.reveal-child{transition-duration:.82s;transition-timing-function:var(--ease-out)}

@media(max-width:980px){
  .site-header nav a.active:before{left:-12px}
  .floating-contact{right:14px!important;bottom:14px!important}
  .service-item:hover{transform:none}
}

/* Aktualizacja v8: korekta hero, czytelny przycisk telefonu i delikatniejsze szkło */
@media (min-width:981px){
  .hero{
    align-items:center;
    padding-top:118px;
    padding-bottom:76px;
  }
  .hero-copy,
  .hero-panel{
    transform:translate3d(0,-46px,0);
  }
  .hero-copy .hero-in,
  .hero-panel.hero-in{
    transform:translate3d(0,34px,0);
  }
  .hero-copy .hero-in{
    animation-name:heroInRaised;
  }
  .hero-panel.hero-in{
    animation-name:heroPanelInRaised;
  }
  .hero-stats{
    bottom:58px;
  }
}
@keyframes heroInRaised{
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes heroPanelInRaised{
  to{opacity:1;transform:translate3d(0,-46px,0)}
}

/* Szkło jest niemal przezroczyste, ale tekst i ikony pozostają zawsze ponad refleksami. */
.btn,
.ghost-link,
.testimonial-controls button{
  isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.018) 68%);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(255,255,255,.025),0 15px 38px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
}
.btn>* ,
.ghost-link>* ,
.testimonial-controls button>* ,
.floating-contact>*{
  position:relative;
  z-index:2;
}
.btn:before,.btn:after,
.ghost-link:before,.ghost-link:after,
.testimonial-controls button:before,.testimonial-controls button:after,
.floating-contact:before,.floating-contact:after{
  z-index:1;
  pointer-events:none;
}
.btn:hover,
.ghost-link:hover,
.testimonial-controls button:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.58);
}

/* Przycisk formularza: jasne szkło z piaskowym tonem i ciemną, niezmienną treścią. */
.contact-form .btn{
  color:#28231d;
  background:linear-gradient(145deg,rgba(211,188,151,.23),rgba(255,255,255,.34) 58%,rgba(211,188,151,.10));
  border:1px solid rgba(166,132,87,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(145,112,70,.08),0 16px 38px rgba(94,72,45,.12);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
}
.contact-form .btn span{
  color:#28231d;
  background:rgba(255,255,255,.30);
  border-color:rgba(133,102,62,.22);
}
.contact-form .btn:hover{
  color:#211d18;
  background:linear-gradient(145deg,rgba(211,188,151,.31),rgba(255,255,255,.42) 58%,rgba(211,188,151,.16));
  border-color:rgba(150,112,64,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 20px 44px rgba(94,72,45,.16);
}
.contact-form .btn:hover span,
.contact-form .btn:hover .icon{
  color:#211d18;
  stroke:currentColor;
}

/* Telefon jest ukryty w hero i w końcowej części strony. JS dodaje klasę is-visible. */
.floating-contact{
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,18px,0)!important;
  background:linear-gradient(145deg,rgba(28,26,22,.72),rgba(20,19,17,.48));
  border:1px solid rgba(255,255,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 18px 42px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
  transition:opacity .35s ease,visibility .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s;
}
.floating-contact.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0)!important;
}
.floating-contact.is-visible:hover{
  transform:translate3d(0,-4px,0)!important;
  background:linear-gradient(145deg,rgba(36,33,28,.78),rgba(21,20,18,.56));
  border-color:rgba(255,255,255,.62);
}
.floating-contact>span{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.30);
}
.floating-contact small em{color:rgba(255,255,255,.78)}

@media(max-width:980px){
  .hero-copy,.hero-panel{transform:none}
  .floating-contact{transform:translate3d(0,14px,0)!important}
  .floating-contact.is-visible{transform:translate3d(0,0,0)!important}
}


/* Aktualizacja v9: formularz AJAX, komunikaty, pełne menu i stopka */
.site-header nav{gap:clamp(14px,1.6vw,28px)}
.site-header nav a{white-space:nowrap}
.contact-form .form-status:empty{display:none}
.form-status{margin-bottom:18px}
.form-success,.form-error{margin:0;padding:13px 15px;border-radius:10px;font-size:14px;font-weight:700}
.form-success{background:rgba(83,137,92,.12);border:1px solid rgba(83,137,92,.28);color:#315f39}
.form-error{background:rgba(176,60,48,.10);border:1px solid rgba(176,60,48,.25);color:#8c2f27}
.contact-form label{position:relative}
.contact-form label.has-error input,.contact-form label.has-error textarea{border-color:#a73d32}
.field-error{display:block;min-height:18px;margin-top:5px;color:#9d332a;font-size:11px;font-weight:700}
.field-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.char-counter{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}
.char-counter b{color:inherit}
.contact-form button:disabled{opacity:.62;cursor:wait;transform:none}
.contact-form button.is-loading .button-icon{animation:softPulse .8s ease-in-out infinite alternate}
@keyframes softPulse{to{opacity:.35;transform:scale(.92)}}
body>footer a[href*="netdesignstudio"]{font-weight:800;transition:opacity .25s}
body>footer a[href*="netdesignstudio"]:hover{opacity:.62}
@media(max-width:1180px) and (min-width:981px){.site-header{padding-inline:3vw;gap:20px}.site-header nav{gap:14px;font-size:11px}.brand img{width:160px}.header-phone{display:none}}
@media(max-width:980px){
 .site-header nav a.active{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
 .site-header nav a.active:before{left:14px;top:50%}
 .site-header nav a{padding-left:30px}
}

/* Aktualizacja v10: kontakt, typografia sterowana z panelu */
body{font-size:var(--font-body)}
.hero-copy{font-size:calc(1em * var(--scale-hero))}.hero h1{font-size:calc(var(--font-h1) * var(--scale-hero));max-font-size:none}
.services .section-body{font-size:calc(1em * var(--scale-services))}.services h2{font-size:calc(var(--font-h2) * var(--scale-services))}.service-top h3{font-size:calc(var(--font-h3) * var(--scale-services))}
.projects{font-size:calc(1em * var(--scale-projects))}.projects h2{font-size:calc(var(--font-h2) * var(--scale-projects))}.project-copy h3{font-size:calc(var(--font-h3) * var(--scale-projects) * 1.45)}
.about{font-size:calc(1em * var(--scale-about))}.about h2{font-size:calc(var(--font-h2) * var(--scale-about))}
.testimonials{font-size:calc(1em * var(--scale-testimonials))}.testimonials h2{font-size:calc(var(--font-h2) * var(--scale-testimonials))}
.contact{font-size:calc(1em * var(--scale-contact));padding-top:clamp(70px,8vh,110px);padding-bottom:clamp(70px,8vh,110px)}.contact h2{font-size:calc(var(--font-h2) * var(--scale-contact))}
.contact-details{display:grid;gap:10px;margin-top:24px}.contact-detail{display:flex!important;align-items:center;justify-content:flex-start!important;gap:14px;padding:10px 0!important}.contact-detail>span:last-child{display:grid;min-width:0}.contact-detail-icon{order:-1;display:grid!important;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.07)}.contact-detail-icon .icon{width:18px;height:18px}.contact-details small{line-height:1.1}.contact-details strong{line-height:1.25;overflow-wrap:anywhere}
.contact-form .btn{display:inline-flex!important;width:auto!important;min-width:max-content;white-space:nowrap;flex-direction:row!important;align-items:center;justify-content:space-between}.contact-form .button-label,.contact-form .button-icon{display:inline-flex!important;white-space:nowrap}.contact-form{align-content:center}.contact-form textarea{min-height:105px}
@media(max-width:980px){.hero h1{font-size:clamp(45px,12vw,var(--font-h1))}.projects h2,.about h2,.testimonials h2,.contact h2,.services h2{font-size:clamp(34px,8vw,var(--font-h2))}}

/* Aktualizacja v11: stabilny układ kontaktu i czytelny przycisk formularza */
@media (min-width:981px){
  .contact{
    min-height:100svh;
    padding:clamp(56px,7vh,82px) 6vw;
    grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
    gap:clamp(48px,6vw,96px);
    align-items:center;
  }
  .contact-copy h2{margin-bottom:22px}
  .contact-copy>p{margin-top:0;margin-bottom:0}
  .contact-form{padding:clamp(32px,3vw,44px)}
}
.contact-details{
  display:grid!important;
  gap:0!important;
  margin-top:clamp(20px,3vh,34px)!important;
}
.contact-details .contact-detail{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-width:0;
  padding:11px 0!important;
  border-bottom:1px solid rgba(22,18,14,.16);
}
.contact-details .contact-detail>span{
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.contact-details .contact-detail>.contact-detail-icon{
  order:0!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  border-radius:50%;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.26);
}
.contact-details .contact-detail>.contact-detail-icon .icon{width:18px;height:18px}
.contact-details .contact-detail>span:last-child{
  display:grid!important;
  gap:2px;
  min-width:0;
  flex:1 1 auto;
}
.contact-details .contact-detail small,
.contact-details .contact-detail strong{display:block;position:static!important;margin:0}
.contact-details .contact-detail strong{font-size:clamp(14px,1.05vw,17px);line-height:1.3;overflow-wrap:anywhere}

.contact-form .btn{
  display:inline-flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:auto!important;
  min-width:230px!important;
  max-width:100%;
  min-height:58px;
  padding:14px 18px 14px 24px!important;
  color:#241d17!important;
  white-space:nowrap!important;
  background:linear-gradient(145deg,rgba(205,170,132,.34),rgba(255,255,255,.72) 52%,rgba(190,145,101,.22))!important;
  border:1px solid rgba(143,101,62,.30)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(119,79,44,.08),0 15px 34px rgba(87,61,39,.13)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
}
.contact-form .btn:before{opacity:.42}
.contact-form .btn .button-label{
  display:inline-flex!important;
  position:relative!important;
  z-index:3;
  width:auto!important;
  color:#241d17!important;
  background:none!important;
  border:0!important;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap!important;
}
.contact-form .btn .button-icon{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:3;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  color:#241d17!important;
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(121,83,49,.18)!important;
  border-radius:50%!important;
}
.contact-form .btn .button-icon .icon{width:18px;height:18px;stroke:currentColor!important}
.contact-form .btn:hover{
  color:#241d17!important;
  transform:translateY(-3px);
  background:linear-gradient(145deg,rgba(211,174,134,.43),rgba(255,255,255,.82) 52%,rgba(190,145,101,.28))!important;
  border-color:rgba(143,101,62,.42)!important;
  box-shadow:inset 0 1px 0 #fff,0 20px 42px rgba(87,61,39,.17)!important;
}
.contact-form .btn:hover .button-label,
.contact-form .btn:hover .button-icon{color:#241d17!important;opacity:1!important;visibility:visible!important}
.contact-form .form-note{line-height:1.45}

@media(max-width:980px){
  .contact{padding-top:80px;padding-bottom:80px}
  .contact-form .btn{width:auto!important;min-width:220px!important}
}
@media(max-width:560px){
  .contact-form .btn{width:100%!important;min-width:0!important;justify-content:space-between!important}
}

/* Aktualizacja v12: dopracowana, kompaktowa sekcja kontaktowa */
@media (min-width:981px){
  .contact{
    min-height:100svh!important;
    padding:clamp(82px,9vh,104px) clamp(54px,5.2vw,96px) clamp(44px,5vh,66px)!important;
    grid-template-columns:minmax(390px,.88fr) minmax(610px,1.12fr)!important;
    column-gap:clamp(50px,5vw,88px)!important;
    align-items:center!important;
  }
  .contact-copy{
    align-self:center;
    width:min(100%,690px);
    padding-top:0;
  }
  .contact-copy .eyebrow{margin:0 0 18px}
  .contact-copy h2{
    max-width:680px;
    margin:0 0 22px!important;
    font-size:clamp(48px,4.25vw,74px)!important;
    line-height:.98;
  }
  .contact-copy>p{
    max-width:620px;
    font-size:clamp(15px,1.05vw,18px);
    line-height:1.55;
  }
  .contact-details{
    width:min(100%,620px);
    margin-top:clamp(24px,3.4vh,36px)!important;
  }
  .contact-form{
    width:100%;
    max-width:850px;
    justify-self:end;
    padding:clamp(34px,3vw,48px)!important;
    box-shadow:0 28px 65px rgba(67,43,25,.13)!important;
  }
}

.contact-details .contact-detail{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  column-gap:15px!important;
  min-height:58px;
  padding:8px 0!important;
}
.contact-details .contact-detail>.contact-detail-icon{
  width:42px!important;
  height:42px!important;
  flex:none!important;
  align-self:center;
  justify-self:start;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.contact-details .contact-detail>span:last-child{
  align-self:center;
  display:block!important;
  min-width:0;
  padding:0!important;
}
.contact-details .contact-detail small{
  margin:0 0 3px!important;
  font-size:9px;
  line-height:1.1;
  letter-spacing:.18em;
}
.contact-details .contact-detail strong{
  margin:0!important;
  font-size:clamp(15px,1.05vw,18px)!important;
  line-height:1.28!important;
  white-space:normal;
}

.contact-form .form-heading{margin-bottom:24px}
.contact-form .form-heading h3,
.contact-form .form-heading span{margin-top:0}
.contact-form .form-grid{gap:18px 16px}
.contact-form label{margin:0}
.contact-form label>span{margin-bottom:7px}
.contact-form input{
  min-height:54px;
  padding:12px 14px;
}
.contact-form textarea{
  min-height:112px!important;
  max-height:160px;
  padding:13px 14px;
}
.contact-form .field-footer{margin-top:5px}
.contact-form .btn{
  min-width:0!important;
  min-height:54px!important;
  padding:10px 14px 10px 22px!important;
  gap:18px!important;
  color:#211b16!important;
  background:linear-gradient(135deg,rgba(204,163,121,.18),rgba(255,255,255,.64) 48%,rgba(196,148,101,.14))!important;
  border:1px solid rgba(153,109,69,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 12px 28px rgba(77,50,29,.10)!important;
}
.contact-form .btn:after{
  opacity:.20!important;
}
.contact-form .btn .button-label{
  color:#211b16!important;
  line-height:1!important;
}
.contact-form .btn .button-icon{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(130,88,50,.16)!important;
}
.contact-form .btn:hover{
  background:linear-gradient(135deg,rgba(204,163,121,.26),rgba(255,255,255,.76) 48%,rgba(196,148,101,.20))!important;
  color:#211b16!important;
}
.contact-form .form-note{
  margin-top:16px;
  font-size:13px;
  line-height:1.45;
}

@media (min-width:981px) and (max-height:850px){
  .contact{padding-top:78px!important;padding-bottom:30px!important}
  .contact-copy h2{font-size:clamp(42px,3.65vw,62px)!important;margin-bottom:16px!important}
  .contact-copy>p{font-size:15px;line-height:1.45}
  .contact-details{margin-top:20px!important}
  .contact-details .contact-detail{min-height:52px;padding:5px 0!important}
  .contact-details .contact-detail>.contact-detail-icon{width:38px!important;height:38px!important}
  .contact-form{padding:30px 36px!important}
  .contact-form .form-heading{margin-bottom:18px}
  .contact-form .form-grid{gap:13px 15px}
  .contact-form input{min-height:48px}
  .contact-form textarea{min-height:92px!important;max-height:112px}
  .contact-form .btn{min-height:50px!important}
  .contact-form .form-note{margin-top:12px}
}

@media (max-width:980px){
  .contact{gap:42px!important}
  .contact-copy{max-width:720px}
  .contact-details{max-width:620px}
  .contact-form{width:100%;max-width:760px;margin-inline:auto}
}

/* v13 — poprawa podświetlenia danych kontaktowych */
.contact-details a.contact-detail:hover > span:last-child,
.contact-details .contact-detail:hover > span:last-child{
  transform:none!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.contact-details a.contact-detail:hover > .contact-detail-icon,
.contact-details .contact-detail:hover > .contact-detail-icon{
  transform:translateY(-1px) scale(1.05)!important;
  background:rgba(255,255,255,.19)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 8px 20px rgba(69,42,23,.10)!important;
}
.contact-details .contact-detail,
.contact-details .contact-detail > span{
  transition:transform .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}

/* Aktualizacja v14 */
.hero-actions .btn,.hero-actions .ghost-link{font-size:14px;line-height:1.2;letter-spacing:0;font-family:inherit}
.hero-panel p{margin-top:0}.hero-panel-no,.project-number,.form-heading b,.section-index>span{display:none!important}
.service-top{grid-template-columns:1fr 30px}.service-top>span{display:none}
.project-viewport{overflow:hidden}.project-stack{transition:opacity .32s ease,transform .42s cubic-bezier(.2,.75,.2,1)}
.project-stack.is-changing{opacity:0;transform:translateX(var(--page-direction,40px))}
.project[data-page-hidden]{display:none!important}
.project-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:70px}
.project-pagination button{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(18px);transition:background .3s,transform .3s,border-color .3s}
.project-pagination button:hover:not(:disabled){background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.48);transform:translateY(-2px)}
.project-pagination button:disabled{opacity:.3;cursor:default}.project-pagination .icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.project-pagination span{min-width:72px;text-align:center;font-size:12px;letter-spacing:.14em;color:#aead9f}.project-pagination b,.project-pagination em{font-style:normal;color:#fff}

.auth-body{position:relative;isolation:isolate;overflow:hidden;background:#181713}
.auth-backdrop{position:absolute;z-index:-2;inset:0;background:linear-gradient(105deg,rgba(15,14,12,.96),rgba(15,14,12,.64)),url('/assets/img/logo-malarska-perfekcja-dark.svg') center/62% auto no-repeat;filter:saturate(.2)}
.auth-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(190,151,113,.24),transparent 36%),linear-gradient(135deg,transparent 45%,rgba(255,255,255,.035) 45.2%,transparent 45.5%)}
.auth-panel{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.45);box-shadow:0 32px 90px rgba(0,0,0,.38);backdrop-filter:blur(26px)}
.auth-security{display:block;margin-top:22px;color:#777;line-height:1.45}
.editor-section .editor-fields{display:none}.editor-section.is-open .editor-fields{display:grid}.editor-section-head>div{display:grid;gap:3px}.edit-section{min-width:84px}.editor-section:not(.is-open){padding-bottom:18px}.editor-section.is-open{box-shadow:0 10px 35px rgba(0,0,0,.045)}
@media(max-width:750px){.project-pagination{margin-top:42px}.project-pagination button{width:48px;height:48px}.auth-backdrop{background-size:125% auto}.hero-actions .btn,.hero-actions .ghost-link{font-size:13px}}

/* Aktualizacja v15: jedna realizacja na ekran i mobilny modal opisu */
.project-stack [data-page-hidden]{display:none!important}
.project-stack>.project{margin-inline:auto;width:100%;max-width:1500px}
.project-more{display:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:13px 17px;align-items:center;gap:10px;font-weight:700;cursor:pointer;backdrop-filter:blur(16px);transition:background .25s,border-color .25s,transform .25s}
.project-more .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.project-more:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}
.project-modal[hidden]{display:none}.project-modal{position:fixed;z-index:150;inset:0;display:grid;place-items:end center;padding:18px;opacity:0;visibility:hidden;transition:opacity .26s,visibility .26s}.project-modal.is-open{opacity:1;visibility:visible}.project-modal-backdrop{position:absolute;inset:0;background:rgba(16,14,12,.72);backdrop-filter:blur(13px)}.project-modal-panel{position:relative;width:min(100%,620px);max-height:min(78vh,720px);overflow:auto;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,226,213,.94));color:#1d1915;border:1px solid rgba(255,255,255,.7);border-radius:28px 28px 18px 18px;padding:34px 28px 30px;box-shadow:0 30px 90px rgba(0,0,0,.38);transform:translateY(35px) scale(.985);transition:transform .3s cubic-bezier(.2,.78,.2,1)}.project-modal.is-open .project-modal-panel{transform:none}.project-modal-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(34,27,21,.14);background:rgba(255,255,255,.42);display:grid;place-items:center;cursor:pointer}.project-modal-close .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.project-modal-panel h3{font-size:clamp(28px,7vw,42px);line-height:1.08;margin:12px 42px 20px 0}.project-modal-panel .eyebrow{color:#8b674c}.project-modal-text{font-size:16px;line-height:1.75;color:#50483f}.modal-open{overflow:hidden}
@media(max-width:750px){.projects{padding-bottom:72px}.project-copy .project-description,.project-copy .project-line{display:none}.project-copy{padding-bottom:8px}.project-more{display:inline-flex;margin-top:10px}.project-pagination{margin-top:30px}.project-modal{align-items:end;padding:10px}.project-modal-panel{border-radius:25px 25px 14px 14px;padding:32px 23px 27px}}

/* v18 front improvements */
.manifest-mark{display:grid;place-items:start}
.manifest-mark img{width:min(360px,100%);opacity:.18;filter:sepia(.35) saturate(.8) hue-rotate(-10deg)}
.about-card{position:relative;overflow:hidden;background:#161613;color:#fff;padding:38px;gap:18px;transform:rotate(-1.5deg)}
.about-card-media{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,11,.16),rgba(13,13,11,.72)),url('/assets/img/about-room-protected.png') center/cover no-repeat;opacity:.98}
.about-logo,.about-card p{position:relative;z-index:1}
.about-logo{margin:0}
.about-logo img{width:74%;max-width:280px;filter:none;mix-blend-mode:normal}
.about-card p{margin-top:auto;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.88)}
@media(max-width:980px){.manifest-mark img{width:min(240px,80vw)}.about-card{min-height:380px}}

/* v20: bardziej zwarta prezentacja realizacji i poprawka logo Podejście */
@media (min-width:981px){
  .projects{padding-top:105px;padding-bottom:90px}
  .projects-heading{max-width:900px;margin:0 0 48px 14vw;min-height:auto}
  .projects-heading h2{margin-bottom:18px}
  .projects-heading>p:last-child{margin-bottom:0}
  .project-stack{gap:0}
  .project{gap:clamp(40px,5vw,82px);align-items:center}
  .project-copy h3{margin:10px 0 20px}
  .project-copy>p:not(.project-location){margin-top:0;margin-bottom:0;line-height:1.65}
  .project-line{margin-top:24px}
  .project-pagination{margin-top:38px}
}
@media (max-width:980px){
  .manifest-mark{display:none!important;position:static!important}
  .manifest-mark img{display:none!important}
}