/* A single type family, with enough vertical room for Croatian accents. */
body,body *,button,input,select,textarea{font-family:Verdana,Geneva,sans-serif!important}
header nav>a,header nav>details>summary{text-transform:uppercase;font-family:Verdana,Geneva,sans-serif;font-size:.8rem;letter-spacing:.035em}
header nav{gap:18px}.brand{letter-spacing:-.025em}.brand small{letter-spacing:.11em}
/* The source includes a wordmark below y=343. Exclude it from symbol placements. */
.hero-symbol img{clip-path:inset(0 0 33.2% 0)}
.brand-hero h1{line-height:1.2;padding-top:.05em}
.brandmark{position:relative;display:block;flex:0 0 68px;width:68px;height:74px;overflow:hidden}
.brandmark img{position:absolute;max-width:none;width:120px;height:120px;left:-26px;top:-7px;clip-path:inset(0 0 33.2% 0)}
.area.smart .area-label{white-space:nowrap;font-size:clamp(.8rem,1.42vw,1.35rem);letter-spacing:-.045em}
.mega .nav-title[href='/smart']{white-space:nowrap;font-size:.8rem;letter-spacing:-.03em}
.subhero h1.who-we-are{color:var(--yellow)}
@media(min-width:761px){.brand-hero,.subhero,body.smart .subhero,body.energija .subhero,#intro{background-image:linear-gradient(110deg,#05060650,#05060675),url('/assets/matte-texture.webp');background-size:auto,900px auto;background-repeat:repeat;background-position:center}.brand-hero h1{font-size:clamp(3.6rem,5.9vw,5.7rem)}}
@media(max-width:760px){.brandmark{flex-basis:58px;width:58px;height:64px}.brandmark img{width:103px;height:103px;left:-23px;top:-6px}.area.smart .area-label{font-size:clamp(.66rem,2.9vw,.9rem);letter-spacing:-.05em}.brand{font-size:1rem}.brand small{font-size:.53rem}.brand-hero h1{font-size:2.45rem}}
@media(max-width:390px){.brandmark{flex-basis:50px;width:50px;height:55px}.brandmark img{width:89px;height:89px;left:-20px;top:-5px}.brand{font-size:.91rem}.brand-hero h1{font-size:2.1rem}}
/* Full-width header with a small safe inset instead of the old page gutter. */
header{padding-inline:clamp(10px,1.1vw,22px);width:100%;max-width:none;box-sizing:border-box}
header>.button{margin-left:auto;flex-shrink:0}
@media(min-width:761px){
 .brand-hero h1{font-size:clamp(3.35rem,5.45vw,5.25rem)}
 .brand-hero .hero-symbol{width:clamp(322px,28vw,430px);height:clamp(216px,18.75vw,288px);margin-bottom:2px}
 .brand-hero,.subhero,body.smart .subhero,body.energija .subhero,#intro{background-image:linear-gradient(110deg,#00000018,#00000030),url('/assets/desktop-texture-supplied.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
}

/* Equal outer columns keep navigation at the viewport centre, independent of CTA width. */
@media(min-width:1101px){header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}header>.brand{grid-column:1;justify-self:start}header>nav{grid-column:2;justify-self:center;margin:0}header>.button{grid-column:3;justify-self:end;margin:0}}
@media(min-width:761px) and (max-width:1100px){header{display:flex;flex-wrap:wrap;justify-content:center}header>.brand{margin-right:auto}header>nav{flex-basis:100%;justify-content:center;margin:0}}