@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');:root{--yellow:#d11f26;--ink:#171b1e}*{box-sizing:border-box}body{margin:0;color:#202327;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,textarea{font:inherit}.wrap{width:min(1220px,90%);margin:auto}.top{height:42px;background:#171b1e;color:#ddd;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:12px}.top a{margin-left:22px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding-left:5%;background:white;position:relative;z-index:10}.logo{font:900 32px 'Oswald';letter-spacing:-1px}.logo b{color:var(--yellow)}nav{display:flex;align-items:center;gap:30px;height:100%}nav a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}nav a:hover,nav a.active{color:#d11f26}.nav-cta{height:100%;background:var(--yellow);display:grid;place-items:center;padding:0 30px}.menu,.mobile-contacts{display:none}.hero{min-height:710px;background:linear-gradient(90deg,#10171dd9 0%,#10171d75 48%,#10171d25 100%),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=2000&q=85') center/cover;display:flex;align-items:center;color:white}.kicker{color:var(--yellow);font-size:12px;letter-spacing:3px;font-weight:800;text-transform:uppercase}h1,h2,h3,h4{font-family:'Oswald',Arial,sans-serif;text-transform:uppercase;line-height:1.02;margin:16px 0}h1{font-size:clamp(70px,10vw,145px);max-width:850px;letter-spacing:-1px}h2{font-size:clamp(44px,6vw,78px)}h3{font-size:32px}.hero p{max-width:530px;line-height:1.9;color:#eee;font-size:15px}.btn{display:inline-flex;align-items:center;gap:28px;background:var(--yellow);color:#171b1e;padding:20px 27px;margin-top:24px;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.btn:hover{background:#d11f26}.services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-70px;position:relative;z-index:2;box-shadow:0 12px 35px #0002}.service{background:#fff;padding:39px 30px;min-height:245px;border-right:1px solid #eee}.service:nth-child(2){background:var(--yellow)}.service .num{font:800 42px 'Oswald';color:#c3c3c3}.service:nth-child(2) .num{color:#fff9}.service h3{font-size:25px}.service p{font-size:13px;line-height:1.8;color:#777}.service:nth-child(2) p{color:#4a3c1d}.section{padding:110px 0}.lead{color:#777;line-height:1.9;max-width:660px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.project{position:relative;overflow:hidden;min-height:360px;background:#20252b}.project img{height:360px;transition:transform .4s}.project:hover img{transform:scale(1.06)}.project:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000c)}.project .info{position:absolute;z-index:1;bottom:23px;left:25px;color:white}.project .info small{color:var(--yellow);font-weight:700;letter-spacing:2px}.project h3{margin:8px 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.split img{height:100%;min-height:530px}.split .copy{background:#1b2024;color:white;padding:90px max(8%,45px)}.split p{line-height:2;color:#bbb}.yellowband{background:var(--yellow);padding:55px 0}.yellowband .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.yellowband h2{font-size:55px;margin:0}.yellowband .btn{background:#181d20;color:white;margin:0}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.person img{height:330px}.person h3{font-size:27px}.person small{color:#888;text-transform:uppercase;letter-spacing:1px}.faq{background:#f6f6f6}.faq details{border-bottom:1px solid #ddd;padding:22px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{line-height:1.8;color:#777}.contact-area{display:grid;grid-template-columns:1fr 1fr;gap:60px}.field{width:100%;padding:18px;border:1px solid #ddd;margin:0 0 14px;background:white}.footer{background:#171b1e;color:#bbb;padding:65px 0}.footer .cols{display:flex;justify-content:space-between;gap:30px}.footer .logo{color:white}.footer p{font-size:13px;line-height:1.8}.pagehero{padding:105px 0;color:white;background:linear-gradient(90deg,#111d,#1118),url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?w=1800&q=80') center/cover}.pagehero h1{font-size:85px}.mobile-contacts a{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:0;background:transparent;color:#000}.mobile-contacts svg{width:21px;height:21px;display:block}@media(max-width:900px){.top{display:none}header{height:76px;padding-right:0}.mobile-contacts{display:flex;gap:7px;margin-left:auto;margin-right:12px}.menu{display:grid;place-items:center;height:76px;width:76px;min-width:76px;border:0;border-radius:0;background:var(--yellow);font-size:29px;cursor:pointer}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;height:auto;padding:20px 5%;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0}.nav-cta{height:auto;padding:18px}.hero{min-height:620px}.services{grid-template-columns:repeat(2,1fr)}.projects,.people{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.split img{max-height:400px}.contact-area{grid-template-columns:1fr}}@media(max-width:600px){.logo{font-size:27px}.hero{min-height:570px}.hero h1{font-size:68px}.services{grid-template-columns:1fr;margin-top:0}.service{min-height:0;padding:27px}.section{padding:75px 0}.projects,.people{grid-template-columns:1fr}.yellowband .wrap,.footer .cols{flex-direction:column;align-items:flex-start}.yellowband h2{font-size:43px}.pagehero h1{font-size:64px}.split .copy{padding:65px 7%}}
.mobile-contacts a,.mobile-contacts a:hover,.mobile-contacts a:focus{border:none!important;border-radius:0!important;outline:none;box-shadow:none!important;background:none!important;padding:0!important;appearance:none;color:#000!important}.mobile-contacts svg{fill:#000!important;stroke:none;outline:none;border:none;border-radius:0;background:none;box-shadow:none}
body:has(> header + .hero) > header{position:absolute;top:42px;left:0;right:0;background:rgba(255,255,255,.86);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body:has(> header + .hero) > .hero{padding-top:94px}
@media(max-width:900px){body:has(> header + .hero) > header{top:0;background:rgba(255,255,255,.78)}body:has(> header + .hero) > .hero{padding-top:76px}}
header,body:has(> header + .hero) > header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1000!important;box-shadow:0 2px 12px rgba(0,0,0,.07)}
body:has(> header + .hero) > .hero{padding-top:0!important}
@media(max-width:900px){
 .mobile-contacts{gap:14px;margin-right:12px}
 .mobile-contacts a{width:39px!important;height:45px!important}
 .mobile-contacts svg{width:29px!important;height:29px!important;fill:#000!important}
 nav{z-index:1001}
}
@media(max-width:380px){.mobile-contacts{gap:8px;margin-right:6px}.mobile-contacts a{width:35px!important}.mobile-contacts svg{width:27px!important;height:27px!important}.menu{width:59px}}
@media(min-width:901px){
 .top{display:none!important}
 header{display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);gap:24px;padding:0 5%!important}
 header>.logo{justify-self:start}
 header>nav{grid-column:2;grid-row:1;justify-self:center;gap:clamp(12px,1.6vw,27px)}
 header>nav a{white-space:nowrap;font-size:clamp(10px,.85vw,13px)}
 header>nav .nav-cta{display:none}
 header>.mobile-contacts{display:flex!important;grid-column:3;grid-row:1;justify-self:end;align-items:center;gap:14px;margin:0}
 header>.mobile-contacts a{display:grid;place-items:center;width:30px;height:40px;border:0;background:transparent}
 header>.mobile-contacts svg{width:25px;height:25px;fill:#000;stroke:none}
}
@media(min-width:901px) and (max-width:1100px){header{gap:12px;padding:0 3%!important}header>nav{gap:13px}.logo{font-size:28px}}
.menu-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:30px}.menu-lines span{display:block;height:3px;background:#111;border-radius:2px}.menu-lines span:first-child{width:30px}.menu-lines span:last-child{width:23px}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#15202a;display:block}
.slides,.slide{position:absolute;inset:0}
.slide{opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center}
.slide.active{opacity:1;visibility:visible;z-index:1}
.slide-content{position:relative;z-index:2;color:#fff;padding:120px 24px 120px;max-width:950px}
.slide-content h1{font-family:Oswald,Arial,sans-serif;font-size:clamp(52px,9vw,120px);line-height:1.03;letter-spacing:.02em;margin:0 0 22px;color:#fff}
.slide-content p{font-size:clamp(17px,2.4vw,28px);line-height:1.4;color:#fff;margin:auto;max-width:720px}
.slider-controls{position:absolute;z-index:5;bottom:45px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px}
.slider-dots{display:flex;gap:14px;align-items:center}
.slider-dot{border:2px solid white;border-radius:50%;width:12px;height:12px;background:transparent;padding:0;cursor:pointer}
.slider-dot.active{background:white}
.slide-arrow{border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer;min-width:42px;min-height:42px}
@media(max-width:700px){.slide-content h1{font-size:clamp(50px,12vw,80px)}.slide-content{padding:110px 24px}.slider-controls{bottom:38px}.slide{background-position:center}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}
body:has(> header + .hero) > .hero{margin-top:-94px!important}
@media(max-width:900px){body:has(> header + .hero) > .hero{margin-top:-76px!important}}
header,body:has(> header + .hero) > header{background:transparent!important;box-shadow:none!important;transition:background-color .25s ease,box-shadow .25s ease;color:#fff!important}
header .logo,header nav>a:not(.nav-cta){color:inherit}
header .mobile-contacts a,header .mobile-contacts svg{color:#fff!important;fill:#fff!important}
header.is-scrolled,body:has(> header + .hero) > header.is-scrolled{background:#fff!important;color:#171b1e!important;box-shadow:0 2px 12px rgba(0,0,0,.10)!important}
header.is-scrolled .mobile-contacts a,header.is-scrolled .mobile-contacts svg{color:#000!important;fill:#000!important}
header nav.open{color:#171b1e}
@media(max-width:900px){header:not(.is-scrolled) .menu{background:var(--yellow)!important}}
.mobile-contacts{gap:clamp(18px,3vw,30px)!important}
@media(min-width:901px){header>.mobile-contacts{gap:24px!important}}
.slide{justify-content:flex-start!important;text-align:left!important;background-position:center!important}
.slide-content{width:min(100% - 12vw,1160px)!important;max-width:1160px!important;margin:0 auto!important;padding:130px 0 135px!important;text-align:left!important}
.slide-content:before{content:"NAŠE STORITVE";display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.26em;color:#d11f26;margin-bottom:22px}
.slide-content h1{font-family:Oswald,Arial,sans-serif!important;font-weight:500!important;font-size:clamp(54px,7.6vw,112px)!important;line-height:1.07!important;letter-spacing:.012em!important;max-width:820px!important;margin:0 0 24px!important;text-wrap:balance}
.slide-content p{font-family:Arial,sans-serif!important;font-size:clamp(17px,1.65vw,22px)!important;line-height:1.65!important;font-weight:400!important;color:#f4f4f4!important;max-width:520px!important;margin:0!important}
@media(max-width:900px){.mobile-contacts{gap:18px!important}.slide-content{width:calc(100% - 11vw)!important;padding:115px 0 130px!important}.slide-content h1{font-size:clamp(53px,11vw,78px)!important;max-width:520px!important}.slide-content p{max-width:370px!important}}
@media(max-width:400px){.mobile-contacts{gap:12px!important;margin-right:10px!important}.mobile-contacts a{width:30px!important}.slide-content h1{font-size:clamp(48px,11vw,62px)!important}}
body{font-family:'Montserrat',Arial,sans-serif}
@media(max-width:900px){
 header{height:76px!important}
 header .logo{font-family:'Montserrat',Arial,sans-serif!important;font-weight:750!important;letter-spacing:-.065em!important;font-size:clamp(23px,6vw,31px)!important}
 header .mobile-contacts{gap:clamp(12px,3.8vw,22px)!important;margin-right:12px!important}
 header .mobile-contacts a{display:grid!important;place-items:center!important;width:27px!important;height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
 header .mobile-contacts svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important}
 header:not(.is-scrolled) .mobile-contacts a{color:#fff!important}
 header.is-scrolled .mobile-contacts a{color:#111!important}
 header .menu{width:76px!important;min-width:76px!important;height:76px!important;border-radius:0!important}
 header nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:min(65vh,450px)!important;overflow:auto!important;box-shadow:0 12px 26px #00000012!important;background:#fff!important;padding:20px 6% 26px!important;gap:0!important;align-items:stretch!important;transform:translateY(-8px);opacity:0;visibility:hidden;display:flex!important;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
 header nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
 header nav a:not(.nav-cta){font-family:'Montserrat',Arial,sans-serif!important;font-size:14px!important;letter-spacing:.12em!important;font-weight:500!important;text-transform:uppercase!important;line-height:1.5!important;padding:13px 0!important;border:0!important;border-bottom:1px solid #eee!important;display:flex!important;justify-content:space-between!important;align-items:center!important;color:#181818!important}
 header nav a:not(.nav-cta):after{content:'›';font-family:Arial,sans-serif;font-size:22px;font-weight:300;color:#a5a5a5}
 header nav .nav-cta{background:none!important;color:#161616!important;border:0!important;padding:20px 0 0!important;font-weight:600!important;font-size:11px!important;letter-spacing:.12em!important;display:block!important;height:auto!important}
 .nav-scrim{background:rgba(0,0,0,.14)!important}
}
@media(max-width:390px){header .mobile-contacts{gap:9px!important;margin-right:8px!important}header .mobile-contacts svg{width:21px!important;height:21px!important}header .menu{width:66px!important;min-width:66px!important}}
@media(min-width:901px){header .mobile-contacts svg{fill:none!important;stroke:currentColor!important;stroke-width:1.65!important}}
@media(max-width:900px){
 header{z-index:1200!important}
 header:has(nav.open){background:#fff!important;color:#111!important}
 header:has(nav.open) .logo{color:#111!important}
 header>nav{position:absolute!important;top:76px!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 76px)!important;overflow-y:auto!important;transform:translateY(-8px)!important;background:#fff!important;color:#111!important;padding:36px 5.5% 43px!important;box-shadow:0 12px 20px #0000000c!important;border-top:1px solid #ddd!important;display:flex!important;gap:0!important;flex-direction:column!important;align-items:stretch!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s!important}
 header>nav.open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 header>nav:before{display:none!important;content:none!important}
 header>nav>a:not(.nav-cta){display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:0!important;padding:9px 0!important;margin:0!important;border:0!important;border-bottom:0!important;font-family:'Montserrat',Arial,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.17em!important;line-height:1.4!important;text-transform:uppercase!important;color:#111!important;text-align:left!important}
 header>nav>a:not(.nav-cta):after{content:'›'!important;display:block!important;color:#222!important;font-family:Arial,sans-serif!important;font-size:29px!important;line-height:20px!important;font-weight:300!important;transform:none!important}
 header>nav .nav-cta{display:none!important}
 .nav-scrim{display:none!important}
 body.nav-locked{overflow:auto!important}
}
html{scroll-behavior:smooth}
.hero{position:relative;min-height:calc(100svh - 94px);background:linear-gradient(180deg,rgba(7,18,29,.28),rgba(7,18,29,.08) 42%,rgba(7,18,29,.38)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1800&q=85') center center/cover no-repeat;display:block;color:white}
.hero-inner{min-height:inherit;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 6% 125px}
.hero-copy{max-width:1000px}.hero h1{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.08;font-size:clamp(58px,8.2vw,126px);margin:0 auto 24px;max-width:none}
.hero p{font-size:clamp(17px,2.5vw,28px);line-height:1.45;max-width:720px;margin:0 auto;color:white}
.hero-controls{position:absolute;bottom:46px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:70px}.hero-controls .dot{height:10px;width:10px;border-radius:50%;background:white}.hero-controls .plus{font-size:43px;font-weight:300;line-height:1;color:white}
@media(max-width:900px){
 header,body:has(> header + .hero) > header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:76px!important;background:transparent!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.85)!important;padding-left:4%!important;z-index:1000!important}
 header>.logo{color:white!important;font-size:clamp(23px,5vw,31px)}header>.logo b{color:white!important}
 .mobile-contacts a{color:white!important}.mobile-contacts svg{fill:white!important}
 .menu{height:76px!important;width:76px!important;min-width:76px!important;border-radius:0!important;background:#d11f26!important}
 .menu-lines span{background:white!important}
 header nav{background:#fff!important;color:#111!important}
 .hero{min-height:100svh;background-position:center center}
 .hero-inner{min-height:100svh;padding:125px 6% 130px}
 .hero h1{font-size:clamp(43px,10.7vw,82px);letter-spacing:-.055em;line-height:1.11}
 .hero p{font-size:clamp(16px,4.2vw,23px);line-height:1.45}
 .hero-controls{bottom:54px;gap:56px}
}
@media(max-width:400px){.mobile-contacts{gap:6px!important;margin-right:6px!important}.mobile-contacts a{width:30px!important}.mobile-contacts svg{width:24px!important;height:24px!important}.menu{width:66px!important;min-width:66px!important}}
@media(min-width:901px){.hero{min-height:calc(100svh - 94px)}.hero-inner{min-height:calc(100svh - 94px)}}
@media(max-width:900px){
 header{z-index:1005!important}
 header>nav{display:flex!important;position:fixed!important;top:76px!important;left:auto!important;right:0!important;bottom:0!important;width:min(420px,100%)!important;height:calc(100dvh - 76px)!important;padding:38px 30px 35px!important;background:#181d20!important;color:white!important;box-shadow:-18px 20px 60px #0005!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-y:auto!important;transform:translateX(105%);opacity:0;visibility:hidden;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .36s;z-index:1007!important}
 header>nav.open{transform:translateX(0);opacity:1;visibility:visible}
 header>nav:before{content:'NAVIGACIJA';font:700 11px Inter,Arial,sans-serif;letter-spacing:3px;color:#d11f26;margin-bottom:22px}
 header>nav>a:not(.nav-cta){display:flex;align-items:center;justify-content:space-between;padding:19px 0!important;border-bottom:1px solid #ffffff24;font:500 clamp(23px,6vw,31px) Oswald,Arial,sans-serif!important;letter-spacing:.3px!important;color:#fff!important;text-transform:uppercase;transition:color .2s,padding-left .2s}
 header>nav>a:not(.nav-cta):after{content:'↗';font:400 19px Inter,Arial,sans-serif;color:#d11f26}
 header>nav>a:not(.nav-cta):hover{color:#d11f26!important;padding-left:6px!important}
 header>nav .nav-cta{display:flex!important;margin-top:32px!important;min-height:56px!important;align-items:center;justify-content:center;background:#d11f26!important;color:#171b1e!important;font:800 12px Inter,Arial,sans-serif!important;letter-spacing:.7px}
 .menu{position:relative;z-index:1009!important}
 .menu[aria-expanded="true"] .menu-lines span:first-child{transform:translateY(5px) rotate(45deg);width:29px}
 .menu[aria-expanded="true"] .menu-lines span:last-child{transform:translateY(-5px) rotate(-45deg);width:29px}
 .menu-lines span{transition:transform .25s,width .25s}
 .nav-scrim{position:fixed;inset:76px 0 0;background:rgba(5,10,13,.58);z-index:1003;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;backdrop-filter:blur(3px)}
 .nav-scrim.active{opacity:1;visibility:visible}
 body.nav-locked{overflow:hidden}
}
@media(min-width:901px){.nav-scrim{display:none}}
body,button,input,textarea,nav a,.logo,.kicker,h1,h2,h3,h4,.slide-content h1,.slide-content p,.service .num,.btn,.hero h1,.footer .logo{font-family:'Montserrat',Arial,sans-serif!important}
h1,h2,h3,h4{font-weight:500!important;letter-spacing:-.035em!important;line-height:1.13!important}
.slide-content h1{font-family:'Montserrat',Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.055em!important;font-size:clamp(42px,7.1vw,94px)!important;line-height:1.12!important}
.slide-content p{font-family:'Montserrat',Arial,sans-serif!important;font-weight:400!important;line-height:1.65!important}
.logo{font-weight:750!important;letter-spacing:-.055em!important}
nav a{font-weight:500!important;letter-spacing:.025em!important}
@media(max-width:900px){
 header>nav{background:#fff!important;color:#181818!important;padding:35px 30px 36px!important;box-shadow:-15px 20px 60px #0002!important;gap:0!important}
 header>nav:before{content:'MENI'!important;font-family:'Montserrat',sans-serif!important;font-size:11px!important;letter-spacing:.24em!important;color:#9b7a38!important;font-weight:700!important;margin-bottom:20px!important}
 header>nav>a:not(.nav-cta){font-family:'Montserrat',sans-serif!important;font-size:clamp(18px,5.1vw,23px)!important;font-weight:500!important;letter-spacing:-.035em!important;text-transform:none!important;color:#191919!important;padding:21px 0!important;border-bottom:1px solid #e9e7e2!important;transition:color .2s,padding .2s!important}
 header>nav>a:not(.nav-cta):after{content:'↗'!important;color:#d11f26!important;font-family:'Montserrat',sans-serif!important;font-size:18px!important;font-weight:400!important}
 header>nav>a:not(.nav-cta):hover{color:#d11f26!important;padding-left:5px!important}
 header>nav .nav-cta{font-family:'Montserrat',sans-serif!important;letter-spacing:.06em!important;font-weight:700!important;font-size:11px!important;background:#d11f26!important;color:#161616!important;margin-top:34px!important;border-radius:0!important}
 .nav-scrim{background:rgba(13,15,17,.36)!important}
}
@media(min-width:901px){header>nav>a:not(.nav-cta){font-size:12px!important;font-weight:600!important}}
.mobile-contacts svg{fill:currentColor!important;stroke:none!important;stroke-width:0!important;width:27px!important;height:27px!important}
.mobile-contacts a{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
header:not(.is-scrolled) .mobile-contacts svg{color:#fff!important;fill:#fff!important}
header.is-scrolled .mobile-contacts svg{color:#111!important;fill:#111!important}
@media(max-width:400px){.mobile-contacts svg{width:24px!important;height:24px!important}}
header, body:has(> header + .hero) > header {border-bottom: 1px solid rgba(255,255,255,.38)!important;}
header.is-scrolled, body:has(> header + .hero) > header.is-scrolled {border-bottom:1px solid rgba(0,0,0,.06)!important;}
header .mobile-contacts {gap:26px!important;}
@media(min-width:901px){header>.mobile-contacts{gap:30px!important;}}
@media(max-width:390px){header .mobile-contacts{gap:15px!important;margin-right:8px!important;}}
@media(max-width:900px){
 header>nav{top:76px!important;bottom:auto!important;left:auto!important;right:12px!important;width:min(300px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - 92px)!important;overflow-y:auto!important;padding:14px 22px 18px!important;background:#fff!important;box-shadow:0 14px 45px rgba(0,0,0,.15)!important;transform:translateY(-8px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s!important;gap:0!important}
 header>nav.open{transform:translateY(0)!important}
 header>nav:before{display:none!important;content:none!important}
 header>nav>a:not(.nav-cta){border:0!important;border-bottom:0!important;min-height:0!important;padding:10px 0!important;font-family:'Montserrat',Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:.005em!important;text-transform:none!important;line-height:1.35!important;color:#222!important;justify-content:flex-start!important}
 header>nav>a:not(.nav-cta):after{display:none!important;content:none!important}
 header>nav .nav-cta{margin-top:12px!important;min-height:42px!important;padding:12px 14px!important;background:#d11f26!important;color:#171717!important;font:600 11px 'Montserrat',Arial,sans-serif!important;letter-spacing:.02em!important;text-align:center!important}
 .nav-scrim{background:rgba(0,0,0,.18)!important;backdrop-filter:none!important}
}
@media(max-width:390px){header>nav{top:76px!important;right:8px!important;width:min(290px,calc(100vw - 16px))!important}}
@media(max-width:900px){
 header>nav{position:fixed!important;top:76px!important;right:0!important;left:auto!important;bottom:0!important;width:min(340px,88vw)!important;height:calc(100dvh - 76px)!important;max-height:none!important;overflow-y:auto!important;padding:32px 26px 34px!important;background:#fff!important;border-radius:0!important;box-shadow:-16px 16px 45px #0002!important;transform:translateX(105%)!important;transition:transform .3s ease,opacity .3s ease,visibility .3s ease!important;display:flex!important;flex-direction:column!important;gap:0!important}
 header>nav.open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important}
 header>nav>a:not(.nav-cta){width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;font-size:15px!important;font-weight:500!important;padding:17px 0!important;border:0!important;letter-spacing:0!important}
 header>nav>a:not(.nav-cta):after{content:'→'!important;display:block!important;font:400 21px Arial,sans-serif!important;color:#d11f26!important;margin-left:20px!important}
 header>nav .nav-cta{margin-top:28px!important}
}
@media(prefers-reduced-motion:reduce){header>nav{transition:none!important}}
header>.logo{color:#171b1e!important}
header>.logo b{color:#d11f26!important}
header>nav>a:not(.nav-cta){color:#111!important}
header>nav>a:not(.nav-cta):hover{color:#d11f26!important}
header>.mobile-contacts a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:auto!important;height:auto!important;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:0;color:#111!important}
header>.mobile-contacts svg{width:20px!important;height:20px!important;fill:currentColor!important;color:inherit!important;flex:none}
header>.mobile-contacts{gap:22px!important}
@media(min-width:901px){
 header{grid-template-columns:minmax(115px,1fr) auto minmax(315px,1fr)!important;gap:14px!important;padding-left:3%!important;padding-right:3%!important}
 header>nav{gap:clamp(10px,1vw,20px)!important}
 header>nav>a:not(.nav-cta){font-size:clamp(10px,.76vw,12px)!important}
 header>.mobile-contacts{gap:clamp(12px,1.35vw,25px)!important}
}
@media(min-width:901px) and (max-width:1190px){
 header{grid-template-columns:100px 1fr!important;grid-template-rows:45px 45px;height:90px!important}
 header>.logo{grid-column:1;grid-row:1 / 3}
 header>nav{grid-column:2;grid-row:2;justify-self:end}
 header>.mobile-contacts{grid-column:2;grid-row:1;justify-self:end}
}
@media(max-width:900px){
 header>.logo{color:#171b1e!important}
 header>.logo b{color:#d11f26!important}
 header>.mobile-contacts{gap:14px!important;margin-left:auto!important;margin-right:10px!important}
 header>.mobile-contacts a{width:30px!important;height:40px!important;gap:0!important}
 header>.mobile-contacts a span{display:none!important}
 header>.mobile-contacts svg{width:25px!important;height:25px!important}
 header .menu-lines span{background:#111!important}
}
@media(max-width:390px){header>.mobile-contacts{gap:8px!important}}
@media (min-width: 901px) {
  header {
    display: flex !important;
    align-items: center !important;
    height: 94px !important;
    padding: 0 0 0 5% !important;
    gap: 24px !important;
  }
  header > .logo { margin-right: auto !important; }
  header > .mobile-contacts {
    display: flex !important;
    gap: 25px !important;
    margin-left: auto !important;
    margin-right: 24px !important;
  }
  header > .mobile-contacts a { display: inline-flex !important; }
  header > .mobile-contacts .contact-location { order: -1 !important; }
  header > .menu {
    display: grid !important;
    place-items: center !important;
    width: 94px !important;
    min-width: 94px !important;
    height: 94px !important;
    background: #d11f26 !important;
    border: 0 !important;
    cursor: pointer !important;
    z-index: 1006 !important;
  }
  header > nav {
    display: flex !important;
    position: fixed !important;
    top: 94px !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: min(440px, 100vw) !important;
    height: auto !important;
    max-height: calc(100dvh - 94px) !important;
    padding: 30px 40px 40px !important;
    background: #fff !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    box-shadow: -12px 20px 40px rgba(0,0,0,.12) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) !important;
    transition: opacity .25s ease, transform .25s ease, visibility .25s ease !important;
    z-index: 1005 !important;
  }
  header > nav.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  header > nav:before { display: none !important; }
  header > nav > a:not(.nav-cta) {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 0 !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: none !important;
  }
  header > nav > a:not(.nav-cta):after {
    content: '→' !important;
    display: block !important;
    color: #111 !important;
    font-size: 20px !important;
  }
  header > nav .nav-cta { display: none !important; }
  .nav-scrim { display: block !important; top: 94px !important; }
  .nav-scrim.active { opacity: 1 !important; visibility: visible !important; }
}
@media (max-width: 900px) {
  header > .mobile-contacts .contact-location { order: -1 !important; }
}
@media (min-width: 901px) {
  header {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) auto minmax(290px, 1fr) !important;
    gap: clamp(12px, 1.6vw, 26px) !important;
    padding: 0 3% !important;
  }
  header > .logo { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; justify-self: start !important; }
  header > nav {
    display: flex !important;
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-self: center !important;
    width: auto !important;
    height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    gap: clamp(10px, 1.15vw, 22px) !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }
  header > nav > a:not(.nav-cta) {
    display: inline-flex !important;
    padding: 0 !important;
    font: 600 clamp(10px, .78vw, 12px) 'Montserrat', Arial, sans-serif !important;
    letter-spacing: .015em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  header > nav > a:not(.nav-cta)::after { display: none !important; content: none !important; }
  header > nav .nav-cta { display: none !important; }
  header > .mobile-contacts {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    gap: clamp(12px, 1.2vw, 22px) !important;
  }
  header > .mobile-contacts .contact-location {
    display: none !important;
  }
  header.is-scrolled > .mobile-contacts .contact-location {
    display: inline-flex !important;
  }
  header > .menu { display: none !important; }
  .nav-scrim { display: none !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  header { grid-template-columns: 95px minmax(0, 1fr) auto !important; gap: 12px !important; padding: 0 2% !important; }
  header > nav { gap: 10px !important; }
  header > nav > a:not(.nav-cta) { font-size: 10px !important; }
  header > .mobile-contacts { gap: 12px !important; }
  header > .mobile-contacts a { font-size: 11px !important; }
}
@media (min-width: 901px) {
  body:has(> header + .hero) > header:not(.is-scrolled),
  header:not(.is-scrolled) {
    background: rgba(255,255,255,.12) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255,255,255,.65) !important;
  }
  header > .mobile-contacts .contact-location,
  header.is-scrolled > .mobile-contacts .contact-location {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  header > .mobile-contacts .contact-email svg,
  header > .mobile-contacts .contact-phone svg,
  header.is-scrolled > .mobile-contacts .contact-email svg,
  header.is-scrolled > .mobile-contacts .contact-phone svg {
    display: none !important;
  }
  header > .mobile-contacts .contact-email,
  header > .mobile-contacts .contact-phone {
    width: auto !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  header > .mobile-contacts .contact-location svg {display:block !important;}
}
@media (min-width: 901px) {
  .top { display: none !important; }
  body:has(> header + .hero) > header {
    position: sticky !important;
    top: 0 !important;
    margin-bottom: -94px !important;
    z-index: 1000 !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255,255,255,.38) !important;
  }
  body:has(> header + .hero) > header.is-scrolled {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.07) !important;
  }
  header > .logo, header > nav > a:not(.nav-cta) {
    color: #171b1e !important;
  }
  header > .logo b { color: #d11f26 !important; }
  header > .mobile-contacts .contact-location,
  header.is-scrolled > .mobile-contacts .contact-location {
    display: inline-flex !important;
    visibility: visible !important;
  }
  header > .mobile-contacts .contact-location svg,
  header:not(.is-scrolled) > .mobile-contacts .contact-location svg {
    color: #171b1e !important;
    fill: #171b1e !important;
  }
  header > .mobile-contacts .contact-email svg,
  header > .mobile-contacts .contact-phone svg { display: none !important; }
  header > .mobile-contacts .contact-email,
  header > .mobile-contacts .contact-phone {
    color: #171b1e !important;
    position: relative;
    padding: 0 0 8px !important;
    border-bottom: 2px solid #d11f26 !important;
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
    font-weight: 600;
  }
}
body:has(> header + .hero) > header:not(.is-scrolled) {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,.35) !important;
}
body:has(> header + .hero) > header.is-scrolled {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body:has(> header + .hero) > .hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 100svh !important;
}
@media (min-width: 901px) {
  body:has(> header + .hero) > header { height: 94px !important; }
  header > .mobile-contacts { align-items: stretch !important; height: 100% !important; gap: 0 !important; }
  header > .mobile-contacts .contact-location,
  header > .mobile-contacts .contact-email,
  header > .mobile-contacts .contact-phone,
  header.is-scrolled > .mobile-contacts .contact-location,
  header.is-scrolled > .mobile-contacts .contact-email,
  header.is-scrolled > .mobile-contacts .contact-phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    height: 100% !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 15px !important;
    background: #d11f26 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    color: #171b1e !important;
    font-weight: 600 !important;
  }
  header > .mobile-contacts .contact-location { min-width: 55px !important; }
  header > .mobile-contacts .contact-location svg { fill: #171b1e !important; color: #171b1e !important; }
  header > .mobile-contacts .contact-email svg,
  header > .mobile-contacts .contact-phone svg { display: none !important; }
}
@media (max-width: 900px) {
  body:has(> header + .hero) > header { height: 76px !important; }
  header > .mobile-contacts .contact-location,
  header > .mobile-contacts .contact-email,
  header > .mobile-contacts .contact-phone { background: transparent !important; }
}
@media (min-width: 901px) {
  html body > .top { display: none !important; }
  html body > header,
  html body:has(> header + .hero) > header:not(.is-scrolled) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 94px !important;
    margin: 0 !important;
    padding: 0 0 0 5% !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255,255,255,.32) !important;
    z-index: 1000 !important;
  }
  html body > header.is-scrolled,
  html body:has(> header + .hero) > header.is-scrolled {
    background: #fff !important;
    background-color: #fff !important;
    border-bottom-color: rgba(0,0,0,.1) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
  }
  html body > header > .mobile-contacts {
    display: flex !important;
    align-items: stretch !important;
    justify-self: stretch !important;
    height: 94px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    background: #d11f26 !important;
  }
  html body > header > .mobile-contacts > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 94px !important;
    min-width: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: #d11f26 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #171b1e !important;
  }
  html body > header > .mobile-contacts > a:last-child { padding-right: 24px !important; }
  html body > header > .mobile-contacts .contact-email svg,
  html body > header > .mobile-contacts .contact-phone svg { display: none !important; }
  html body > header > .mobile-contacts .contact-location svg {
    display: block !important;
    color: #171b1e !important;
    fill: #171b1e !important;
  }
  html body > .hero,
  html body:has(> header + .hero) > .hero {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100svh !important;
  }
  html body > .hero .slides,
  html body > .hero .slide { inset: 0 !important; }
}
@media (min-width: 901px) {
  html body > header > .mobile-contacts {
    justify-self: end !important;
    margin-left: auto !important;
  }
  html body > header > .mobile-contacts > a.contact-email,
  html body > header > .mobile-contacts > a.contact-phone {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: clamp(14px, 1.12vw, 17px) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    white-space: nowrap !important;
  }
  html body > header > .mobile-contacts > a.contact-location {
    padding-left: 14px !important;
    padding-right: 8px !important;
    min-width: 45px !important;
  }
  html body > header > .mobile-contacts > a:last-child {
    padding-right: 8px !important;
  }
}
@media (min-width: 901px) {
  html body > header > .mobile-contacts > a.contact-email,
  html body > header > .mobile-contacts > a.contact-phone {
    font-size: clamp(13px, 0.95vw, 15px) !important;
  }
}
@media (min-width: 901px) {
  html body > header > .mobile-contacts > a.contact-location {
    min-width: 70px !important;
    padding: 0 20px !important;
  }
  html body > header > .mobile-contacts > a.contact-email,
  html body > header > .mobile-contacts > a.contact-phone {
    padding: 0 clamp(18px, 1.65vw, 30px) !important;
    line-height: 1.5 !important;
  }
  html body > header > .mobile-contacts > a:last-child {
    padding-right: clamp(24px, 2.5vw, 44px) !important;
  }
}
@media (min-width: 901px) {
  html body > header > .mobile-contacts > a.contact-location {
    padding-left: 30px !important;
    padding-right: 20px !important;
    min-width: 80px !important;
  }
}
.sand-page{font-family:Montserrat,Arial,sans-serif}.sand-container{width:min(1180px,88%);margin:auto}.sand-hero{height:min(720px,85svh);min-height:540px;display:flex;align-items:center;position:relative;color:white;background:linear-gradient(90deg,rgba(10,16,18,.73),rgba(10,16,18,.18)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1900&q=85') center/cover}.sand-hero-inner{width:min(1180px,88%);margin:0 auto;padding-top:80px}.sand-eyebrow{display:block;color:#d11f26;font-size:12px;letter-spacing:.25em;font-weight:700;margin-bottom:20px}.sand-hero h1,.sand-page h2,.sand-page h3{font-family:Montserrat,Arial,sans-serif!important;letter-spacing:.035em!important;line-height:1.12!important}.sand-hero h1{font-size:clamp(48px,7vw,94px);font-weight:700;margin:0 0 25px}.sand-hero p{font-size:clamp(16px,1.6vw,21px);line-height:1.7;max-width:570px;color:#f3f3f3}.sand-intro{padding:110px 0}.sand-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}.sand-copy h2,.sand-details h2{font-size:clamp(30px,3.5vw,48px);font-weight:650;margin:0 0 28px}.sand-copy p{color:#656565;line-height:1.95;font-size:15px}.sand-photo img{height:500px;width:100%;object-fit:cover}.sand-link{display:inline-flex;gap:25px;margin-top:26px;border-bottom:2px solid #d11f26;padding:0 0 13px;font-size:12px;font-weight:750;letter-spacing:.08em}.sand-details{background:#f5f5f3;padding:95px 0 105px}.sand-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.sand-detail-grid article{border-top:1px solid #d3d3ce;padding-top:24px}.sand-detail-grid article>span{font-size:13px;color:#d11f26;font-weight:700}.sand-detail-grid h3{font-size:19px;font-weight:700;margin:22px 0 14px}.sand-detail-grid p{font-size:14px;color:#666;line-height:1.8}.sand-cta{background:#d11f26;padding:60px 0}.sand-cta>.sand-container{display:flex;justify-content:space-between;align-items:center;gap:35px}.sand-cta span{font-size:11px;font-weight:700;letter-spacing:.18em}.sand-cta h2{font-size:clamp(25px,3vw,42px);margin:12px 0 0;font-weight:700}.sand-cta a{background:#171b1e;color:#fff;padding:20px 25px;white-space:nowrap;font-size:12px;letter-spacing:.06em;font-weight:700}
body:has(.sand-page) > header{background:transparent!important;color:#171b1e!important;box-shadow:none!important}
body:has(.sand-page) > header:not(.is-scrolled){color:#fff!important}
body:has(.sand-page) > header.is-scrolled{background:#fff!important;color:#171b1e!important}
body:has(.sand-page) .sand-hero{margin-top:-94px}
@media(max-width:900px){body:has(.sand-page) .sand-hero{margin-top:-76px}.sand-two-cols{grid-template-columns:1fr}.sand-photo img{height:380px}.sand-detail-grid{gap:22px}.sand-hero{min-height:500px}}
@media(max-width:650px){.sand-intro{padding:70px 0}.sand-details{padding:70px 0}.sand-detail-grid{grid-template-columns:1fr;gap:24px}.sand-cta>.sand-container{flex-direction:column;align-items:flex-start}.sand-hero h1{font-size:clamp(44px,11vw,64px)}.sand-photo img{height:300px}}
.hero { touch-action: pan-y; }
.hero .slides { user-select: none; -webkit-user-select: none; }
header > a.logo { display:flex!important;align-items:center!important; flex-shrink:0; }
header > a.logo img { display:block; width:150px; max-width:100%; height:auto; object-fit:contain; }
.footer .logo img { display:block; width:150px; height:auto; object-fit:contain; }
@media(max-width:600px){header > a.logo img { width:125px; }}
html body > header > .mobile-contacts,
html body > header > .mobile-contacts > a,
html body > header.is-scrolled > .mobile-contacts > a {
  color: #fff !important;
}
html body > header > .mobile-contacts .contact-location svg,
html body > header.is-scrolled > .mobile-contacts .contact-location svg {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}
html body > header .menu-toggle,
html body > header .menu-toggle * { color: #fff; }
html body > header .menu-toggle span { background-color: #fff !important; }
.sand-cta, .sand-cta h2, .sand-cta span { color: #fff !important; }
html body > header > .mobile-contacts > a.contact-email,
html body > header > .mobile-contacts > a.contact-phone,
html body > header > .mobile-contacts > a.contact-location,
html body > header.is-scrolled > .mobile-contacts > a.contact-email,
html body > header.is-scrolled > .mobile-contacts > a.contact-phone,
html body > header.is-scrolled > .mobile-contacts > a.contact-location {
  color: #ffffff !important;
}
html body > header > .mobile-contacts > a.contact-location svg,
html body > header.is-scrolled > .mobile-contacts > a.contact-location svg,
html body > header > .mobile-contacts > a.contact-location svg * ,
html body > header.is-scrolled > .mobile-contacts > a.contact-location svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
@media (max-width: 900px) {
  html body > header > .mobile-contacts > a.contact-location {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: -1 !important;
    flex: 0 0 auto !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 40px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #111111 !important;
  }
  html body > header > .mobile-contacts > a.contact-location svg,
  html body > header > .mobile-contacts > a.contact-location svg path,
  html body > header.is-scrolled > .mobile-contacts > a.contact-location svg,
  html body > header.is-scrolled > .mobile-contacts > a.contact-location svg path {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 25px !important;
    height: 25px !important;
    color: #111111 !important;
    fill: #111111 !important;
    stroke: none !important;
  }
}
.services-three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.service-list-wrap{padding-bottom:95px}.services-three .service{min-height:230px}.services-three .service:nth-child(2){background:#d11f26;color:#fff}.services-three .service:nth-child(2) h3,.services-three .service:nth-child(2) p,.services-three .service:nth-child(2) a{color:#fff}.services-three .service a{font-weight:700;font-size:12px;letter-spacing:.05em}.project .info h3{font-size:clamp(22px,2.3vw,31px);line-height:1.13}.project .info span{font-size:11px;font-weight:700;letter-spacing:.04em}.section#storitve{padding-bottom:45px}@media(max-width:900px){.services-three{grid-template-columns:repeat(3,minmax(0,1fr))}.services-three .service{padding:25px 18px}.services-three .service h3{font-size:20px}}@media(max-width:600px){.services-three{grid-template-columns:1fr}.service-list-wrap{padding-bottom:65px}.services-three .service{padding:27px}.section#storitve{padding-bottom:30px}}
.services-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}
.services-four .service{min-width:0}
.services-four .service:nth-child(2){background:#d11f26;color:#fff}
.services-four .service:nth-child(2) :is(h3,p,a){color:#fff}
.services-four .service a{font-weight:700;font-size:12px;letter-spacing:.05em}
@media(max-width:900px){.services-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.services-four{grid-template-columns:1fr}}
.services-four .service-clickable{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}
.services-four .service-clickable .service-link{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.05em;color:inherit}
.services-four .service-clickable:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000017;position:relative;z-index:1}
.services-four .service-clickable:focus-visible{outline:3px solid #171b1e;outline-offset:-4px}
.services-four .service-clickable:nth-child(2) .service-link{color:#fff}
@media (min-width: 901px) {
  html body > header.is-scrolled,
  html body:has(> header + .hero) > header.is-scrolled {
    height: 72px !important;
    min-height: 72px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    transition: height .24s ease, background-color .24s ease !important;
  }
  html body > header.is-scrolled > .mobile-contacts {
    height: 72px !important;
  }
  html body > header.is-scrolled > a.logo img {
    width: 126px !important;
    max-height: 56px !important;
    object-fit: contain !important;
  }
  html body > header.is-scrolled nav {
    height: 72px !important;
  }
  html body > header.is-scrolled > .mobile-contacts > a {
    height: 100% !important;
  }
}
@media (max-width: 900px) {
  html body > header.is-scrolled,
  html body:has(> header + .hero) > header.is-scrolled {
    height: 68px !important;
    min-height: 68px !important;
    background: #fff !important;
    transition: height .24s ease, background-color .24s ease !important;
  }
  html body > header.is-scrolled > a.logo img {
    width: 112px !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }
  html body > header.is-scrolled .menu {
    height: 68px !important;
    width: 68px !important;
    min-width: 68px !important;
  }
  html body > header.is-scrolled > nav {
    top: 100% !important;
  }
}
html body:has(> main.sand-page) > header,
html body:has(> main.sand-page) > header:not(.is-scrolled),
html body:has(> main.sand-page) > header.is-scrolled {
  background: #fff !important;
  color: #171b1e !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.09) !important;
  border-bottom: 1px solid rgba(0,0,0,.09) !important;
}
html body:has(> main.sand-page) > header nav > a:not(.nav-cta) { color: #171b1e !important; }
html body:has(> main.sand-page) > header nav > a.active,
html body:has(> main.sand-page) > header nav > a:hover { color: #d11f26 !important; }
html body:has(> main.sand-page) .sand-hero {
  margin-top: 94px !important;
  height: min(630px, 75svh);
  min-height: 430px;
}
html body:has(> main.sand-page) .sand-hero-inner { padding-top: 0; }
@media(max-width:900px) {
  html body:has(> main.sand-page) .sand-hero { margin-top: 76px !important; min-height: 410px; }
  html body:has(> main.sand-page) > header.is-scrolled ~ main.sand-page .sand-hero { margin-top: 76px !important; }
}
.sand-types{padding:82px 0 90px;background:#f7f7f7}
.sand-types h2{margin:12px 0 12px;font-size:clamp(30px,3.3vw,46px);letter-spacing:.035em}
.sand-types-intro{max-width:650px;margin:0 0 35px;color:#555;line-height:1.7}
.sand-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sand-type-card{display:flex;flex-direction:column;min-height:260px;padding:30px 25px;background:#fff;color:#151515;text-decoration:none;border:1px solid #e9e9e9;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sand-type-card:hover,.sand-type-card:focus-visible{transform:translateY(-4px);border-color:#d11f26;box-shadow:0 14px 30px rgba(0,0,0,.07)}
.sand-type-label{color:#d11f26;font-size:11px;font-weight:700;letter-spacing:.13em}
.sand-type-card h3{font-size:20px;line-height:1.2;margin:20px 0 12px;letter-spacing:.025em}
.sand-type-card p{color:#5a5a5a;font-size:14px;line-height:1.6;margin:0 0 25px}
.sand-type-more{margin-top:auto;color:#d11f26;font-size:11px;font-weight:700;letter-spacing:.055em}
@media(max-width:1050px){.sand-types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.sand-types{padding:55px 0}.sand-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sand-type-card{min-height:245px;padding:22px 17px}.sand-type-card h3{font-size:17px}.sand-type-more{font-size:10px}}
@media(max-width:420px){.sand-types-grid{grid-template-columns:1fr}.sand-type-card{min-height:205px}}
.sand-type-card{padding:0;overflow:hidden;min-height:0}
.sand-type-image{display:block;width:100%;height:150px;object-fit:cover;flex:none}
.sand-type-label,.sand-type-card h3,.sand-type-card p,.sand-type-more{margin-left:23px;margin-right:23px}
.sand-type-label{margin-top:22px}
.sand-type-card h3{margin-top:12px}
.sand-type-more{margin-top:auto;margin-bottom:24px}
@media(max-width:720px){.sand-type-image{height:125px}.sand-type-label,.sand-type-card h3,.sand-type-card p,.sand-type-more{margin-left:16px;margin-right:16px}}
.contact-hero { min-height: 400px; }
.contact-content { padding: 100px 0 90px; background: #fff; }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(36px, 7vw, 110px); align-items: start; }
.contact-intro h2, .contact-bottom h2 { font-size: clamp(30px, 3.5vw, 52px); line-height: 1.12; letter-spacing: .025em; margin: 14px 0 25px; }
.contact-intro p { font-size: 16px; line-height: 1.9; color: #596066; max-width: 610px; margin: 0 0 17px; }
.contact-details { display: grid; gap: 18px; }
.contact-detail { display: flex; flex-direction: column; gap: 12px; padding: 31px 34px; background: #f5f5f5; text-decoration: none; color: #181b1d; transition: background .2s, transform .2s; }
.contact-detail:hover { background: #ededed; transform: translateY(-2px); }
.contact-detail-label { color: #d11f26; font-size: 12px; letter-spacing: .15em; font-weight: 700; }
.contact-detail strong { font-size: clamp(19px, 2vw, 26px); overflow-wrap: anywhere; }
.contact-detail-action { font-size: 12px; font-weight: 700; letter-spacing: .07em; }
.contact-note { font-size: 12px; color: #747474; line-height: 1.6; }
.contact-bottom { padding: 78px 0 95px; background: #f5f5f5; }
.contact-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.contact-steps > div { background: white; padding: 30px; }
.contact-steps span { color: #d11f26; font-size: 13px; font-weight: 700; }
.contact-steps h3 { margin: 15px 0 10px; font-size: 20px; }
.contact-steps p { margin: 0; color: #596066; line-height: 1.7; }
@media (max-width: 760px) { .contact-content { padding: 65px 0; } .contact-layout { grid-template-columns: 1fr; } .contact-steps { grid-template-columns: 1fr; } .contact-bottom { padding: 60px 0; } }
.material-detail-page .material-hero{background-image:linear-gradient(90deg,rgba(10,16,18,.76),rgba(10,16,18,.22)),var(--material-photo);background-position:center;background-size:cover}
.material-detail-page .sand-photo img{object-fit:cover}
.material-back{padding:30px 0 65px}
.material-back .sand-link{margin-top:0}
header nav .nav-dropdown{position:relative;display:flex;align-items:center;gap:5px}
header nav .nav-dropdown>a{color:inherit;text-decoration:none;font:inherit;white-space:nowrap}
header nav .submenu-toggle{border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px;padding:4px 5px}
header nav .submenu{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#fff;box-shadow:0 12px 25px #0002;padding:10px 0;z-index:110;flex-direction:column}
header nav .submenu a{display:block;color:#171b1e!important;padding:11px 18px;font-size:12px!important;line-height:1.4;text-decoration:none;white-space:nowrap}
header nav .submenu a:hover{background:#f5f5f5;color:#d11f26!important}
@media(min-width:901px){header nav .nav-dropdown:hover .submenu,header nav .nav-dropdown:focus-within .submenu,header nav .nav-dropdown.submenu-open .submenu{display:flex}}
.material-detail-page .material-heading{background:#f5f5f3;color:#171b1e;padding:85px 0 65px}
.material-detail-page .material-heading h1{font-size:clamp(36px,5vw,68px);line-height:1.12;margin:0 0 18px}
.material-detail-page .material-heading p{font-size:17px;color:#666;margin:0}
@media(max-width:900px){header nav .nav-dropdown{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}header nav .nav-dropdown>a{flex:1}header nav .submenu-toggle{padding:12px 18px;color:#171b1e!important}header nav .submenu{position:static;width:100%;box-shadow:none;padding:0 0 8px 12px;background:#f8f8f8}header nav .nav-dropdown.submenu-open .submenu{display:flex}header nav .submenu a{padding:12px 20px!important;white-space:normal}header nav .nav-dropdown{border-bottom:1px solid #eee}.material-detail-page .material-heading{padding:55px 0 45px}}
header > nav > .nav-dropdown {position:relative;display:flex;align-items:center;gap:0;flex:0 0 auto;}
header > nav > .nav-dropdown > a {font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;line-height:inherit!important;padding:0!important;margin:0!important;color:inherit!important;}
header > nav > .nav-dropdown > a:hover {color:#d11f26!important;}
header > nav > .nav-dropdown > .submenu-toggle {font-size:16px;line-height:1;padding:4px 3px 4px 7px;}
.material-detail-page .material-top-photo {height:clamp(260px,37vw,510px);background-size:cover;background-position:center;display:block;}
@media(max-width:900px){
 header > nav > .nav-dropdown {width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:0;}
 header > nav > .nav-dropdown > a {flex:1;display:flex!important;align-items:center;justify-content:space-between;min-height:0!important;padding:17px 0!important;font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important;text-transform:uppercase!important;color:#111!important;}
 header > nav > .nav-dropdown > .submenu-toggle {color:#111!important;font-size:22px;padding:14px 6px 14px 16px;}
 header > nav > .nav-dropdown > .submenu {flex-basis:100%;}
 .material-detail-page .material-top-photo {height:260px;}
}
@media (min-width:901px) {
 header > nav > .nav-dropdown > a {
  font-family:'Montserrat',Arial,sans-serif!important;
  font-size:clamp(10px,.85vw,13px)!important;
  font-weight:700!important;
  letter-spacing:normal!important;
  text-transform:uppercase!important;
  line-height:normal!important;
  color:inherit!important;
 }
 header > nav > .nav-dropdown > .submenu-toggle {font-size:13px!important;padding:0 0 0 6px!important;line-height:1!important;}
}
@media (max-width:900px) {
 header > nav > .nav-dropdown > a {
  font-family:'Montserrat',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:.17em!important;
  line-height:1.4!important;
  padding:9px 0!important;
  text-transform:uppercase!important;
  color:#111!important;
 }
 header > nav > .nav-dropdown > .submenu-toggle {font-size:20px!important;padding:9px 7px 9px 14px!important;}
}
@media (min-width: 901px) {
  header > nav > .nav-dropdown { align-items: center !important; gap: 7px !important; }
  header > nav > .nav-dropdown > a {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: clamp(10px,.85vw,13px) !important;
    font-weight: 500 !important;
    letter-spacing: .025em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    padding: 0 !important;
  }
}
header > nav > .nav-dropdown > .submenu-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 16px !important;
  height: 24px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
header > nav > .nav-dropdown > .submenu-toggle::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1.4px solid currentColor;
  border-bottom: 1.4px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}
.material-detail-page .material-top-photo {
  height: clamp(220px, 29vw, 390px) !important;
  margin-top: 94px !important;
}
.material-detail-page .sand-intro { padding: 52px 0 64px !important; }
.material-detail-page .sand-details { padding: 62px 0 72px !important; }
.material-detail-page .material-back { padding: 20px 0 45px !important; }
@media (max-width: 900px) {
  .material-detail-page .material-top-photo { height: 240px !important; margin-top: 76px !important; }
  .material-detail-page .sand-intro { padding: 40px 0 50px !important; }
  .material-detail-page .sand-details { padding: 45px 0 55px !important; }
}
html body:has(> main.material-detail-page) .material-detail-page .material-top-photo {
  display:block !important; height:240px !important; margin:94px 0 0 !important;
  padding:0 !important; background:none !important; overflow:hidden !important;
}
html body:has(> main.material-detail-page) .material-detail-page .material-top-photo img {
  display:block !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important;
}
html body:has(> main.material-detail-page) .material-detail-page .sand-intro { padding-top:38px !important; }
@media(max-width:900px){
 html body:has(> main.material-detail-page) .material-detail-page .material-top-photo { height:180px !important; margin-top:76px !important; }
 html body:has(> main.material-detail-page) .material-detail-page .sand-intro { padding-top:30px !important; }
}
.material-detail-page .sand-cta .sand-cta-phone {margin:14px 0 0;color:#fff;font-size:16px;line-height:1.6}
.material-detail-page .sand-cta .sand-cta-phone a {display:inline;color:#fff;background:transparent;padding:0;font-size:inherit;font-weight:700;letter-spacing:normal;white-space:normal;text-decoration:underline;text-underline-offset:3px}
.material-detail-page .sand-cta .sand-cta-button {display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.material-grades {padding-left:1.3rem; margin:1rem 0 1.3rem;}
.material-grades li {margin-bottom:.7rem;line-height:1.65;}
.sand-copy h3 {font-size:1rem;letter-spacing:.07em;margin-top:1.5rem;}
.footer-contact-list { display:flex; flex-direction:column; gap:17px; }
.footer-contact-item { display:flex; align-items:center; gap:13px; font:inherit; font-size:17px; line-height:1.5; text-decoration:none; color:inherit; }
.footer-contact-item svg { width:21px; height:21px; flex:0 0 21px; fill:currentColor; }
.footer-contact-item:hover { color:#D11F26; }
@media(max-width:600px){.footer-contact-item{font-size:16px;}}
.footer .cols {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start;}
.footer .cols > div {min-width:0;}
.footer-contact-item {overflow-wrap:anywhere;}
@media(max-width:900px){.footer .cols {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.footer .cols {grid-template-columns:1fr;gap:24px;}}
.premako-info-hero{height:clamp(250px,35vw,430px);background-position:center;background-size:cover;display:flex;align-items:center;color:#fff}.premako-info-hero h1{font-size:clamp(40px,6vw,76px);margin:0;font-weight:650}.premako-info-copy{max-width:950px}.premako-info-copy p{font-size:16px;line-height:1.9;color:#555}.premako-info-copy p a{color:#d11f26;font-weight:650}.premako-info-page .sand-intro{padding:70px 0}.premako-info-page .sand-cta-phone a{background:none;padding:0;font-size:inherit;letter-spacing:normal;color:inherit}.premako-info-page .sand-cta-phone{margin-top:15px}@media(max-width:600px){.premako-info-page .sand-intro{padding:48px 0}}
.premako-info-page .premako-service-hero {
  height:min(720px,85svh); min-height:540px; margin-top:0 !important;
  background-position:center; background-size:cover;
}
.premako-info-page .prevoz-zemlje-hero {background-image:linear-gradient(90deg,rgba(10,16,18,.73),rgba(10,16,18,.18)),url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?w=1900&q=85');}
.premako-info-page .prevoz-asfalta-hero {background-image:linear-gradient(90deg,rgba(10,16,18,.73),rgba(10,16,18,.18)),url('https://images.unsplash.com/photo-1531835551805-16d864c8d311?w=1900&q=85');}
@media(max-width:900px){.premako-info-page .premako-service-hero {min-height:500px;margin-top:0 !important;}}
.premako-info-page .premako-about-hero {background-image:linear-gradient(90deg,rgba(10,16,18,.73),rgba(10,16,18,.18)),url('/images/o-nas-slider.jpg');}
@media(max-width:900px){
html body > header > .mobile-contacts {display:flex!important;align-items:center!important;flex-shrink:0!important;gap:9px!important;}
html body > header > .mobile-contacts > a.contact-location,
html body > header > .mobile-contacts > a.contact-email,
html body > header > .mobile-contacts > a.contact-phone {display:inline-flex!important;visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:center!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:40px!important;padding:0!important;color:#111!important;}
html body > header > .mobile-contacts > a svg,
html body > header > .mobile-contacts > a svg path {display:block!important;visibility:visible!important;opacity:1!important;width:23px!important;height:23px!important;fill:#111!important;color:#111!important;}
}
@media(max-width:380px){html body > header > .mobile-contacts{gap:4px!important;margin-right:5px!important;}html body > header > .mobile-contacts > a{flex-basis:25px!important;width:25px!important;min-width:25px!important;}}
.footer{padding-bottom:0!important;}
.footer-extra-links h3{font-family:Montserrat,Arial,sans-serif!important;font-size:18px;font-weight:600;text-transform:none;margin:0 0 20px;color:#fff;}
.footer-extra-links a{display:block;font-size:15px;line-height:1.6;margin:0 0 13px;color:#bbb;text-decoration:none;}
.footer-extra-links a:hover{color:#fff;text-decoration:underline;}
.footer-copyright{margin-top:55px;background:#090909;color:#ddd;text-align:center;padding:22px 15px;font-size:13px;line-height:1.5;}
.footer-copyright strong{font-weight:700;}
.legal-page{padding-top:100px;padding-bottom:100px;min-height:70vh;}
.legal-page h1{font-size:clamp(36px,5vw,65px);margin:30px 0;}
.legal-page p{line-height:1.8;}
@media(max-width:600px){.footer-copyright{margin-top:35px;}}
.footer .cols > div > p {font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.65!important;color:#bbb!important;}
.footer-contact-heading {font-family:Montserrat,Arial,sans-serif!important;font-size:18px!important;font-weight:600!important;line-height:1.4!important;color:#fff!important;margin:0 0 20px!important;text-transform:none!important;}
.footer .footer-contact-list {gap:13px!important;}
.footer .footer-contact-item {font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.6!important;color:#bbb!important;}
.footer .footer-contact-item:hover {color:#fff!important;}
.footer .footer-contact-item svg {width:18px!important;height:18px!important;flex-basis:18px!important;}
@media (min-width:901px) {
 html body > header.is-scrolled > .mobile-contacts { padding-left:12px !important; background:#d11f26 !important; }
 html body > header.is-scrolled > .mobile-contacts .contact-phone { padding-right:24px !important; }
}
@media (min-width:901px) {
  header > nav > a:not(.nav-cta),
  header > nav > .nav-dropdown > a {
    font-family: 'Montserrat',Arial,sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
    padding: 0 !important;
  }
  header > nav > .nav-dropdown {display:flex !important;align-items:center !important;gap:7px !important;}
  header > nav > .nav-dropdown:hover > .submenu,
  header > nav > .nav-dropdown:focus-within > .submenu,
  header > nav > .nav-dropdown.submenu-open > .submenu {display:flex !important;}
}
header > nav > .nav-dropdown > .submenu-toggle {align-self:center!important;vertical-align:middle!important;}
@media (min-width: 901px) {
  html body > header > nav > .nav-dropdown > a,
  html body > header > nav > .nav-dropdown > a.active,
  html body > header > nav > .nav-dropdown > a:hover,
  html body > header > nav > .nav-dropdown > a:focus {
    color: #171b1e !important;
    font-weight: 500 !important;
  }
}
html body > header {z-index: 1000;}
html body > header > .mobile-contacts,
html body > header > .mobile-contacts > a.contact-email,
html body > header > .mobile-contacts > a.contact-phone {pointer-events: auto !important;}
header nav .nav-dropdown {display:inline-flex !important;align-items:center !important;gap:6px !important;}
header nav .nav-dropdown > .submenu-toggle {color:#111 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;font-size:19px !important;padding:0 2px !important;margin:0 !important;vertical-align:middle !important;transform:translateY(-1px);}
header nav .nav-dropdown > .submenu-toggle:hover {color:#111 !important;}
header nav .nav-dropdown > .submenu-toggle {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  width:16px !important;
  height:24px !important;
  min-width:16px !important;
  font-size:0 !important;
  line-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  color:#171b1e !important;
  vertical-align:middle !important;
}
header nav .nav-dropdown > .submenu-toggle::before {
  content:'' !important;
  display:block !important;
  width:6px !important;
  height:6px !important;
  border-right:1.5px solid #171b1e !important;
  border-bottom:1.5px solid #171b1e !important;
  transform:translateY(-2px) rotate(45deg) !important;
}
header .contact-email,
header .mobile-contacts a.contact-email,
footer .footer-contact-list a[href^="mailto:"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 3;
}
.sand-page:not(.premako-info-page) > .sand-hero {background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18)),url('images/prevoz-peska-slider.jpg') !important;background-position:center;background-size:cover;}
.premako-info-page .prevoz-zemlje-hero {background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18)),url('images/prevoz-zemlje-slider.jpg') !important;background-position:center;background-size:cover;}
.premako-info-page .prevoz-asfalta-hero {background-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18)),url('images/prevoz-asfalta-slider.jpg') !important;background-position:center;background-size:cover;}
@media (max-width:900px) {
  html body > header > nav > .nav-dropdown {
    display:flex !important;
    width:100% !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    border-bottom:1px solid #eee !important;
  }
  html body > header > nav > .nav-dropdown > a {
    display:flex !important;
    flex:1 1 0 !important;
    min-width:0 !important;
    align-items:center !important;
    justify-content:flex-start !important;
    font-family:'Montserrat',Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    line-height:1.5 !important;
    padding:13px 0 !important;
    border:0 !important;
    color:#171b1e !important;
  }
  html body > header > nav > .nav-dropdown > a::after {
    content:none !important;
    display:none !important;
  }
  html body > header > nav > .nav-dropdown > .submenu-toggle {
    display:flex !important;
    position:relative !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:48px !important;
    min-width:30px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#d11f26 !important;
    transform:none !important;
    cursor:pointer !important;
  }
  html body > header > nav > .nav-dropdown > .submenu-toggle::before {
    content:'' !important;
    display:block !important;
    width:7px !important;
    height:7px !important;
    border-right:1.5px solid #d11f26 !important;
    border-bottom:1.5px solid #d11f26 !important;
    transform:translateY(-2px) rotate(45deg) !important;
  }
  html body > header > nav > .nav-dropdown > .submenu {
    flex:0 0 100% !important;
    width:100% !important;
  }
}
@media (max-width:900px) {
  html body > header,
  html body:has(> header + .hero) > header,
  html body:has(> main.sand-page) > header {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:9999 !important;
    transform:none !important;
  }
  html body > header > .menu {
    position:relative !important;
    z-index:10002 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
  html body > header > nav {
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    z-index:10001 !important;
    max-height:calc(100dvh - 76px) !important;
    overflow-y:auto !important;
  }
  html body .sand-page .sand-hero,
  html body .premako-info-page .premako-service-hero,
  html body .premako-info-page .premako-about-hero,
  html body .material-detail-page .material-hero,
  html body .premako-info-page .premako-info-hero,
  html body .pagehero,
  html body .contact-hero {
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
  html body .sand-page .sand-hero-inner {padding-top:0 !important;}
}
.material-detail-page .fraction-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;min-width:0}
.material-detail-page .fraction-gallery.fraction-count-1{grid-template-columns:minmax(0,1fr)}
.material-detail-page .fraction-card{margin:0;background:#fff;border:1px solid #e8e8e8;min-width:0;overflow:hidden}
.material-detail-page .fraction-card img{display:block;width:100%;height:180px;object-fit:cover}
.material-detail-page .fraction-count-1 .fraction-card img{height:280px}
.material-detail-page .fraction-card figcaption{padding:12px 14px;text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:600;color:#15191b}
@media(max-width:600px){.material-detail-page .fraction-gallery{gap:10px}.material-detail-page .fraction-card img{height:125px}.material-detail-page .fraction-count-1 .fraction-card img{height:220px}.material-detail-page .fraction-card figcaption{font-size:13px;padding:10px 5px}}
@media (max-width:900px) {
 html body > header > nav {
   position:fixed !important;
   top:76px !important;
   right:0 !important;
   left:auto !important;
   bottom:0 !important;
   width:min(340px,88vw) !important;
   height:calc(100dvh - 76px) !important;
   max-height:none !important;
   padding:28px 24px 34px !important;
   overflow-y:auto !important;
   background:#fff !important;
   display:flex !important;
   flex-direction:column !important;
   align-items:stretch !important;
   box-shadow:-12px 10px 35px #0002 !important;
   transform:translateX(105%) !important;
   opacity:0 !important;
   visibility:hidden !important;
   pointer-events:none !important;
   transition:transform .25s ease,opacity .25s ease,visibility .25s ease !important;
 }
 html body > header > nav.open {
   transform:translateX(0) !important;
   opacity:1 !important;
   visibility:visible !important;
   pointer-events:auto !important;
 }
 html body > header > nav > .nav-cta {display:none !important;}
 html body > header > nav > a:not(.nav-cta),
 html body > header > nav > .nav-dropdown > a {
   font-family:'Montserrat',Arial,sans-serif !important;
   font-size:15px !important;
   font-weight:500 !important;
   line-height:1.4 !important;
   letter-spacing:0 !important;
   text-transform:none !important;
   color:#171b1e !important;
   padding:17px 0 !important;
   margin:0 !important;
   min-height:54px !important;
 }
 html body > header > nav > .nav-dropdown {
   display:flex !important;
   flex-wrap:wrap !important;
   align-items:center !important;
   width:100% !important;
   gap:0 !important;
   border-bottom:1px solid #eee !important;
 }
 html body > header > nav > .nav-dropdown > a {
   display:flex !important;
   flex:1 1 0 !important;
   min-width:0 !important;
   align-items:center !important;
   justify-content:flex-start !important;
   border:0 !important;
 }
 html body > header > nav > .nav-dropdown > .submenu-toggle {
   flex:0 0 30px !important;
   width:30px !important;
   height:54px !important;
   padding:0 !important;
   display:flex !important;
   align-items:center !important;
   justify-content:center !important;
   margin:0 !important;
   color:#d11f26 !important;
 }
 html body > header > nav > .nav-dropdown > .submenu {flex:0 0 100% !important;width:100% !important;}
}
@media(max-width:900px){
 html body > header,html body > header.is-scrolled,html body:has(> header + .hero) > header,
 html body:has(> header + .hero) > header.is-scrolled{
   position:fixed!important;top:0!important;left:0!important;right:0!important;
   z-index:20000!important;transform:none!important;
 }
 html body > header > .menu{position:relative!important;z-index:20003!important;pointer-events:auto!important;touch-action:manipulation!important}
 html body > nav.premako-mobile-portal{
   display:flex!important;position:fixed!important;top:76px!important;right:0!important;left:auto!important;bottom:0!important;
   width:min(340px,88vw)!important;height:calc(100dvh - 76px)!important;max-height:none!important;
   margin:0!important;padding:28px 24px 34px!important;box-sizing:border-box!important;
   overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important;
   z-index:20002!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
   box-shadow:-12px 10px 35px #0002!important;
   transform:translateX(105%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
   transition:transform .25s ease,opacity .25s ease,visibility .25s ease!important;
 }
 html body > nav.premako-mobile-portal.open{
   transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 }
 html body > nav.premako-mobile-portal > .nav-cta{display:none!important}
 html body > nav.premako-mobile-portal > a:not(.nav-cta),
 html body > nav.premako-mobile-portal > .nav-dropdown > a{
   display:flex!important;align-items:center!important;min-height:54px!important;
   padding:17px 0!important;margin:0!important;font-family:Montserrat,Arial,sans-serif!important;
   font-size:15px!important;font-weight:500!important;letter-spacing:0!important;
   text-transform:none!important;line-height:1.4!important;color:#171b1e!important;
 }
 html body > nav.premako-mobile-portal > .nav-dropdown{
   display:flex!important;flex-wrap:wrap!important;align-items:center!important;
   justify-content:space-between!important;width:100%!important;gap:0!important;border-bottom:1px solid #eee!important;
 }
 html body > nav.premako-mobile-portal > .nav-dropdown > a{flex:1 1 0!important;min-width:0!important;border:0!important}
 html body > nav.premako-mobile-portal > .nav-dropdown > a::after{display:none!important;content:none!important}
 html body > nav.premako-mobile-portal > .nav-dropdown > .submenu-toggle{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 30px!important;width:30px!important;height:54px!important;margin:0!important;padding:0!important;
   color:#d11f26!important;cursor:pointer!important;
 }
 html body > nav.premako-mobile-portal > .nav-dropdown > .submenu{flex:0 0 100%!important;width:100%!important}
}
@media(max-width:900px){
  body > nav.premako-mobile-portal > .nav-dropdown {
    display:flex!important;flex-flow:row wrap!important;
    align-items:center!important;justify-content:space-between!important;
    width:100%!important;gap:0!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > a {
    display:flex!important;align-items:center!important;flex:1 1 0!important;
    min-width:0!important;padding:17px 0!important;margin:0!important;
    min-height:54px!important;font:500 15px/1.4 Montserrat,Arial,sans-serif!important;
    letter-spacing:0!important;text-transform:none!important;
    color:#171b1e!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > a::after {
    content:none!important;display:none!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > .submenu-toggle {
    display:flex!important;flex:0 0 30px!important;
    width:30px!important;height:54px!important;min-height:54px!important;
    padding:0!important;margin:0!important;
    align-items:center!important;justify-content:center!important;
    font-size:0!important;color:transparent!important;
    border:0!important;background:transparent!important;
    cursor:pointer!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > .submenu-toggle::before {
    content:''!important;display:block!important;
    width:7px!important;height:7px!important;
    border-right:1.5px solid #d11f26!important;
    border-bottom:1.5px solid #d11f26!important;
    transform:translateY(-2px) rotate(45deg)!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown.submenu-open > .submenu-toggle::before {
    transform:translateY(2px) rotate(225deg)!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > .submenu {
    display:none!important;position:static!important;
    flex:0 0 100%!important;width:100%!important;
    margin:0!important;padding:0 0 8px 10px!important;
    background:#f8f8f8!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;
    transform:none!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown.submenu-open > .submenu {
    display:flex!important;flex-direction:column!important;
  }
  body > nav.premako-mobile-portal > .nav-dropdown > .submenu a {
    display:block!important;padding:12px 15px!important;
    font:500 14px/1.4 Montserrat,Arial,sans-serif!important;
    text-transform:none!important;letter-spacing:0!important;
    color:#171b1e!important;
  }
}
.legal-page{padding-top:65px;padding-bottom:75px;max-width:1000px}.legal-page h1{margin:24px 0 28px}.legal-page h2{font-size:23px;margin:36px 0 13px}.legal-page p{line-height:1.8}.cookie-table-wrap{width:100%;overflow-x:auto;margin:24px 0}.cookie-table{width:100%;border-collapse:collapse;min-width:520px}.cookie-table th,.cookie-table td{padding:14px;text-align:left;border:1px solid #ddd}.cookie-table th{background:#f2f2f2}
@media (min-width: 901px) {
  html body > header:not(.is-scrolled) > nav > a:not(.nav-cta),
  html body > header:not(.is-scrolled) > nav > .nav-dropdown > a,
  html body > header:not(.is-scrolled) > nav > .nav-dropdown > .submenu-toggle { color: #fff !important; }
  html body > header.is-scrolled > nav > a:not(.nav-cta),
  html body > header.is-scrolled > nav > .nav-dropdown > a,
  html body > header.is-scrolled > nav > .nav-dropdown > .submenu-toggle { color: #171b1e !important; }
  html body > header > nav > a:not(.nav-cta):hover,
  html body > header > nav > .nav-dropdown > a:hover { color: #d11f26 !important; }
  html body > header > nav > .nav-dropdown > .submenu a { color: #171b1e !important; }
}
html body > section.hero,
html body > .hero,
html body:has(> header + .hero) > .hero {
  background: #15202a !important;
  background-image: none !important;
}
@media (min-width:901px) {
  html body > header:not(.is-scrolled) > nav > .nav-dropdown > .submenu-toggle::before {
    border-color: #fff !important;
  }
  html body > header.is-scrolled > nav > .nav-dropdown > .submenu-toggle::before {
    border-color: #171b1e !important;
  }
}
html body > header > .mobile-contacts > a.contact-email,
html body > header > .mobile-contacts > a.contact-email * {
  pointer-events: auto !important;
}
html body > header > .mobile-contacts > a.contact-email {
  position: relative !important;
  z-index: 10 !important;
}
@media (min-width: 901px) {
  html body:not(.home-page) > header > nav > a:not(.nav-cta),
  html body:not(.home-page) > header > nav > .nav-dropdown > a,
  html body:not(.home-page) > header > nav > .nav-dropdown > .submenu-toggle {
    color: #171b1e !important;
  }
  html body:not(.home-page) > header > nav > .nav-dropdown > .submenu-toggle::before {
    border-color: #171b1e !important;
  }
  html body.home-page > header:not(.is-scrolled) > nav > .nav-dropdown > .submenu-toggle::before {
    border-color: #fff !important;
  }
}