/* HEF — svijetla plava paleta i prozračniji raspored */
:root{--ink:#173654;--accent:#99d8ff;--muted:#526a80;--line:#d7e5f0;--navy:#123655;--blue:#1769ac;--ice:#eef7ff}
body{background:#fbfdff;color:var(--ink);-webkit-font-smoothing:antialiased}
header{background:#fffffff5;color:var(--ink);border-bottom:1px solid #e0ebf4;backdrop-filter:blur(15px);height:92px;padding-inline:4%;gap:20px;box-shadow:0 4px 24px #17365406}
.brand{width:156px;background:var(--navy);border-radius:14px;padding:0 12px}.brand img{height:66px}
nav{gap:22px}nav a{font-size:10px;letter-spacing:.055em}nav a.active,nav a:hover{color:var(--blue);border-color:var(--blue)}
.header-cta{background:var(--blue);color:white;border:0;border-radius:9px;padding:13px 18px}.header-cta span{color:white}
.hero{background:linear-gradient(125deg,#f0f8ff,#e0f0ff);color:var(--ink);height:660px;min-height:580px;margin:24px 3% 0;border-radius:24px;overflow:hidden}
.hero-background{width:53%;left:auto;right:0;object-position:55% center;border-radius:0 24px 24px 0;z-index:-2}
.hero-shade{background:linear-gradient(90deg,#edf7ff 0%,#edf7ff 40%,#edf7fff2 45%,#edf7ff00 61%)}
.hero-heading{padding:92px 4.3% 25px;max-width:700px}.hero .eyebrow{color:#326d9a;font-size:10px;letter-spacing:.16em}
h1{font-size:clamp(46px,5.4vw,79px);font-weight:500;line-height:1.06;letter-spacing:-.055em}h1 span{color:var(--blue)}
.hero-description{color:#415e77;font-size:16px}.hero-cta{background:var(--blue);color:white;border-radius:10px;box-shadow:0 8px 24px #1769ac20;padding:17px 23px}.hero-cta:hover{background:#104f86;color:white}
.hero-bottom{margin:0 4.5%;border:0;font-size:10px;padding:24px 0;align-items:center}.hero-bottom>span{background:#ffffffeb;color:var(--ink);padding:9px 13px;border-radius:8px}.hero-bottom>a{color:white;background:var(--navy);padding:10px 15px;border-radius:8px}
.contact-strip{margin:20px 3% 0;border:1px solid #d4e8f7;border-radius:16px;background:#e9f5ff;padding:25px 4%;color:var(--ink)}.contact-strip b{background:var(--blue);color:white;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:27px}.contact-strip span{color:#366d97}.contact-strip p{color:var(--muted)}
.section{padding:96px 7%}.eyebrow{color:var(--blue)}h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:-.045em}.section-top{margin-bottom:40px}
.service-grid{border:0;gap:18px}.service-grid a,.service-grid a+a{border:1px solid var(--line);padding:26px 24px 68px;background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s}.service-grid a:last-child{border-right:1px solid var(--line)}.service-grid a:hover{background:#f0f8ff;transform:translateY(-4px);box-shadow:0 14px 30px #1736540b}.service-grid span{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;background:#e7f4ff;border-radius:10px;color:var(--blue)}.service-grid h3{margin-top:24px}.service-grid b{color:var(--blue)}
.about{background:#edf6fd;border-block:1px solid #e0edf6}.about h2 span{color:var(--blue)}.values{border-color:#c7dfef}.values b{font-weight:600}.text-link{color:var(--blue)}
.project-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #17365412}.card-image{height:340px}.card-type{border-radius:30px;font-size:9px;font-weight:700;color:var(--blue);padding:9px 13px}.card-arrow{background:var(--blue);color:white}.card-info{padding:24px;border:0;align-items:center}.card-info h3{font-size:20px}
.reference-archive{margin-top:70px}.archive-top select{border-radius:8px}.reference-year>h3{color:var(--blue);font-size:30px}.reference-item,.reference-item:last-child{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:white;overflow:hidden}.reference-item summary{padding:22px 24px}.reference-item[open]{border-color:#96c4e7;box-shadow:0 6px 24px #17365408}.reference-item[open] summary{background:#f0f8ff;margin-bottom:22px}.reference-item p{padding:0 24px 26px;max-width:920px}.reference-item .reference-meta{color:#397398}.reference-item summary:after{color:var(--blue)}.project-comparison{margin:0 24px 28px}.comparison-photo{border-radius:12px;background:#ecf4fa}.comparison-photo span{border-radius:6px;font-weight:600}
.current{background:linear-gradient(135deg,#e9f4ff,#f4faff);color:var(--ink);border-block:1px solid #d5e8f8}.current-intro{color:var(--muted)}.struge-project{background:white;padding:32px;border:1px solid #d5e5f2;border-radius:22px;box-shadow:0 16px 50px #17365407}.active-feature{grid-template-columns:1.15fr 1fr;gap:36px}.current .active-image{height:430px;border-radius:14px;overflow:hidden}.active-image>span{border-radius:6px;padding:8px 12px;font-weight:600;color:var(--blue)}.active-info .eyebrow{color:var(--blue)}.active-info h3{font-size:32px;line-height:1.15}.active-info>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75}.active-info .residence-name{color:var(--blue)!important;font-size:19px!important}
.struge-facts{background:#edf7ff;padding:25px;border:0;border-radius:12px;gap:20px}.struge-facts dt{color:var(--muted)}.struge-facts dd{color:var(--blue);font-size:29px}.struge-gallery-heading h4{margin:0;font-size:22px}.struge-gallery-heading p,.struge-credit,.struge-gallery figcaption{color:var(--muted)}.struge-gallery a{border-radius:12px;overflow:hidden;background:#eef5fa}.struge-gallery img{height:320px}.struge-credit{font-size:11px}
.renewal{border:1px solid #d5e5f2;background:#fff;padding:27px;border-radius:16px}.renewal .eyebrow{color:var(--blue);font-size:9px}.renewal h3{font-size:23px}.renewal>p:not(.eyebrow){color:var(--muted);font-size:14px}.renewal-grid{gap:22px;margin-top:28px}
.contact{background:white}.contact-mail{color:var(--blue)}.contact-grid>div{background:#f1f7fc;border-radius:12px;padding:20px}.contact-grid p{color:#3c6e96}footer{background:var(--navy);color:#d8eaff;padding-block:32px}dialog{border-radius:18px;box-shadow:0 24px 80px #0e284b35}.close-dialog{box-shadow:0 2px 15px #17365420}.dialog-body .eyebrow{color:var(--blue)}
@media(max-width:1100px){nav{gap:14px}.header-cta{display:none}.hero-heading{max-width:600px}.active-feature{gap:26px}.struge-project{padding:26px}.service-grid{grid-template-columns:1fr 1fr}.service-grid a:nth-child(2){border-right:1px solid var(--line)}.service-grid a:nth-child(3){padding-left:24px}}
@media(max-width:800px){.active-feature{grid-template-columns:1fr}.current .active-image{height:380px}.hero{height:640px}.hero-background{width:65%}.hero-shade{background:linear-gradient(90deg,#edf7ff 0%,#edf7ffed 40%,#edf7ff50 75%)}.hero-heading{max-width:580px}.about-body{grid-template-columns:1fr}.renewal-grid{grid-template-columns:1fr}}
@media(max-width:640px){header{height:80px;padding:0 5%}.brand{width:124px;border-radius:10px;padding:0 9px}.brand img{height:54px}.menu{border:1px solid #cadfec;background:#edf7ff;color:var(--ink);border-radius:8px;padding:9px 13px}nav{top:80px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #17365412}nav a{font-size:12px}.hero{margin:14px 4% 0;border-radius:18px;height:760px;min-height:0;max-height:none;display:block;background:#edf7ff}.hero-background{width:100%;height:300px;top:auto;bottom:0;left:0;border-radius:0;object-position:center}.hero-shade{background:linear-gradient(180deg,#edf7ff 0%,#edf7ff 57%,#edf7ff00 70%)}.hero-heading{padding:34px 25px 20px;max-width:none}.hero .eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:47px;line-height:1.06}.hero-description{font-size:13px;margin-top:20px}.hero-cta{margin-top:23px;font-size:12px;padding:14px 17px;gap:25px}.hero-bottom{position:absolute;bottom:13px;left:14px;right:14px;margin:0;padding:0;gap:8px;align-items:end}.hero-bottom>span{font-size:8px;max-width:180px;padding:7px 9px}.hero-bottom>a{font-size:9px;white-space:nowrap;padding:8px}.contact-strip{margin:14px 4% 0;padding:23px;border-radius:13px}.contact-strip h2{font-size:23px}.contact-strip span{font-size:8px}.contact-strip b{width:39px;height:39px;flex-shrink:0;margin-left:0}.section{padding:62px 6%}h2{font-size:35px}.service-grid{gap:12px}.service-grid a,.service-grid a+a,.service-grid a:nth-child(3){padding:19px 16px 52px}.service-grid h3{font-size:18px;margin-top:20px}.service-grid p{font-size:12px}.card-image{height:250px}.card-info{padding:20px}.card-info h3{font-size:18px}.reference-item summary{padding:19px 17px;font-size:15px}.reference-item p{padding:0 17px 22px;font-size:14px}.project-comparison{margin:0 17px 23px}.struge-project{padding:18px;border-radius:16px}.current .active-image{height:250px}.struge-project .active-info h3{font-size:26px}.struge-facts{padding:18px;grid-template-columns:1fr 1fr;gap:24px 12px;margin:28px 0}.struge-facts dd{font-size:24px}.struge-facts dt{font-size:10px}.struge-gallery img{height:260px}.struge-gallery-heading h4{font-size:21px}.renewal{padding:23px}.contact-grid{gap:12px}.contact-grid>div{padding:16px}.contact-grid a,.contact-grid span{font-size:12px}.contact-mail{font-size:24px}.dialog-body{padding:24px}}
@media(prefers-reduced-motion:reduce){.service-grid a,.project-card{transition:none}}
/* Ujednačena plava paleta; logotip bez zasebne tamne pločice. */
:root{--ink:#29495f;--navy:#31566f;--blue:#3b6683;--accent:#b4d8ed;--ice:#f0f6fa;--muted:#597080;--line:#dce7ee}
header{background:#31566f;color:#f5faff;border-bottom:1px solid #31566f;box-shadow:none;backdrop-filter:none}.brand{background:transparent;border-radius:0;padding:0;width:165px}.brand img{height:70px}nav a.active,nav a:hover{color:#c1e2f5;border-color:#c1e2f5}.header-cta{background:#ffffff12;border:1px solid #ffffff45;color:#fff;box-shadow:none}
.hero{background:#f0f6fa}.hero-shade{background:linear-gradient(90deg,#f0f6fa 0%,#f0f6fa 40%,#f0f6faf2 45%,#f0f6fa00 61%)}.hero .eyebrow,.eyebrow{color:var(--blue)}.hero-cta{box-shadow:none}.hero-cta:hover{background:var(--navy)}.hero-bottom>a{background:var(--blue)}.contact-strip,.about,.current{background:#f0f6fa;border-color:var(--line)}.contact-strip span,.about h2 span,.service-grid span,.contact-grid p,.reference-item .reference-meta{color:var(--blue)}.service-grid span,.service-grid a:hover,.reference-item[open] summary,.struge-facts,.contact-grid>div{background:#f0f6fa}.reference-item[open]{border-color:#b4cbd9}.values{border-color:var(--line)}footer{background:var(--navy)}
@media(max-width:800px) and (min-width:641px){.hero-shade{background:linear-gradient(90deg,#f0f6fa 0%,#f0f6faed 40%,#f0f6fa50 75%)}}
@media(max-width:640px){.brand{width:140px;padding:0}.brand img{height:60px}.menu{background:transparent;color:#fff;border-color:#ffffff55}nav{background:#31566f;border-color:#ffffff30}.hero{background:#f0f6fa}.hero-shade{background:linear-gradient(180deg,#f0f6fa 0%,#f0f6fa 57%,#f0f6fa00 70%)}}
/* Zaglavlje s postupnim prijelazom iz svijetloplave u bijelu. */
header{height:94px;background:linear-gradient(105deg,#a6d2eb 0%,#d9edf8 32%,#f3f9fd 60%,#fff 100%);color:#29495f;border-bottom:1px solid #d8e8f2;box-shadow:0 3px 20px #31566f08;padding-inline:4.5%}
.brand{width:172px;background:transparent;padding:0;flex-shrink:0}.brand img{height:72px;filter:drop-shadow(0 1px 1px #31566f80)}
nav{gap:clamp(14px,1.65vw,27px)}nav a{font-size:11px;letter-spacing:.045em;min-height:44px;display:flex;align-items:center}nav a.active,nav a:hover{color:#245f86;border-color:#508db3}.header-cta{background:#fff9;color:#29495f;border:1px solid #b9d4e5;padding:12px 16px}.header-cta span{color:#3b6683}.header-cta:hover{background:#e8f4fc}
.contact-mail{overflow-wrap:anywhere;gap:16px}.contact-mail>span{flex-shrink:0}summary{min-height:54px}.archive-top select{min-height:44px}
@media(max-width:900px){html{scroll-padding-top:90px}header{height:76px;padding:0 5%;gap:16px}.brand{width:145px}.brand img{height:62px}.header-cta{display:none}.menu{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;border:1px solid #b6d2e4;border-radius:11px;background:#ffffffb8;color:#29495f;font-size:13px}.menu[aria-expanded="true"]{background:#dceef9;border-color:#8bb6d0}nav{display:none;position:absolute;top:calc(100% + 8px);left:4%;right:4%;padding:12px;background:linear-gradient(135deg,#edf7fd,#fff 75%);border:1px solid #d1e4f0;border-radius:16px;box-shadow:0 16px 36px #29495f1c;max-height:calc(100dvh - 100px);overflow:auto}nav.open{display:flex;flex-direction:column;gap:3px}nav a{min-height:48px;padding:12px 16px;border:0;border-radius:9px;font-size:12px}nav a.active,nav a:hover{background:#e0eff9;color:#245f86}.about,.contact{grid-template-columns:1fr}.about-body{grid-template-columns:1fr}.project-grid{gap:20px}#trenutni-projekti{scroll-margin-top:76px}}
@media(max-width:640px){
.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;margin:12px 4% 0;border-radius:18px;isolation:auto;background:#f0f6fa}.hero-heading{order:1;padding:32px 23px 28px}.hero-shade{display:none}.hero-background{order:2;position:relative;inset:auto;z-index:auto;width:100%;height:235px;object-fit:cover;object-position:center;border-radius:0}.hero-bottom{order:3;position:static;margin:0;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;background:#f0f6fa;gap:12px}.hero-bottom>span{background:transparent;padding:0;max-width:160px;font-size:9px;line-height:1.5}.hero-bottom>a{font-size:10px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 12px}h1{font-size:clamp(36px,10.8vw,49px);line-height:1.08}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:20px}.hero-description{font-size:14px;line-height:1.7;margin-top:18px}.hero-cta{min-height:48px;margin-top:22px;padding:14px 18px;font-size:13px;align-items:center}.section{padding:48px 5%}.section-top{margin-bottom:26px}h2{font-size:clamp(29px,8.7vw,37px)}.eyebrow{margin-bottom:18px}.contact-strip{margin:12px 4% 0;padding:21px 19px}.contact-strip h2{font-size:22px}.service-grid a,.service-grid a+a,.service-grid a:nth-child(3){padding:20px 16px 50px}.service-grid p{font-size:13px}.service-grid h3{overflow-wrap:anywhere}.project-grid{gap:24px}.card-image{height:240px}.card-info{padding:20px;align-items:flex-start}.card-info h3{font-size:19px;line-height:1.25}.reference-archive{margin-top:42px}.reference-item summary{gap:12px;line-height:1.45}.reference-item .reference-meta{font-size:9px;line-height:1.5}.reference-item p{font-size:15px}.struge-project{padding:16px}.active-feature{gap:23px}.current .active-image{height:230px}.active-info>p:not(.eyebrow){font-size:15px}.struge-facts{padding:16px;gap:22px 10px}.struge-facts dd{font-size:24px}.struge-facts dt{font-size:11px}.struge-gallery img{height:auto;max-height:340px;object-fit:contain}.renewal>p:not(.eyebrow){font-size:15px}.contact-mail{font-size:clamp(18px,5.4vw,24px);padding:24px 0;letter-spacing:-.025em}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-grid>div:last-child{grid-column:auto}.contact-grid>div{padding:20px}.contact-grid a,.contact-grid span{font-size:15px}.contact-grid a{display:inline-block;padding-block:5px}.dialog-body{padding:24px 20px}.dialog-body h2{font-size:27px}.close-dialog{width:44px;height:44px;z-index:2}dialog{width:94vw;max-height:90dvh}footer{padding:25px 5%;gap:16px}footer a{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){.service-grid{grid-template-columns:1fr}.hero-bottom{flex-wrap:wrap}.hero-bottom>span{max-width:none}.card-info{flex-direction:column;gap:10px}}
/* Korisnikov izvorni logotip; prikaz bez širokih bijelih margina slike. */
.brand{position:relative;width:172px;height:76px;overflow:hidden;mix-blend-mode:multiply}.brand img{position:absolute;max-width:none;width:218.7%;height:auto;left:-58.1%;top:-44.4%;object-fit:initial;filter:none}
.menu-lines{display:flex;flex-direction:column;gap:5px;width:23px}.menu-lines i{display:block;width:23px;height:2px;border-radius:2px;background:currentColor}
@media(max-width:900px){.brand{width:136px;height:60px}.menu{width:46px;height:46px;min-height:46px;padding:11px;gap:0;flex-shrink:0}}

/* Jednaki izbornik na računalu i telefonu. */
@media(min-width:901px){
.header-cta{display:none}
.menu{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:11px;margin-left:auto;border:1px solid #b6d2e4;border-radius:11px;background:#ffffffb8;color:#29495f;cursor:pointer}
.menu[aria-expanded="true"]{background:#dceef9;border-color:#8bb6d0}
header nav{display:none;position:absolute;top:calc(100% + 8px);left:auto;right:5%;width:320px;padding:12px;background:linear-gradient(135deg,#edf7fd,#fff 75%);border:1px solid #d1e4f0;border-radius:16px;box-shadow:0 16px 36px #29495f1c;max-height:calc(100dvh - 120px);overflow:auto}
header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}
header nav a{min-height:48px;padding:12px 16px;border:0;border-radius:9px;font-size:12px}
header nav a.active,header nav a:hover{background:#e0eff9;color:#245f86}
}
.struge-project h3 a{color:inherit;text-decoration:none}.struge-project h3 a:hover{text-decoration:underline;text-underline-offset:5px}

.reference-photo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 24px 28px}.reference-photo-gallery figure{margin:0}.reference-photo-gallery a{display:block;border-radius:12px;overflow:hidden}.reference-photo-gallery img{display:block;width:100%;height:auto}.reference-photo-gallery figcaption{font-size:12px;color:var(--muted);padding-top:10px}@media(max-width:640px){.reference-photo-gallery{grid-template-columns:1fr;margin:0 17px 24px;gap:20px}}