/**
 * File: /assets/css/o_nama.css
 * Version: 4.14
 * Changes:
 * - partner sekcija zadržava tamni gornji dio, dok je zona logotipa izdvojena na punu bijelu podlogu radi čitljivosti
 * - partneri se prikazuju kao logo slike u 5 stupaca, bez tekstualnih naziva
 * - logo slike podržavaju iste širine/pomake kao CMS partner logotipi na naslovnici
 * - IT rješenja naslov na širokom desktopu zaključan je na dvije namjerno zadane linije
 * - proširen lijevi stupac IT rješenja kako naslov ne bi nepotrebno lomio tekst
 * - pojedinačne kartice s ikonama podržavaju vlastitu širinu, visinu i X/Y pomak iz CMS-a
 * - na mobitelu se pojedinačni blokovi vraćaju u prirodni responsive raspored
 * - uklonjeni obrubi, kružni okviri i pozadine oko svih ikona
 * - veličina SVG ikona i zamjenskih slika koristi lokalni --about-icon-size pa se obje vrste vizuala povećavaju jednako
 * - podrška za CMS ikone i vlastite slike umjesto ikona u svim O nama karticama
 * - potpuno novi O nama vizual prema odobrenom previewu
 * - kompaktna tipografija bez 60–80px naslova
 * - fotografije, uslužne kartice, infrastruktura, partneri i lokacije u jednom premium ALGOR stilu
 */

.about-v4{--av4-bg:#06111f;--av4-bg-2:#091827;--av4-card:#0b1928;--av4-border:rgba(151,178,204,.20);--av4-red:#f20b25;--av4-ink:#07111f;--av4-muted:#5e6f82;--av4-soft:#f4f7fb;background:#fff;color:var(--av4-ink);overflow:hidden}.about-v4 *{box-sizing:border-box}.about-v4 svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.about-v4 .cms-text-position{display:inline}.about-v4-kicker{margin:0 0 14px;color:var(--av4-red);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.about-v4-kicker::before{content:"";display:inline-block;width:22px;height:1px;margin:0 9px 4px 0;background:currentColor}.about-v4 h1,.about-v4 h2,.about-v4 h3,.about-v4 p{margin-top:0}.about-v4 h1,.about-v4 h2{letter-spacing:-.035em}.about-v4-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:13px;font-weight:850;transition:transform .18s ease,border-color .18s ease,background .18s ease}.about-v4-btn:hover{transform:translateY(-1px)}.about-v4-btn span{font-size:17px;line-height:1}.about-v4-btn-primary{background:var(--av4-red);color:#fff}.about-v4-btn-secondary,.about-v4-btn-outline{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.42);color:#fff}.about-v4-btn-dark{background:#081624;color:#fff}.about-v4-icon{display:grid;place-items:center;width:var(--about-icon-size,24px);height:var(--about-icon-size,24px);min-width:var(--about-icon-size,24px);flex:0 0 auto;border:0;border-radius:0;background:transparent;color:#fff}.about-v4-icon svg,.about-v4-icon .about-v4-custom-icon{width:100%;height:100%}.about-v4-custom-icon{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent}

.about-v4-hero{position:relative;background:radial-gradient(circle at 85% 15%,rgba(18,58,92,.58),transparent 34%),linear-gradient(120deg,#04101d 0%,#071424 58%,#0b1b2b 100%);color:#fff}.about-v4-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.about-v4-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:48px;min-height:510px;padding-top:62px;padding-bottom:48px}.about-v4-hero-copy{max-width:590px;padding-left:8px}.about-v4-hero h1{max-width:620px;margin:0 0 22px;color:#fff;font-size:clamp(38px,4.1vw,54px);font-weight:900;line-height:1.02}.about-v4-lead{max-width:610px;margin-bottom:27px;color:#d0d8e2;font-size:15px;line-height:1.65}.about-v4-actions{display:flex;gap:12px;flex-wrap:wrap}.about-v4-hero-media{position:relative;height:370px;overflow:hidden;border-radius:4px}.about-v4-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.38),rgba(6,17,31,0) 40%,rgba(6,17,31,.12));pointer-events:none}.about-v4-hero-media img{width:100%;height:100%;display:block;object-fit:cover}.about-v4-hero-words{position:absolute;z-index:2;right:18px;bottom:22px;display:grid;gap:2px;padding-left:16px;color:#eef3f8;font-size:13px;font-weight:700;line-height:1.4}.about-v4-hero-words::after{content:"";position:absolute;left:16px;bottom:-10px;width:31px;height:2px;background:var(--av4-red)}

.about-v4-facts{position:relative;margin-top:-1px;background:var(--av4-bg);color:#fff;padding:0 0 1px}.about-v4-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--av4-border);border-radius:8px;background:rgba(11,25,40,.86);overflow:visible;transform:translateY(0)}.about-v4-fact{display:flex;align-items:center;gap:15px;width:var(--about-card-width,100%);height:var(--about-card-height,108px);justify-self:center;padding:22px 26px;border-right:1px solid var(--av4-border)}.about-v4-fact:last-child{border-right:0}.about-v4-fact strong{display:block;color:#fff;font-size:20px;font-weight:900;line-height:1.1}.about-v4-fact p{margin:6px 0 0;color:#9eb0c2;font-size:11px;line-height:1.45}

.about-v4-solutions{background:#f8fafc;padding:58px 0 62px}.about-v4-solutions-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.58fr);gap:54px;align-items:start}.about-v4-section-copy h2{max-width:620px;margin:0 0 18px;font-size:clamp(31px,2.7vw,40px);font-weight:900;line-height:1.04}.about-v4-section-copy>p:not(.about-v4-kicker){max-width:470px;color:#53667a;font-size:14px;line-height:1.7;margin-bottom:24px}.about-v4-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.about-v4-service-card{width:var(--about-card-width,100%);height:var(--about-card-height,205px);justify-self:center;padding:20px 16px;border:1px solid #d5dee8;border-radius:8px;background:rgba(255,255,255,.77);box-shadow:0 12px 28px rgba(40,60,82,.04)}.about-v4-service-icon{display:grid;place-items:center;width:var(--about-icon-size,30px);height:var(--about-icon-size,30px);margin-bottom:18px;color:#0c1b2a;border:0;border-radius:0;background:transparent}.about-v4-service-icon svg,.about-v4-service-icon .about-v4-custom-icon{width:100%;height:100%}.about-v4-service-icon svg{stroke-width:1.55}.about-v4-service-card h3{margin-bottom:10px;font-size:14px;line-height:1.2}.about-v4-service-card p{margin-bottom:0;color:#5c6d7e;font-size:11px;line-height:1.55}

.about-v4-infra{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#07131f;color:#fff}.about-v4-infra-media{min-height:430px;overflow:hidden}.about-v4-infra-media img{display:block;width:100%;height:100%;object-fit:cover}.about-v4-infra-content{display:flex;align-items:center;background:radial-gradient(circle at 92% 36%,rgba(35,65,88,.35),transparent 36%),#07131f}.about-v4-infra-copy{width:min(650px,100%);padding:52px 58px}.about-v4-infra h2{margin:0 0 18px;color:#fff;font-size:clamp(30px,2.7vw,40px);font-weight:900;line-height:1.08}.about-v4-infra-copy>p:not(.about-v4-kicker){max-width:630px;color:#b5c2cf;font-size:14px;line-height:1.7}.about-v4-infra-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.about-v4-infra-points article{display:flex;gap:12px;align-items:flex-start;width:var(--about-card-width,100%);height:var(--about-card-height,78px);justify-self:center}.about-v4-infra-points strong{display:block;color:#fff;font-size:12px}.about-v4-infra-points p{margin:4px 0 0;color:#7f93a8;font-size:10px;line-height:1.45}

.about-v4-team{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:#f8fafc}.about-v4-team-copy{display:flex;justify-content:flex-end;align-items:center;padding:48px 58px}.about-v4-team-copy>div{width:min(610px,100%)}.about-v4-team h2{margin:0 0 18px;font-size:clamp(31px,3vw,42px);font-weight:900;line-height:1.05}.about-v4-team-copy p:not(.about-v4-kicker){max-width:565px;color:#526579;font-size:14px;line-height:1.7}.about-v4-team-media{position:relative;min-height:390px;overflow:hidden}.about-v4-team-media img{width:100%;height:100%;display:block;object-fit:cover}.about-v4-team-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.38),transparent 48%)}.about-v4-team-overlay{position:absolute;z-index:2;left:36px;top:38px;color:#fff;font-size:19px;font-weight:700;line-height:1.48;text-shadow:0 2px 10px rgba(0,0,0,.38)}.about-v4-team-overlay::after{content:"";display:block;width:31px;height:2px;margin-top:12px;background:var(--av4-red)}

.about-v4-partners{background:linear-gradient(120deg,#07131f,#0a1b2b);color:#fff;padding:44px 0 0}.about-v4-partner-head{display:grid;grid-template-columns:.85fr 1.2fr auto;gap:38px;align-items:center}.about-v4-partner-head h2{margin:0;color:#fff;font-size:26px;font-weight:900;line-height:1.08}.about-v4-partner-head>p{margin:0;color:#a7b7c7;font-size:13px;line-height:1.65}.about-v4-partner-band{margin-top:32px;padding:24px 0 28px;background:#fff}.about-v4-partner-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;align-items:center;margin-top:0}.about-v4-partner-logo{display:flex;align-items:center;justify-content:center;min-height:70px;max-width:100%;margin:0 auto;text-decoration:none}.about-v4-partner-logo-image{display:block;width:125px;height:auto;max-width:100%;max-height:64px;object-fit:contain;filter:none}

.about-v4-locations{position:relative;min-height:330px;background:#06111f;color:#fff;overflow:hidden;padding:50px 0 24px}.about-v4-location-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.about-v4-location-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,32,.97) 0%,rgba(5,18,32,.82) 42%,rgba(5,18,32,.38) 72%,rgba(5,18,32,.55) 100%)}.about-v4-location-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.35fr;gap:56px;align-items:center}.about-v4-location-copy h2{margin:0 0 12px;color:#fff;font-size:34px;font-weight:900}.about-v4-location-copy>p:not(.about-v4-kicker){max-width:460px;color:#c0ccd8;font-size:13px;line-height:1.65}.about-v4-location-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-v4-location-cards article{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;width:var(--about-card-width,100%);height:var(--about-card-height,126px);justify-self:center;padding:22px 20px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(3,13,24,.82);box-shadow:0 18px 44px rgba(0,0,0,.22)}.about-v4-location-pin{display:grid;place-items:center;color:var(--av4-red);width:var(--about-icon-size,24px);height:var(--about-icon-size,24px);min-width:var(--about-icon-size,24px);border:0;border-radius:0;background:transparent}.about-v4-location-pin svg,.about-v4-location-pin .about-v4-custom-icon{width:100%;height:100%}.about-v4-location-cards strong{display:block;color:#fff;font-size:13px}.about-v4-location-cards p{margin:9px 0 0;color:#d3dce5;font-size:12px;line-height:1.6}.about-v4-location-building{display:grid;place-items:center;align-self:center;justify-self:end;width:var(--about-icon-size,42px);height:var(--about-icon-size,42px);color:#d7e1ea;border:0;border-radius:0;background:transparent}.about-v4-location-building svg,.about-v4-location-building .about-v4-custom-icon{width:100%;height:100%}.about-v4-company-line{position:relative;z-index:2;display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);color:#8fa2b4;font-size:10px}

@media(min-width:1181px){.about-v4-solutions-grid{grid-template-columns:minmax(520px,.9fr) minmax(0,1.55fr)}.about-v4-section-copy h2{white-space:nowrap}}
@media(max-width:1180px){.about-v4-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.about-v4-service-grid{grid-template-columns:repeat(3,1fr)}.about-v4-service-card:nth-child(4),.about-v4-service-card:nth-child(5){min-height:170px}.about-v4-infra-points{grid-template-columns:1fr}.about-v4-partner-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.about-v4 [data-cms-group-position][data-cms-size-pair]{transform:none!important;width:100%!important;height:auto!important}.about-v4-hero-grid{grid-template-columns:1fr;padding-top:48px}.about-v4-hero-copy{max-width:720px}.about-v4-hero-media{height:340px}.about-v4-facts-grid{grid-template-columns:repeat(2,1fr)}.about-v4-fact:nth-child(2){border-right:0}.about-v4-fact:nth-child(-n+2){border-bottom:1px solid var(--av4-border)}.about-v4-solutions-grid{grid-template-columns:1fr}.about-v4-service-grid{grid-template-columns:repeat(2,1fr)}.about-v4-infra,.about-v4-team{grid-template-columns:1fr}.about-v4-infra-media,.about-v4-team-media{min-height:340px}.about-v4-infra-copy,.about-v4-team-copy{padding:44px 32px}.about-v4-team-copy{justify-content:flex-start}.about-v4-partner-head{grid-template-columns:1fr}.about-v4-location-grid{grid-template-columns:1fr}.about-v4-location-cards{max-width:760px}}
@media(max-width:620px){.about-v4-hero-grid{min-height:0;padding-top:36px;padding-bottom:32px}.about-v4-hero h1{font-size:36px}.about-v4-hero-media{height:280px}.about-v4-hero-words{display:none}.about-v4-facts-grid{grid-template-columns:1fr}.about-v4-fact{border-right:0;border-bottom:1px solid var(--av4-border)}.about-v4-fact:last-child{border-bottom:0}.about-v4-solutions{padding:44px 0}.about-v4-service-grid{grid-template-columns:1fr}.about-v4-service-card{min-height:0}.about-v4-infra-media,.about-v4-team-media{min-height:260px}.about-v4-infra-copy,.about-v4-team-copy{padding:38px 20px}.about-v4-team-overlay{left:22px;top:24px;font-size:16px}.about-v4-partners{padding:38px 0 0}.about-v4-partner-band{margin-top:28px;padding:22px 0 26px}.about-v4-partner-row{grid-template-columns:repeat(2,1fr)}.about-v4-locations{padding-top:42px}.about-v4-location-cards{grid-template-columns:1fr}.about-v4-company-line{display:grid;gap:7px}.about-v4-actions{display:grid}.about-v4-btn{width:100%}}