/* INERT: photographic, editorial layer over the original static site. */
:root{--radius:3px;--shadow:0 18px 48px rgba(12,25,35,.1)}
body{background:#f6f3ed}
.wrap{max-width:1320px}
.ui-icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.17em;flex:none}
.topbar{background:#101b25;border-bottom:1px solid rgba(255,255,255,.12);font-size:.72rem;letter-spacing:.025em}
.topbar .wrap{min-height:35px}
.topbar .ui-icon{color:var(--gold-light);margin-right:.2rem}
header{background:#142332;box-shadow:0 10px 28px rgba(7,16,26,.18)}
header .wrap{height:78px;gap:1.4rem}
.logo-wrap{gap:.68rem}
.logo-wrap img{width:54px;height:54px}
.logo-text strong{font-size:1.48rem;letter-spacing:0}
.logo-text span{letter-spacing:.12em;font-size:.57rem}
.nav-link{font-family:var(--serif);font-size:1.13rem;line-height:1;font-weight:700;text-transform:none;letter-spacing:.005em;padding:0 .57rem;color:#e2e7e9}
.nav-link::after{left:.57rem;right:.57rem;height:1px;bottom:15px}
.nav-cta .nav-link{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:#a54737;border:1px solid rgba(255,255,255,.13);height:42px;margin-left:.55rem;padding:0 1.2rem;border-radius:2px}
.nav-cta:hover .nav-link{background:#bd5947}
.mega-drop{border-radius:0 0 3px 3px}
.hero{min-height:min(880px,calc(100svh - 35px));background:#142332}
.hero-photo,.page-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-photo{z-index:0;object-position:center 52%}
.hero-bg{z-index:1;background:linear-gradient(90deg,rgba(7,18,28,.89) 0%,rgba(7,18,28,.7) 37%,rgba(7,18,28,.26) 72%,rgba(7,18,28,.13) 100%),linear-gradient(0deg,rgba(7,18,28,.38),transparent 40%)}
.hero-grid-pattern,.hero-river,.particles{display:none!important}
.hero-content{width:100%;max-width:1320px;padding-top:3rem;padding-bottom:4rem}
.hero h1{max-width:760px;font-size:clamp(3.5rem,6vw,6.1rem);line-height:.98;letter-spacing:-.026em;text-wrap:balance}
.hero p{max-width:560px;color:#e7ebeb;font-size:1.08rem;line-height:1.72;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.hero-badge{background:rgba(9,21,31,.34);border:1px solid rgba(231,207,140,.4);backdrop-filter:blur(8px);letter-spacing:.09em;border-radius:2px}
.hero-stats{border-top:1px solid rgba(255,255,255,.28);padding-top:1.3rem;max-width:690px;gap:2.3rem}
.stat-num{font-size:2.5rem}
.btn{border-radius:2px}
.btn-primary{background:#a54737;border-color:#a54737}
.btn-primary:hover{background:#bd5947}
.section-title{letter-spacing:-.025em;line-height:1.05}
.section-label{letter-spacing:.16em}
.divider{border-radius:0;width:58px;height:2px}
.service-card,.blog-card,.product-card,.value-card,.cert-card,.fleet-card,.machine-card{border-radius:3px}
.service-card{background:#fff;box-shadow:0 12px 38px rgba(20,35,50,.07)}
.service-card-media{height:195px;overflow:hidden;background:#d6d5cd}
.service-card-media img,.editorial-photo img,.blog-thumb img,.gallery-card img,.feature-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .55s ease}
.service-card:hover img,.blog-card:hover img,.gallery-card:hover img{transform:scale(1.055)}
.service-card-body{padding:1.55rem 1.6rem 1.8rem}
.service-card-body h3{font-size:1.42rem}
.why-section{background:#152638}
.why-img-box-inner{background:none;aspect-ratio:4/3}
.why-img-box-inner img{width:100%;height:100%;object-fit:cover}
.why-badge{bottom:1.2rem;right:1.2rem;border-radius:2px;background:#a54737}
.why-feat-icon{border-radius:2px}
.why-feat-icon .ui-icon{width:21px;height:21px;color:var(--gold-light)}
.product-card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;background:#263747}
.product-card::before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .5s ease}
.product-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,18,28,.94),rgba(7,18,28,.44) 75%)}
.product-card:nth-child(1)::before{background-image:url('images/site/pyasak-ot-dunav.webp')}
.product-card:nth-child(2)::before{background-image:url('images/site/rechni-materiali-pyasak-kup.webp')}
.product-card:nth-child(3)::before{background-image:url('images/site/presevna-instalacia-inert.webp')}
.product-card:hover::before{transform:scale(1.055)}
.product-icon{display:none}
.project-card{border-radius:3px;aspect-ratio:4/3;cursor:default}
.project-bg{background:none!important}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.project-card:hover img{transform:scale(1.045)}
.project-overlay{background:linear-gradient(0deg,rgba(6,18,28,.94) 0%,rgba(6,18,28,.14) 70%)}
.project-tag,.blog-cat{border-radius:1px;background:#a54737}
.blog-thumb img{position:absolute;inset:0}
.blog-thumb-inner{display:none}
.page-hero{height:440px;min-height:0;display:flex;align-items:center;background:#152638;padding:0}
.page-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,18,28,.88),rgba(7,18,28,.46) 62%,rgba(7,18,28,.3))}
.page-hero .wrap{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:center}
.page-hero .breadcrumb{margin-bottom:1.25rem}
.page-hero .breadcrumb a{color:rgba(255,255,255,.82)}
.page-hero .breadcrumb span{color:rgba(255,255,255,.64)}
.page-hero h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.025em;max-width:860px;text-wrap:balance}
.page-hero p{color:#e7ebed;max-width:700px;line-height:1.65}
.page-hero::before{z-index:3;height:2px;background:linear-gradient(90deg,#a54737,#cfaa63,transparent)}
.editorial-photo{overflow:hidden;background:#d7d8d5;border-radius:2px;aspect-ratio:4/3}
.editorial-photo img{object-position:center}
.photo-caption{font-size:.72rem;line-height:1.5;letter-spacing:.035em;color:#68737d;margin-top:.55rem}
.editorial-photo .photo-caption{display:none}
.photo-band{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin:0 0 2.5rem}
.photo-band figure{height:260px;overflow:hidden;background:#d7d8d5;position:relative}
.photo-band img{width:100%;height:100%;object-fit:cover}
.photo-band figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:.77rem;padding:2rem 1rem .7rem;background:linear-gradient(0deg,rgba(4,16,25,.8),transparent)}
.service-transition{margin:1rem 0 4.75rem}
.service-transition-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-bottom:1.7rem}
.service-transition-head h2{font-family:var(--serif);font-size:clamp(2.2rem,3.2vw,3.5rem);line-height:1.04;color:var(--dark);max-width:700px}
.service-transition-head p{color:var(--text-muted);line-height:1.7;max-width:440px;justify-self:end}
.service-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.service-path-card{position:relative;display:flex;align-items:flex-end;min-height:350px;overflow:hidden;background:#142332;color:#fff;border-radius:3px;isolation:isolate}
.service-path-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s ease}
.service-path-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,18,28,.94),rgba(7,18,28,.05) 82%)}
.service-path-card:hover img{transform:scale(1.045)}
.service-path-content{padding:1.5rem;width:100%}
.service-path-content small{display:block;color:#e6c77d;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.55rem}
.service-path-content h3{font-family:var(--serif);font-size:clamp(1.7rem,2vw,2.25rem);line-height:1.08;margin:0 0 .55rem;color:#fff}
.service-path-content p{color:#e4e8e9;font-size:.86rem;line-height:1.5;margin:0 0 .8rem}
.service-path-content .path-link{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e6c77d}
.service-detail-photo{height:290px;overflow:hidden;border-radius:2px;background:#d7d8d5}
.service-detail-photo img{display:block;width:100%;height:100%;object-fit:cover}
.anchor-alias{display:block;height:0;scroll-margin-top:90px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery-card{position:relative;overflow:hidden;min-height:340px;background:#233849;border-radius:2px}
.gallery-card img{position:absolute;inset:0}
.gallery-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,16,25,.92),rgba(4,16,25,.05) 70%)}
.gallery-card figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:1.5rem;color:#fff}
.gallery-card strong{font-family:var(--serif);font-size:1.6rem;line-height:1.08;display:block}
.gallery-card span{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#e6c77d;display:block;margin-bottom:.4rem}
.gallery-intro{max-width:730px;margin:0 0 2rem;color:var(--text-muted);line-height:1.8}
.feature-photo{height:clamp(300px,38vw,540px);overflow:hidden;margin:2rem 0 3rem;border-radius:2px;position:relative}
.feature-photo img{position:absolute;inset:0}
.feature-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem 1.3rem;color:#fff;background:linear-gradient(0deg,rgba(5,17,26,.85),transparent);font-family:var(--serif);font-size:1.65rem}
.machine-card .ui-icon,.fleet-card .ui-icon,.value-card .ui-icon{color:var(--gold)}
.machines-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;align-items:center}
.service-panel-grid>*{min-width:0}
.service-panel-grid .service-detail-photo{margin:0;height:320px}
@media(max-width:900px){
  .machines-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-panel-grid{gap:1.5rem}
}
@media(max-width:760px){
  .service-panel{padding:1.5rem!important;border-radius:8px!important}
  .service-panel-grid{display:flex;flex-direction:column;align-items:stretch;gap:1.4rem}
  .service-panel-grid .service-detail-photo{order:-1;width:100%;height:auto;aspect-ratio:3/2}
  .service-panel-grid .service-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
  .service-panel-grid p{font-size:.93rem;line-height:1.7!important}
  .machines-grid--two{grid-template-columns:1fr}
}
@media(max-width:620px){
  .photo-band{margin-bottom:1.6rem}
  .service-panel .section-title{font-size:clamp(2rem,9vw,2.7rem)}
}
.contact-person-icon .ui-icon{color:var(--gold);width:20px;height:20px}
.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{padding:1rem 1.15rem;margin:0 0 1.3rem;border-left:3px solid;font-size:.86rem;line-height:1.5}
.form-status-success{background:#eef5ee;border-color:#4b7655;color:#274631}
.form-status-error{background:#fbefec;border-color:#a54737;color:#713d35}
@media(max-width:1200px){
  header .wrap{height:70px}
  nav{display:none;position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);height:auto;background:#142332;flex-direction:column;align-items:flex-start;padding:5rem 0 2rem;z-index:9000;overflow-y:auto;box-shadow:-8px 0 40px rgba(0,0,0,.35);transform:translateX(100%)}
  nav.open{display:flex;transform:translateX(0)}
  .burger{display:flex;z-index:1001;position:relative}
  .nav-close{display:flex}
  .nav-overlay{display:none;position:fixed;inset:0 min(340px,88vw) 0 0;background:rgba(0,0,0,.6);z-index:8999}
  .nav-overlay.open{display:block}
  .nav-item{width:100%;height:auto;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-link{width:100%;height:auto;padding:1rem 1.5rem;font-size:1.27rem;justify-content:space-between}
  .nav-link::after{display:none}
  .mega-drop{position:static!important;left:auto!important;transform:none!important;opacity:1!important;pointer-events:all!important;box-shadow:none!important;border:none!important;background:rgba(0,0,0,.18)!important;width:100%!important;padding:.25rem 0!important;display:none!important;min-width:unset!important}
  .nav-item.mob-open .mega-drop{display:block!important}
  .mega-drop a{display:block!important;padding:.72rem 1.5rem .72rem 2rem!important;color:#d7dfe2!important;font-family:var(--sans);font-size:.8rem!important;white-space:normal!important}
  .nav-cta{width:auto;margin:1rem 1.2rem;border:0!important}
  .nav-cta .nav-link{width:auto;height:auto;font-size:.78rem;padding:.85rem 1.7rem;margin:0}
}
@media(max-width:900px){.photo-band{grid-template-columns:1fr 1fr}.photo-band figure:first-child{grid-column:1/-1;height:330px}.gallery-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(3.3rem,9vw,5rem)}.service-path-grid{grid-template-columns:1fr 1fr}.service-path-card:last-child{grid-column:1/-1}.service-transition-head{grid-template-columns:1fr}.service-transition-head p{justify-self:start}}
@media(max-width:620px){
  .wrap{padding-left:1.2rem;padding-right:1.2rem}
  .hero{min-height:760px;min-height:calc(100svh - 70px)}
  .hero-photo{object-position:66% center}
  .hero-bg{background:linear-gradient(90deg,rgba(7,18,28,.78),rgba(7,18,28,.46)),linear-gradient(0deg,rgba(7,18,28,.85),transparent 75%)}
  .hero-content{padding-top:4rem;padding-bottom:2.4rem}
  .hero h1{font-size:clamp(3.2rem,13vw,4.3rem)}
  .hero p{font-size:.96rem;line-height:1.65}
  .hero-badge{font-size:.58rem;line-height:1.5;max-width:310px}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem}
  .stat-num{font-size:2rem}
  .page-hero{height:480px;min-height:0;padding:0}
  .page-hero .breadcrumb{margin-bottom:1rem}
  .page-hero h1{font-size:clamp(2.35rem,10vw,3rem);line-height:1.04}
  .page-hero p{font-size:.94rem;line-height:1.55}
  .service-path-grid{grid-template-columns:1fr;gap:.7rem}
  .service-path-card,.service-path-card:last-child{grid-column:auto;min-height:305px}
  .service-transition{margin:0 0 3.5rem}
  .service-transition-head{gap:.7rem;margin-bottom:1.3rem}
  .service-detail-photo{height:220px}
  .service-card-media{height:200px}
  .photo-band{gap:6px}
  .photo-band figure{height:175px}
  .photo-band figure:first-child{height:260px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-card{min-height:320px}
  .feature-photo{height:360px}
  .feature-photo figcaption{font-size:1.3rem;padding:2.5rem 1.1rem 1rem}
  .why-badge{bottom:.6rem;right:.6rem;padding:.9rem}
}
@media(prefers-reduced-motion:reduce){.service-card img,.gallery-card img,.blog-card img,.project-card img{transition:none}}