:root {
    --brand-red: #b50618;
    --brand-deep-red: #780713;
    --brand-crimson: #d61b43;
    --live-status-red: var(--brand-deep-red);
    --brand-orange: #f5822a;
    --brand-gold: #f5bd3e;
    --brand-cream: #fff6e8;
    --brand-warm-neutral: #fbefe4;
    --brand-thumbnail: #f8f2ed;
    --brand-surface: #fffdf9;
    --brand-text: #3b2024;
    --brand-muted: #756367;
    --brand-border: #eadbd4;
    --brand-video-neutral: #2f2325;
    --brand-on-dark-muted: #e7c8bd;
    --brand-on-video-muted: #cbbabd;
    --shell: 80rem;
    --radius: .35rem;
    --header-height: 4.75rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--brand-text); background: var(--brand-surface); font-family: "Noto Sans Malayalam", "Nirmala UI", "Kartika", system-ui, sans-serif; line-height: 1.65; overflow-wrap: break-word; }
body, button { font-size: 1rem; }
a { color: inherit; }
img, iframe, svg { display: block; max-width: 100%; }
.shell { width: min(100% - 2rem, var(--shell)); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: .5rem; left: -9999px; z-index: 100; padding: .65rem 1rem; color: #fff; background: var(--brand-red); }
.skip-link:focus { left: .5rem; }
:focus-visible { outline: 3px solid var(--brand-gold); outline-offset: 3px; }

/* Header */
.site-header { position: sticky; top: 0; z-index: 20; min-height: var(--header-height); background: var(--brand-surface); border-bottom: 1px solid var(--brand-border); box-shadow: 0 .25rem .8rem rgba(120,7,19,.06); }
.site-header + main [id] { scroll-margin-top: calc(var(--header-height) + .75rem); }
.header-inner { min-height: var(--header-height); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand { display: inline-flex; align-items: center; min-width: max-content; text-decoration: none; }
.brand-logo { width: auto; height: 3.65rem; object-fit: contain; }
.menu-toggle { display: grid; gap: 4px; width: 2.75rem; height: 2.75rem; place-content: center; padding: 0; border: 1px solid var(--brand-border); border-radius: var(--radius); background: var(--brand-surface); cursor: pointer; }
.menu-toggle > span:not(.visually-hidden) { width: 1.15rem; height: 2px; background: var(--brand-text); transition: transform .15s ease, opacity .15s ease; }
.menu-toggle[aria-expanded="true"] > span:nth-of-type(2) { transform: translateY(6px) rotate(45deg); }.menu-toggle[aria-expanded="true"] > span:nth-of-type(3) { opacity: 0; }.menu-toggle[aria-expanded="true"] > span:nth-of-type(4) { transform: translateY(-6px) rotate(-45deg); }
.navigation-panel { position: absolute; inset: var(--header-height) 0 auto; display: none; padding: .6rem 1rem 1rem; background: var(--brand-surface); border-bottom: 1px solid var(--brand-border); box-shadow: 0 14px 30px rgba(120,7,19,.09); }
.navigation-panel.is-open { display: block; }
.nav-list { display: grid; gap: .15rem; padding: 0; margin: 0; list-style: none; }
.nav-list a { display: block; padding: .72rem .8rem; color: var(--brand-text); text-decoration: none; font: 700 .88rem/1.2 system-ui,sans-serif; border-left: 3px solid transparent; }
.nav-list a:hover, .nav-list a:focus-visible, .nav-list a.active { color: var(--brand-red); background: var(--brand-cream); border-left-color: var(--brand-orange); }
.search-reserved { display: none; color: var(--brand-muted); }.search-reserved svg { width: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; }

/* Shared section typography */
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }
h1 { margin-bottom: .5rem; font-size: clamp(2rem, 8vw, 4.7rem); line-height: 1.18; letter-spacing: -.035em; }
h2 { margin-bottom: .75rem; font-size: clamp(1.75rem, 6.8vw, 3rem); line-height: 1.25; letter-spacing: -.025em; }
h3 { line-height: 1.45; }
.section { padding-block: 4.25rem; }
.eyebrow { margin-bottom: .65rem; color: var(--brand-red); font: 800 .7rem/1 system-ui,sans-serif; letter-spacing: .16em; }
.section-intro { color: var(--brand-muted); }
.section-heading { max-width: 50rem; margin-bottom: 1.75rem; }

/* Live */
.live-section { position: relative; isolation: isolate; overflow: hidden; padding-block: 2rem 3rem; color: #fff; background: linear-gradient(125deg, var(--brand-deep-red), var(--brand-red)); }
.live-section::after { content: ""; position: absolute; z-index: -1; top: -10rem; right: -8rem; width: 24rem; aspect-ratio: 1; border: 5rem solid rgba(245,130,42,.13); border-radius: 50%; }
.live-layout { display: grid; gap: 1.5rem; }
.live-copy { align-self: end; }.live-copy .section-intro { color: var(--brand-cream); font: 650 .78rem/1.4 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.live-kicker { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1rem; padding: .45rem .65rem; color: var(--brand-deep-red); background: var(--brand-gold); border-radius: .2rem; font: 800 .7rem/1 system-ui,sans-serif; letter-spacing: .15em; }
.live-kicker span { position: relative; width: .45rem; aspect-ratio: 1; background: var(--live-status-red); border-radius: 50%; }
.live-kicker span::after { content: ""; position: absolute; inset: 0; border: 2px solid var(--live-status-red); border-radius: inherit; animation: live-status-pulse 1.6s ease-out infinite; }
@keyframes live-status-pulse { 0% { opacity: .7; transform: scale(1); } 75%, 100% { opacity: 0; transform: scale(2.4); } }
.live-player { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; background: var(--brand-video-neutral); border: 1px solid rgba(255,246,232,.25); border-radius: var(--radius); box-shadow: 0 1.5rem 4rem rgba(71,4,13,.32); }
.live-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.live-placeholder { display: grid; place-content: center; justify-items: center; padding: 1.25rem; text-align: center; background: var(--brand-video-neutral); }
.placeholder-logo { width: 4.75rem; height: 4.75rem; margin-bottom: .9rem; object-fit: contain; }.live-placeholder p { margin-bottom: .35rem; color: var(--brand-cream); }.live-placeholder small { color: var(--brand-on-video-muted); font: .7rem/1.4 system-ui,sans-serif; }

/* Videos */
.latest-section { background: var(--brand-surface); }.heading-row { display: flex; align-items: end; max-width: none; gap: 1.5rem; }.heading-row > div { flex: 0 0 auto; }.section-rule { flex: 1; height: 1px; margin-bottom: 1rem; background: var(--brand-border); }
.video-grid { display: grid; gap: 1.5rem; }
.video-card { min-width: 0; border-bottom: 1px solid var(--brand-border); background: var(--brand-surface); transition: transform .18s ease, border-color .18s ease; }
.video-card:hover { transform: translateY(-2px); border-bottom-color: var(--brand-orange); }
.video-card-link { display: block; color: inherit; text-decoration: none; }
.video-card-link:focus-visible { border-radius: var(--radius); }
.video-thumbnail { position: relative; display: grid; place-items: center; aspect-ratio: 16/9; overflow: hidden; background: var(--brand-thumbnail); border: 1px solid var(--brand-border); border-radius: var(--radius); }
.video-thumbnail > img { width: 100%; height: 100%; object-fit: cover; }.thumbnail-placeholder { display: grid; width: 100%; height: 100%; place-items: center; background: linear-gradient(135deg, var(--brand-surface), var(--brand-thumbnail)); }.thumbnail-placeholder > span { padding: .4rem .65rem; color: var(--brand-red); border: 1px solid var(--brand-border); font: 800 .62rem/1 system-ui,sans-serif; letter-spacing: .16em; opacity: .6; }
.play-icon { position: absolute; left: 1rem; bottom: 1rem; display: grid; place-items: center; width: 2.6rem; aspect-ratio: 1; color: #fff; background: var(--brand-orange); border: 2px solid var(--brand-gold); border-radius: 50%; box-shadow: 0 .4rem 1rem rgba(120,7,19,.2); }.play-icon svg { width: 1.25rem; fill: currentColor; }
.video-card-copy { padding: 1rem 0 1.2rem; }.video-card h3 { margin-bottom: .4rem; font-size: 1.02rem; }.video-card p { margin-bottom: 0; color: var(--brand-muted); font-size: .82rem; }
.section-action { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-top: 2rem; }.video-archive-link { color: var(--brand-red); font: 800 .82rem/1 system-ui,sans-serif; letter-spacing: .04em; text-decoration: none; }.video-archive-link:hover { color: var(--brand-orange); text-decoration: underline; }

/* Editorial and bureau */
.about-section { background: var(--brand-cream); border-block: 1px solid var(--brand-border); }.editorial-grid { display: grid; gap: 1.5rem; }.editorial-copy > p { margin: 0; font-size: 1rem; line-height: 1.75; }.editorial-copy > p + p { margin-top: 1.25rem; }
.bureau-section { padding-block: 4.5rem; color: var(--brand-text); background: var(--brand-warm-neutral); border-bottom: 1px solid var(--brand-border); }.bureau-section .eyebrow { color: var(--brand-red); }.bureau-section .section-intro { color: var(--brand-muted); }.bureau-grid { display: grid; gap: .8rem; }
.bureau-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 1.05rem; background: var(--brand-surface); border: 1px solid var(--brand-border); border-top: 3px solid var(--brand-red); box-shadow: 0 .35rem 1rem rgba(120,7,19,.045); }.bureau-detail { position: absolute; top: .75rem; right: .8rem; width: .42rem; aspect-ratio: 1; background: var(--brand-gold); border-radius: 50%; }.bureau-card h3 { padding-right: 1rem; margin-bottom: .45rem; color: var(--brand-deep-red); font-size: 1.02rem; }.bureau-address { min-height: 5.2rem; margin-bottom: .85rem; color: var(--brand-muted); font-size: .84rem; font-style: normal; line-height: 1.55; }.bureau-contact { margin: auto 0 0; }.bureau-contact div { display: grid; grid-template-columns: 3.2rem minmax(0,1fr); gap: .45rem; padding-block: .38rem; border-top: 1px solid var(--brand-border); }.bureau-contact dt { color: var(--brand-muted); font: 650 .63rem/1.6 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .05em; }.bureau-contact dd { min-width: 0; margin: 0; color: var(--brand-text); font-size: .8rem; overflow-wrap: anywhere; }.bureau-contact a { color: var(--brand-red); }

/* Contact and footer */
.contact-section { padding-block: 3.5rem; background: var(--brand-surface); }.contact-inner { display: grid; gap: 1.5rem; align-items: center; }.contact-copy { padding-left: 1.25rem; border-left: 3px solid var(--brand-red); }.contact-copy p { margin-bottom: .25rem; }.contact-copy small { color: var(--brand-muted); }.contact-link { color: var(--brand-red); font-weight: 750; }
.site-footer { position: relative; padding-block: 3.5rem 1.25rem; color: var(--brand-cream); background: var(--brand-deep-red); }.footer-accent { position: absolute; top: 0; left: 0; width: min(30%,20rem); height: .3rem; background: var(--brand-gold); }.footer-grid { display: grid; gap: 2.5rem; }.footer-brand { display: grid; gap: .8rem; align-content: start; }.footer-logo-panel { display: grid; place-items: center; width: 6rem; aspect-ratio: 1; padding: .3rem; background: var(--brand-surface); border-radius: var(--radius); }.footer-logo { width: 100%; height: 100%; object-fit: contain; }.footer-brand p { margin: 0; color: var(--brand-cream); }.placeholder-note { color: var(--brand-on-dark-muted); font-size: .72rem; }.site-footer h2 { margin-bottom: .85rem; color: #fff; font: 800 .68rem/1 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .14em; }.site-footer ul { display: grid; gap: .55rem; padding: 0; margin: 0; list-style: none; }.site-footer a { color: var(--brand-cream); text-decoration: none; }.site-footer a:hover, .site-footer a:focus-visible { color: var(--brand-gold); text-decoration: underline; }.footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding-top: 2rem; margin-top: 2.5rem; border-top: 1px solid rgba(255,246,232,.28); }.footer-bottom p { margin: 0; font: .76rem/1.4 system-ui,sans-serif; }.powered-by { display: inline-flex; align-items: center; gap: .55rem; color: var(--brand-on-dark-muted); font: 600 .66rem/1 system-ui,sans-serif; }.powered-by img { width: 1.625rem; height: auto; }
/* Coming soon */
.coming-soon-body { min-height: 100vh; background: var(--brand-cream); }
.coming-soon { display: grid; min-height: 100vh; place-items: center; padding: 2rem 1rem; background: radial-gradient(circle at top right, rgba(245,189,62,.2), transparent 35%), linear-gradient(145deg, var(--brand-cream), var(--brand-surface)); }
.coming-soon-card { width: min(100%,42rem); padding: clamp(2rem,7vw,4.5rem); text-align: center; background: rgba(255,253,249,.92); border-top: .35rem solid var(--brand-red); box-shadow: 0 1.5rem 4rem rgba(120,7,19,.12); }
.coming-soon-logo { width: clamp(6rem,24vw,9rem); height: auto; margin: 0 auto 2rem; }
.coming-soon-label { margin-bottom: 1rem; color: var(--brand-red); font: 800 .7rem/1 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .18em; }
.coming-soon h1 { margin: 0 auto 1.25rem; color: var(--brand-deep-red); font-size: clamp(1.75rem,7vw,3.4rem); line-height: 1.45; }
.coming-soon-domain { margin: 0; color: var(--brand-muted); font: 700 .82rem/1 system-ui,sans-serif; letter-spacing: .08em; }
.legal-page { min-height: 55vh; padding-block: 4rem; }.legal-page h1 { margin-bottom: 1rem; font-size: clamp(2rem,4vw,3rem); line-height: 1.1; }.legal-page h2 { margin-top: 1.6rem; margin-bottom: .75rem; font-size: clamp(1.35rem,2.2vw,1.8rem); line-height: 1.2; }.legal-page > p:last-child { color: var(--brand-muted); }

@media (min-width: 37.5rem) {
    .video-grid, .bureau-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .contact-inner { grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); }
    .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 48rem) {
    .shell { width: min(100% - 3.5rem, var(--shell)); }
    .section { padding-block: 5.5rem; }
    .menu-toggle { display: none; }.navigation-panel { position: static; display: flex; align-items: center; gap: 1rem; padding: 0; border: 0; box-shadow: none; }.nav-list { display: flex; align-items: center; }.nav-list a { padding: .7rem .65rem; border: 0; border-bottom: 2px solid transparent; }.nav-list a:hover,.nav-list a:focus-visible,.nav-list a.active { background: transparent; border-bottom-color: var(--brand-orange); }.search-reserved { display: block; padding: .6rem; border-left: 1px solid var(--brand-border); }
    .live-section { padding-block: 3.5rem 4.5rem; }.live-layout { grid-template-columns: minmax(14rem,.65fr) minmax(0,1.35fr); align-items: center; gap: 3rem; }
    .editorial-grid { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 4rem; }
    .footer-grid { grid-template-columns: 1.8fr repeat(3,1fr); }
    .footer-bottom { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
@media (min-width: 70rem) { .video-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.nav-list a { padding-inline: 1rem; } }
@media (min-width: 75rem) { .bureau-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.menu-toggle > span { transition: none; }.live-kicker span::after { animation: none; opacity: 0; } }
