/* kresimirmatic.com — 2026-09 dopune: logo, tri korice */
.km-logo{display:block;width:44px;height:44px;border-radius:10px;flex:none}
.km-footer .km-logo{width:52px;height:52px;border-radius:12px;margin-bottom:14px}

.km-hero h1 .km-h1-drugi{color:var(--km-terra)}

.km-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.km-korica{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-height:520px;padding:34px 30px 30px;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;box-shadow:0 30px 60px -38px rgba(16,44,48,.55);transition:transform .25s ease,box-shadow .25s ease}
.km-korica:hover{transform:translateY(-4px);box-shadow:0 40px 70px -36px rgba(16,44,48,.6)}
.km-korica:focus-visible{outline:3px solid var(--km-copper);outline-offset:4px}
.km-korica .km-korica-oznaka{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.km-korica h3{margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1.05;letter-spacing:-.02em}
.km-korica p{margin:0;font-size:16px;line-height:1.55;opacity:.86;max-width:34ch}
.km-korica .km-korica-link{margin-top:8px;font-weight:700;font-size:15px}
.km-korica .km-korica-link::after{content:" →"}

.km-korica-viktor{background:radial-gradient(420px 360px at 50% 26%,#1E3B52 0%,rgba(30,59,82,0) 70%),linear-gradient(180deg,#0E1318,#07090C)}
.km-korica-viktor img{position:absolute;top:70px;left:50%;width:120px;height:120px;transform:translateX(-50%);border-radius:50%;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.km-korica-viktor .km-korica-oznaka{color:#A9B4BF}
.km-korica-viktor h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#CFE3F2}
.km-korica-viktor p{color:#E6EBF0;opacity:1}
.km-korica-viktor .km-korica-link{color:#9CC3E0}

.km-korica-portal{background:radial-gradient(520px 380px at 80% 0%,#12402C 0%,rgba(18,64,44,0) 70%),linear-gradient(180deg,#062015,#03180F)}
.km-korica-portal .km-korica-znak{position:absolute;top:34px;left:30px;right:30px;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:.95;color:#F3E9D2;letter-spacing:-.01em}
.km-korica-portal .km-korica-znak small{display:block;margin-top:12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;color:#D6BE82}
.km-korica-portal h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#D6BE82}
.km-korica-portal .km-korica-link{color:#D6BE82}

.km-korica-knjige{background:linear-gradient(180deg,#1A2B26,#0F1C18)}
.km-korica-knjige img{position:absolute;top:30px;left:50%;width:46%;transform:translateX(-50%) rotate(-3deg);border-radius:6px;box-shadow:0 26px 40px -18px rgba(0,0,0,.7)}
.km-korica-knjige h3{color:#F0E8D6}
.km-korica-knjige .km-korica-link{color:#D6BE82}

.km-razgovor{margin-top:22px;color:var(--km-muted)}
.km-razgovor a{color:var(--km-terra);font-weight:700}

@media (max-width:980px){
  .km-tri{grid-template-columns:1fr}
  .km-korica{min-height:440px}
  .km-korica-knjige img{width:34%}
}
@media (prefers-reduced-motion:reduce){.km-korica{transition:none}.km-korica:hover{transform:none}}