/* Homepage-only layout: hero, pills, नई/ताज़ा कहानियाँ, तेरी उल्फ़त में promo, शायरी, हस्तियाँ. */

.ka-hero{ padding-block:32px; border-bottom:1px solid var(--ka-line); }
.ka-hero__box{ position:relative; overflow:hidden; border-radius:18px; min-height:480px; display:flex; align-items:stretch; box-shadow:0 24px 50px -20px rgba(23,21,20,.3); }

.ka-hero__visual{ position:absolute; inset:0; }
.ka-hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; }
.ka-hero__ghost{ position:absolute; left:0; bottom:0; height:92%; width:auto; max-width:50%; object-fit:cover; opacity:.5; mix-blend-mode:soft-light; -webkit-mask-image:radial-gradient(ellipse 75% 85% at 38% 68%, black 25%, transparent 82%); mask-image:radial-gradient(ellipse 75% 85% at 38% 68%, black 25%, transparent 82%); }
.ka-hero__figure{ position:absolute; right:0; bottom:0; height:100%; width:auto; object-fit:cover; -webkit-mask-image:linear-gradient(to left, black 50%, transparent 96%); mask-image:linear-gradient(to left, black 50%, transparent 96%); }
.ka-hero__scrim{ position:absolute; inset:0; background:linear-gradient(92deg, var(--ka-bg) 0%, var(--ka-bg) 16%, rgba(241,245,250,.5) 34%, rgba(241,245,250,.18) 52%, rgba(241,245,250,0) 70%); }

.ka-hero__content{ position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; padding:48px 44px; }
.ka-hero__copy{ max-width:540px; }
.ka-hero__copy h1{ font-size:clamp(32px,4.6vw,54px); line-height:1.15; color:var(--ka-maroon); text-shadow:0 1px 16px rgba(241,245,250,.6); }
.ka-hero__copy p{ font-size:16px; color:var(--ka-ink-soft); margin-top:16px; max-width:46ch; line-height:1.7; }
.ka-hero__copy .ka-btn{ margin-top:26px; }

.ka-hero__quotes{ margin-top:30px; max-width:440px; }
.ka-hero__slide{ display:none; }
.ka-hero__slide.is-active{ display:block; }
.ka-hero__quote{ display:block; font-family:'Noto Serif Devanagari',serif; font-size:19px; line-height:1.6; color:var(--ka-maroon); }

.ka-hero__counter{ display:flex; align-items:center; gap:10px; margin-top:14px; font-size:14px; color:var(--ka-ink-soft); font-variant-numeric:tabular-nums; }
.ka-hero__prev, .ka-hero__next{ width:32px; height:32px; border-radius:50%; border:1px solid var(--ka-line); background:var(--ka-surface); display:flex; align-items:center; justify-content:center; }
.ka-hero__prev:hover, .ka-hero__next:hover{ border-color:var(--ka-maroon); color:var(--ka-maroon); }

@media (max-width:900px){
  .ka-hero__box{ min-height:0; box-shadow:none; }
  .ka-hero__visual{ position:relative; aspect-ratio:4/3; }
  .ka-hero__scrim{ background:linear-gradient(180deg, rgba(241,245,250,0) 0%, var(--ka-bg) 82%); }
  .ka-hero__content{ padding:24px 24px 32px; }
  .ka-hero__copy{ max-width:100%; }
  .ka-hero__quotes{ max-width:100%; margin-top:20px; }
}
@media (max-width:560px){ .ka-hero__ghost{ display:none; } }



.ka-hasti-card{ text-align:center; }
.ka-hasti-card h4{ font-size:16px; margin-top:12px; }
.ka-hasti-card .ka-role{ font-size:12.5px; color:var(--ka-ink-faint); margin-top:4px; display:block; }

.ka-tum{ background:#111111; border-radius:14px; padding:34px; display:grid; grid-template-columns:.9fr 1.3fr .8fr; gap:32px; align-items:start; }
.ka-tum__media .ka-photo, .ka-tum__media .ka-ph{ border-radius:10px; }
.ka-tum__copy h2{ font-size:30px; color:#D5D5D5; }
.ka-tum__since{ font-size:14.5px; color:#B7BAC4; margin-top:12px; line-height:1.8; }
.ka-tum__desc{ font-size:14px; color:#9DA1AE; margin-top:16px; line-height:1.7; font-style:italic; }
.ka-tum__cta{ display:flex; gap:14px; margin-top:22px; flex-wrap:wrap; }
.ka-tum .ka-btn--outline{ border-color:rgba(255,255,255,.5); color:#fff; }
.ka-tum .ka-btn--outline:hover{ background:rgba(255,255,255,.1); border-color:#fff; }
.ka-tum__recent{ border-left:1px solid rgba(255,255,255,.18); padding-left:26px; }
.ka-tum__recent h5{ font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--ka-gold); margin-bottom:14px; }
.ka-tum__recent li{ margin-bottom:10px; font-size:13.5px; }
.ka-tum__recent li a{ color:#C9CCD6; }
.ka-tum__recent li a:hover{ color:#fff; }
.ka-tum__recent .ka-see-all{ display:inline-block; margin-top:8px; color:var(--ka-gold); }
.ka-tum__recent .ka-see-all:hover{ border-color:var(--ka-gold); }
@media (max-width:960px){ .ka-tum{ grid-template-columns:1fr; } .ka-tum__recent{ border-left:none; padding-left:0; border-top:1px solid rgba(255,255,255,.18); padding-top:20px; } }