body.agomi-home { --paper:#f7f5f0; --white:#fff; --ink:#252b28; --muted:#58635b; --line:#d9ded5; --sage:#788477; --dark:#26332d; --warm:#e8e4da; }
body.agomi-home * { box-sizing:border-box; }
body.agomi-home { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
body.agomi-home img { display:block; width:100%; height:100%; object-fit:cover; }
body.agomi-home a { color:inherit; text-decoration:none; }
body.agomi-home .wrap { width:min(100% - 80px,1320px); margin-inline:auto; }
body.agomi-home .demo { background:#26332d; color:#e9ece6; text-align:center; padding:9px 15px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
body.agomi-home header { background:var(--paper); }
body.agomi-home .nav { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
body.agomi-home .brand { display:block; width:166px; height:auto; }
body.agomi-home .brand img { object-fit:contain; height:auto; }
body.agomi-home .navlinks { display:flex; align-items:center; gap:36px; font-size:13px; font-weight:600; letter-spacing:.015em; }
body.agomi-home .navlinks a:not(.navcta):hover { color:#536658; }
body.agomi-home .navcta { border:1px solid var(--ink); padding:13px 19px; transition:.2s; }
body.agomi-home .navcta:hover { background:var(--dark); color:white; }
body.agomi-home .hero { display:grid; grid-template-columns:46% 54%; min-height:690px; background:#e8e9e2; }
body.agomi-home .hero-copy { display:flex; flex-direction:column; justify-content:center; padding:70px max(50px,calc((100vw - 1320px)/2)); padding-right:40px; }
body.agomi-home .eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 30px; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#657768; }
body.agomi-home .eyebrow:before { content:""; width:32px; height:1px; background:currentColor; }
body.agomi-home h1, body.agomi-home h2, body.agomi-home h3, body.agomi-home p { margin-top:0; }
body.agomi-home h1 { font-size:clamp(48px,5.1vw,82px); line-height:1.02; letter-spacing:-.055em; font-weight:600; max-width:660px; margin-bottom:30px; }
body.agomi-home .hero-copy p.lead { max-width:455px; font-size:17px; line-height:1.65; color:#4f5951; margin-bottom:36px; }
body.agomi-home .actions { display:flex; flex-wrap:wrap; gap:12px; }
body.agomi-home .btn { display:inline-flex; align-items:center; justify-content:center; gap:35px; padding:17px 22px; min-height:54px; font-size:12px; font-weight:700; letter-spacing:.035em; transition:.2s; }
body.agomi-home .btn.primary { background:var(--dark); color:#fff; }
body.agomi-home .btn.primary:hover { background:#536658; }
body.agomi-home .btn.secondary { border:1px solid #8e9b8f; }
body.agomi-home .btn.secondary:hover { background:#fff; }
body.agomi-home .hero-photo { position:relative; overflow:hidden; min-height:620px; }
body.agomi-home .hero-photo img { object-position:center center; }
body.agomi-home .hero-caption { position:absolute; bottom:26px; right:28px; color:white; font-size:11px; letter-spacing:.13em; text-transform:uppercase; text-shadow:0 1px 5px #0008; }
body.agomi-home .intro-strip { border-bottom:1px solid var(--line); }
body.agomi-home .strip-inner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
body.agomi-home .strip-inner p { margin:0; font-size:14px; }
body.agomi-home .strip-inner strong { font-weight:650; }
body.agomi-home .strip-side { color:var(--muted); display:flex; gap:38px; }
body.agomi-home section { scroll-margin-top:30px; }
body.agomi-home .section { padding:116px 0; }
body.agomi-home .sectionhead { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:35px; }
body.agomi-home .sectionhead h2, body.agomi-home .process h2 { font-size:clamp(36px,4vw,60px); line-height:1.08; letter-spacing:-.045em; font-weight:600; margin:0; }
body.agomi-home .sectionhead p { max-width:340px; margin:0 0 4px; font-size:15px; color:var(--muted); line-height:1.6; }
body.agomi-home .works { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:390px 390px; gap:18px; }
body.agomi-home .work { position:relative; overflow:hidden; background:var(--warm); }
body.agomi-home .work:first-child { grid-row:span 2; }
body.agomi-home .work img { transition:transform .5s ease; }
body.agomi-home .work:hover img { transform:scale(1.035); }
body.agomi-home .work:after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#1118); pointer-events:none; }
body.agomi-home .work-label { position:absolute; z-index:1; left:30px; bottom:27px; color:#fff; }
body.agomi-home .work-label span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.15em; margin-bottom:7px; }
body.agomi-home .work-label strong { font-size:23px; font-weight:550; letter-spacing:-.025em; }
body.agomi-home .work-link { display:inline-flex; gap:12px; margin-top:30px; padding-bottom:7px; border-bottom:1px solid #9aa89b; color:var(--dark); font-weight:650; font-size:13px; }
body.agomi-home .service-section { background:#ecefe9; }
body.agomi-home .service-layout { display:grid; grid-template-columns:39% 1fr; gap:10%; align-items:start; }
body.agomi-home .service-intro { position:sticky; top:35px; }
body.agomi-home .service-intro h2 { font-size:clamp(36px,4vw,60px); line-height:1.08; letter-spacing:-.045em; font-weight:600; margin-bottom:22px; }
body.agomi-home .service-intro p { max-width:355px; color:var(--muted); line-height:1.7; font-size:15px; }
body.agomi-home .service-items { border-top:1px solid #cbd3c9; }
body.agomi-home .service-item { display:grid; grid-template-columns:32px 1fr 24px; gap:18px; align-items:start; border-bottom:1px solid #cbd3c9; padding:27px 0; }
body.agomi-home .service-item span { color:#889a8a; font-size:12px; padding-top:7px; }
body.agomi-home .service-item h3 { font-size:25px; font-weight:550; letter-spacing:-.025em; margin:0 0 7px; }
body.agomi-home .service-item p { color:#58635b; line-height:1.5; margin:0; font-size:13px; }
body.agomi-home .service-item b { font-weight:400; font-size:25px; color:#778b7a; }
body.agomi-home .detail { display:grid; grid-template-columns:1fr 1fr; min-height:580px; }
body.agomi-home .detail-image { min-height:580px; }
body.agomi-home .detail-copy { background:var(--dark); color:#fff; padding:clamp(50px,7vw,110px); display:flex; flex-direction:column; justify-content:center; }
body.agomi-home .detail-copy .eyebrow { color:#aabbaa; }
body.agomi-home .detail-copy h2 { font-size:clamp(38px,4.5vw,68px); font-weight:550; letter-spacing:-.05em; line-height:1.08; margin-bottom:25px; }
body.agomi-home .detail-copy p { color:#cbd3cb; line-height:1.75; max-width:440px; font-size:15px; }
body.agomi-home .process { padding:105px 0 115px; }
body.agomi-home .process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; margin-top:55px; }
body.agomi-home .step { border-top:1px solid #bfc9bd; padding-top:20px; }
body.agomi-home .step .num { color:#7d907e; font-size:12px; letter-spacing:.14em; margin-bottom:32px; }
body.agomi-home .step h3 { font-size:23px; font-weight:600; letter-spacing:-.025em; margin-bottom:12px; }
body.agomi-home .step p { color:var(--muted); line-height:1.65; font-size:14px; max-width:300px; }
body.agomi-home .final { background:#dce4d9; padding:90px 0; }
body.agomi-home .final-inner { display:flex; align-items:end; justify-content:space-between; gap:40px; }
body.agomi-home .final h2 { font-size:clamp(38px,5vw,72px); line-height:1.08; font-weight:550; letter-spacing:-.05em; max-width:720px; margin-bottom:0; }
body.agomi-home footer { background:var(--dark); color:#fff; padding:55px 0 28px; }
body.agomi-home .footer-main { display:flex; justify-content:space-between; align-items:start; gap:40px; padding-bottom:60px; }
body.agomi-home .footer-main .brand { filter:invert(1); }
body.agomi-home .footer-main p { color:#c6d0c6; line-height:1.7; font-size:13px; }
body.agomi-home .footer-main a:not(.brand) { display:block; color:#e5eae5; margin:0 0 11px; font-size:13px; }
body.agomi-home .footer-bottom { border-top:1px solid #66766b; padding-top:20px; color:#c6d0c6; display:flex; justify-content:space-between; font-size:11px; }
    @media (max-width:900px) {
body.agomi-home .wrap { width:min(100% - 42px,1320px); }
body.agomi-home .nav { min-height:78px; }
body.agomi-home .brand { width:132px; }
body.agomi-home .navlinks { gap:16px; }
body.agomi-home .hero { grid-template-columns:1fr; }
body.agomi-home .hero-copy { padding:75px 6vw; }
body.agomi-home .hero-photo { min-height:460px; max-height:650px; }
body.agomi-home .strip-inner { align-items:start; flex-direction:column; justify-content:center; padding:24px 0; gap:9px; }
body.agomi-home .works { grid-template-rows:330px 330px; }
body.agomi-home .service-layout { gap:6%; }
body.agomi-home .detail-copy { padding:50px; }
    }
    @media (max-width:650px) {
body.agomi-home .demo { font-size:9px; }
body.agomi-home .nav { min-height:70px; }
body.agomi-home .brand { width:118px; }
body.agomi-home .navlinks a:not(.navcta) { display:none; }
body.agomi-home .navcta { padding:11px 13px; font-size:12px; }
body.agomi-home .hero-copy { padding:58px 22px 48px; }
body.agomi-home h1 { font-size:51px; }
body.agomi-home .hero-copy p.lead { font-size:15px; }
body.agomi-home .hero-photo { min-height:370px; height:52vh; }
body.agomi-home .hero-photo img { object-position:center 45%; }
body.agomi-home .strip-side { gap:14px; flex-wrap:wrap; }
body.agomi-home .section { padding:75px 0; }
body.agomi-home .sectionhead { display:block; }
body.agomi-home .sectionhead h2 { margin-bottom:13px; }
body.agomi-home .works { display:block; }
body.agomi-home .work, body.agomi-home .work:first-child { height:380px; margin-bottom:12px; }
body.agomi-home .work:first-child { height:480px; }
body.agomi-home .work-label { left:20px; bottom:20px; }
body.agomi-home .service-layout { display:block; }
body.agomi-home .service-intro { position:static; margin-bottom:38px; }
body.agomi-home .service-item { grid-template-columns:24px 1fr 18px; gap:10px; }
body.agomi-home .service-item h3 { font-size:21px; }
body.agomi-home .detail { display:flex; flex-direction:column; }
body.agomi-home .detail-image { min-height:370px; height:370px; }
body.agomi-home .detail-copy { padding:60px 22px; }
body.agomi-home .process { padding:75px 0; }
body.agomi-home .process-grid { grid-template-columns:1fr; gap:24px; margin-top:32px; }
body.agomi-home .step .num { margin-bottom:15px; }
body.agomi-home .final { padding:70px 0; }
body.agomi-home .final-inner { display:block; }
body.agomi-home .final h2 { margin-bottom:30px; }
body.agomi-home .footer-main { display:block; }
body.agomi-home .footer-main>div { margin-bottom:30px; }
body.agomi-home .footer-bottom { gap:12px; }
    }
body.agomi-home .skip-link {position:fixed;left:12px;top:-100px;z-index:99999;background:#26332d;color:#fff;padding:15px}
body.agomi-home .skip-link:focus {top:12px}
body.agomi-home a:focus-visible, body.agomi-home summary:focus-visible, body.agomi-home button:focus-visible, body.agomi-home input:focus-visible, body.agomi-home select:focus-visible, body.agomi-home textarea:focus-visible {outline:3px solid #536658;outline-offset:4px}
body.agomi-home .mobile-menu {display:none}
body.agomi-home .navlinks {gap:26px}
body.agomi-home .contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
body.agomi-home .final h2 {font-size:clamp(38px,4vw,60px);margin-bottom:25px}
body.agomi-home .final p {line-height:1.7}
body.agomi-home .contact-direct {display:flex;flex-direction:column;gap:12px;font-weight:600;margin-top:28px}
body.agomi-home .contact-direct a {text-decoration:underline;text-underline-offset:5px}
body.agomi-home .contact-form {background:#f7f5f0;padding:32px}
body.agomi-home .contact-form div.wpforms-container {margin:0}
body.agomi-home .contact-form div.wpforms-container .wpforms-field {padding:10px 0}
body.agomi-home .contact-form div.wpforms-container .wpforms-field input, body.agomi-home .contact-form div.wpforms-container .wpforms-field select, body.agomi-home .contact-form div.wpforms-container .wpforms-field textarea {max-width:100%;width:100%;font-size:16px;background:#fff;color:#252b28;border:1px solid #788477;border-radius:0;min-height:48px}
body.agomi-home .contact-form div.wpforms-container .wpforms-field-label {color:#252b28}
body.agomi-home .contact-form div.wpforms-container button.wpforms-submit {background:#26332d;color:#fff;border-radius:0;min-height:52px;min-width:160px;font-size:16px}
body.agomi-home .contact-form div.wpforms-container button.wpforms-submit:hover {background:#536658}
body.agomi-home .privacy-note {font-size:13px;margin:22px 0 0}
body.agomi-home .privacy-note a {text-decoration:underline}
body.agomi-home .service-item:hover h3 {text-decoration:underline;text-underline-offset:5px}
body.agomi-home .work-label {max-width:calc(100% - 40px)}
body.agomi-home .work-label strong {line-height:1.25}
body.agomi-home .hero-caption {background:#26332dcc;padding:8px 12px;text-shadow:none}
body.agomi-home .strip-side {color:#58635b}
body.agomi-home .eyebrow {color:#536658}
body.agomi-home .step .num, body.agomi-home .service-item span {color:#536658}
body.agomi-home .detail-copy .eyebrow {color:#cbd3cb}
body.agomi-home .footer-main .brand {filter:none;background:#f7f5f0;padding:8px}
body.agomi-home .footer-bottom a {text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){
body.agomi-home .navlinks {gap:15px;font-size:12px}
body.agomi-home .contact-grid {gap:30px}}
@media (max-width:650px){
body.agomi-home .navlinks {display:none}
body.agomi-home .mobile-menu {display:block;position:relative}
body.agomi-home .mobile-menu summary {list-style:none;cursor:pointer;border:1px solid #788477;padding:12px 16px;min-height:48px;font-size:14px;font-weight:600}
body.agomi-home .mobile-menu summary::-webkit-details-marker {display:none}
body.agomi-home .mobile-menu[open] .mobile-links {position:absolute;z-index:30;right:0;top:56px;width:min(280px,85vw);display:flex;flex-direction:column;background:#f7f5f0;padding:12px;border:1px solid #788477;box-shadow:0 12px 24px #26332d22}
body.agomi-home .mobile-links a {padding:13px;min-height:48px}
body.agomi-home .contact-grid {grid-template-columns:1fr}
body.agomi-home .contact-form {padding:20px}
body.agomi-home .footer-bottom {flex-wrap:wrap;line-height:1.6}
body.agomi-home .hero h1 {font-size:clamp(40px,11vw,51px)}
body.agomi-home .hero-copy p.lead {font-size:16px}
body.agomi-home .btn {font-size:14px}
body.agomi-home .work-label span {font-size:12px}
body.agomi-home .work-label strong {font-size:24px}
body.agomi-home .brand img {max-width:100%}}
@media (prefers-reduced-motion:reduce){
body.agomi-home *, body.agomi-home *::before, body.agomi-home *::after {scroll-behavior:auto!important;transition:none!important}}

body.agomi-home h1, body.agomi-home h2, body.agomi-home h3 {font-family:inherit;color:inherit;}
body.agomi-home input, body.agomi-home select, body.agomi-home textarea, body.agomi-home button{font-family:inherit;}

body.agomi-home .hero-photo img,body.agomi-home .detail-image img,body.agomi-home .work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
body.agomi-home .detail-image{position:relative;overflow:hidden;}

body.agomi-page .page-main{padding:75px 0 90px;min-height:65vh}
body.agomi-page .page-heading{margin-bottom:38px}
body.agomi-page .page-heading h1{font-size:clamp(40px,5vw,68px);max-width:950px;line-height:1.08;margin-bottom:0}
body.agomi-page .page-copy{font-size:17px;line-height:1.75}
body.agomi-page:not(.agomi-page-galerija) .page-copy,body.agomi-page:not(.agomi-page-galerija) .page-heading{max-width:920px}
body.agomi-page .page-copy h2{font-size:clamp(25px,3vw,34px);line-height:1.3;margin-top:36px;margin-bottom:16px}
body.agomi-page .page-copy p{margin-bottom:20px}
body.agomi-page .page-copy a:not(.kb-button):not(.kb-gallery-item-link){text-decoration:underline;text-underline-offset:4px}
body.agomi-page .page-copy .kb-button{background:#26332d!important;color:#fff!important;border-color:#26332d!important;min-height:52px}
body.agomi-page .page-copy .kb-button:hover{background:#536658!important}
body.agomi-page-kontakt .page-copy{padding:32px;background:#ecefe9}
body.agomi-page-kontakt .page-copy div.wpforms-container{max-width:720px;margin:28px auto}
body.agomi-page .page-copy .wp-block-kadence-advancedgallery img{position:static;height:100%;object-fit:cover}
body.agomi-home .navlinks [aria-current="page"],body.agomi-home .mobile-links [aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:650px){body.agomi-page .page-main{padding:45px 0 60px}body.agomi-page .page-copy{font-size:16px}body.agomi-page-kontakt .page-copy{padding:22px}}

body.agomi-page-sto-izradujemo .wp-block-column{background:#ecefe9;padding:28px;border-top:1px solid #bfc9bd}
body.agomi-page-sto-izradujemo .wp-block-column h2{margin-top:0}
body.agomi-page-kako-radimo .page-copy h2{border-top:1px solid #bfc9bd;padding-top:26px;margin-top:40px}

body.agomi-home .service-layout>.work-link{grid-column:1/-1;justify-self:start;margin-top:0}
body.agomi-page-sto-izradujemo .wp-block-columns{gap:24px;margin-bottom:24px}
body.agomi-home .measurement-footer{max-width:420px;margin-top:18px}
body.agomi-page .measurement-note{max-width:920px;margin-top:38px;background:#ecefe9;padding:28px}
body.agomi-page .measurement-note h2{font-size:clamp(25px,3vw,34px);line-height:1.3;margin-bottom:16px}
body.agomi-page .measurement-note p{font-size:17px;line-height:1.75;margin-bottom:0}

/* Shared floating header, with a compact mobile layout after scrolling. */
body.agomi-home > header{position:sticky;top:var(--agomi-header-offset,0px);z-index:1000;background:var(--paper)}
body.agomi-home > header .nav{transition:min-height .18s ease}
body.agomi-home > header .brand{transition:width .18s ease}
body.agomi-home > header.is-scrolled{box-shadow:0 3px 14px #26332d18}
body.agomi-home > header.is-scrolled .nav{min-height:76px}
body.agomi-home > header.is-scrolled .brand{width:142px}
html.agomi-has-sticky-header{scroll-padding-top:calc(var(--agomi-header-offset,0px) + var(--agomi-header-height,92px) + 12px)}
body.agomi-home :is(input,select,textarea,button,summary){scroll-margin-top:12px}
@media(max-width:900px){
body.agomi-home > header.is-scrolled .nav{min-height:66px}
body.agomi-home > header.is-scrolled .brand{width:118px}
}
@media(max-width:650px){
body.agomi-home > header.is-scrolled .nav{min-height:56px}
body.agomi-home > header.is-scrolled .brand{width:94px}
body.agomi-home > header.is-scrolled .mobile-menu summary{min-height:44px;padding:9px 12px;font-size:13px}
body.agomi-home .mobile-menu[open] .mobile-links{top:calc(100% + 8px);max-height:calc(100dvh - var(--agomi-header-offset,0px) - 88px);overflow-y:auto;overscroll-behavior:contain}
}