/* Kakadu System v1 — one palette, one set of roles, one set of components.
   Loaded LAST. Scoped to body.kk-sys.kk-flat-page. The homepage hero (.kk-hero) is intentionally excluded. */
:root{
--k-forest-950:#010A08;--k-forest-900:#07140F;--k-forest-850:#0D1F18;--k-forest-800:#132A21;--k-forest-700:#1D3A2E;--k-forest-600:#2D4B3E;--k-forest-500:#5F7F70;--k-forest-300:#A9BDB3;
--k-paper:#F4F6F0;--k-white:#FFFFFF;--k-ink:#000909;--k-stone-200:#DCE3DA;--k-stone-500:#6B7F76;--k-stone-700:#4A5C54;
--k-emerald:#00A76A;--k-emerald-ink:#006740;--k-mint:#35D49A;
--k-yellow:#FDE500;--k-yellow-hover:#FFF066;--k-yellow-ink:#4A4400;
--k-r-field:8px;--k-r-card:16px;--k-r-panel:24px;--k-r-pill:999px;
}
/* ---------- Themes (complete semantic contract) ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero),html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) *{
--kk-bg:var(--k-forest-950)!important;--kk-surface:var(--k-forest-850)!important;--kk-surface-raised:var(--k-forest-800)!important;
--kk-text:var(--k-paper)!important;--kk-muted:var(--k-forest-300)!important;--kk-divider:var(--k-forest-700)!important;
--kk-border-ui:var(--k-forest-500)!important;--kk-border-ui-raised:var(--k-forest-600)!important;--kk-link:var(--k-mint)!important;
--kk-accent:var(--k-yellow)!important;--kk-focus:var(--k-yellow)!important;--kk-button-bg:var(--k-yellow)!important;--kk-button-text:var(--k-ink)!important;--kk-button-hover:var(--k-yellow-hover)!important;--kk-icon:var(--k-paper)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="light"]:not(.kk-hero),html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="light"]:not(.kk-hero) *{
--kk-bg:var(--k-paper)!important;--kk-surface:var(--k-white)!important;--kk-surface-raised:var(--k-white)!important;
--kk-text:var(--k-ink)!important;--kk-muted:var(--k-stone-700)!important;--kk-divider:var(--k-stone-200)!important;
--kk-border-ui:var(--k-stone-500)!important;--kk-border-ui-raised:var(--k-stone-200)!important;--kk-link:var(--k-emerald-ink)!important;
--kk-accent:var(--k-emerald-ink)!important;--kk-focus:var(--k-ink)!important;--kk-button-bg:var(--k-ink)!important;--kk-button-text:var(--k-paper)!important;--kk-button-hover:var(--k-forest-800)!important;--kk-icon:var(--k-emerald-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero),html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) *{
--kk-bg:var(--k-emerald)!important;--kk-surface:var(--k-paper)!important;--kk-surface-raised:var(--k-paper)!important;
--kk-text:var(--k-ink)!important;--kk-muted:var(--k-ink)!important;--kk-divider:rgb(0 9 9 / .22)!important;
--kk-border-ui:var(--k-ink)!important;--kk-border-ui-raised:var(--k-ink)!important;--kk-link:var(--k-ink)!important;
--kk-accent:var(--k-ink)!important;--kk-focus:var(--k-ink)!important;--kk-button-bg:var(--k-ink)!important;--kk-button-text:var(--k-paper)!important;--kk-button-hover:var(--k-forest-800)!important;--kk-icon:var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero),html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) *{
--kk-bg:var(--k-yellow)!important;--kk-surface:var(--k-yellow)!important;--kk-surface-raised:#FFF18A!important;
--kk-text:var(--k-ink)!important;--kk-muted:var(--k-yellow-ink)!important;--kk-divider:#C9B700!important;
--kk-border-ui:var(--k-ink)!important;--kk-border-ui-raised:var(--k-ink)!important;--kk-link:var(--k-ink)!important;
--kk-accent:var(--k-ink)!important;--kk-focus:var(--k-ink)!important;--kk-button-bg:var(--k-ink)!important;--kk-button-text:var(--k-yellow)!important;--kk-button-hover:var(--k-forest-800)!important;--kk-icon:var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero){background:var(--kk-bg)!important;color:var(--kk-text)!important;border-color:var(--kk-divider)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :focus-visible{outline:3px solid var(--kk-focus)!important;outline-offset:4px!important}

/* ---------- Type ---------- */
body.kk-sys.kk-flat-page{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h2.kk-art-heading,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-container>h2{font-family:'Objectivity',sans-serif!important;font-weight:800!important;font-size:clamp(32px,4vw,56px)!important;line-height:1.02!important;letter-spacing:-.035em!important;color:var(--kk-text)!important;text-wrap:balance}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h2.kk-art-heading>span[style*="kk-accent"]{color:var(--kk-accent)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h3{color:var(--kk-text)!important;letter-spacing:-.02em!important;line-height:1.2!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) p{font-weight:400!important;color:var(--kk-muted)!important;text-wrap:pretty}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-empty-spacer{display:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) p[style*="text-transform:uppercase"],html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) span[style*="text-transform:uppercase"]:not(.kk-card-action){font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--kk-muted)!important}

/* ---------- Buttons: primary · secondary · text link ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.kk-button-primary){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:50px!important;padding:0 26px!important;border:0!important;border-radius:var(--k-r-pill)!important;background:var(--kk-button-bg)!important;color:var(--kk-button-text)!important;font-family:'Objectivity',sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:-.005em!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;transition:background-color .18s ease,transform .18s ease!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.kk-button-primary):hover{background:var(--kk-button-hover)!important;transform:translateY(-1px)}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-secondary,a.kk-island-action){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:50px!important;padding:0 24px!important;background:transparent!important;border:1.5px solid var(--kk-border-ui)!important;border-radius:var(--k-r-pill)!important;color:var(--kk-text)!important;font-family:'Objectivity',sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:-.005em!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .18s ease,background-color .18s ease!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-secondary,a.kk-island-action):hover{border-color:var(--kk-text)!important;background:var(--kk-surface-raised)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.cr3-arrow,.kk-island-arrow){display:inline!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;font-size:inherit!important;line-height:1!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.cr3-arrow,.kk-island-arrow)::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.cr3-arrow,.kk-island-arrow)::after{display:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-card-action,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-card strong{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:0!important;padding:0!important;margin-top:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--kk-text)!important;font-family:'Objectivity',sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:-.005em!important;text-transform:none!important;text-decoration:underline!important;text-decoration-color:var(--kk-accent)!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-card-action::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-card-action::after{display:none!important}

/* ---------- Cards ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.kk-work-card,.cr3-card){display:flex!important;flex-direction:column!important;background:var(--kk-surface-raised)!important;border:1px solid var(--kk-border-ui-raised)!important;border-radius:var(--k-r-card)!important;box-shadow:none!important;transition:border-color .18s ease,transform .18s ease!important;overflow:hidden}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.kk-work-card,.cr3-card):hover{border-color:var(--kk-accent)!important;transform:translateY(-2px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.kk-work-card,.cr3-card)::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.kk-work-card,.cr3-card)::after{display:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card h3{font-size:24px!important;margin:18px 0 10px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card p{font-size:16px!important;line-height:1.6!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card>span[style*="flex-direction:column"]>span{font-weight:400!important;font-size:15px!important;color:var(--kk-text)!important;opacity:.86}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card>span[style*="flex-direction:column"]>span>span{color:var(--kk-cat,var(--kk-accent))!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card .kk-service-visual{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border-radius:12px!important;background:var(--kk-surface)!important;border:1px solid var(--kk-border-ui-raised)!important;color:var(--kk-cat,var(--kk-icon))!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card .kk-service-visual svg{width:22px!important;height:22px!important;color:inherit!important;stroke:currentColor!important}
/* Category colour map (CR3 V-03): image & motion = yellow, space & voice = mint, YouTube = paper */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) [data-category="video-produkcija"],html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) [data-category="post-produkcija"]{--kk-cat:var(--k-yellow)}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) [data-category="podkast"],html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) [data-category="studio-i-oprema"]{--kk-cat:var(--k-mint)}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="dark"]:not(.kk-hero) [data-category="youtube"]{--kk-cat:var(--k-paper)}

/* ---------- Trust strip & benefits (light) ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-screen-label$="Trust strip"] .kk-taste-section-inner{gap:0!important;padding-top:clamp(24px,3vw,36px)!important;padding-bottom:clamp(24px,3vw,36px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-screen-label$="Trust strip"] .kk-taste-section-inner>div{padding:4px clamp(16px,2.4vw,32px)!important;border-left:1px solid var(--kk-divider)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-screen-label$="Trust strip"] .kk-taste-section-inner>div:first-child{border-left:0!important;padding-left:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-screen-label$="Trust strip"] .kk-taste-section-inner>div>span:first-child{font-size:18px!important;color:var(--kk-text)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-screen-label$="Trust strip"] .kk-taste-section-inner>div>span:last-child{font-weight:400!important;font-size:15px!important;color:var(--kk-muted)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason{background:var(--kk-surface)!important;border:1px solid var(--kk-divider)!important;border-radius:var(--k-r-card)!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-home-benefits{gap:16px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-home-benefits>*{border-radius:var(--k-r-card)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-benefit-visual{background:var(--k-paper)!important;color:var(--kk-icon)!important;border:0!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-benefit-visual svg{color:inherit!important;stroke:currentColor!important;width:22px!important;height:22px!important}

/* ---------- Process (light): numbers, not slabs ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-sequence{gap:16px!important;background:none!important;border:0!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-step{background:var(--kk-surface)!important;border:1px solid var(--kk-divider)!important;border-radius:var(--k-r-card)!important;padding:24px clamp(20px,2.4vw,28px) 28px!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap{display:flex!important;align-items:center!important;justify-content:space-between!important;background:none!important;border:0!important;border-bottom:2px solid var(--kk-accent)!important;border-radius:0!important;margin:0 0 20px!important;padding:0 0 14px!important;min-height:0!important;box-shadow:none!important;color:var(--kk-muted)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap::after,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-step::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-step::after{display:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap .kk-step-number{font-family:'Objectivity',sans-serif!important;font-weight:800!important;font-size:40px!important;line-height:1!important;letter-spacing:-.04em!important;color:var(--kk-accent)!important;background:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap svg{color:var(--kk-muted)!important;stroke:currentColor!important;width:22px!important;height:22px!important}

/* ---------- Studio showcase (emerald) ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .kk-2col>div:first-child{border:1.5px solid var(--k-ink)!important;box-shadow:none!important;border-radius:var(--k-r-card)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .kk-2col .kk-carousel-caption{background:var(--k-paper)!important;color:var(--k-ink)!important;border-top:1.5px solid var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) button[aria-label^="Slika"]{background:rgb(0 9 9 / .28)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) button[aria-label^="Slika"][style*="width:26px"],html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) button[aria-label^="Slika"].cr3-primary{background:var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) button[data-kk-click^="studio"]{background:var(--k-paper)!important;color:var(--k-ink)!important;border:1.5px solid var(--k-ink)!important;box-shadow:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .kk-2col>div:last-child>div:nth-of-type(1)>span{background:transparent!important;border:1.5px solid var(--k-ink)!important;color:var(--k-ink)!important;font-weight:500!important;font-size:14px!important;padding:7px 14px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .kk-2col>div:last-child>div:nth-of-type(2)>span{font-weight:400!important;font-size:15px!important;color:var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .kk-2col>div:last-child>div:nth-of-type(2)>span:first-child{font-weight:700!important;font-size:13px!important;letter-spacing:.08em!important;margin-bottom:4px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) a[href*="podcast-studio"]{color:var(--k-ink)!important;font-weight:700!important;font-size:15px!important;text-decoration-thickness:2px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) img[src*="leaves"],html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="emerald"]:not(.kk-hero) .cr3-foliage{opacity:.18!important;filter:brightness(0)!important}

/* ---------- Work cards & blog (dark) ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card .kk-taste-film-shade{background:linear-gradient(180deg,rgb(1 10 8 / 0) 40%,rgb(1 10 8 / .35))!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card .kk-taste-play,body.kk-sys.kk-flat-page .kk-taste-play{background:var(--k-yellow)!important;color:var(--k-ink)!important;box-shadow:0 8px 24px rgb(0 0 0 / .35)!important;border:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card>div:last-child{padding:20px 22px 24px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card>div:last-child p{margin-bottom:8px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card h3{font-size:20px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-container{max-width:1440px!important;margin:0 auto!important;padding:clamp(64px,8vw,120px) 0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-container>h2{margin-bottom:clamp(32px,4vw,52px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-grid{gap:16px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-card img{border-radius:0!important;aspect-ratio:16/9!important;object-fit:cover!important;width:100%!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-card-copy{display:flex!important;flex-direction:column!important;gap:10px!important;padding:22px 22px 24px!important;flex:1!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-card h3{font-size:19px!important;font-weight:800!important;margin:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-card p{font-size:15px!important;line-height:1.6!important;margin:0 0 6px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-category{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--kk-muted)!important;background:none!important;border:0!important;padding:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides .cr3-category::before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;border-radius:99px!important;background:var(--kk-cat,var(--kk-accent))!important}

/* ---------- Closing CTA (yellow) ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) h2.kk-art-heading,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) h2.kk-art-heading span{color:var(--k-ink)!important;font-size:clamp(40px,6vw,88px)!important;line-height:.98!important;letter-spacing:-.045em!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) p{color:var(--k-ink)!important;font-size:clamp(16px,1.6vw,20px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) a.cr3-primary:hover{background:var(--k-forest-800)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) a.cr3-secondary{border-color:var(--k-ink)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme="yellow"]:not(.kk-hero) a.cr3-secondary:hover{background:var(--k-ink)!important;color:var(--k-yellow)!important}

/* ---------- Footer ---------- */
html body.kk-sys.kk-flat-page>footer:not(#_){background:var(--k-forest-950)!important;border-top:1px solid var(--k-forest-700)!important}
html body.kk-sys.kk-flat-page>footer:not(#_) span[style*="letter-spacing:0.18em"]{color:var(--k-paper)!important;letter-spacing:.1em!important;font-weight:700!important}
html body.kk-sys.kk-flat-page>footer:not(#_) span[style*="letter-spacing:0.2em"]{color:var(--k-forest-300)!important;font-weight:700!important;letter-spacing:.1em!important}
html body.kk-sys.kk-flat-page>footer:not(#_) a:not(.kk-taste-action),html body.kk-sys.kk-flat-page>footer:not(#_) p,html body.kk-sys.kk-flat-page>footer:not(#_) span[data-kk],html body.kk-sys.kk-flat-page>footer:not(#_) .kk-ftbottom span{font-weight:400!important;color:var(--k-forest-300)!important}
html body.kk-sys.kk-flat-page>footer:not(#_) a:not(.kk-taste-action):hover{color:var(--k-paper)!important}
html body.kk-sys.kk-flat-page>footer:not(#_) a[data-kk="tel"]{color:var(--k-paper)!important;font-weight:700!important}
html body.kk-sys.kk-flat-page>footer:not(#_) a.kk-taste-action{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 20px!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;background:var(--k-yellow)!important;color:var(--k-ink)!important}
html body.kk-sys.kk-flat-page>footer:not(#_) .kk-ftbottom{border-top-color:var(--k-forest-700)!important}
@media (prefers-reduced-motion:reduce){html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) *{transition:none!important}}

/* fixes v1.1 */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-home-benefits{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-sequence,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-home-process{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-production-step>:is(h3,p){padding-left:0!important;padding-right:0!important;margin-left:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section.cr3-guides{padding:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) button.kk-carousel-dot{width:8px!important;height:8px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:99px!important;outline-offset:3px!important;box-shadow:none!important;background:var(--kk-muted)!important;opacity:.5}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) button.kk-carousel-dot[aria-pressed="true"]{width:26px!important;background:var(--kk-text)!important;opacity:1}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) button.kk-carousel-dot::before,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) button.kk-carousel-dot::after{display:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:20px!important;row-gap:8px!important;align-items:start!important;padding:24px clamp(20px,2.6vw,32px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason>.kk-benefit-visual{position:static!important;grid-row:1 / span 2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;border-radius:12px!important;transform:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason>.kk-benefit-visual svg{width:22px!important;height:22px!important;color:inherit!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason>:is(h3,p){grid-column:2!important;margin:0!important;padding:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-reason>h3{font-size:20px!important;padding-top:10px!important}

/* Arrow chip — matches the (unchanged) homepage hero buttons */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.cr3-secondary,a.kk-island-action){padding-right:8px!important;gap:14px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.cr3-secondary,a.kk-island-action) :is(.cr3-arrow,.kk-island-arrow){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:99px!important;background:color-mix(in srgb,currentColor 14%,transparent)!important;font-size:15px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.kk-button-primary):not(:has(.cr3-arrow)){padding-right:26px!important}

html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap{position:relative!important;background-image:none!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap::after{position:absolute!important;left:0!important;right:0!important;bottom:-2px!important;top:auto!important;width:100%!important;height:2px!important;margin:0!important;border:0!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap>*:not(.kk-step-number):not(svg):not(.kk-step-dots){display:none!important}

/* =====================================================================
   v3 — FLAT RICHNESS: shape collages, seams, quiet motion. No gradients.
   Shape vocabulary: circle · half-disc · quarter · ring · pill · dot. 
   Motion vocabulary: reveal (fade+rise) · hop (dots) · pulse (rings) · slide (playhead).
   ===================================================================== */
:root{--k-ease:cubic-bezier(.22,1,.36,1);--k-spring:cubic-bezier(.34,1.56,.64,1)}

/* ---------- Reading & clicking guidance ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero){position:relative}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card{position:relative!important;padding-top:clamp(26px,3vw,34px)!important;cursor:pointer}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card h3{font-size:clamp(22px,2vw,26px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card p{color:var(--kk-muted)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card:hover{transform:translateY(-3px)!important;border-color:var(--kk-cat,var(--kk-accent))!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-service-card:hover .kk-card-action{text-decoration-color:var(--kk-cat,var(--kk-accent))!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-card-action{transition:gap .3s var(--k-ease)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.cr3-card):hover :is(.kk-card-action,.cr3-card-copy>strong){gap:12px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card img,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-card img{transition:transform .9s var(--k-ease)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card:hover img,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-card:hover img{transform:scale(1.035)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card .kk-taste-play{transition:transform .4s var(--k-spring)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-work-card:hover .kk-taste-play{transform:scale(1.1)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.cr3-secondary,a.kk-island-action) :is(.cr3-arrow,.kk-island-arrow){transition:transform .35s var(--k-ease)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(a.cr3-primary,a.cr3-secondary,a.kk-island-action):hover :is(.cr3-arrow,.kk-island-arrow){transform:translate(2px,-2px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) a.kk-island-action:hover .kk-island-arrow{transform:translateX(3px)!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-taste-reason,.cr3-production-step,.cr3-card,.kk-work-card){transition:transform .35s var(--k-ease),border-color .25s ease!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-kk-theme="light"] :is(.kk-taste-reason,.cr3-production-step):hover{border-color:#C3D2C7!important}

/* heading full stop: an occasional, small hop */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h2.kk-art-heading>span[style*="kk-accent"]{display:inline-block;transform-origin:50% 100%}
html.kk-motion:not(.kk-motion-off) body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero).kk-in-view h2.kk-art-heading>span[style*="kk-accent"],html.kk-motion:not(.kk-motion-off) body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h2.kk-art-heading.is-live>span[style*="kk-accent"]{animation:kk-hop 7s var(--k-ease) 1.2s infinite}
@keyframes kk-hop{0%,86%,100%{transform:none}90%{transform:translateY(-.22em)}94%{transform:translateY(0) scale(1.12,.86)}97%{transform:scale(.96,1.04)}}

/* ---------- Service-card motifs ---------- */
.kk-motif{position:absolute;top:clamp(22px,2.6vw,30px);right:clamp(20px,2.4vw,28px);width:92px;height:58px;pointer-events:none}
.kk-motif i{position:absolute;display:block}
/* video: frame, lens, blinking rec dot */
.kk-motif--video-produkcija .m-frame{inset:4px 6px 4px 16px;border:2px solid var(--k-paper);border-radius:8px;opacity:.9}
.kk-motif--video-produkcija .m-lens{width:22px;height:22px;border-radius:50%;background:var(--k-emerald);right:22px;top:18px}
.kk-motif--video-produkcija .m-rec{width:9px;height:9px;border-radius:50%;background:var(--k-yellow);left:24px;top:12px}
.kk-motif--video-produkcija.is-live .m-rec{animation:kk-blink 2.4s steps(1) infinite}
@keyframes kk-blink{0%,60%{opacity:1}61%,100%{opacity:.15}}
.kk-service-card:hover .kk-motif--video-produkcija .m-lens{transform:scale(1.15);transition:transform .5s var(--k-spring)}
/* post: three tracks and a sliding playhead */
.kk-motif--post-produkcija .m-track{left:8px;height:8px;border-radius:99px}
.kk-motif--post-produkcija .t1{top:10px;width:52px;background:var(--k-yellow)}
.kk-motif--post-produkcija .t2{top:25px;left:26px;width:58px;background:var(--k-emerald)}
.kk-motif--post-produkcija .t3{top:40px;width:38px;background:var(--k-paper);opacity:.55}
.kk-motif--post-produkcija .m-head{top:2px;bottom:2px;left:30px;width:2px;background:var(--k-paper);border-radius:2px}
.kk-motif--post-produkcija .m-head::before{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--k-paper)}
.kk-motif--post-produkcija.is-live .m-head{animation:kk-scrub 6s var(--k-ease) infinite}
@keyframes kk-scrub{0%,100%{transform:translateX(0)}45%,55%{transform:translateX(44px)}}
/* podcast: mic dot with rings that breathe outward */
.kk-motif--podkast .m-mic{width:18px;height:18px;border-radius:50%;background:var(--k-mint);right:30px;top:20px}
.kk-motif--podkast .m-ring{border-radius:50%;border:2px solid var(--k-mint);right:30px;top:20px;width:18px;height:18px;opacity:0}
.kk-motif--podkast.is-live .r1{animation:kk-wave 3.2s var(--k-ease) infinite}
.kk-motif--podkast.is-live .r2{animation:kk-wave 3.2s var(--k-ease) .5s infinite}
@keyframes kk-wave{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(3.1);opacity:0}}
/* youtube: screen, play, notification dot that hops */
.kk-motif--youtube .m-screen{inset:6px 8px 6px 20px;border-radius:10px;background:var(--k-paper)}
.kk-motif--youtube .m-play{width:16px;height:18px;left:47px;top:20px;background:var(--k-forest-850);clip-path:polygon(0 0,100% 50%,0 100%)}
.kk-motif--youtube .m-ping{width:12px;height:12px;border-radius:50%;background:var(--k-yellow);right:2px;top:0;box-shadow:0 0 0 3px var(--k-forest-800)}
.kk-motif--youtube.is-live .m-ping{animation:kk-ping-hop 4.5s var(--k-ease) 1s infinite}
@keyframes kk-ping-hop{0%,80%,100%{transform:none}86%{transform:translateY(-7px)}92%{transform:translateY(0) scale(1.15,.85)}}
@media(max-width:420px){.kk-motif{transform:scale(.8);transform-origin:100% 0}}

/* ---------- Collages ---------- */
.kk-collage{position:absolute;pointer-events:none;z-index:0}
.kk-collage i,.kk-collage b{position:absolute;display:block}
/* Why Kakadu (light) — sits right of the heading */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .kk-taste-section-inner{position:relative}
.kk-collage--why{top:clamp(28px,3.6vw,56px);right:clamp(24px,6vw,90px);width:240px;height:150px}
.kk-collage--why .c-circle{left:40px;top:10px;width:110px;height:110px;border-radius:50%;background:var(--k-emerald)}
.kk-collage--why .c-half{left:118px;top:0;width:110px;height:55px;border-radius:110px 110px 0 0;background:var(--k-yellow)}
.kk-collage--why .c-quarter{left:150px;top:55px;width:70px;height:70px;border-radius:0 0 70px 0;background:var(--k-ink)}
.kk-collage--why .c-ring{left:6px;top:4px;width:46px;height:46px;border-radius:50%;border:2px solid var(--k-ink)}
.kk-collage--why .c-dots{left:162px;top:138px;display:flex;gap:7px}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-screen-label$="Zašto Kakadu"] h2.kk-art-heading{max-width:calc(100% - 280px)}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-screen-label$="Zašto Kakadu"] .kk-home-benefits{position:relative;z-index:1}
/* Studio (emerald) — stickers behind the photo frame */
.kk-frame-wrap{position:relative}
.kk-frame-wrap>div:not(.kk-collage){position:relative;z-index:1}
.kk-collage--studio{inset:0}
.kk-collage--studio .c-sun{width:120px;height:120px;border-radius:50%;background:var(--k-yellow);left:-34px;top:-34px}
.kk-collage--studio .c-half{width:150px;height:75px;border-radius:0 0 150px 150px;background:var(--k-ink);right:-26px;bottom:-40px}
.kk-collage--studio .c-pill{width:88px;height:26px;border-radius:99px;background:var(--k-paper);left:-22px;bottom:56px;z-index:2}
.kk-collage--studio .c-grid{right:-30px;top:22%;display:grid;grid-template-columns:repeat(3,8px);gap:8px}
.kk-collage--studio .c-grid i{position:static;width:8px;height:8px;border-radius:50%;background:var(--k-ink)}
/* Works (dark) — little film strip after the heading */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)#radovi .kk-taste-section-heading{position:relative}
.kk-collage--films{position:relative;order:2;width:110px;height:36px;margin-left:auto;margin-right:20px}
.kk-collage--films .f{top:9px;height:18px;width:30px;border-radius:5px;border:2px solid var(--k-forest-500)}
.kk-collage--films .f1{left:0}.kk-collage--films .f2{left:36px;background:var(--k-emerald);border-color:var(--k-emerald)}.kk-collage--films .f3{left:72px}
.kk-collage--films .f-dot{width:8px;height:8px;border-radius:50%;background:var(--k-yellow);left:47px;top:14px}
.kk-collage--films.is-live .f-dot{animation:kk-film 5s var(--k-ease) infinite}
@keyframes kk-film{0%,20%{transform:translateX(0)}35%,55%{transform:translateX(36px)}70%,90%{transform:translateX(-36px)}100%{transform:translateX(0)}}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)#radovi .kk-taste-section-heading>a{order:3}
@media(max-width:760px){.kk-collage--films{display:none}}
/* Closing CTA (yellow) — the big composition */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-kk-theme="yellow"]>img{display:none!important}
.kk-collage--cta{right:clamp(24px,7vw,120px);top:50%;width:340px;height:300px;margin-top:-150px}
.kk-collage--cta .c-big{left:60px;top:20px;width:200px;height:200px;border-radius:50%;background:var(--k-ink)}
.kk-collage--cta .c-half{left:60px;top:220px;width:200px;height:100px;border-radius:0 0 200px 200px;background:var(--k-emerald)}
.kk-collage--cta .c-quarter{left:-40px;top:120px;width:100px;height:100px;border-radius:100px 0 0 0;background:var(--k-paper)}
.kk-collage--cta .c-pill{left:200px;top:-10px;width:120px;height:36px;border-radius:99px;background:var(--k-paper)}
.kk-collage--cta .c-ring{left:250px;top:150px;width:70px;height:70px;border-radius:50%;border:3px solid var(--k-ink)}
.kk-collage--cta .c-dots{left:120px;top:110px;display:flex;gap:10px}
.kk-collage--cta .c-dots i{background:var(--k-yellow)!important;width:14px!important;height:14px!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-kk-theme="yellow"] .kk-taste-section-inner>*:not(.kk-collage){position:relative;z-index:1}
@media(max-width:900px){.kk-collage--cta{transform:scale(.62);transform-origin:100% 50%;right:12px;opacity:.95}}
@media(max-width:640px){.kk-collage--cta{top:auto;bottom:-40px;margin-top:0;transform:scale(.42);transform-origin:100% 100%}}
@media(max-width:860px){.kk-collage--why{display:none}html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero)[data-screen-label$="Zašto Kakadu"] h2.kk-art-heading{max-width:none}}
@media(max-width:760px){.kk-collage--studio .c-sun{width:84px;height:84px;left:-16px;top:-20px}.kk-collage--studio .c-half{right:-8px;width:110px;height:55px}.kk-collage--studio .c-grid,.kk-collage--studio .c-pill{display:none}}

/* jumping dots (shared) */
.c-dots i,.kk-step-dots i{position:static!important;display:block;width:9px;height:9px;border-radius:50%;background:var(--k-ink)}
.is-live.kk-collage .c-dots i{animation:kk-dots 5s var(--k-ease) infinite}
.is-live.kk-collage .c-dots i:nth-child(2){animation-delay:.12s}.is-live.kk-collage .c-dots i:nth-child(3){animation-delay:.24s}
@keyframes kk-dots{0%,78%,100%{transform:none}84%{transform:translateY(-9px)}90%{transform:translateY(0) scale(1.15,.85)}94%{transform:none}}

/* ---------- Process: number + n dots that hop in sequence ---------- */
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap{gap:14px!important;justify-content:flex-start!important}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap svg{margin-left:auto!important}
.kk-step-dots{display:flex;gap:5px;align-items:flex-end;height:20px;padding-bottom:4px}
.kk-step-dots i{width:7px;height:7px;background:var(--k-emerald)}
.kk-step-dots.is-live i{animation:kk-dots 6s var(--k-ease) infinite;animation-delay:calc(var(--n) * .5s)}
.kk-step-dots.is-live i:nth-child(2){animation-delay:calc(var(--n) * .5s + .1s)}.kk-step-dots.is-live i:nth-child(3){animation-delay:calc(var(--n) * .5s + .2s)}.kk-step-dots.is-live i:nth-child(4){animation-delay:calc(var(--n) * .5s + .3s)}
html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap{border-bottom:2px solid var(--k-stone-200)!important}

/* ---------- Seams: next section rises into the previous one ---------- */
.kk-seams{position:absolute;left:0;top:0;width:100%;height:0;z-index:5;pointer-events:none}
.kk-seam{position:absolute;width:120px;height:60px;margin-top:-59px;border-radius:120px 120px 0 0;background:var(--seam-bg)}
.kk-seam.is-right{right:clamp(24px,9vw,160px)}.kk-seam.is-left{left:clamp(24px,9vw,160px)}
.kk-seam i{position:absolute;left:50%;top:26px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--k-yellow)}
.kk-seam--light i{background:var(--k-emerald)}.kk-seam--emerald i{background:var(--k-ink)}.kk-seam--yellow i{background:var(--k-ink)}.kk-seam--dark i{background:var(--k-yellow)}
.kk-seam.is-live i{animation:kk-dots 6.5s var(--k-ease) 2s infinite}
@media(max-width:640px){.kk-seam{width:80px;height:40px;margin-top:-39px}.kk-seam i{top:16px;width:10px;height:10px;margin-left:-5px}}

/* ---------- Quiet reveals ---------- */
@media (prefers-reduced-motion:reduce){.kk-motif *,.kk-collage *,.kk-step-dots *,.kk-seam *,html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) h2 span{animation:none!important}}

html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) .cr3-process-cap .kk-step-dots{display:flex!important}

/* Imported v2 geometry; homepage/gallery integration. Other page content styles stay scoped out. */
html[data-motion-paused="true"] :is(.kk-motif,.kk-collage,.kk-step-dots,.kk-seam) *,
html.kk-motion-off :is(.kk-motif,.kk-collage,.kk-step-dots,.kk-seam) *{animation-play-state:paused!important}
html.kk-motion-off .kk-rv,html.kk-motion-off .kk-rv-pop{opacity:1!important;translate:none!important}
html.kk-motion-off h2.kk-art-heading>span{animation:none!important}
@media (hover:none),(pointer:coarse){
 html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-service-card,.kk-work-card,.cr3-card):hover{transform:none!important}
 html body.kk-sys.kk-flat-page #main-content#main-content>section[data-kk-theme]:not(.kk-hero) :is(.kk-work-card,.cr3-card):hover img{transform:none!important}
}