/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DESIGN TOKENS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  --cream:      #FDF6EC;
  --cream-2:    #F6EDD9;
  --cream-3:    #EDE0C4;
  --saffron:    #E8620A;
  --saffron-d:  #C95208;
  --saffron-l:  #F5864A;
  --saffron-bg: #FDE9D8;
  --maroon:     #6B1A1A;
  --maroon-2:   #7E2020;
  --maroon-3:   #561414;
  --maroon-deep:#3A0C0C;
  --gold:       #C98A1A;
  --gold-l:     #EDB84A;
  --ink:        #1E0B0B;
  --ink-2:      #2C1010;
  --muted:      #7A5A50;
  --muted-l:    #A88070;
  --bdr:        rgba(107,26,26,0.13);
  --bdr-l:      rgba(107,26,26,0.07);
  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Outfit', sans-serif;
  --ease: cubic-bezier(.25,.46,.45,.94);
}


/* FORCE LOGO STYLE */

header .logo{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
}

header .logo img{
height:70px !important;
width:auto !important;
max-height:70px;
object-fit:contain !important;
display:block;
}

/* LOGO TEXT */

header .logo-txt{
display:flex;
flex-direction:column;
line-height:1.1;
}

header .logo-txt .en{
font-size:20px;
font-weight:600;
color:#ffffff;
}

header .logo-txt .kn{
font-size:13px;
color:#f28c28;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BASE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--fb); background: radial-gradient(circle at 20% 30%, rgba(168, 85, 247, 0.20), transparent 40%),
              radial-gradient(circle at 80% 70%, rgba(234, 179, 8, 0.12), transparent 50%),
              linear-gradient(135deg, #0b0613 0%, #140a1f 40%, #1a0f2e 100%);
  color: #f5e6c8
  ; color:var(--ink); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img  { max-width:100%; display:block; }
a    { text-decoration:none; color:inherit; }

::-webkit-scrollbar       { width:4px; }
::-webkit-scrollbar-track { background:var(--cream-2); }
::-webkit-scrollbar-thumb { background:var(--saffron); border-radius:10px; }

.wrap { max-width:1240px; margin:0 auto; padding:0 48px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TYPE HELPERS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.eyebrow {
  font-family:var(--fb); font-size:24px; font-weight:600;
  letter-spacing:3px; text-transform:uppercase; color:var(--saffron);
  display:inline-flex; align-items:center; gap:10px; margin-bottom:16px;
}
.eyebrow::before { content:''; width:28px; height:1.5px; background:var(--gold); display:block; flex-shrink:0; }
.eyebrow.lt { color:var(--gold-l); }
.eyebrow.lt::before { background:var(--gold-l); }

.d-lg { font-family:var(--fd); font-size:clamp(30px,4vw,54px); font-weight:500; line-height:1.15; color:var(--gold-l); }
.d-lg.lt { color:var(--cream); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BUTTONS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.btn {
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--fb); font-size:13px; font-weight:600;
  letter-spacing:.4px; padding:12px 26px; border-radius:6px;
  cursor:pointer; border:none; transition:all .25s var(--ease);
}
.btn-maroon  { background:var(--maroon); color:var(--cream); }
.btn-maroon:hover  { background:var(--maroon-2); transform:translateY(-2px); box-shadow:0 8px 24px rgba(107,26,26,.35); }
.btn-outline { background:transparent; color:var(--maroon); border:1.5px solid var(--maroon); }
.btn-outline:hover { background:var(--maroon); color:var(--cream); }
.btn-saffron { background:var(--saffron); color:#fff; font-weight:700; }
.btn-saffron:hover { background:var(--saffron-d); transform:translateY(-2px); box-shadow:0 8px 24px rgba(232,98,10,.4); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HEADER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#hdr {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:80px;
  background:rgba(26,8,4,0.96);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(200,138,26,0.15);
  transition:height 0.3s var(--ease), background 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
#hdr::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, transparent 0%, var(--gold) 25%, #F0D080 50%, var(--gold) 75%, transparent 100%);
}
#hdr.scrolled {
  height:64px;
  background:rgba(20,5,2,0.98);
  box-shadow:0 4px 32px rgba(0,0,0,0.4);
}

.hi {
  max-width:1240px; margin:0 auto; padding:0 48px;
  height:100%; display:flex; align-items:center; justify-content:space-between;
}

/* Logo */
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; }
.logo img {
  width:56px; height:56px;
  object-fit:cover;
  border-radius:8px;
  border:2px solid var(--gold);
  display:block;
  flex-shrink:0;
}
.logo-txt { display:flex; flex-direction:column; gap:2px; }
.logo-txt .en {
  font-family:var(--fd); font-size:20px; font-weight:600;
  color:#fff; line-height:1; letter-spacing:0.04em; transition:color 0.3s;
}
.logo:hover .logo-txt .en { color:#F0D080; }
.logo-txt .kn {
  font-family:var(--fd); font-size:13px; font-weight:300;
  font-style:italic; color:var(--gold); line-height:1; letter-spacing:1px; opacity:0.9;
}

/* Desktop nav */
.nav { display:flex; align-items:center; gap:2px; }
.nav a {
  position:relative; font-size:13.5px; font-weight:500;
  color:rgba(255,255,255,0.75); padding:7px 13px; border-radius:6px;
  transition:color 0.2s, background 0.2s;
}
.nav a::after {
  content:''; position:absolute; bottom:3px; left:13px; right:13px;
  height:1.5px; background:var(--gold); border-radius:2px;
  transform:scaleX(0); transition:transform 0.25s var(--ease);
}
.nav a:hover { color:#fff; background:rgba(255,255,255,0.05); }
.nav a:hover::after { transform:scaleX(1); }
.nav a.active { color:#F0D080; }
.nav a.active::after { transform:scaleX(1); background:#F0D080; }

/* Header CTAs */
.hctas { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.hctas .btn { font-size:12.5px; padding:9px 20px; }
.hctas .btn-outline { color:rgba(255,255,255,0.82); border-color:rgba(200,138,26,0.45); }
.hctas .btn-outline:hover { background:rgba(200,138,26,0.1); border-color:var(--gold); color:#F0D080; }

/* Hamburger */
.hbtn {
  display:none; background:none; border:1.5px solid rgba(200,138,26,0.35);
  color:rgba(255,255,255,0.85); width:42px; height:42px; border-radius:8px;
  align-items:center; justify-content:center; cursor:pointer; font-size:16px;
  flex-shrink:0; margin-left:12px; transition:all 0.25s;
}
.hbtn:hover { background:rgba(200,138,26,0.12); border-color:var(--gold); color:#F0D080; }

/* Mobile overlay */
.mob-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,0.55);
  z-index:1098; opacity:0; pointer-events:none; transition:opacity 0.35s;
}
.mob-overlay.show { opacity:1; pointer-events:all; }

/* Mobile drawer */
.mnav {
  position:fixed; top:0; right:0;
  width:min(300px,84vw); height:100dvh;
  background:rgba(14,4,2,0.99); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  border-left:1px solid rgba(200,138,26,0.18);
  z-index:1099; display:flex; flex-direction:column;
  transform:translateX(105%); transition:transform 0.38s cubic-bezier(0.4,0,0.2,1);
}
.mnav.open { transform:translateX(0); }

.mnav-top {
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 22px 18px; border-bottom:1px solid rgba(200,138,26,0.12); flex-shrink:0;
}
.mnav-brand { display:flex; align-items:center; gap:10px; }
.mnav-badge img {
  width:auto; height:48px;
  object-fit:cover; border-radius:8px;
  border:1.5px solid var(--gold); display:block;
}
.mnav-brand-txt strong {
  display:block; font-family:var(--fd); font-size:17px; font-weight:600;
  color:#fff; letter-spacing:0.04em; line-height:1.1;
}
.mnav-brand-txt small {
  font-family:var(--fd); font-size:12px; font-style:italic; color:var(--gold);
}
.mnav-close {
  background:rgba(255,255,255,0.05); border:1px solid rgba(200,138,26,0.2);
  color:rgba(255,255,255,0.6); width:36px; height:36px; border-radius:8px;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  font-size:15px; transition:all 0.2s; flex-shrink:0;
}
.mnav-close:hover { background:rgba(200,138,26,0.14); color:#fff; }

.mnav-links {
  display:flex; flex-direction:column; padding:14px 14px 0; gap:2px; flex:1; overflow-y:auto;
}
.mnav-links a {
  display:flex; align-items:center; gap:12px; font-size:14.5px; font-weight:500;
  color:rgba(255,255,255,0.68); padding:11px 13px; border-radius:8px; transition:all 0.22s;
}
.mnav-links a .m-icon {
  width:30px; height:30px; border-radius:7px;
  background:rgba(255,255,255,0.04); border:1px solid rgba(200,138,26,0.14);
  display:flex; align-items:center; justify-content:center;
  font-size:12px; color:var(--gold); flex-shrink:0; transition:all 0.22s;
}
.mnav-links a:hover { background:rgba(255,255,255,0.05); color:#fff; }
.mnav-links a:hover .m-icon { background:rgba(200,138,26,0.12); border-color:rgba(200,138,26,0.35); }
.mnav-links a.active { color:#F0D080; }
.mnav-links a.active .m-icon { background:rgba(200,138,26,0.18); border-color:var(--gold); }

.mnav-sep { height:1px; background:rgba(200,138,26,0.1); margin:12px 14px; flex-shrink:0; }

.mnav-foot { padding:0 14px 28px; display:flex; flex-direction:column; gap:10px; flex-shrink:0; }
.mnav-foot .btn { width:100%; justify-content:center; font-size:13.5px; padding:12px 18px; border-radius:8px; }
.mnav-foot .btn-outline { color:rgba(255,255,255,0.8); border-color:rgba(200,138,26,0.4); }
.mnav-foot .btn-outline:hover { background:rgba(200,138,26,0.1); border-color:var(--gold); color:#F0D080; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HERO SLIDER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.hero{
margin-top:80px;
position:relative;
overflow:hidden;
background:url("../img/hero-bg.png") center/cover no-repeat;
width:100%;
}

/* TRACK */

.s-track{
display:flex;
width:100%;
transition:transform .7s cubic-bezier(.77,0,.175,1);
will-change:transform;
}

/* SLIDE */

.slide{
min-width:100%;
width:100%;
flex-shrink:0;
position:relative;
overflow:hidden;
}

/* IMAGE */

.slide img{
width:100%;
height:520px;
max-height:520px;
object-fit:cover;
object-position:center top;
display:block;
transition:transform 6.5s ease;
}

.slide.active img{
transform:scale(1.04);
}

/* OVERLAY */

.slide-ov{
position:absolute;
inset:0;
background:linear-gradient(
160deg,
rgba(30,11,11,.08) 0%,
rgba(30,11,11,.42) 100%
);
}

/* DOTS */

.s-dots{
position:absolute;
bottom:28px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:8px;
z-index:10;
}

.s-dot{
width:8px;
height:8px;
border-radius:50%;
background:rgba(253,246,236,.35);
border:none;
cursor:pointer;
transition:all .3s;
padding:0;
}

.s-dot.on{
background:var(--saffron);
width:28px;
border-radius:4px;
}

/* ARROWS */

.s-btn{
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
background:rgba(20,5,2,.5);
backdrop-filter:blur(8px);
border:1.5px solid rgba(200,138,26,.35);
color:rgba(255,255,255,.85);
font-size:14px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:all .25s;
z-index:10;
}

.s-btn:hover{
background:var(--saffron);
border-color:var(--saffron);
color:#fff;
transform:translateY(-50%) scale(1.08);
}

.s-btn.prev{
left:30px;
}

.s-btn.next{
right:30px;
}

/* PROGRESS BAR */

.s-progress{
position:absolute;
bottom:0;
left:0;
height:3px;
background:linear-gradient(90deg,var(--gold),var(--saffron));
width:0%;
z-index:10;
transition:width linear;
}
.hero-section {
  margin-top: 80px;
  position: relative;
  min-height: calc(100vh - 80px);
  background: url("../img/sliders/hero-bg-1.png") top/cover no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 70px 0;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 25% 50%, rgba(212, 160, 55, 0.18), transparent 35%),
    radial-gradient(circle at 75% 40%, rgba(212, 160, 55, 0.12), transparent 35%),
    linear-gradient(90deg, rgba(212,160,55,0.06), transparent 50%, rgba(212,160,55,0.04));
  z-index: 1;
}
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(3, 3, 3, 0.65); /* increase/decrease opacity here */
  z-index: 1;
}
.hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(212,160,55,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,160,55,0.08) 1px, transparent 1px);
  background-size: 44px 44px;
  z-index: 1;
  opacity: 0.35;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-layout {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 50px;
  align-items: center;
}

.hero-left {
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
/* RIGHT SIDE */
.hero-right {
  display: flex;
  justify-content: flex-end;   /* pushes fully right */
  align-items: flex-start;

  width: 100%; 
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(212,160,55,0.25);
  padding: 10px 22px;
  border-radius: 40px;
  color: #d4a037;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 28px;
  background: rgba(255,255,255,0.02);
}

.hero-badge i,
.live-pill i {
  color: #ff3b3b;
  font-size: 10px;
  animation: blinkLive 1.2s infinite;
}

.hero-left h1 {
  font-size: clamp(70px, 8vw, 110px);
  line-height: 1;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: 'Cormorant Garamond', serif;
  background: linear-gradient(90deg, #f7f0df, #d4a037);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-left h3 {
   color: #d4a037;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: 1px;
}

.hero-left p {
  color: #a88f6a;
  font-size: 18px;
  line-height: 1.8;
  max-width: 520px;
  margin-bottom: 35px;
}

.hero-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 34px;
  border-radius: 40px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s ease;
}

.hero-btn.primary {
 background: linear-gradient(90deg, #e6c15a, #b7872f);
  color: #111;
  padding: 16px 32px;
  border-radius: 40px;
  font-weight: 600;
  box-shadow: 0 0 25px rgba(212,160,55,0.25);
}
.hero-btn.primary:hover {
  color: #111;
  transform: translateY(-2px);
}

.hero-btn.secondary {
   border: 1px solid rgba(212,160,55,0.4);
  color: #d4a037;
  padding: 16px 32px;
  border-radius: 40px;
}

.hero-btn.secondary:hover {
  color: #fff;
  border-color: #d4a037;
}

.hero-right {
  width: 100%;
}

.hero-video-box {
   width: 100%;
  max-width: 680px;        /* increase width */
  height: 260px;           /* fixed rectangle height */

  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);

  border: 1px solid rgba(212,160,55,0.25);
  border-radius: 28px;

  position: relative;
  overflow: hidden;
  padding: 12px;
}
.hero-video-box iframe {
 width: 100%;
  height: 100%;
  border: none;
  border-radius: 18px;

}

.live-pill {
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #050303;
  border-radius: 30px;
  padding: 6px 12px;
  color: #f1b53d;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
}

.play-wrap {
  color: #b99244;
  font-size: 18px;
  margin-top: 8px;
  text-align: center;
}

.play-btn {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e1bc56, #b88931);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 30px;
  text-decoration: none;
  margin-bottom: 22px;
  box-shadow: 0 0 40px rgba(212,160,55,0.22);
}

.play-wrap p {
  color: #b99244;
  font-size: 20px;
  margin: 0;
  text-align: center;
  line-height: 1.6;
  max-width: 260px;
}

.video-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;   /* align right side */
  gap: 12px;
  width: 100%;
}

.video-title {
  color: #d4a037;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-align: right;
}

/* SHOWS SECTION (RIGHT SIDE HERO) */

.shows-wrapper {
  width: 100%;
  max-width: 680px;
}

.shows-header {
  margin-bottom: 16px;
  text-align: right;
}

.shows-header h2 {
  font-size: 34px;
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
}

.shows-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* CARD */
.show-card {
  position: relative;

  background: transparent;   /* lighter glass */
  backdrop-filter: blur(0px);              /* reduce blur */
  -webkit-backdrop-filter: blur(6px);

  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;

  overflow: hidden;
  transition: all 0.3s ease;
}

.show-card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(212,160,55,0.6);
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}

/* TOP COLOR */
.show-top {
   height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  position: relative;

  background: rgba(0,0,0,0.25); 
}

.show-top.culture {
  background: linear-gradient(to bottom, rgba(120,50,0,0.5), transparent);
}

.show-top.news {
  background: linear-gradient(to bottom, rgba(0,80,60,0.5), transparent);
}

.show-top.music {
  background: linear-gradient(to bottom, rgba(80,0,80,0.5), transparent);
}

.show-top.heritage {
  background: linear-gradient(to bottom, rgba(120,80,0,0.5), transparent);
}
.show-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.15),
    transparent 40%,
    rgba(212,160,55,0.2)
  );
  pointer-events: none;
}
.show-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(120deg, transparent, rgba(212,160,55,0.4), transparent);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.show-bottom {
  background: rgba(0,0,0,0.35);  /* separate from bg */
}

.show-bottom h4 {
  color: #fff;
  font-weight: 600;
}

.meta {
  color: rgba(255,255,255,0.8);
}
/* BADGES */
.badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
}

.badge.new {
  background: #111;
  color: #f1b53d;
}

.badge.live {
  background: #000;
  color: #ff3b3b;
}

/* BOTTOM */
.show-bottom {
  padding: 14px;
}

.cat {
  font-size: 11px;
  color: #d4a037;
  letter-spacing: 1px;
}

.show-bottom h4 {
  font-size: 18px;
  margin: 6px 0;
  color: #fff;
}

.meta {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #aaa;
}

.live-dot {
  width: 8px;
  height: 8px;
  background: #ff3b3b;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation: blinkLive 1.2s infinite;
}

/* glow effect */
.live-dot::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #ff3b3b;
  opacity: 0.5;
  animation: pulseLive 1.2s infinite;
}

/* blinking */
@keyframes blinkLive {
  0%,100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* glowing pulse */
@keyframes pulseLive {
  0% { transform: scale(1); opacity: 0.6; }
  70% { transform: scale(2.5); opacity: 0; }
  100% { opacity: 0; }
}
/* NEWS TICKER */
  .ticker-bar {
    position: relative;
  background: #0b0703;
  padding: 12px 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 20px;
  border-top: 1px solid rgba(212,160,55,0.2);
  border-bottom: 1px solid rgba(212,160,55,0.2);
  }

  .ticker-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212,160,55,0.15),
    transparent
  );
  opacity: 0.6;
}

  .ticker-label {
    background: #050303;
  color: #f1b53d;
  font-weight: 700;
  font-size: 12px;
  padding: 6px 18px;
  border-radius: 20px;
  margin-left: 20px;
  letter-spacing: 1px;
  border: 1px solid rgba(212,160,55,0.3);
  }
  .ticker-track {
    display:flex; gap:60px; animation:ticker 30s linear infinite; white-space:nowrap;
  }
  .ticker-track span { 
     color: #d4a037;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
   }
  @keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

.nav-tabs {
    display: flex; gap: 4px;
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--border);
    border-radius: 50px;
    padding: 5px;
  }
  .nav-tab {
    padding: 8px 22px; border-radius: 50px; cursor:pointer; font-size:14px;
    font-weight: 500; letter-spacing: 0.04em; transition: all var(--transition);
    border: none; background: transparent; color: var(--cream); white-space:nowrap;
  }
  .nav-tab:hover { color: var(--gold-l); }
  .nav-tab.active {
    background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 60%, var(--gold-light) 100%);
    color: #ff9d00;
    font-weight: 600;
    box-shadow: 0 0 18px rgba(201,151,58,0.4);
  }

  .nav-live {
    display:flex; align-items:center; gap:8px;
    background: rgba(201,151,58,0.1); border:1px solid rgba(201,151,58,0.3);
    border-radius:50px; padding:8px 18px; cursor:pointer; transition:all var(--transition);
    font-size:13px; font-weight:600; color:var(--gold-light); letter-spacing:0.06em;
  }
  .nav-live:hover { background:rgba(201,151,58,0.2); box-shadow:0 0 20px rgba(201,151,58,0.3); }
  .live-dot { width:8px;height:8px;border-radius:50%; background:#ef4444;
    box-shadow:0 0 8px #ef4444; animation:pulse 1.5s infinite; }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.3)} }

  .latest-video {
    width: 100%;
    max-width: 500px;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.latest-video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.donate {
  padding: 80px 0;
  background: #0b0704;
}

.donate-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.donate-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(212,160,55,0.2);
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  transition: 0.3s;
}

.donate-card:hover {
  transform: translateY(-5px);
  border-color: #d4a037;
}

.donate-card h3 {
  font-size: 32px;
  color: #d4a037;
}

.donate-card ul {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}

.donate-card ul li {
  margin: 8px 0;
}

.donate-card.popular {
  border: 2px solid #d4a037;
}


@media (max-width: 1024px) {
  .hero-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .hero-left {
    padding-right: 0;
  }

  .hero-video-box {
    min-height: 320px;
  }
}

@media (max-width: 768px) {
  .hero-section {
    margin-top: 64px;
    min-height: auto;
    padding: 50px 0;
  }

  .hero-btn {
    width: 100%;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TABLET
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width:992px){

.slide img{
height:380px;
}

.s-btn{
width:40px;
height:40px;
}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MOBILE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width:768px){

.hero{
margin-top:65px;
}

.slide img{
height:220px;
}

.s-btn{
width:34px;
height:34px;
font-size:12px;
}

.s-dots{
bottom:14px;
}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SMALL MOBILE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width:480px){

.slide img{
height:170px;
}

.s-btn{
display:none;
}

}
/* FORCE MOBILE SLIDER HEIGHT FIX */

@media (max-width:768px){

.hero{
margin-top:65px;
}

.hero .slide img{
height:220px !important;
max-height:220px !important;
}

}

@media (max-width:480px){

.hero .slide img{
height:160px !important;
max-height:160px !important;
}

}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ABOUT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.about { padding:40px 0;  background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%); ; }
.ag { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.kn-sub { font-family:var(--fd); font-size:clamp(20px,2.5vw,32px); font-weight:500; font-style:italic; color:var(--gold); margin-bottom:30px; line-height:1.35; }
.body-p { font-size:18px; line-height:1.9; color:var(--cream-2); font-weight:500; margin-bottom:16px; }
.acard { background:var(--cream-2); border:1px solid var(--bdr); border-radius:12px; padding:30px 32px; margin-bottom:16px; position:relative; overflow:hidden; transition:all .3s var(--ease); }
.acard::before { content:''; position:absolute; top:0; left:0; width:3px; height:100%; background:var(--saffron); }
.acard:hover { transform:translateX(6px); box-shadow:0 8px 32px rgba(107,26,26,.1); border-color:rgba(232,98,10,.22); }
.acard h4 { font-family:var(--fd); font-size:20px; font-weight:500; color:var(--ink); margin-bottom:9px; }
.acard p  { font-size:18px; line-height:1.8; color:var(--muted); font-weight:500; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   YOUTUBE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.yt { padding:40px 0;  background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%);; position:relative; overflow:hidden; }
.yt::before { content:'ವ'; position:absolute; right:-30px; top:-80px; font-family:var(--fd); font-size:520px; font-weight:700; color:rgba(253,246,236,.028); line-height:1; pointer-events:none; user-select:none; }
.yt-hdr { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:56px; gap:20px; flex-wrap:wrap; }
.yt-all { font-size:18px; font-weight:500; color:var(--gold-l); display:flex; align-items:center; gap:8px; transition:color .2s; white-space:nowrap; }
.yt-all i { font-size:11px; transition:transform .2s; }
.yt-all:hover { color:rgba(237,184,74,.55); }
.yt-all:hover i { transform:translateX(4px); }
.vg { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.vc { border-radius:12px; overflow:hidden; background:var(--maroon-2); border:1px solid rgba(253,246,236,.06); transition:all .3s var(--ease); cursor:pointer; }
.vc:hover { transform:translateY(-8px); box-shadow:0 24px 48px rgba(0,0,0,.45); border-color:rgba(232,98,10,.38); }
.vt { position:relative; padding-bottom:56.25%; overflow:hidden; background:var(--ink); }
.vt iframe, .vt img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border:0; }
.vo { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(30,11,11,.3); transition:background .2s; }
.vc:hover .vo { background:rgba(30,11,11,.08); }
.vp { width:52px; height:52px; border-radius:50%; background:var(--saffron); display:flex; align-items:center; justify-content:center; color:#fff; font-size:17px; padding-left:3px; transition:all .2s; box-shadow:0 4px 20px rgba(0,0,0,.4); }
.vc:hover .vp { transform:scale(1.1); background:var(--saffron-l); }
.vm2 { padding:14px 18px; }
.vm2 .ttl { font-size:15px; font-weight:500; color:rgba(253,246,236,.8); line-height:1.4; margin-bottom:5px; display:block; transition:color .2s; }
.vc:hover .ttl { color:var(--gold-l); }
.vm2 .ch { font-size:14px; color:rgba(253,246,236,.3); display:flex; align-items:center; gap:6px; }
.vm2 .ch i { color:#FF0000; font-size:11px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BACKGROUND
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.bg { padding:40px 0;  background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%); }
.bg-lay { display:grid; grid-template-columns:360px 1fr; gap:20px; align-items:start; margin-top:5px; }
.bg-sticky { position:sticky; top:96px; }
.big-n { font-family:var(--fd); font-size:110px; font-weight:300; color:#ffffff; line-height:1; margin-bottom:-16px; }
.date-pill { display:inline-block; background:var(--maroon); color:var(--cream); padding:7px 16px; border-radius:100px; font-size:11.5px; font-weight:500; letter-spacing:1px; margin-bottom:22px; }
.bg-sticky h3 { font-family:var(--fd); font-size:28px; font-weight:400; color:var(--cream); line-height:1.3; margin-bottom:14px; }
.kn-it { font-family:var(--fd); font-size:18px; font-style:italic; color:var(--cream-2); line-height:1.6; }
.bg-rows { display:flex; flex-direction:column;  }
.bgr { padding:32px 0; border-bottom:1px solid var(--bdr); display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.bgr:first-child { padding-top:0; }
.bgr:last-child  { border-bottom:none; }
.bgr .en    { font-size:18px; line-height:1.85; color:var(--cream-3); font-weight:500; }
.bgr .en.hi { font-size:18px; color:var(--cream-2); font-weight:500; }
.bgr .kn    { font-family:var(--fd); font-size:18px; font-style:italic; color:var(--cream-2); line-height:1.9; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DASOHI
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.dasohi { padding:40px 0; background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%); position:relative; overflow:hidden; }
.dasohi::before { content:'ದಾ'; position:absolute; left:-60px; bottom:-80px; font-family:var(--fd); font-size:560px; font-weight:700; color:rgba(232,98,10,.05); line-height:1; pointer-events:none; user-select:none; }
.dg { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:start; }
.dl .d-lg { color:var(--cream); margin-bottom:28px; }
.dl p { font-size:18px; line-height:1.9; color:rgba(253,246,236,.75); font-weight:500; margin-bottom:16px; }
.dl p.lead { font-size:18px; color:rgba(253,246,236,.75); }
.bstack { display:flex; flex-direction:column; gap:14px; }
.bitem { background:rgba(253,246,236,.04); border:1px solid rgba(253,246,236,.07); border-radius:12px; padding:24px 28px; display:flex; gap:18px; align-items:flex-start; transition:all .3s var(--ease); }
.bitem:hover { background:rgba(232,98,10,.1); border-color:rgba(232,98,10,.28); transform:translateY(-3px); }
.bnum { font-family:var(--fd); font-size:36px; font-weight:300; color:var(--saffron); line-height:1; min-width:34px; }
.btxt h4 { font-size:18px; font-weight:600; color:var(--cream); margin-bottom:5px; }
.btxt p  { font-size:13px; color:rgba(253,246,236,.75); line-height:1.7; margin:0; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   VISION & MISSION
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.vm { padding:40px 0; background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%); }
.vmg { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:60px; }
.vmc { background:var(--cream-2); border:1px solid var(--bdr); border-radius:20px; padding:48px; position:relative; overflow:hidden; transition:all .3s var(--ease); }
.vmc:hover { border-color:rgba(232,98,10,.2); box-shadow:0 8px 32px rgba(107,26,26,.1); transform:translateY(-4px); }
.vmi { width:50px; height:50px; border-radius:10px; background:var(--maroon); display:flex; align-items:center; justify-content:center; color:var(--gold-l); font-size:19px; margin-bottom:26px; }
.vmc h3 { font-family:var(--fd); font-size:30px; font-weight:500; color:var(--ink); margin-bottom:20px; }
.vmc .kn { font-family:var(--fd); font-size:18px; font-style:italic; color:var(--maroon); line-height:1.9; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--bdr); }
.vmc .en { font-size:18px; color:var(--muted); line-height:1.85; font-weight:500; }
.vmc-bg { position:absolute; bottom:-20px; right:-8px; font-family:var(--fd); font-size:110px; font-weight:700; color:rgba(107,26,26,.05); line-height:1; pointer-events:none; user-select:none; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SUPPORTERS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sup { padding:40px 0;   background: radial-gradient(circle at 50% 50%, rgba(212, 160, 55, 0.15), transparent 60%),
              linear-gradient(160deg, #050403 0%, #0b0703 50%, #050403 100%); }
.sup-intro { max-width:680px; margin-bottom:56px; }
.sup-intro p { font-size:18px; line-height:1.85; color:var(--cream-3); font-weight:500; margin-bottom:8px; }
.sg { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:44px; }
.sc { background:var(--cream); border:1px solid var(--bdr); border-radius:14px; padding:34px 36px; transition:all .3s var(--ease); position:relative; overflow:hidden; }
.sc::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--saffron),transparent); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }
.sc:hover { box-shadow:0 8px 32px rgba(107,26,26,.1); transform:translateY(-4px); border-color:rgba(232,98,10,.2); }
.sc:hover::after { transform:scaleX(1); }
.sc .tag { font-size:18px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--saffron); margin-bottom:14px; }
.sc h3 { font-family:var(--fd); font-size:24px; font-weight:500; color:var(--ink); margin-bottom:4px; }
.sc h4 { font-family:var(--fd); font-size:24px; font-weight:500; font-style:italic; color:var(--maroon); margin-bottom:14px; }
.sc p  { font-size:18px; color:var(--muted); line-height:1.7; font-weight:500; margin-bottom:4px; }
.tbar { background:var(--maroon); border-radius:14px; padding:48px 52px; display:flex; align-items:center; justify-content:space-between; gap:36px; flex-wrap:wrap; }
.tbar p { font-family:var(--fd); font-size:clamp(18px,2vw,24px); font-weight:500; color:var(--cream); line-height:1.5; }
.tbar .kn-it { font-style:italic; color:var(--cream); font-size:clamp(18px,1.4vw,18px); margin-top:6px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FOOTER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

footer{
background:var(--ink);
padding:80px 0 0;
}

.ftg{
display:grid;
grid-template-columns:1.5fr 1fr 1.4fr;
gap:60px;
padding-bottom:60px;
border-bottom:1px solid rgba(253,246,236,.07);
}

/* LOGO AREA */

.ft-logo{
display:flex;
align-items:center;
gap:11px;
margin-bottom:18px;
}

/* FIXED LOGO STYLE */

.ft-logo img{
height:74px;
width:auto;
object-fit:contain;
border:2px solid var(--saffron);
border-radius:0;        /* removes circle */
}

/* LOGO TEXT */

.ft-logo span{
font-family:var(--fd);
font-size:20px;
color:var(--cream);
}

.ft-tag{
font-size:18px;
color:var(--cream);
line-height:1.8;
font-weight:300;
margin-bottom:26px;
}

/* SOCIAL */

.ft-soc{
display:flex;
gap:8px;
}

.ft-soc a{
width:36px;
height:36px;
border-radius:50%;
border:1px solid rgba(253,246,236,.1);
display:flex;
align-items:center;
justify-content:center;
color:rgba(253,246,236,.38);
font-size:13px;
transition:all .2s;
}

.ft-soc a:hover{
border-color:var(--saffron);
color:var(--saffron);
background:rgba(232,98,10,.1);
}

/* HEADINGS */

.ft-h{
font-family:var(--fd);
font-size:24px;
font-weight:500;
color:var(--cream);
margin-bottom:22px;
}

/* LINKS */

.ft-ul{
list-style:none;
display:flex;
flex-direction:column;
gap:9px;
}

.ft-ul a{
font-size:18px;
color:var(--cream);
font-weight:300;
transition:color .2s;
display:flex;
align-items:center;
gap:8px;
}

.ft-ul a::before{
content:'—';
font-size:10px;
color:var(--saffron);
opacity:.6;
}

.ft-ul a:hover{
color:var(--cream);
}

/* CONTACT */

.ft-row{
display:flex;
gap:12px;
margin-bottom:13px;
align-items:flex-start;
}

.ft-row i{
color:var(--saffron);
font-size:13px;
margin-top:3px;
min-width:14px;
}

.ft-row a,
.ft-row p{
font-size:18px;
color:var(--cream);
font-weight:300;
line-height:1.6;
transition:color .2s;
}

.ft-row a:hover{
color:var(--saffron-l);
}

/* BOTTOM */

.ft-bot{
padding:22px 0;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:10px;
}

.ft-bot p{
font-size:18px;
color:var(--cream);
font-weight:300;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BACK TO TOP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#btt { position:fixed; bottom:26px; right:26px; width:44px; height:44px; border-radius:50%; background:var(--cream); color:#fff; border:none; font-size:15px; cursor:pointer; display:none; align-items:center; justify-content:center; z-index:999; box-shadow:0 0 20px rgba(212,160,55,0.5);; transition:all .25s var(--ease); }
#btt.show { display:flex; }
#btt:hover { background:var(--gold-l); transform:translateY(-3px); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SCROLL REVEAL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.rv  { opacity:0; transform:translateY(26px); transition:opacity .72s var(--ease), transform .72s var(--ease); }
.rvl { transform:translateX(-26px); }
.rvr { transform:translateX(26px); }
.rv.on { opacity:1; transform:translate(0); }
.d1 { transition-delay:.08s; } .d2 { transition-delay:.16s; }
.d3 { transition-delay:.24s; } .d4 { transition-delay:.32s; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media(max-width:1080px) {
  .nav { gap:0; }
  .nav a { padding:7px 10px; font-size:18px; }
  .hi { padding:0 28px; }
}
@media(max-width:860px) {
  .nav, .hctas { display:none; }
  .hbtn { display:flex; }
  .hi { padding:0 20px; }
}
@media(max-width:1024px) {
  .wrap { padding:0 28px; }
  .ag, .bg-lay, .dg, .vmg, .sg, .ftg { grid-template-columns:1fr; }
  .bg-sticky { position:static; }
  .bgr { grid-template-columns:1fr; gap:10px; }
  .vg  { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px) {
  .wrap { padding:0 18px; }
  section { padding:42px 0 !important; }
  .slide img { height:56vw; min-height:220px; max-height:none; }
  .vg  { grid-template-columns:1fr; }
  .tbar { padding:34px; }
  .vmc { padding:34px 26px; }
}
@media(max-width:480px) {
  #hdr { height:64px; }
  .hero { margin-top:64px; }
  .slide img { height:calc(100svh - 64px); min-height:200px; }
.logo img {
  width: 76px !important;
  height: 66px !important;
  min-width: 76px !important;
  min-height: 66px !important;
  max-width: 76px !important;
  max-height: 66px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 2px solid var(--gold) !important;
  display: block !important;
  flex-shrink: 0 !important;
} 
.logo-txt .en { font-size:17px; }
  .logo-txt .kn { font-size:11px; }
  .s-btn { display:none; }
}

/* Desktop Navigation */



.nav a{
font-size:18px;        /* increase text size */
font-weight:300;
color:#fff;

}