:root{--ivory:#f8f6f2;--blue:#425f75;--taupe:#bd9e92;--ink:#414555}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--ivory);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline-offset:6px;outline:3px solid #6395ae}.header{background:var(--ivory);justify-content:space-between;align-items:center;gap:24px;height:96px;padding:18px 5vw;display:flex}.logo{width:190px;height:auto;display:block}nav{gap:32px;display:flex}nav a{border-bottom:1px solid #0000;padding:8px 0;font-size:14px;text-decoration:none;transition:border-color .2s}nav a:hover{border-color:currentColor}.hero{isolation:isolate;color:#fff;background:var(--blue);align-items:flex-end;min-height:min(820px,85svh);display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 45%;z-index:-2;width:100%;height:100%;animation:1.8s ease-out both settle;position:absolute;inset:0}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#0f1c23c7,#0f1c231f);position:absolute;inset:0}.hero-content{max-width:950px;padding:90px 7vw;animation:1s .15s both enter}.eyebrow{letter-spacing:.2em;font-size:11px;font-weight:600;line-height:1.6}h1,h2{letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}h1{text-wrap:balance;max-width:800px;margin:24px 0 36px;font-size:clamp(44px,6.3vw,94px);line-height:1.04}.hero-link{border-bottom:1px solid #ffffffb3;align-items:center;gap:35px;padding-bottom:14px;font-size:14px;text-decoration:none;display:inline-flex}.hero-link span{transition:transform .25s}.hero-link:hover span{transform:translate(4px,4px)}.hero-caption{letter-spacing:.08em;font-size:11px;position:absolute;bottom:32px;right:5vw}.section{padding:110px 7vw}.about{grid-template-columns:1fr 3fr;gap:50px;display:grid}h2{text-wrap:balance;margin:0 0 30px;font-size:clamp(34px,4vw,58px);line-height:1.12}.about p:not(.eyebrow){max-width:770px;font-size:17px;line-height:1.75}.about .intro{font-size:21px!important}.services{background:#eeece7}.section-heading{margin-bottom:48px}.services-grid{grid-template-columns:1fr 1fr;align-items:start;gap:7vw;display:grid}.service-images{aspect-ratio:4/5;background:var(--blue);position:relative;overflow:hidden}.service-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s,transform 1.2s;position:absolute;inset:0;transform:scale(1.04)}.service-image.active{opacity:1;transform:scale(1)}.service{border-top:1px solid #41455540}.service:last-child{border-bottom:1px solid #41455540}summary{cursor:pointer;align-items:center;gap:18px;padding:28px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.service-number{color:var(--blue);font-size:11px}h3{flex:1;margin:0;font-size:19px;font-weight:400;line-height:1.4}.service-symbol:before{content:"+";font-size:25px}details[open] .service-symbol:before{content:"−"}.service-description{padding:0 35px 26px}.service-description p{margin:0;font-size:15px;line-height:1.8}details[open] .service-description{animation:.35s both enter}.contact>a{text-underline-offset:12px;overflow-wrap:anywhere;font-size:clamp(18px,3vw,38px);text-decoration-thickness:1px;display:inline-block}.contact>a span{margin-left:20px}.contact-footer{margin-top:80px;font-size:12px}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes settle{0%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=760px){.header{height:80px;padding:14px 5vw}.logo{width:140px}nav{gap:14px}nav a{font-size:12px}.hero{min-height:80svh}.hero-content{padding:70px 7vw}.hero-image{object-position:58% center}.hero-caption{display:none}.section{padding:70px 7vw}.about,.services-grid{grid-template-columns:1fr;gap:25px}.about .eyebrow{margin-bottom:0}.service-images{aspect-ratio:4/3}}@media (width<=380px){.logo{width:115px}nav{gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.it-section{background:var(--blue);color:var(--ivory);position:relative;overflow:hidden}.it-heading{max-width:780px;margin-bottom:65px}.it-heading h2{font-size:clamp(42px,5vw,76px)}.it-intro{color:#e0e7eb;max-width:520px;font-size:18px;line-height:1.7}.it-item{border-top:1px solid #f8f6f266}.it-item summary{padding:28px 0;display:block;position:relative}.it-number{letter-spacing:.12em;color:#d8e3ea;margin-bottom:35px;font-size:12px;display:block}.it-item h3{letter-spacing:-.025em;margin-bottom:20px;font-family:Georgia,serif;font-size:clamp(24px,2.2vw,32px);line-height:1.25}.it-item summary>p{color:#e0e7eb;max-width:290px;min-height:54px;margin:0 0 28px;font-size:14px;line-height:1.7}.it-toggle{border:1px solid #f8f6f299;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .25s,color .25s,transform .25s;display:inline-flex}.it-toggle:before{content:"+";font-size:23px;font-weight:400}.it-item summary:hover .it-toggle{background:var(--ivory);color:var(--blue);transform:rotate(90deg)}.it-item[open] .it-toggle:before{content:"−"}.it-description{padding-bottom:25px}.it-description p{color:#e0e7eb;margin:0 0 16px;font-size:15px;line-height:1.8}.it-item[open] .it-description{animation:.35s both enter}.contact{background:var(--taupe);color:#242833}@media (width<=760px){.it-heading{margin-bottom:40px}.it-grid{grid-template-columns:1fr;gap:12px}.it-number{margin-bottom:20px}.it-item summary>p{max-width:100%;min-height:0}}.hero:before{background:0 0}.hero-image{object-position:center center}.hero-content{max-width:58%}.hero h1{font-size:clamp(44px,5.2vw,80px)}.hero-caption{text-shadow:0 1px 4px #000c;font-size:11px;display:block;bottom:22px;right:28px}@media (width<=760px){.hero{background:#171a16;min-height:auto;display:block}.hero-image{object-position:right center;z-index:auto;height:340px;animation:none;display:block;position:relative}.hero-content{max-width:100%;padding:36px 7vw 70px}.hero h1{font-size:clamp(38px,9vw,58px)}.hero-caption{bottom:20px;right:7vw}}.expertise{background:#f0e6db}.expertise-intro{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(35px,6vw,100px);margin-bottom:70px;display:grid}.expertise-intro h2{margin-bottom:25px}.expertise-lead{max-width:460px;margin:0;font-size:18px;line-height:1.8}.expertise-cover{aspect-ratio:16/10;border-radius:4px;overflow:hidden}.expertise-cover img,.expertise-photo img{object-fit:cover;width:100%;height:100%;display:block}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,5vw,80px);display:grid}.expertise-item{border-top:1px solid #41455533;grid-template-columns:minmax(115px,.65fr) minmax(0,1.35fr);align-items:start;gap:25px;padding:32px 0;display:grid}.expertise-photo{aspect-ratio:4/3;border-radius:3px;overflow:hidden}.expertise-photo img{transition:transform .7s}.expertise-number{color:var(--blue);letter-spacing:.12em;margin-bottom:12px;font-size:11px;display:block}.expertise-copy h3{letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;font-family:Georgia,serif;font-size:clamp(21px,1.7vw,27px);line-height:1.25}.expertise-copy p{margin:0;font-size:14px;line-height:1.8}@media (hover:hover) and (prefers-reduced-motion:no-preference){.expertise-item:hover .expertise-photo img{transform:scale(1.045)}}@media (width<=1050px){.expertise-item{grid-template-columns:110px minmax(0,1fr);gap:20px}}@media (width<=850px){.expertise-intro{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.expertise-cover{aspect-ratio:16/9}.expertise-grid{grid-template-columns:1fr}.expertise-item{grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:25px}.expertise-photo{aspect-ratio:1}}@media (width<=440px){.expertise-item{grid-template-columns:1fr;gap:22px;padding:28px 0}.expertise-photo{aspect-ratio:16/9}.expertise-copy h3{font-size:25px}}.it-section{background-color:var(--blue);background-image:url(/images/stenella-topografske-linije.svg);background-position:100% 0;background-repeat:no-repeat;background-size:min(75vw,1200px)}@media (width<=760px){.it-section{background-position:right -220px top;background-size:650px}}.it-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0 clamp(24px,3vw,48px);display:grid}.it-card{grid-template-rows:subgrid;border-top:1px solid #f8f6f266;grid-row:span 4;min-width:0;padding-top:28px;display:grid}.it-card .it-number{margin:0 0 26px}.it-card h3{letter-spacing:-.025em;text-wrap:balance;margin:0 0 28px;font-family:Georgia,serif;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.25}.it-card-image{aspect-ratio:8/5;background:#f8f6f214;border-radius:3px;margin-bottom:28px;overflow:hidden}.it-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.it-card-description p{color:#e0e7eb;margin:0 0 18px;font-size:15px;line-height:1.8}.it-card-description p:last-child{margin-bottom:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.it-card-image:hover img{transform:scale(1.035)}}@media (width<=1000px){.it-grid{grid-template-columns:1fr;gap:42px}.it-card{grid-row:auto;display:block}.it-card-image{aspect-ratio:16/9}}.clients-section{background:#fff}.clients-heading{margin-bottom:50px}.clients-heading h2{margin-bottom:0}.clients-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 30px;margin:0;padding:0;list-style:none;display:grid}.client-logo{justify-content:center;align-items:center;min-width:0;height:140px;padding:22px;display:flex}.client-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:160px;display:block}@media (width<=1100px){.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-logo{height:115px;padding:15px}.client-logo img{max-height:75px}}@media (width<=480px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.main-nav{align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.main-nav a{color:#334155;letter-spacing:normal;white-space:nowrap;border:0;padding:12px 14px 20px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .2s;display:block;position:relative}.main-nav a:hover{color:#2563eb;border:0}.main-nav a:after{content:"";opacity:0;background:#93bfff;border-radius:50%;width:6px;height:6px;transition:opacity .2s,transform .2s;position:absolute;bottom:9px;left:50%;transform:translate(-50%)scale(.5)}.main-nav a[aria-current=location]:after{opacity:1;transform:translate(-50%)scale(1)}@media (width<=1000px){.header{flex-wrap:wrap;justify-content:center;gap:10px 25px;height:auto;min-height:96px}.main-nav{flex-wrap:wrap;justify-content:center;gap:0 4px}.main-nav a{padding:10px 9px 20px;font-size:13px}}.header{z-index:100;background:var(--ivory);position:sticky;top:0;box-shadow:0 1px #4145551f}html{scroll-padding-top:115px}@media (width<=1000px){html{scroll-padding-top:170px}}.menu-toggle{display:none}@media (width<=1000px){.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;height:auto;min-height:80px;padding:14px 5vw;display:flex;position:sticky;top:0}.header .logo{width:150px}.menu-toggle:not([hidden]){color:#334155;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.menu-toggle span{background:currentColor;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header .main-nav{border-top:1px solid #41455526;flex-direction:column;flex-basis:100%;align-items:stretch;gap:2px;max-height:calc(100dvh - 90px);margin-top:12px;padding:14px 0 8px;display:flex;overflow-y:auto}.header .main-nav[hidden]{display:none}.header .main-nav a{padding:12px 20px;font-size:15px}.header .main-nav a:after{top:50%;bottom:auto;left:5px;transform:translateY(-50%)scale(.5)}.header .main-nav a[aria-current=location]:after{transform:translateY(-50%)scale(1)}html{scroll-padding-top:95px}}@media (width<=760px){.hero,.hero-content{background-color:#172b40}}