/* Shared visual layer for the KosovaKids service and editorial pages. */
:root { --kk-ink: #20213a; --kk-violet: #7158d9; --kk-coral: #ec6b85; }
.kk-photo-hero { position: relative; isolation: isolate; overflow: hidden; }
.kk-photo-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 42%, rgba(255,255,255,.16) 76%); }
.kk-photo-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.kk-photo-hero__content { min-height: 27rem; display: grid; align-items: center; }
.kk-photo-hero .kk-illustration-note { display: inline-flex; align-items: center; gap: .45rem; color: #4b5563; background: rgba(255,255,255,.74); border: 1px solid rgba(255,255,255,.9); border-radius: 999px; padding: .45rem .75rem; font-size: .75rem; line-height: 1.15; box-shadow: 0 8px 30px rgba(44,35,83,.08); }
.kk-photo-hero h1, .kk-photo-hero h2 { text-wrap: balance; }
.kk-photo-frame { overflow: hidden; border-radius: 1.5rem; box-shadow: 0 18px 46px rgba(47, 38, 95, .17); }
.kk-photo-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kk-editorial-banner { position: relative; overflow: hidden; background: #f7f4ff; }
.kk-editorial-banner__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .24; }
.kk-editorial-banner__content { position: relative; }
.kk-article-disclosure { color: #6b7280; font-size: .75rem; margin-top: .65rem; }
.kk-blog-card img { background: #ede9fe; }
@media (max-width: 767px) { .kk-photo-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.74)); } .kk-photo-hero__content { min-height: 31rem; align-items: end; padding-bottom: 2rem; } .kk-photo-hero__image { object-position: 62% center; } }
@media (prefers-reduced-motion: reduce) { .kk-photo-frame img, .kk-blog-card img { transition: none !important; } }