:root{--ink:#193345;--accent:#89cfee;--muted:#627784;--line:#dce6ec;--navy:#122b3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:28px;background:var(--navy);color:white;position:sticky;top:0;z-index:20}.brand{width:173px;display:block;flex-shrink:0}.brand img{width:100%;height:76px;object-fit:contain;display:block}nav{display:flex;gap:27px}nav a,.header-cta{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover,nav a.active{color:var(--accent);border-color:var(--accent)}.header-cta{border:1px solid #6b8999;padding:12px 17px}.header-cta span{margin-left:18px;color:var(--accent)}.menu{display:none}.hero{height:670px;min-height:560px;max-height:850px;position:relative;color:white;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b2cd9,#10283e44);z-index:-1}.hero-heading{padding:95px 7% 30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:24px}.hero .eyebrow{color:#cbeafd}h1{font-size:clamp(48px,6.1vw,88px);font-weight:500;letter-spacing:-.05em}h1 span{color:var(--accent)}.hero-description{margin-top:25px;color:#e3edf4;line-height:1.7}.hero-cta{display:inline-flex;gap:40px;padding:16px 22px;background:white;color:var(--ink);font-size:13px;font-weight:600;margin-top:30px}.hero-cta:hover{background:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;gap:25px;margin:0 7%;padding:23px 0;border-top:1px solid #ffffff50;font-size:12px}.contact-strip{display:flex;gap:32px;align-items:center;padding:32px 7%;background:var(--accent)}.contact-strip span{font-size:10px;font-weight:700;letter-spacing:.15em}.contact-strip h2{font-size:25px;margin-top:8px}.contact-strip p{font-size:14px;margin-left:auto}.contact-strip b{font-size:32px;font-weight:400;margin-left:20px}.section{padding:90px 7%}h2{font-size:clamp(30px,3.3vw,49px);font-weight:500;letter-spacing:-.04em}h3{font-size:22px;font-weight:500;letter-spacing:-.02em}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-top>p{font-size:14px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid a{position:relative;padding:28px 25px 60px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.service-grid a+a{padding-left:25px}.service-grid a:last-child{border-right:0}.service-grid span{font-size:13px;color:#55809a}.service-grid h3{font-size:21px;margin:28px 0 16px}.service-grid p{font-size:14px;color:var(--muted);line-height:1.65}.service-grid b{position:absolute;bottom:15px;right:25px;font-size:23px;font-weight:400}.service-grid a:hover{background:#f3faff}.about{background:#eef6fa;display:grid;grid-template-columns:1fr 3fr;gap:30px}.about-body{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.about h2 span{color:#598ba7}.about-copy p{font-size:15px;color:var(--muted);margin-bottom:18px}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid;padding:10px 0;font-size:13px}.text-link:hover{color:#357699}.values{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #cfdee7;padding-top:25px;margin-top:15px;gap:20px}.values span{font-size:12px;color:#66889b}.values b{font-size:14px;color:var(--ink);margin-left:12px;font-weight:500}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{background:none;border:0;padding:0;text-align:left}.card-image{height:330px;position:relative;overflow:hidden;background:#e7f0f6}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.035)}.card-type{position:absolute;left:20px;top:20px;background:white;padding:8px 12px;font-size:10px;letter-spacing:.07em}.card-arrow{position:absolute;right:20px;bottom:20px;background:white;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:22px}.card-info{padding:22px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.card-info h3{font-size:19px}.card-info>span{color:var(--muted);font-size:13px}.current{background:var(--navy);color:#fff}.current-content>h2{margin-bottom:35px}.active-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.active-image{height:340px;position:relative}.active-image img{width:100%;height:100%;object-fit:cover}.active-image>span{position:absolute;bottom:15px;left:15px;background:#fff;color:var(--ink);padding:6px 10px;font-size:10px}.active-info .eyebrow{color:var(--accent)}.active-info h3{font-size:30px;margin-bottom:20px}.active-info>p:not(.eyebrow){color:#bbced9;font-size:15px;margin-bottom:15px}.renewal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.renewal{border-top:1px solid #ffffff40;padding-top:25px}.renewal .eyebrow{color:var(--accent)}.renewal h3{font-size:23px;margin-bottom:20px}.renewal>p:not(.eyebrow){font-size:14px;color:#bdced9;margin-bottom:15px}.contact{display:grid;grid-template-columns:1fr 3fr;gap:30px}.contact-mail{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:clamp(22px,3vw,40px);letter-spacing:-.03em;padding:32px 0;margin-bottom:30px;color:#347b9f}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.contact-grid p{font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:12px}.contact-grid a,.contact-grid span{font-size:14px}footer{padding:28px 7%;background:var(--navy);color:#c4d9e5;display:flex;justify-content:space-between;gap:20px;font-size:11px}dialog{width:min(850px,92vw);max-height:90vh;padding:0;border:0;color:var(--ink)}dialog::backdrop{background:#071d30b8;backdrop-filter:blur(5px)}dialog>img{width:100%;height:300px;object-fit:cover}.close-dialog{position:absolute;right:15px;top:15px;width:42px;height:42px;border:0;border-radius:50%;background:white;font-size:27px}.dialog-body{padding:35px}.dialog-body h2{font-size:32px;margin-bottom:20px}.dialog-body>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.reference-archive{margin-top:65px}.archive-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.archive-top h3{font-size:28px}.archive-top select{padding:10px 16px;border:1px solid var(--line);background:white;color:var(--ink);font:inherit}.reference-year{margin-top:35px}.reference-year>h3{color:#4b8bb0;font-size:34px;margin-bottom:18px}.reference-item{border-top:1px solid var(--line)}.reference-item:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:22px 5px;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;color:#4b8bb0}details[open] summary:after{content:'−'}.reference-item p{max-width:850px;padding:0 5px 25px;color:var(--muted);font-size:15px;line-height:1.8}.reference-item .reference-meta{font-size:10px;letter-spacing:.1em;color:#5688a3;display:block;margin-bottom:8px}.archive-count{color:var(--muted);font-size:13px;margin-top:10px}.skip{position:absolute;left:10px;top:-100px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #52b8e8;outline-offset:5px}[hidden]{display:none!important}@media(min-width:1700px){.hero-heading,.section{padding-left:max(7%,calc((100vw - 1460px)/2));padding-right:max(7%,calc((100vw - 1460px)/2))}}@media(max-width:1000px){header{gap:15px;padding-inline:4%}nav{gap:16px}.header-cta{display:none}.about,.contact{grid-template-columns:1fr}.hero{height:620px}.hero-heading{padding-top:90px}.section{padding:70px 6%}.renewal-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.service-grid a:nth-child(2){border-right:0}.service-grid a:nth-child(3){padding-left:0}.contact-strip p{max-width:250px}.about-body{gap:30px}.card-image{height:280px}}@media(max-width:640px){header{height:82px}.brand{width:150px}.brand img{height:67px}.menu{display:flex;background:none;border:1px solid #678799;color:white;padding:8px 12px;gap:12px;font-size:12px}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:22px 6%;background:var(--navy)}nav.open{display:flex;flex-direction:column;gap:12px}.hero{height:620px;min-height:0;max-height:none}.hero-heading{padding:80px 6% 20px}.hero .eyebrow{font-size:9px}h1{font-size:49px}.hero-description{font-size:14px}.hero-bottom{margin-inline:6%;font-size:10px;align-items:center}.hero-bottom>span{max-width:200px}.hero-bottom a{white-space:nowrap}.hero-cta{font-size:12px}.contact-strip{padding:26px 6%;gap:16px}.contact-strip h2{font-size:23px}.contact-strip p{display:none}.contact-strip b{margin-left:auto}.section{padding:60px 6%}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:22px}h2{font-size:35px}.service-grid h3{font-size:19px}.service-grid a{padding-right:16px}.service-grid a+a{padding-left:16px}.service-grid a:nth-child(3){padding-left:0}.service-grid p{font-size:13px}.about-body,.project-grid,.active-feature,.renewal-grid{grid-template-columns:1fr}.values{flex-direction:column;gap:15px}.card-image{height:280px}.card-info h3{font-size:18px}.active-image{height:260px}.active-info h3{font-size:27px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:last-child{grid-column:1/-1}.contact h2{font-size:34px}.contact-mail{font-size:25px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}.archive-top{align-items:start;flex-direction:column}.archive-top h3{font-size:25px}summary{font-size:15px}.dialog-body{padding:25px}.dialog-body h2{font-size:27px}dialog>img{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.project-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 5px 30px}.project-comparison figure{margin:0;min-width:0}.comparison-photo{display:block;position:relative;background:#e7f0f6;overflow:hidden}.comparison-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.comparison-photo span{position:absolute;top:12px;left:12px;padding:7px 12px;background:#fff;color:#14232b;font-size:11px;letter-spacing:.04em}.project-comparison figcaption{font-size:11px;color:#586d78;padding-top:10px;line-height:1.6}.project-comparison figcaption a{text-decoration:underline;text-underline-offset:3px}.dialog-body .project-comparison{margin:25px 0}.reference-item:target{scroll-margin-top:100px}@media(max-width:640px){.project-comparison{grid-template-columns:1fr;gap:20px}}

.current-intro{color:#bbced9;margin:-16px 0 40px}.current .active-image{display:block;height:400px}.current .active-image img{object-fit:cover}.active-info .residence-name{font-size:20px;color:#8bd2f1;margin-top:-10px}.struge-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;padding:28px 0;margin:40px 0}.struge-facts dt{font-size:12px;color:#bbced9;margin-bottom:12px}.struge-facts dd{font-size:32px;margin:0;letter-spacing:-.03em}.struge-facts small{font-size:18px}.struge-gallery-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:20px}.struge-gallery-heading h4{font-size:23px;font-weight:500}.struge-gallery-heading p,.struge-credit{font-size:12px;color:#bbced9}.struge-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.struge-gallery figure{margin:0;min-width:0}.struge-gallery a{display:block;background:#0d1b24}.struge-gallery img{display:block;width:100%;height:360px;object-fit:contain}.struge-gallery figcaption{font-size:12px;color:#bbced9;margin-top:12px}.struge-credit{margin-top:24px}.struge-credit a{text-decoration:underline;text-underline-offset:3px}#trenutni-projekti{scroll-margin-top:90px}@media(min-width:1001px) and (max-width:1250px){header .header-cta{display:none}nav{gap:18px}}@media(max-width:640px){.struge-facts{grid-template-columns:1fr 1fr;gap:28px}.struge-facts dd{font-size:28px}.struge-gallery{grid-template-columns:1fr}.struge-gallery img{height:300px}.struge-gallery-heading{display:block}.struge-gallery-heading p{margin-top:8px}.current .active-image{height:270px}.current-intro{margin-top:-12px}.struge-project .active-info h3{font-size:28px}}