/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   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:var(--cream); 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(--ink); }
.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:var(--maroon-deep);
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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   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:var(--cream); }
.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(--maroon); margin-bottom:30px; line-height:1.35; }
.body-p { font-size:18px; line-height:1.9; color:var(--muted); 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:var(--maroon); 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:var(--cream-2); }
.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:rgba(107,26,26,.08); 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(--ink); line-height:1.3; margin-bottom:14px; }
.kn-it { font-family:var(--fd); font-size:18px; font-style:italic; color:var(--maroon); 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(--muted); font-weight:500; }
.bgr .en.hi { font-size:18px; color:var(--ink-2); font-weight:500; }
.bgr .kn    { font-family:var(--fd); font-size:18px; font-style:italic; color:var(--maroon); line-height:1.9; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DASOHI
━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.dasohi { padding:40px 0; background:var(--maroon-deep); 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:var(--cream); }
.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:var(--cream-2); }
.sup-intro { max-width:680px; margin-bottom:56px; }
.sup-intro p { font-size:18px; line-height:1.85; color:var(--muted); 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(--saffron); color:#fff; border:none; font-size:15px; cursor:pointer; display:none; align-items:center; justify-content:center; z-index:999; box-shadow:0 4px 20px rgba(232,98,10,.45); transition:all .25s var(--ease); }
#btt.show { display:flex; }
#btt:hover { background:var(--saffron-d); 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;

}