.service-page{background:#fff}
.service-hero{position:relative;isolation:isolate;min-height:calc(88svh - 100px);display:flex;align-items:flex-end;background:#1b2527;color:#fff;overflow:hidden}
.service-hero-media{position:absolute;inset:0;z-index:-2}
.service-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.service-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071315e8 0%,#07131581 35%,#07131512 90%),linear-gradient(90deg,#07131575,transparent 75%)}
.service-hero .wrap{padding:75px 0 76px;position:relative}
.service-crumb{font-size:10px;letter-spacing:.13em;font-weight:600;color:#d7dfdc}
.service-crumb a:hover{color:#fff;text-decoration:underline}
.service-hero h1{font-size:clamp(64px,8.8vw,150px);font-weight:600;max-width:1250px;margin:37px 0 30px;text-wrap:balance}
.service-hero-lead{max-width:610px;font-size:clamp(16px,1.7vw,23px);line-height:1.48;color:#f0f2f0}
.service-hero-mark{position:absolute;right:0;bottom:75px;font-size:clamp(90px,16vw,270px);color:#f36b21;line-height:.6;font-weight:300}
.service-adaptacije .service-hero{background:radial-gradient(circle at 80% 42%,#445050 0,#253131 44%,#142021 100%)}
.service-adaptacije .service-hero-media{inset:-10% -8%;opacity:.55;transform:rotate(-10deg)}
.service-adaptacije .service-hero-media img{object-fit:contain;filter:invert(1)}
.service-adaptacije .service-hero:before{background:linear-gradient(0deg,#0d1a1ce8,transparent 80%),linear-gradient(90deg,#0d1a1cb0,transparent)}
.service-intro,.service-scope,.service-process,.service-faq,.service-next{position:relative;isolation:isolate}
.service-intro-grid{display:grid;grid-template-columns:25% 1fr}
.service-intro h2{font-size:clamp(45px,5.5vw,92px);max-width:1000px}
.service-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:45px}
.service-copy-grid p{font-size:15px;color:#62625d}
.service-scope{background:#f4f4f0;overflow:hidden}
.service-scope:before{content:'';position:absolute;inset:-15% -20% auto auto;width:800px;height:700px;background:url('assets/konstrukcija.svg') center/contain no-repeat;opacity:.1;z-index:-1;pointer-events:none}
.service-scope-head{display:grid;grid-template-columns:25% 1fr}
.service-scope h2{font-size:clamp(43px,5vw,82px);max-width:1050px}
.service-scope-head p{grid-column:2;max-width:700px;font-size:14px;margin-top:27px;color:#62625d}
.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;margin-top:70px}
.scope-grid article{border-top:1px solid #c4c5be;padding-top:24px;min-height:200px}
.scope-grid article>span{font-size:10px;color:var(--orange);letter-spacing:.1em}
.scope-grid h3{font-size:clamp(25px,2.8vw,40px);letter-spacing:-.05em;margin:28px 0 15px}
.scope-grid p{font-size:13px;color:#666661;max-width:385px}
.service-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.service-process h2{font-size:clamp(42px,5vw,82px)}
.service-process .section-label{margin-bottom:35px}
.service-process-intro>p{font-size:14px;color:#666661;margin-top:30px;max-width:500px}
.service-process ol{padding:0;margin:0;list-style:none;border-top:1px solid #d2d2cc}
.service-process li{display:grid;grid-template-columns:50px 1fr;gap:18px;border-bottom:1px solid #d2d2cc;padding:25px 0}
.service-process li>span{font-size:11px;color:var(--orange);padding-top:4px}
.service-process h3{font-size:23px;letter-spacing:-.04em;margin-bottom:9px}
.service-process li p{font-size:12px;color:#666661}
.service-faq{background:#f4f4f0}
.service-faq .faq-layout{grid-template-columns:35% 1fr}
.service-faq h2{font-size:clamp(42px,5vw,80px)}
.service-next h2{font-size:clamp(39px,4.7vw,75px);max-width:1000px}
.service-next-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.service-next-links a{border-top:1px solid #d2d2cc;border-bottom:1px solid #d2d2cc;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(21px,2.7vw,38px);letter-spacing:-.04em}
.service-next-links a span{color:var(--orange)}
.service-next-links a:hover{color:var(--orange)}
.service-page .about-cta{background:#202020;color:#fff}
.service-page .about-cta p{max-width:650px}
.service-page .about-cta .duv-button{min-width:220px}
@media(max-width:900px){.scope-grid{grid-template-columns:repeat(2,1fr)}.service-hero-mark{display:none}}
@media(max-width:680px){.service-hero{min-height:74svh}.service-hero .wrap{padding:70px 0 58px}.service-hero h1{font-size:clamp(45px,12vw,75px);line-height:.95;margin:25px 0 24px}.service-hero-lead{font-size:15px}.service-intro-grid,.service-scope-head,.service-copy-grid,.service-process-grid,.service-faq .faq-layout{display:block}.service-intro h2,.service-scope h2,.service-process h2,.service-faq h2{font-size:clamp(38px,10vw,58px)}.service-copy-grid{margin-top:30px}.service-copy-grid p+p{margin-top:18px}.service-copy-grid p{font-size:13px}.service-scope-head p{font-size:13px}.scope-grid{grid-template-columns:1fr;gap:5px;margin-top:42px}.scope-grid article{min-height:0;padding:22px 0 30px}.scope-grid h3{font-size:29px;margin:22px 0 10px}.scope-grid p{font-size:12px}.service-process-intro>p{font-size:13px;margin:20px 0 32px}.service-process h3{font-size:22px}.service-process li{gap:10px}.service-next-links{grid-template-columns:1fr;gap:0;margin-top:30px}.service-next-links a{font-size:25px}.service-next-links a+a{border-top:0}.service-page .about-cta .duv-button{width:100%}}