@import url('https://fonts.googleapis.com/css2?family=Anek+Kannada:wght@400;500;600;700&family=Noto+Sans+Kannada:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
@font-face{font-family:'Myriad Pro';src:url('assets/MYRIADPRO-BOLD.OTF') format('opentype');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#003049;--red:#D62828;--orange:#F77F00;--gold:#FCBF49;--cream:#EAE2B7;--ink:#18303d;--paper:#fffdf7;--muted:#61717a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,5vw,72px);background:#fff;box-shadow:0 4px 20px #00304912}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:240px}.brand-logo{width:52px;height:52px;object-fit:contain}.brand-names{display:flex;flex-direction:row;align-items:baseline;gap:10px;color:var(--navy);line-height:1;white-space:nowrap}.brand-kannada{font-family:'Anek Kannada',sans-serif;font-size:clamp(18px,1.65vw,24px);font-weight:600;letter-spacing:0;color:var(--red)}.brand-kannada>span{color:var(--red)}.brand-kannada b{color:var(--navy);font-weight:600}.brand-divider{font-family:Inter,Arial,sans-serif;font-size:clamp(17px,1.45vw,21px);font-weight:400;color:#8b969c}.brand-english{font-family:'Myriad Pro',Arial,sans-serif;font-size:clamp(17px,1.5vw,22px);font-weight:700;margin-top:0;color:var(--red);letter-spacing:0}.brand-english>span{color:var(--red)}.brand-english b{color:var(--navy);font-weight:700}.site-header nav{display:flex;gap:clamp(12px,2vw,28px);flex-wrap:wrap}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700;color:var(--navy)}.site-header nav a:hover,.site-header nav a:focus{color:var(--red)}.hero{padding:22px clamp(16px,4vw,60px) 34px;background:linear-gradient(180deg,#f6f1df,#fffdf7)}.hero-art{max-width:1400px;height:clamp(230px,35vw,450px);margin:auto;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,var(--navy),#07516b 58%,var(--red));box-shadow:0 18px 40px #00304924}.hero-art>img{width:100%;height:100%;object-fit:contain;display:block;opacity:1;background:#f7d17a}.hero-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:white;text-shadow:0 2px 14px #001d2b;pointer-events:none}.hero-brand img{width:clamp(85px,12vw,145px);height:clamp(85px,12vw,145px);object-fit:contain;filter:drop-shadow(0 4px 12px #001d2b66)}.hero-brand div{font-family:'Noto Sans Kannada',sans-serif;font-weight:700;font-size:clamp(22px,3vw,40px);margin-top:4px}.tagline{text-align:center;max-width:1000px;margin:23px auto 0;color:var(--navy);font-size:clamp(12px,1.3vw,16px);font-weight:800;letter-spacing:.035em}.tagline i{font-style:normal;color:var(--orange);padding:0 4px}.section{padding:82px clamp(18px,6vw,90px)}.soft{background:#f5f0df}.section-heading{text-align:center;max-width:800px;margin:0 auto 38px}.section-heading.left{text-align:left;margin-left:0}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--orange);margin:0 0 8px}.section h2{font-size:clamp(28px,4vw,43px);letter-spacing:-.035em;line-height:1.15;color:var(--navy);margin:0 0 12px}.section-heading>p:not(.eyebrow){color:var(--muted);margin:0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1120px;margin:auto}.media-card{display:block;text-decoration:none;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #00304912;border:1px solid #00304912;transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00304920}.media-preview{height:clamp(190px,25vw,310px);display:flex;align-items:center;justify-content:center;position:relative;color:white;overflow:hidden}.youtube{background:linear-gradient(135deg,#8f101a,var(--red) 55%,#f36c53)}.facebook{background:linear-gradient(135deg,#0a3979,#1877f2 65%,#69a5ff)}.play{width:76px;height:54px;border-radius:15px;background:#fff;color:var(--red);display:grid;place-items:center;font-size:28px;padding-left:4px;box-shadow:0 8px 25px #0003}.fb-mark{font-family:Arial,sans-serif;font-size:130px;font-weight:800;line-height:1;color:#fff}.preview-label{position:absolute;bottom:15px;left:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.85}.media-meta{padding:22px 24px 25px}.platform{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red)}.media-meta h3{font-size:21px;color:var(--navy);margin:7px 0}.media-meta p,.playlist-info p{font-size:13px;color:var(--muted);margin:5px 0}.text-link{display:inline-block;margin-top:12px;color:var(--red);font-size:12px;font-weight:800}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:auto}.playlist-card{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;border:1px solid #00304912;box-shadow:0 8px 24px #0030490b;transition:transform .2s}.playlist-card:hover{transform:translateY(-4px)}.playlist-art{height:155px;display:flex;align-items:center;justify-content:center;position:relative;padding:18px;text-align:center;color:#fff;font-family:'Noto Sans Kannada',Inter,sans-serif;font-weight:700;font-size:23px;overflow:hidden}.playlist-art:before,.playlist-art:after{content:"";position:absolute;border:1px solid #ffffff50;border-radius:50%;width:210px;height:210px;transform:rotate(25deg)}.playlist-art:after{width:155px;height:155px;transform:rotate(-25deg)}.playlist-art span{z-index:1;text-shadow:0 2px 12px #0005}.playlist-art b{position:absolute;right:13px;top:10px;font:700 11px Inter,sans-serif;letter-spacing:.12em;opacity:.8}.art-one{background:linear-gradient(135deg,#003049,#176b78)}.art-two{background:linear-gradient(135deg,#8f101a,#D62828)}.art-three{background:linear-gradient(135deg,#603813,#b46c28)}.art-four{background:linear-gradient(135deg,#175c48,#4d9871)}.art-five{background:linear-gradient(135deg,#3c286b,#8d63b5)}.art-six{background:linear-gradient(135deg,#a54b00,#F77F00)}.playlist-info{padding:18px 20px 21px}.playlist-info h3{color:var(--navy);font-size:17px;margin:0 0 5px}.playlist-info h3 span{font-family:'Noto Sans Kannada',sans-serif;font-size:14px}.playlist-info>span{display:inline-block;margin-top:13px;color:var(--red);font-size:11px;font-weight:800}.note{max-width:1200px;margin:20px auto 0;color:var(--muted);font-size:12px}.about-section{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.3fr);gap:clamp(35px,7vw,100px);background:#fff}.about-tagline{color:var(--red);font-size:18px;line-height:1.45;margin-top:20px}.about-copy p{margin:0 0 18px}.about-copy h3{color:var(--navy);font-size:22px;margin:30px 0 10px}.about-copy .closing{font-weight:800;color:var(--navy);font-size:18px;margin-top:28px}.people-section{background:#f7f4e9}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto;align-items:start}.person-card{background:white;border:1px solid #00304916;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #0030490d}.person-card summary{cursor:pointer;list-style:none;text-align:center;padding:26px 20px 24px;display:flex;align-items:center;flex-direction:column;gap:14px}.person-card summary::-webkit-details-marker{display:none}.person-card summary:after{content:"＋ View profile";font-size:11px;font-weight:800;color:var(--red);letter-spacing:.03em}.person-card[open] summary:after{content:"− Close profile"}.person-card summary img{width:clamp(130px,15vw,180px);height:clamp(130px,15vw,180px);border-radius:50%;object-fit:cover;object-position:center 25%;aspect-ratio:1/1;display:block;background:var(--cream);border:5px solid #f5f0df;box-shadow:0 0 0 1px #00304918}.person-name{font-weight:800;color:var(--navy);font-size:18px;line-height:1.3}.bio{padding:0 23px 24px;border-top:1px solid #e9e5d8;font-size:13px;color:#40525b}.bio strong{color:var(--navy)}.bio p{margin:16px 0 0}footer{background:var(--navy);color:#fff;text-align:center;padding:36px 20px}footer p{margin:5px 0;color:#e6edf0;font-size:13px}footer p:first-child{font-size:18px;font-weight:800;letter-spacing:.05em}footer div{display:flex;justify-content:center;gap:20px;margin-top:15px}footer a{font-size:12px;color:var(--gold);font-weight:700;text-decoration:none}
@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:16px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{grid-template-columns:1fr;gap:15px}.section-heading.left{margin-bottom:20px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-header nav{gap:10px 15px}.site-header nav a{font-size:12px}.brand{min-width:0}.hero-art{height:245px;border-radius:12px}.hero-brand img{width:88px;height:88px}.tagline{line-height:1.9}.section{padding:56px 18px}.media-grid,.playlist-grid,.people-grid{grid-template-columns:1fr}.media-preview{height:205px}.playlist-art{height:145px}.person-card summary img{width:158px;height:158px}.section h2{font-size:31px}}

/* Version 4 refinements from user feedback */
.about-logo{display:block;width:clamp(105px,13vw,165px);height:auto;object-fit:contain;margin:0 0 24px}
#people .section-heading h2{white-space:nowrap;font-size:clamp(18px,2.7vw,36px);letter-spacing:-.025em}
.person-card summary img{object-position:center center}
@media(max-width:650px){
  #people .section-heading h2{white-space:normal;font-size:clamp(23px,6vw,32px)}
  .hero-art{height:auto;aspect-ratio:1920/800}
  .hero-art>img{object-fit:contain}
}

/* Version 5 updates */
.site-header nav{align-items:center}
.site-header nav .contact-button{display:inline-block;padding:9px 15px;background:var(--red);color:#fff;border-radius:999px;white-space:nowrap}
.site-header nav .contact-button:hover,.site-header nav .contact-button:focus{background:var(--navy);color:#fff}
.hero-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(88px, .16fr) minmax(0, 1fr) minmax(88px, .16fr);gap:clamp(12px,2.5vw,36px);align-items:center}
.hero-art{width:100%;height:auto;aspect-ratio:1942/809;max-width:none}
.hero-art>img{object-fit:contain;background:transparent}
.social-flank{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-decoration:none;font-size:clamp(11px,1.1vw,14px);font-weight:800;color:var(--navy);transition:transform .2s}
.social-flank:hover{transform:translateY(-3px)}
.social-logo{width:clamp(48px,6vw,78px);height:clamp(48px,6vw,78px);display:grid;place-items:center;border-radius:20px;box-shadow:0 10px 24px #00304920;background:#fff;padding:10px}
.social-logo svg{width:100%;height:100%;display:block}
.youtube-logo{color:#ff0033}.facebook-logo{color:#1877f2}
.about-tagline{color:var(--red);font-size:18px;line-height:1.6;margin:20px 0 0;padding-left:22px;font-weight:700}
.about-tagline li{padding-left:3px;margin:3px 0}
.bio h4{color:var(--navy);font-size:15px;margin:20px 0 0}
.contact-section{text-align:center;padding:55px 20px;background:#f5f0df}
.contact-section h2{margin:0 0 10px;color:var(--navy);font-size:clamp(28px,4vw,40px)}
.contact-section p:last-child{margin:0}.contact-section a{color:var(--red);font-weight:800;text-decoration:none}.contact-section a:hover{text-decoration:underline}
@media(max-width:900px){.hero-layout{grid-template-columns:72px minmax(0,1fr) 72px;gap:10px}.social-logo{border-radius:15px}.site-header nav .contact-button{padding:7px 12px}}
@media(max-width:600px){.hero{padding-left:12px;padding-right:12px}.hero-layout{grid-template-columns:1fr 1fr;gap:14px}.hero-art{grid-column:1 / -1;grid-row:1;aspect-ratio:1942/809}.social-flank{grid-row:2;flex-direction:row;gap:8px;padding:5px}.social-logo{width:40px;height:40px;padding:7px;border-radius:12px}.youtube-flank{justify-self:end}.facebook-flank{justify-self:start}.site-header nav{width:100%}.about-tagline{font-size:17px}}


/* Version 6: subtle Kannada heritage motifs, integrated social design and two-tone About panel */
body{background-color:#fffdf7;background-image:url('assets/kannada-cultural-pattern.svg');background-repeat:repeat;background-size:520px 520px;background-attachment:fixed}
.site-header{background:rgba(255,255,255,.96)}
.hero{background:linear-gradient(180deg,rgba(246,241,223,.94),rgba(255,253,247,.9))}
.hero-layout{display:block;max-width:1500px;margin:auto;position:relative}
.hero-art{max-width:1400px;margin:auto;overflow:hidden;border-radius:18px}
.hero-art>img{width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain;display:block}
.social-dock{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,32px);width:max-content;max-width:calc(100% - 24px);margin:-22px auto 0;padding:12px 22px;background:rgba(255,255,255,.97);border-radius:999px;box-shadow:0 12px 32px #00304924;border:1px solid #d9c58d}
.social-action{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);padding:2px 8px;border-radius:999px;transition:transform .2s,background .2s}
.social-action:hover{transform:translateY(-2px);background:#f7f1df}
.social-action>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.social-action b{font-size:13px}.social-action small{font-size:10px;color:var(--muted);margin-top:3px}
.social-logo{width:42px;height:42px;min-width:42px;border-radius:50%;padding:8px;box-shadow:none}
.dock-divider{color:#c59a37;font-size:18px}
.about-section{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:transparent;position:relative;isolation:isolate}
.about-intro{background:rgba(255,255,255,.94);padding:clamp(38px,5vw,74px) clamp(24px,5vw,76px)}
.about-objectives{position:relative;overflow:hidden;background:rgba(0,48,73,.97);color:#fff;padding:clamp(38px,5vw,74px) clamp(24px,5vw,68px)}
.about-objectives:after{content:'ಕನ್ನಡ';position:absolute;right:-18px;bottom:-48px;font-family:'Noto Sans Kannada',sans-serif;font-size:clamp(100px,15vw,210px);font-weight:700;color:#fff;opacity:.035;pointer-events:none;line-height:1}
.about-logo{margin:0 0 18px;width:clamp(92px,10vw,132px)}
.about-intro h2{max-width:540px}
.about-tagline{color:var(--red);font-size:16px;margin:14px 0 22px;padding-left:22px;font-weight:700}
.about-intro>p:not(.eyebrow){font-size:14px;margin:0 0 15px;color:#334650}
.about-objectives .objective-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;position:relative;z-index:1;padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid rgba(252,191,73,.38)}
.objective-icon{width:44px;height:44px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px;font-weight:800}
.about-objectives h3{color:var(--gold);font-size:clamp(18px,2vw,23px);line-height:1.3;margin:0 0 8px}
.about-objectives p{font-size:14px;line-height:1.65;margin:0;color:#f4f7f8}
.about-objectives .about-closing{position:relative;z-index:1;color:var(--gold);font-weight:800;font-size:15px;margin-top:2px}
.section:not(.about-section){background-color:rgba(255,253,247,.86)}
.section.soft,.people-section{background-color:rgba(245,240,223,.88)}
.contact-section{background-color:rgba(245,240,223,.94)}
#people .section-heading h2{white-space:normal}
@media(max-width:900px){.about-section{grid-template-columns:1fr}.about-intro,.about-objectives{padding:38px 28px}.social-dock{margin-top:-14px}}
@media(max-width:600px){.hero-art{aspect-ratio:1942/809}.social-dock{width:calc(100% - 12px);padding:8px 9px;gap:5px;margin-top:-8px}.social-action{gap:6px;padding:3px}.social-logo{width:34px;height:34px;min-width:34px;padding:6px}.social-action b{font-size:11px}.social-action small{font-size:9px}.dock-divider{font-size:14px}.about-intro,.about-objectives{padding:34px 21px}.about-objectives .objective-item{grid-template-columns:38px minmax(0,1fr);gap:12px}.objective-icon{width:36px;height:36px;font-size:18px}}


/* Version 7: subtle illustrated Karnataka heritage landscape and compact About layout */
body{background-color:#fffdf7;background-image:url('assets/kannada-heritage-landscape.svg');background-repeat:repeat;background-size:760px 430px;background-attachment:fixed}
/* Keep decorative landscape very faint so text remains the focus. */
.about-tagline{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px 9px;padding:0;margin:10px 0 16px;font-size:clamp(12px,1.05vw,15px);line-height:1.5;font-weight:800;color:var(--navy)}
.about-tagline span{color:var(--orange);font-weight:700}
.about-intro{padding:clamp(28px,3.2vw,48px) clamp(24px,4vw,58px)}
.about-objectives{padding:clamp(28px,3.2vw,48px) clamp(24px,3.5vw,52px)}
.about-objectives .objective-item{gap:15px;padding-bottom:15px;margin-bottom:15px}
.about-objectives .objective-item:last-of-type{padding-bottom:0;margin-bottom:12px;border-bottom:0}
.about-objectives h3{font-size:clamp(17px,1.65vw,21px);margin-bottom:5px}
.about-objectives p{font-size:13px;line-height:1.5}
.about-objectives .about-closing{font-size:13px;line-height:1.45;margin:4px 0 0}
.section:not(.about-section){background-color:rgba(255,253,247,.92)}
.section.soft,.people-section{background-color:rgba(245,240,223,.93)}
@media(max-width:900px){.about-intro,.about-objectives{padding:30px 28px}.about-tagline{font-size:14px}}
@media(max-width:600px){.about-tagline{font-size:13px;gap:4px 6px}.about-intro,.about-objectives{padding:28px 21px}.about-objectives .objective-item{padding-bottom:14px;margin-bottom:14px}}

/* Version 8: centre-align About content and balance the objectives panel */
.about-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.about-intro .about-logo{margin:0 auto 14px}
.about-intro .eyebrow{width:100%;text-align:center}
.about-intro h2{max-width:none;width:100%;text-align:center;margin-bottom:8px}
.about-intro .about-tagline{width:100%;justify-content:center;text-align:center;margin:8px 0 18px;gap:4px 8px}
.about-intro>p:not(.eyebrow){width:100%;max-width:760px;text-align:center;margin:0 auto 14px}
.about-objectives{display:flex;flex-direction:column;justify-content:center}
.about-objectives .objective-item{align-items:center}
.about-objectives .about-closing{text-align:center;margin-top:8px}
@media(max-width:900px){.about-intro{align-items:center}.about-intro>p:not(.eyebrow){max-width:780px}.about-objectives{justify-content:flex-start}}


/* Version 9: make the illustrated Karnataka heritage landscape visibly present behind page sections. */
body{background-image:url('assets/kannada-heritage-landscape.svg');background-repeat:repeat;background-size:760px 430px;background-attachment:fixed;background-color:#fffdf7}
/* Use translucent section surfaces so the heritage artwork shows through around content without reducing legibility. */
.section:not(.about-section){background-color:rgba(255,253,247,.72)}
.section.soft,.people-section{background-color:rgba(245,240,223,.70)}
.playlist-card,.person-card,.media-card{background-color:rgba(255,255,255,.92)}
.contact-section{background-color:rgba(245,240,223,.78)}
/* Keep the About intro clean and white as requested; allow heritage illustration to frame it at section edges. */
.about-intro{background:rgba(255,255,255,.96)}
.about-objectives{background-color:rgba(0,48,73,.97)}
@media(max-width:900px){body{background-attachment:scroll;background-size:620px 350px}}


/* Version 10: live YouTube uploads playlist and connected social/playlist links */
.video-embed{position:relative;width:100%;aspect-ratio:16/9;background:#071c27;overflow:hidden}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.latest-video-card .media-meta{min-height:155px}
.latest-video-card .media-meta p{min-height:40px}
@media(max-width:600px){.video-embed{aspect-ratio:16/9}.latest-video-card .media-meta{min-height:0}}

/* Version 11: live YouTube playlist thumbnail previews */
.playlist-thumbnail{height:auto;aspect-ratio:16/9;display:block;padding:0;background:#071c27;position:relative;isolation:isolate}
.playlist-thumbnail iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.playlist-thumbnail:before,.playlist-thumbnail:after{display:none}
.playlist-thumbnail .thumbnail-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:54px;height:38px;border-radius:10px;background:#d62828;color:#fff;font:700 19px Arial,sans-serif;padding-left:3px;box-shadow:0 3px 16px #0005;pointer-events:none}
.playlist-thumbnail b{z-index:3;right:10px;top:10px;background:#003049bb;color:#fff;padding:4px 7px;border-radius:4px}
@media(max-width:600px){.playlist-thumbnail{height:auto;aspect-ratio:16/9}}

/* Version 12: manual YouTube video + Facebook Reel feature cards */
.manual-feature{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#003049}
.manual-feature img{display:block;width:100%;height:100%;object-fit:cover}
/* Facebook Reel thumbnail: show the complete image without cropping or zooming. */
.facebook-feature img{object-fit:contain;background:#003049}
.facebook-feature:hover img{transform:none}
.manual-feature .feature-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:46px;border-radius:12px;background:#d62828;color:#fff;font-size:24px;padding-left:4px;box-shadow:0 3px 16px #0005}
.facebook-feature .feature-play{background:#1877f2}
.manual-feature:hover img{transform:scale(1.025);transition:transform .2s ease}
.playlist-thumbnail iframe{display:none!important}

/* Version 13: branded About heading and latest-release cards */
.gkm-name{white-space:normal}.gkm-red{color:#D62828}.gkm-blue{color:#003049}
.latest-video-card{min-width:0}.latest-video-card .manual-feature{aspect-ratio:16/9}.latest-video-card .media-meta h3{overflow-wrap:anywhere}

/* Playlist descriptions added in Version 15 */
.playlist-info .playlist-description{font-size:13px;line-height:1.6;color:#43515a;margin:9px 0 12px}.playlist-info .playlist-tagline{font-size:12px;line-height:1.45;font-weight:800;color:var(--red);margin:7px 0}.playlist-card{height:100%}.playlist-info{padding:18px}.playlist-info h3{line-height:1.35}

/* Version 16: playlist artwork uses a uniform 16:9 frame; images are never stretched. */
.playlist-art{height:auto;aspect-ratio:16/9;padding:0;isolation:isolate;background:#003049;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.playlist-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.playlist-art:before,.playlist-art:after{display:none!important}
.playlist-art:after{content:none!important}
.playlist-art span{display:none!important}
.playlist-art b{z-index:2;background:rgba(0,30,45,.65);padding:4px 7px;border-radius:4px}
.playlist-info .playlist-tagline{color:var(--navy)}
@media(max-width:600px){.playlist-art{height:auto;aspect-ratio:16/9}}


/* Version 19: remove all text overlays from playlist artwork; keep labels in the information band below. */
.playlist-art{height:auto;aspect-ratio:16/9;padding:0;display:block;position:relative;overflow:hidden;background:#f5f0df;text-align:left;font-size:0;color:transparent}
.playlist-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.playlist-art span,.playlist-art b{display:none!important}
.playlist-info{text-align:left;padding:16px 18px 20px;background:#fff}
.playlist-info h3{margin:0 0 5px;text-align:left}
.playlist-info p{text-align:left}
.playlist-info .playlist-tagline{color:var(--navy)}
.playlist-card{display:flex;flex-direction:column;height:100%}
.playlist-info{flex:1}

/* Playlist card refinements: clean text-free art, consistent 16:9 images, Kannada titles in the lower information band. */
.playlist-art{aspect-ratio:16/9;height:auto;padding:0;overflow:hidden;background:#f5f0df}
.playlist-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.playlist-art span,.playlist-art b{display:none!important}
.playlist-info{text-align:left;background:#fff}
.playlist-info h3[lang="kn"]{font-family:'Noto Sans Kannada','Nirmala UI',sans-serif;font-size:19px;line-height:1.5;text-align:left}
.playlist-info .playlist-meta{margin:7px 0 9px;font-size:13px;color:var(--muted)}
.playlist-info .playlist-tagline{margin:5px 0 0;color:var(--navy)}
@media(max-width:600px){.playlist-art{aspect-ratio:16/9;height:auto}}




/* Version 23: approved Version 20 layout — no text overlays on playlist images. */
.playlist-art{position:relative;display:block;aspect-ratio:16/9;height:auto;padding:0;overflow:hidden;background:#f5f0df}
.playlist-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.playlist-art span,.playlist-art b{display:none!important}
.playlist-info{text-align:left;background:#fff;padding:16px 18px 20px}
.playlist-info h3.playlist-title-kn{font-family:'Noto Sans Kannada','Nirmala UI',sans-serif;font-size:18px;line-height:1.45;color:var(--navy);margin:0;text-align:left}
.playlist-info h3.playlist-title-en{font-size:17px;line-height:1.35;color:var(--navy);margin:0 0 5px;text-align:left}
.playlist-info .playlist-tagline{margin:5px 0 0;color:var(--navy)}
.playlist-info .playlist-meta{margin:3px 0 9px;font-size:13px;color:var(--muted)}
@media(max-width:600px){.playlist-art{aspect-ratio:16/9;height:auto}}


/* Version 25: restore Kannada brand beside the logo and strengthen the footer wordmark. */
.brand-names>span{margin-top:0;line-height:1.05}.brand-names .brand-kannada{font-family:'Anek Kannada',sans-serif;font-size:clamp(18px,1.65vw,24px);font-weight:600}.brand-names .brand-divider{font-family:Inter,Arial,sans-serif;font-size:clamp(17px,1.45vw,21px);font-weight:400;color:#8b969c}.brand-names .brand-english{font-family:'Myriad Pro',Arial,sans-serif;font-size:clamp(17px,1.5vw,22px);font-weight:700}
footer p.footer-brand{font-size:clamp(26px,3.2vw,36px);line-height:1.2;letter-spacing:.025em;font-weight:900;color:#fff;margin:0 0 12px;text-shadow:0 2px 0 #001d2b}
footer p:not(.footer-brand){color:var(--cream)}

/* Playlist-only English/Kannada description switch */
.playlist-info .playlist-description-kn[hidden], .playlist-info .playlist-description-en[hidden]{display:none!important}
.playlist-info .playlist-language-toggle{display:block;width:fit-content;margin:10px 0 2px;color:#0077b6;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:1.5}
.playlist-info .playlist-language-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:3px}
.playlist-info .playlist-description-kn{font-family:'Noto Sans Kannada','Nirmala UI',sans-serif;line-height:1.85}

/* Version 30: footer wordmark in white and the requested GKM tagline. */
footer p.footer-tagline{color:#fff;font-size:clamp(11px,1.3vw,14px);font-weight:700;line-height:1.8;letter-spacing:.025em;margin:0 auto 8px;max-width:1000px}
footer p.footer-tagline i{font-style:normal;color:var(--gold);padding:0 3px}

/* Version 31: voluntary UPI support panel */
.upi-support{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:8px 0 28px;padding:18px;background:rgba(255,255,255,.07);border:1px solid rgba(252,191,73,.55);border-radius:14px}
.upi-copy{flex:1;min-width:0}
.upi-copy h3{margin:0 0 7px;color:#fff;font-size:clamp(17px,2vw,22px)}
.upi-copy p{margin:5px 0;color:#f4f7f8}
.upi-copy p:first-of-type{color:var(--gold);font-weight:800}
.upi-support img{display:block;width:clamp(112px,15vw,170px);height:auto;flex:0 0 auto;background:#fff;border-radius:8px}
footer .footer-brand{color:#fff}
@media(max-width:600px){.upi-support{align-items:center;gap:12px;padding:13px}.upi-support img{width:105px}.upi-copy p{font-size:12px}}


/* Version 36: increase approved sepia Karnataka heritage artwork visibility by 10 percentage points. */
body{position:relative;isolation:isolate;background-image:none!important;background-color:#fffaf0!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/kannada-heritage-watercolor.png');background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.44}
@media(max-width:900px){body::before{position:fixed;background-size:auto 100%;opacity:.38}}
@media(max-width:600px){body::before{background-size:auto 100%;opacity:.32}}

@media(max-width:650px){.brand{min-width:0;gap:9px}.brand-logo{width:46px;height:46px}.brand-names{gap:6px}.brand-names .brand-kannada{font-size:clamp(13px,3.1vw,18px)}.brand-names .brand-divider{font-size:clamp(12px,2.8vw,17px)}.brand-names .brand-english{font-size:clamp(12px,2.8vw,17px)}}
@media(max-width:380px){.brand-logo{width:38px;height:38px}.brand{gap:6px}.brand-names{gap:4px}.brand-names .brand-kannada{font-size:12px}.brand-names .brand-divider{font-size:11px}.brand-names .brand-english{font-size:11px}}