:root{--bg:#111318;--panel:#191c22;--ink:#f4f5f7;--muted:#a8adb7;--red:#ee334a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}header{position:sticky;top:0;z-index:30;background:#111318ee;backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;padding:18px 5%;border-bottom:1px solid #ffffff12}.logo{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:1px;line-height:1.2}.logo b{color:var(--red)}.logo small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:var(--muted)}.mark{color:var(--red);font-size:48px;line-height:1}nav{display:flex;align-items:center;gap:30px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;border:1px solid var(--red);padding:15px 23px;font-size:13px;font-weight:700;border-radius:9px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d5253c}.ghost{background:#ffffff08;border-color:#ffffff45}.ghost:hover{background:#ffffff18}#menu{display:none}.hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:75% 55%}.hero-shade{background:linear-gradient(90deg,#111318f5 0%,#111318cd 35%,#11131835 75%),linear-gradient(0deg,#111318 0%,transparent 35%)}.hero-content{position:relative;z-index:1;width:min(1250px,90%);margin:auto;padding:80px 0 90px}.tag,.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700}.tag{display:flex;align-items:center;gap:12px}.tag i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 20px var(--red)}h1{font-size:clamp(58px,7.5vw,108px);font-weight:900;line-height:.99;letter-spacing:-5px;margin:30px 0}h1 em{font-style:normal;color:var(--red)}.hero p{font-size:19px;color:#d1d4db}.actions{display:flex;gap:14px;margin:30px 0 65px}.hero-bottom{display:flex;gap:30px;font-size:9px;letter-spacing:1.4px;color:#b5bbc4}.hero-bottom span:before{content:'✓';color:var(--red);margin-right:8px}.scroll{position:absolute;right:5%;bottom:50px;font-size:10px;letter-spacing:2px}.ticker{padding:22px 5%;text-align:center;letter-spacing:3px;font-size:12px;word-spacing:15px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;color:#b1b6be;overflow:hidden}.ticker b{color:var(--red)}.wrap{width:min(1250px,90%);margin:auto}section.wrap{padding:100px 0}.intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.intro>p,.intro>div:last-child>p{max-width:370px;color:var(--muted)}.eyebrow{display:block;color:var(--red);margin-bottom:20px}h2{font-size:clamp(34px,4vw,55px);line-height:1.13;letter-spacing:-2px;margin:0 0 25px}h2 span{color:#9299a6}h3{font-size:23px;line-height:1.2;letter-spacing:-.5px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services article{background:linear-gradient(135deg,#20242d,#171a20);border:1px solid #ffffff12;padding:32px;border-radius:16px;transition:transform .2s,border-color .2s}.services article:hover{transform:translateY(-5px);border-color:#ee334a70}.number{display:block;font-size:12px;color:var(--red);margin-bottom:35px}.services p,.steps p{color:var(--muted);font-size:14px}.works{padding:100px 0;background:#16191f}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters button{background:transparent;color:var(--muted);border:1px solid #ffffff20;padding:10px 20px;border-radius:30px;font-size:12px}.filters button.active{background:var(--red);color:#fff;border-color:var(--red)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{position:relative;overflow:hidden;background:#252933;border:1px solid #ffffff12;border-radius:15px;padding:0;color:white;text-align:left}.project.wide{grid-column:span 2}.project img{width:100%;height:310px;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.04)}.project span{display:flex;justify-content:space-between;padding:18px 22px;font-size:14px}.project b{color:var(--red)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{position:relative}.about-photo img{height:540px;width:100%;object-fit:cover;border-radius:15px}.about-photo>span{position:absolute;bottom:25px;left:25px;background:var(--red);padding:12px 18px;font-size:10px;letter-spacing:1px}.about p{color:var(--muted)}.checks{padding:0;list-style:none;margin:25px 0}.checks li{border-bottom:1px solid #ffffff15;padding:12px 0;font-size:14px}.checks li:before{content:'✓';color:var(--red);margin-right:15px}.text-link{font-size:13px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #ffffff20;padding-top:25px}.steps b{font-size:35px;color:var(--red)}.area{background:var(--red);padding:75px 0}.area .intro{margin:0}.area .eyebrow,.area p{color:white!important}.area .intro>div{flex:1}.faq{max-width:900px}details{padding:23px 0;border-bottom:1px solid #ffffff20}summary{cursor:pointer;font-size:18px}details p{color:var(--muted);font-size:14px}.contact{padding:100px 0;background:#191c23}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.phone{font-size:35px;display:block;letter-spacing:-1px;margin:40px 0 10px}address{font-style:normal;color:var(--muted);margin:35px 0 15px;font-size:14px}form{padding:35px;border:1px solid #ffffff15;border-radius:18px;background:#20242c}form h3{margin:0 0 25px}label{display:block;font-size:12px;margin-bottom:17px;color:#d7dae0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea,select{width:100%;background:#14171d;color:#fff;border:1px solid #3a404b;padding:12px;border-radius:7px;display:block;margin-top:7px;font-size:14px}textarea{min-height:110px;resize:vertical}.note,#status{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:30px 0!important;color:var(--muted);font-size:12px}footer button{background:none;border:0;color:inherit}.mobile-bar{display:none}dialog{background:#171b23;color:white;border:1px solid #3a404b;border-radius:15px;max-width:90vw;width:1000px;padding:20px}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}dialog img{max-height:75vh;object-fit:contain;margin:auto}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;right:12px;top:12px;border:0;background:#fff;color:#222;font-size:25px;width:40px;height:40px;border-radius:50%}#privacy-dialog{max-width:650px;padding:45px}#privacy-dialog h2{font-size:32px}[hidden]{display:none!important}:focus-visible{outline:3px solid #ee334a;outline-offset:5px}@media(max-width:900px){nav{gap:17px}.services{grid-template-columns:1fr 1fr}.about,.contact-grid{gap:35px}.hero{min-height:680px}.gallery{grid-template-columns:1fr 1fr}.project.wide{grid-column:auto}.project img{height:250px}}@media(max-width:650px){header{padding:13px 5%}.logo{font-size:13px}.mark{font-size:38px}#menu{display:block;background:none;border:0;color:white;font-size:25px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#15181f;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:740px;align-items:end}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(0deg,#111318 2%,#111318e6 43%,#11131840 100%)}.hero-content{padding:160px 0 55px}h1{font-size:62px;letter-spacing:-3px}.hero p{font-size:16px}.tag{font-size:9px;letter-spacing:1.4px}.actions{flex-direction:column;align-items:stretch;margin:25px 0 35px;max-width:340px}.hero-bottom{flex-wrap:wrap;gap:12px;font-size:8px}.scroll{display:none}.ticker{font-size:9px;letter-spacing:1px;word-spacing:3px}.intro{display:block}.intro p{font-size:14px}.services{gap:12px}.services article{padding:22px 18px}.services h3{font-size:21px}.services p{font-size:13px}.number{margin-bottom:25px}section.wrap,.works,.contact{padding:65px 0}.gallery{grid-template-columns:1fr}.project img{height:280px}.about,.contact-grid{grid-template-columns:1fr;gap:35px}.about-photo img{height:350px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin:12px 0}.area{padding:60px 0}.area .intro>div+div{margin-top:30px}.contact form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.phone{font-size:30px}footer{padding-bottom:95px!important;gap:20px;flex-wrap:wrap}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#111318;padding:9px;gap:9px;border-top:1px solid #ffffff20}.mobile-bar a{flex:1;text-align:center;padding:11px 5px;font-size:12px;font-weight:700;border-radius:7px;background:var(--red)}.mobile-bar a:first-child{background:#292e38}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V3 — refined typography, light service section, architectural gallery */
:root{--red:#e62d43;--bg:#101216;--muted:#9da4af}body{font-family:Arial,Helvetica,sans-serif}header{padding-top:15px;padding-bottom:15px}.mark{font-size:20px;font-weight:900;border:1px solid #e62d4370;width:49px;height:49px;display:grid;place-items:center;border-radius:12px;letter-spacing:-2px;background:#e62d430c}.logo{font-size:15px}.logo small{font-size:7px;letter-spacing:2.7px}.button{border-radius:5px;padding:17px 25px;font-size:12px;letter-spacing:.2px}.hero{min-height:790px}.hero-image{object-position:75% 44%}.hero-shade{background:linear-gradient(90deg,#101216 0%,#101216e8 24%,#1012167a 52%,#10121605 78%),linear-gradient(0deg,#101216f5,transparent 45%)}.hero-content{padding:70px 0 80px}.hero h1{font-size:clamp(68px,8.2vw,118px);line-height:.91;letter-spacing:-6px;margin:35px 0 28px;max-width:700px}.hero h1 em{color:#f2f3f5;-webkit-text-stroke:1px #f2f3f5}.hero h1 em:after{content:'.';color:var(--red);-webkit-text-stroke:0}.hero h1 em{font-size:.92em}.hero p{font-size:16px;line-height:1.9;color:#b4bcc6}.hero p strong{font-weight:400;color:white}.hero .actions{margin-bottom:55px}.hero-index{position:absolute;right:5%;top:45px;z-index:2;letter-spacing:3px;color:#fff9;font-size:10px}.hero-caption{position:absolute;bottom:75px;right:5%;z-index:2;border-left:2px solid var(--red);padding:0 0 0 20px}.hero-caption span,.hero-caption small{display:block;font-size:9px;letter-spacing:1.4px;color:#e1e4e7}.hero-caption b{display:block;font-size:22px;letter-spacing:-.5px;margin:8px 0}.ticker{font-size:10px;letter-spacing:2.7px;padding:23px 4%;color:#969eaa;background:#15181d}section#usluge{width:100%;max-width:none;background:#f0f0ed;color:#20242a;padding:100px max(5%,calc((100% - 1250px)/2))}#usluge h2 span{color:#767e85}#usluge .intro p{color:#606870}.services{gap:0;border-top:1px solid #cfd2d0;border-left:1px solid #cfd2d0}.services article{position:relative;padding:38px;background:transparent;border:0;border-right:1px solid #cfd2d0;border-bottom:1px solid #cfd2d0;border-radius:0;transition:background .25s}.services article:hover{transform:none;background:#fff}.services .number{position:absolute;top:32px;right:30px;font-size:10px;color:#899097}.service-icon{width:43px;height:43px;stroke:#d72b40;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:32px}.services h3{font-size:25px;margin:0 0 14px;letter-spacing:-.8px}.services p{color:#626b73;font-size:14px;min-height:75px;margin-bottom:25px}.service-note{border-top:1px solid #d6d9d6;padding-top:17px;font-size:10px;color:#69727a;line-height:1.8}.works{background:#101216;padding:110px 0}.works .intro h2{font-size:56px}.filters button{border-radius:5px;padding:10px 18px}.gallery{grid-template-columns:repeat(2,1fr);gap:28px}.project,.project.wide{grid-column:auto;border-radius:8px;background:none;border:0}.project img{height:350px;border-radius:8px;filter:saturate(.82);object-position:center}.project:hover img{filter:saturate(1);transform:scale(1.015)}.project span{padding:19px 0 13px;border-bottom:1px solid #ffffff22;font-size:16px;font-weight:500}.about-photo img{border-radius:8px}.about-photo>span{background:#111318ed;left:20px;bottom:20px;border-left:3px solid var(--red);padding:17px 20px}.about h2{font-size:49px}.about p{font-size:15px}.checks li{font-size:13px}.process h2{font-size:42px}.steps article{padding-top:25px}.steps b{font-size:15px;border:1px solid #ee334a55;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.steps h3{margin-top:23px;font-size:23px}.area{background:#1d222a;position:relative;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:80px 0}.area:before{content:'';position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--red)}.area .eyebrow{color:var(--red)!important}.area p{color:#b3bbc6!important}.area h2{font-size:48px}.faq h2{font-size:45px}summary{font-size:17px;padding-right:15px}.contact{background:#eff0ed;color:#1d2228;padding:100px 0}.contact h2{font-size:60px;letter-spacing:-3px}.contact h2 span{color:#7a8289}.contact address{color:#646d74}.contact form{background:#fff;border:1px solid #d8dbd6;border-radius:9px;box-shadow:0 20px 65px #22252a08}.contact form h3{font-size:25px}.contact label{color:#4b535b;font-size:11px}.contact input,.contact textarea,.contact select{background:#f5f6f3;color:#222;border-color:#d9ddd7;border-radius:4px}.contact .note,.contact #status{color:#69727a}.contact .phone{font-weight:700}.map-section{padding-top:85px!important;padding-bottom:85px!important}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.map-heading h2{margin-bottom:0;font-size:45px}.map-address{display:flex;flex-direction:column;align-items:flex-start;font-size:14px;gap:5px}.map-address>span{color:var(--muted);margin-bottom:12px}.map-frame{border:1px solid #ffffff1e;border-radius:9px;overflow:hidden;min-height:400px;background:#1b2028}.map-placeholder{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(ellipse at center,#2a333f,#191e26 70%)}.map-pin{font-size:45px;color:var(--red);line-height:1}.map-placeholder h3{margin:20px 0 0}.map-placeholder p{color:var(--muted);font-size:13px}.map-placeholder small{font-size:10px;color:var(--muted);margin-top:16px}.map-frame iframe{width:100%;height:440px;border:0;display:block}.project:focus-visible{outline-offset:6px}@media(max-width:900px){.hero-caption{max-width:230px}.hero-caption small{line-height:1.6}.services article{padding:28px}.services p{min-height:100px}.project img{height:280px}.about h2{font-size:40px}.contact h2{font-size:48px}.contact-grid{gap:40px}.hero h1{font-size:85px}}@media(max-width:650px){header{padding:12px 5%}.logo{font-size:12px}.mark{width:41px;height:41px;font-size:17px}.logo small{font-size:6px;letter-spacing:2px}.hero{min-height:810px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(0deg,#101216 0%,#101216e8 44%,#10121645 100%)}.hero-index{top:27px;font-size:8px}.hero-content{padding:180px 0 48px}.hero h1{font-size:76px;letter-spacing:-4px;line-height:.94;margin:27px 0}.hero p{font-size:14px;line-height:1.8}.hero-caption{display:none}.hero .actions{margin:25px 0 30px;gap:10px}.hero-bottom{font-size:7px;gap:12px}.ticker{font-size:8px;letter-spacing:.8px}section#usluge{padding:65px 5%}.services{grid-template-columns:1fr}.services article{padding:28px;display:block}.services .number{top:25px;right:25px}.service-icon{width:34px;height:34px;margin-bottom:23px}.services p{min-height:0;max-width:450px;margin-bottom:22px}.services h3{font-size:25px}.service-note{font-size:10px}.works .intro h2,.about h2,.area h2{font-size:39px}.gallery{grid-template-columns:1fr;gap:25px}.project img{height:280px}.project span{font-size:14px}.about-photo img{height:330px}.process h2,.faq h2{font-size:35px}.contact h2{font-size:49px}.phone{font-size:29px!important}.contact form{padding:24px}.map-heading{display:block}.map-heading h2{font-size:37px}.map-address{margin-top:25px}.map-frame,.map-placeholder{min-height:340px}.map-frame iframe{height:370px}.map-placeholder h3{font-size:20px}.map-section{padding:65px 0!important}#privacy-dialog{padding:50px 25px 25px}.mobile-bar .button{font-size:12px}}

/* V4: targeted improvements to existing layout */
.hero{min-height:740px}.hero-content{padding:95px 0 100px}.hero h1{max-width:900px;font-size:clamp(60px,6.6vw,96px);line-height:1.02;letter-spacing:-5px}.hero h1>span{display:block}.hero h1 em{color:var(--red);-webkit-text-stroke:0;font-size:1}.hero h1 em:after{content:none}.hero-caption{bottom:60px}.hero .actions{margin-bottom:45px}.hero-shade{background:linear-gradient(90deg,#101216fc,#101216d9 29%,#10121665 58%,#10121615),linear-gradient(0deg,#101216e8,transparent 50%)}
.services{gap:20px;border:0}.services article{background:#fafaf8;border:1px solid #d9dcd6;border-radius:14px;padding:34px;overflow:visible;box-shadow:0 4px 15px #18202a03;transition:transform .25s,box-shadow .25s,border-color .25s}.services article:hover{background:#fff;transform:translateY(-5px);box-shadow:0 18px 40px #18202a0b;border-color:#e62d4370}.service-icon{background:#e62d430b;box-sizing:content-box;padding:14px;border-radius:12px;width:34px;height:34px;margin-bottom:25px}.services .number{top:29px;right:28px;letter-spacing:1px}.services h3{font-size:24px;letter-spacing:-.7px}.services p{min-height:95px;line-height:1.8}.service-note{font-size:11px;line-height:1.9;padding-top:19px}.area .intro{margin:0 auto;align-items:center}.area .intro>div{min-width:0}.area h2{font-size:clamp(34px,3.4vw,49px);overflow-wrap:normal}.area .button{white-space:normal;text-align:center}.area{overflow:visible}.map-heading>div{min-width:0}.site-footer{display:block;width:100%;max-width:none;background:#0b0d10;padding:0!important;border-top:1px solid #ffffff12}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0}.footer-main p{font-size:12px;color:#8e97a4;max-width:270px}.footer-main>a:last-child{font-size:16px;color:#e5e7eb}.footer-bottom{border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:11px}.footer-bottom button{font-size:11px}.footer-bottom strong{color:#e5e7eb;font-weight:500}.footer-bottom a:hover strong{color:var(--red)}.site-footer .logo{font-size:13px}.site-footer .mark{width:42px;height:42px;font-size:17px}
@media(max-width:1000px){.hero h1{font-size:76px;max-width:760px}.hero-caption{display:none}.services article{padding:26px}.services p{min-height:120px}.services h3{font-size:22px}.footer-main{gap:20px}.footer-main p{max-width:230px}}
@media(max-width:650px){.hero{min-height:740px}.hero-content{padding:170px 0 55px}.hero h1{font-size:clamp(46px,10vw,65px);line-height:1.06;letter-spacing:-2.6px;max-width:100%;margin:26px 0}.hero h1>span{white-space:nowrap}.hero h1 em{font-size:1em}.hero .actions{margin-bottom:30px}.hero p{font-size:14px}.services{gap:15px}.services article{padding:27px}.services p{min-height:0}.services h3{font-size:25px}.service-icon{margin-bottom:24px}.area .intro{margin:0 auto;display:block}.area .intro>div+div{margin-top:25px}.area h2{font-size:36px;letter-spacing:-1.4px}.area .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.8}.footer-main{flex-direction:column;align-items:flex-start;padding:35px 0;gap:18px}.footer-main p{max-width:none;margin:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:23px 0 100px}.footer-bottom>a{font-size:12px}.site-footer{padding:0!important}}

/* V5: corrections from the supplied desktop screenshots */
.hero{min-height:650px}.hero-content{padding:75px 0 80px}.hero h1{font-size:clamp(44px,4.2vw,64px);line-height:1.12;letter-spacing:-2.5px;max-width:700px;font-weight:800;margin:27px 0}.hero h1 em{font-size:1em}.hero p{font-size:16px}.hero .actions{margin:27px 0 40px}.hero-caption{bottom:45px}.services{gap:18px}.services article{padding:28px 30px 24px;display:flex;flex-direction:column;border-radius:10px}.services .number{position:static;color:var(--red);font-size:12px;letter-spacing:2px;margin:0 0 24px;padding:0;font-weight:700}.services h3{font-size:23px;line-height:1.3;margin:0 0 13px}.services p{min-height:0;margin:0 0 24px;font-size:14px;line-height:1.8;flex:1}.services .service-note{margin-top:auto;padding-top:17px;font-size:11px;line-height:1.7}.area{padding:65px 0}.area:before{display:none}.area .intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(820px,90%);margin:0 auto;gap:0}.area .intro>div{flex:initial;width:100%;margin:0}.area .intro>div+div{margin-top:0}.area .eyebrow{margin-bottom:18px}.area h2{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.3px;margin:0 auto 20px;max-width:750px}.area .intro>div:last-child>p{max-width:590px;margin:0 auto 25px;line-height:1.8;font-size:15px}.area .button{display:inline-flex;margin:0 auto}.area .intro>div:last-child{display:flex;flex-direction:column;align-items:center}.hero-index{display:none}@media(max-width:1000px){.hero h1{font-size:58px}.services article{padding:25px}.services h3{font-size:22px}.services p{min-height:0}}@media(max-width:650px){.hero{min-height:680px}.hero-content{padding:165px 0 45px}.hero h1{font-size:clamp(35px,8vw,49px);letter-spacing:-1.6px;line-height:1.15;margin:22px 0}.hero h1>span{white-space:normal}.hero p{font-size:14px}.hero .actions{margin:23px 0 30px}.services article{padding:25px}.services .number{margin-bottom:18px}.services h3{font-size:23px}.services p{margin-bottom:22px}.area{padding:55px 0}.area .intro{display:flex;gap:0}.area .intro>div+div{margin:0}.area h2{font-size:30px;letter-spacing:-1px}.area .intro>div:last-child>p{font-size:14px;max-width:100%}.area .button{max-width:100%}}

.logo .brand-logo {
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;
}
@media (max-width: 650px) {
    .logo .brand-logo {
        width: 48px;
        height: 48px;
    }
}

/* Mobilna dorada */
@media (max-width: 650px) {
    html {
        scroll-padding-top: 86px;
        -webkit-text-size-adjust: 100%;
    }

    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }

    header {
        padding: 10px 5%;
        min-height: 72px;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: #111318;
    }

    .logo {
        gap: 10px;
        min-width: 0;
        font-size: 12px;
    }

    .logo .brand-logo {
        width: 44px;
        height: 44px;
    }

    .logo small {
        font-size: 6px;
        letter-spacing: 1.7px;
    }

    #menu {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        padding: 0;
        font-size: 25px;
    }

    #nav {
        top: 100%;
        gap: 8px;
        padding: 16px 5% 22px;
    }

    #nav a {
        padding: 12px;
    }

    .hero {
        min-height: 0;
        align-items: center;
    }

    .hero-content {
        padding: 65px 0 38px;
    }

    .hero-image {
        object-position: 60% 65%;
    }

    .hero-shade {
        background:
            linear-gradient(90deg, #101216c9, #10121645),
            linear-gradient(0deg, #101216e6, #10121622);
    }

    .hero h1 {
        font-size: clamp(34px, 8.6vw, 43px);
        line-height: 1.12;
        letter-spacing: -1.5px;
        margin: 24px 0;
    }

    .hero p {
        font-size: 14px;
        line-height: 1.75;
        max-width: 340px;
    }

    .hero .actions {
        max-width: none;
        margin: 26px 0 25px;
        gap: 10px;
    }

    .hero .button {
        min-height: 48px;
        padding: 13px 17px;
    }

    .hero-bottom {
        gap: 10px 15px;
        font-size: 7px;
        line-height: 1.7;
    }

    .tag {
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .ticker {
        padding: 15px 5%;
        line-height: 1.9;
    }

    section.wrap,
    .works,
    .contact {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    section#usluge {
        padding: 44px 5%;
    }

    .intro {
        margin-bottom: 25px;
    }

    .eyebrow {
        font-size: 9px;
        letter-spacing: 1.5px;
        margin-bottom: 16px;
    }

    #usluge h2,
    .works .intro h2,
    .about h2,
    .process h2,
    .faq h2,
    .map-heading h2 {
        font-size: 30px;
        line-height: 1.16;
        letter-spacing: -1px;
        margin-bottom: 18px;
    }

    .intro p {
        font-size: 14px;
        line-height: 1.75;
    }

    .services {
        gap: 13px;
    }

    .services article {
        padding: 22px;
        box-shadow: none;
        transform: none;
        border-color: #d9dcd6;
    }

    .services article:hover {
        transform: none;
        box-shadow: none;
        border-color: #d9dcd6;
    }

    .services .number {
        margin-bottom: 14px;
        font-size: 10px;
    }

    .services h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .services p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 18px;
        min-height: 0;
    }

    .service-note {
        font-size: 10px;
        padding-top: 14px;
    }

    .filters {
        gap: 8px;
        margin-bottom: 22px;
    }

    .filters button {
        padding: 9px 12px;
        font-size: 11px;
        min-height: 40px;
    }

    .gallery {
        gap: 23px;
    }

    .project img {
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .project span {
        padding: 14px 0;
        font-size: 14px;
    }

    .about {
        gap: 28px;
    }

    .about-photo img {
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .about-photo > span {
        left: 12px;
        bottom: 12px;
        padding: 10px 12px;
        font-size: 8px;
    }

    .about p {
        font-size: 14px;
        line-height: 1.75;
    }

    .steps {
        margin-top: 25px;
        gap: 20px;
    }

    .steps article {
        padding-top: 20px;
    }

    .steps h3 {
        font-size: 21px;
        margin: 15px 0 12px;
    }

    .area {
        padding: 42px 0;
    }

    .area h2 {
        font-size: 28px;
        line-height: 1.22;
        margin-bottom: 18px;
    }

    .area .intro > div:last-child > p {
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 22px;
    }

    .area .button {
        padding: 13px 16px;
        font-size: 12px;
    }

    details {
        padding: 18px 0;
    }

    summary {
        font-size: 15px;
        line-height: 1.6;
    }

    .contact-grid {
        gap: 30px;
    }

    .contact h2 {
        font-size: 34px;
        line-height: 1.15;
        letter-spacing: -1.2px;
        margin-bottom: 24px;
    }

    .contact .phone {
        font-size: 27px !important;
        margin: 22px 0 12px;
    }

    .contact a[href^="mailto:"] {
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .contact address {
        margin: 24px 0 14px;
        font-size: 14px;
        line-height: 1.8;
    }

    .contact form {
        padding: 21px;
        border-radius: 10px;
    }

    .contact form h3 {
        font-size: 23px;
        line-height: 1.25;
        margin-bottom: 22px;
    }

    .contact label {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .contact input,
    .contact select,
    .contact textarea {
        font-size: 16px;
        padding: 11px 12px;
        line-height: 1.4;
    }

    .contact input,
    .contact select {
        min-height: 46px;
    }

    .contact textarea {
        min-height: 110px;
    }

    .contact form .button {
        width: 100%;
        min-height: 48px;
    }

    .contact .note {
        font-size: 11px;
        line-height: 1.65;
    }

    .map-section {
        padding: 44px 0 !important;
    }

    .map-frame,
    .map-placeholder {
        min-height: 290px;
    }

    .map-frame iframe {
        height: 320px;
    }

    .mobile-bar {
        padding: 8px 10px;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        gap: 8px;
    }

    .mobile-bar a {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 12px;
    }

    .footer-bottom {
        padding-bottom: 24px;
    }

    body:has(.contact input:focus) .mobile-bar,
    body:has(.contact textarea:focus) .mobile-bar,
    body:has(.contact select:focus) .mobile-bar {
        display: none;
    }
}

@media (max-width: 650px) {
    body {
        padding-bottom: 0;
    }

    .mobile-bar {
        position: static;
        padding: 12px 5%;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }
}