:root{
  --primary:#0b6b3a;
  --primary-dark:#074926;
  --dark:#141414;
  --dark-2:#1f1f1f;
  --grey:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --bg-soft:#f6f7f9;
  --gold:#f2b705;
  --head:'Anek Malayalam','Noto Sans Malayalam',sans-serif;
  --body:'Noto Sans Malayalam',sans-serif;
  --latin:'Archivo',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--dark);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit;transition:color .2s}
ul{list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.menu {padding-left: 0;margin-bottom: 0;}

/* ---------- top bar ---------- */
.topbar{background:var(--dark);color:#cfcfcf;font-size:13px}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.topbar .date{display:flex;align-items:center;gap:8px;white-space:nowrap}
.topbar .date .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}
.topbar-links{display:flex;gap:18px;font-family:var(--latin);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.topbar-links a:hover{color:#fff}
.topbar-social{display:flex;gap:6px}
.topbar-social a{width:24px;height:24px;border-radius:50%;background:#2c2c2c;display:flex;align-items:center;justify-content:center}
.topbar-social a:hover{background:var(--primary)}
.topbar-social svg{width:12px;height:12px;fill:#fff}

/* ---------- header ---------- */
.header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:30px}
.logo{display:flex;align-items:center;gap:14px}
.logo-mark{width:54px;height:54px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--latin);font-weight:900;font-size:28px;box-shadow:0 6px 16px rgba(11,107,58,.28)}
.logo-text .name{font-family:var(--latin);font-weight:900;font-size:30px;letter-spacing:-.02em;line-height:1}
.logo-text .name span{color:var(--primary)}
.logo-text .tag{font-size:12.5px;color:var(--grey);margin-top:4px}
.header-ad{flex:1;max-width:728px}
.ad-slot{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 12px,#eceef1 12px,#eceef1 24px);border:1px dashed #cbd2da;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa3ad;font-family:var(--latin);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;gap:2px}
.ad-slot small{font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:none}
.ad-728{height:90px;width:100%}
.ad-300x250{height:250px}
.ad-300x600{height:560px}
.ad-970{height:110px;margin:34px auto}

/* ---------- nav ---------- */
.nav{background:var(--primary);position:sticky;top:0;z-index:100;box-shadow:0 3px 12px rgba(11,107,58,.25)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav ul{display:flex;flex-wrap:nowrap}
.nav ul li{position:relative}
.nav ul a{display:block;padding:13px 11px;color:#fff;font-family:var(--head);font-weight:600;font-size:14.5px;border-bottom:3px solid transparent;white-space:nowrap}
.nav ul a:hover,.nav ul a.active{background:var(--primary-dark);border-bottom-color:var(--gold)}
.nav-search{background:none;border:none;color:#fff;cursor:pointer;padding:12px;display:flex;align-items:center}
.nav-search svg{width:18px;height:18px;fill:#fff}
/* more dropdown */
.nav .drop-caret{font-size:10px;margin-left:5px;display:inline-block;transition:transform .2s}
.nav li.nav-more:hover .drop-caret{transform:rotate(180deg)}
.nav ul.nav-drop-menu{display:block;position:absolute;top:100%;right:0;background:#fff;min-width:232px;box-shadow:0 14px 34px rgba(0,0,0,.18);border-radius:0 0 12px 12px;border-top:3px solid var(--gold);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:300;padding:6px 0}
.nav li.nav-more:hover .nav-drop-menu,.nav li.nav-more:focus-within .nav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav ul .nav-drop-menu a{color:var(--dark);padding:10px 20px;border-bottom:1px dashed var(--line);font-size:14.5px}
.nav ul .nav-drop-menu li:last-child a{border-bottom:none}
.nav ul .nav-drop-menu a:hover{background:#e8f5ee;color:var(--primary);border-bottom-color:var(--line)}
.nav li.m-only{display:none}
/* below desktop: single scrollable line, dropdown items inline */
@media(max-width:1180px){
  .nav ul{overflow-x:auto;scrollbar-width:none}
  .nav ul::-webkit-scrollbar{display:none}
  .nav li.nav-more{display:none}
  .nav li.m-only{display:block}
}

/* ---------- breaking ---------- */
.breaking{background:#fff;border-bottom:1px solid var(--line)}
.breaking-inner{display:flex;align-items:center;height:46px;overflow:hidden}
.breaking-label{background:var(--dark);color:#fff;font-family:var(--head);font-weight:700;font-size:14px;padding:0 16px;height:46px;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;z-index:2}
.breaking-label .pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.ticker{flex:1;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-block;padding-left:100%;animation:ticker 38s linear infinite}
.ticker-track span{margin-right:56px;font-size:14.5px;font-weight:500}
.ticker-track b{color:var(--primary);font-weight:700;margin-right:8px}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* ---------- section headers ---------- */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:2px solid var(--dark);padding-bottom:10px}
.sec-title{font-family:var(--head);font-weight:800;font-size:24px;display:flex;align-items:center;gap:12px;line-height:1.2}
.sec-title::before{content:"";width:5px;height:26px;background:var(--primary);border-radius:3px}
.sec-more{font-family:var(--latin);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);display:flex;align-items:center;gap:5px;white-space:nowrap}
.sec-more:hover{color:var(--primary-dark)}

/* ---------- cards ---------- */
.thumb{position:relative;overflow:hidden;border-radius:10px;background:#dde1e6}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .thumb img{transform:scale(1.05)}
.cat-chip{position:absolute;top:12px;left:12px;background:var(--primary);color:#fff;font-family:var(--head);font-size:12px;font-weight:700;padding:3px 11px;border-radius:4px;z-index:2}
.card-title{font-family:var(--head);font-weight:700;line-height:1.45}
.card-title a:hover{color:var(--primary)}
.card-meta{font-size:12.5px;color:var(--grey);display:flex;align-items:center;gap:8px;margin-top:6px}
.card-meta .m-dot{width:3px;height:3px;border-radius:50%;background:#c2c8cf}
.card-excerpt{font-size:14px;color:#4b5563;margin-top:8px}

/* ---------- hero ---------- */
.hero{padding:34px 0 10px}
.hero-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr;gap:20px}
.hero-main{position:relative;border-radius:14px;overflow:hidden;min-height:480px;display:flex;align-items:flex-end;background:#333}
.hero-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.88) 100%)}
.hero-main .hero-body{position:relative;z-index:2;padding:30px;color:#fff}
.hero-main .cat-chip{position:static;display:inline-block;margin-bottom:12px}
.hero-main h1{font-family:var(--head);font-weight:800;font-size:32px;line-height:1.35}
.hero-main h1 a:hover{color:var(--gold)}
.hero-main p{margin-top:10px;font-size:15px;color:#d9d9d9;max-width:640px}
.hero-main .card-meta{color:#bdbdbd;margin-top:12px}
.hero-side{display:flex;flex-direction:column;gap:20px}
.hero-card{position:relative;border-radius:12px;overflow:hidden;flex:1;min-height:230px;display:flex;align-items:flex-end;background:#333}
.hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hero-card:hover img{transform:scale(1.06)}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.85) 100%)}
.hero-card .hero-body{position:relative;z-index:2;padding:16px;color:#fff}
.hero-card .cat-chip{position:static;display:inline-block;margin-bottom:8px;font-size:11px;padding:2px 9px}
.hero-card h3{font-family:var(--head);font-weight:700;font-size:16.5px;line-height:1.4}
.hero-card h3 a:hover{color:var(--gold)}

/* ---------- layout: main + sidebar ---------- */
.page-grid{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start;padding:14px 0 10px}
.main-col{min-width:0}
.side-col{position:sticky;top:70px;display:flex;flex-direction:column;gap:30px}

/* kerala big section */
.sec{margin:34px 0}
.grid-lead{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}
.lead-card .thumb{aspect-ratio:16/10}
.lead-card .card-title{font-size:22px;margin-top:14px}
.list-stack{display:flex;flex-direction:column;gap:16px}
.row-card{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line)}
.row-card:last-child{border-bottom:none;padding-bottom:0}
.row-card .thumb{aspect-ratio:4/3}
.row-card .card-title{font-size:15.5px}

/* 3 & 4 col grids */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3 .thumb{aspect-ratio:16/10}
.grid-4 .thumb{aspect-ratio:16/11}
.grid-3 .card-title{font-size:17px;margin-top:12px}
.grid-4 .card-title{font-size:15px;margin-top:10px}

/* two-column category split */
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.split-2 .lead-card .thumb{aspect-ratio:16/9}
.split-2 .lead-card .card-title{font-size:19px;margin-top:12px}
.mini-list{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.mini-item{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.mini-item:last-child{border-bottom:none;padding-bottom:0}
.mini-num{font-family:var(--latin);font-weight:800;font-size:20px;color:#d1d5db;line-height:1.2;min-width:26px}
.mini-item .card-title{font-size:15px}

/* ---------- video section ---------- */
.video-sec{background:var(--dark);color:#fff;padding:50px 0;margin:44px 0}
.video-sec .sec-head{border-bottom-color:#3a3a3a}
.video-sec .sec-title{color:#fff}
.video-sec .sec-title::before{background:#ff0000}
.video-sec .yt-badge{display:inline-flex;align-items:center;gap:8px;background:#ff0000;font-family:var(--latin);font-weight:700;font-size:11px;letter-spacing:.08em;padding:5px 12px;border-radius:20px;text-transform:uppercase}
.yt-badge svg{width:16px;height:16px;fill:#fff}
.video-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:20px}
.video-card{position:relative;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}
.video-card .thumb{border-radius:0;aspect-ratio:16/9;background:#26292e}
.video-main .thumb{aspect-ratio:16/9.4;height:100%}
.video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.85) 100%)}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:58px;height:40px;background:rgba(255,0,0,.92);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:3;transition:transform .25s,background .25s}
.video-card:hover .play-btn{transform:translate(-50%,-60%) scale(1.12);background:#ff0000}
.play-btn::after{content:"";border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.video-card .v-body{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2}
.video-card .v-title{font-family:var(--head);font-weight:700;font-size:15px;line-height:1.4;color:#fff}
.video-main .v-title{font-size:21px}
.video-card .v-meta{font-family:var(--latin);font-size:11.5px;color:#c9c9c9;margin-top:5px;display:flex;gap:10px}
.v-duration{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.85);color:#fff;font-family:var(--latin);font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;z-index:3}
.video-main .v-duration{bottom:auto;top:12px}
.video-sub{display:flex;flex-direction:column;gap:20px}
.video-cta{margin-top:26px;text-align:center}
.video-cta a{display:inline-flex;align-items:center;gap:10px;background:#ff0000;color:#fff;font-family:var(--head);font-weight:700;font-size:15px;padding:12px 30px;border-radius:30px;transition:background .25s}
.video-cta a:hover{background:#cc0000}
.video-cta svg{width:20px;height:20px;fill:#fff}

/* ---------- sidebar widgets ---------- */
.widget{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.widget-title{font-family:var(--head);font-weight:800;font-size:18px;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--primary);display:inline-block}
.trend-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line);align-items:flex-start}
.trend-item:last-child{border-bottom:none;padding-bottom:0}
.trend-item:first-of-type{padding-top:0}
.trend-num{font-family:var(--latin);font-weight:900;font-size:26px;color:var(--primary);opacity:.85;line-height:1.1;min-width:30px}
.trend-item .card-title{font-size:14.5px}
.newsletter{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none}
.newsletter .widget-title{color:#fff;border-bottom-color:var(--gold)}
.newsletter p{font-size:13.5px;color:#d6ecdd;margin-bottom:14px}
.newsletter input{width:100%;padding:11px 14px;border:none;border-radius:8px;font-family:var(--body);font-size:14px;margin-bottom:10px}
.newsletter button{width:100%;padding:11px;border:none;border-radius:8px;background:var(--dark);color:#fff;font-family:var(--head);font-weight:700;font-size:15px;cursor:pointer;transition:background .25s}
.newsletter button:hover{background:#000}
.side-ad-label{text-align:center;font-family:var(--latin);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#9aa3ad;margin-bottom:6px}

/* ---------- latest news ---------- */
.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.lt-item{display:flex;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line);align-items:flex-start}
.lt-time{font-family:var(--latin);font-weight:700;font-size:12px;color:var(--primary);white-space:nowrap;min-width:60px;padding-top:3px}
.lt-item .card-title{font-size:15px}

/* ---------- live updates widget ---------- */
.lu-list{position:relative;padding-left:20px}
.lu-list::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#cfe6d8}
.lu-item{position:relative;padding-bottom:16px}
.lu-item:last-child{padding-bottom:0}
.lu-item::before{content:"";position:absolute;left:-20px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;border:3px solid var(--primary)}
.lu-item.hot::before{animation:pulse 1.2s infinite}
.lu-time{font-family:var(--latin);font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.06em}
.lu-item p{font-size:14px;font-weight:500;line-height:1.5;margin-top:2px}
.widget-title .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--primary);margin-left:8px;animation:pulse 1.2s infinite;vertical-align:middle}

/* ---------- photo gallery ---------- */
.photo-sec{background:var(--bg-soft);padding:46px 0;margin-top:44px;border-top:1px solid var(--line)}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:172px;gap:14px}
.ph-item{position:relative;border-radius:12px;overflow:hidden;background:#333;cursor:pointer}
.ph-item.big{grid-column:span 2;grid-row:span 2}
.ph-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ph-item:hover img{transform:scale(1.06)}
.ph-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.8) 100%)}
.ph-cap{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;z-index:2;font-family:var(--head);font-weight:700;font-size:14px;line-height:1.4}
.ph-item.big .ph-cap{font-size:18px;padding:18px}
.ph-count{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);color:#fff;font-family:var(--latin);font-size:11px;font-weight:700;padding:4px 10px;border-radius:14px;z-index:2;display:flex;align-items:center;gap:5px}
.ph-count svg{width:12px;height:12px;fill:#fff}

/* ---------- web stories ---------- */
.stories-sec{padding:46px 0 14px}
.stories-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.story-card{position:relative;aspect-ratio:9/15;border-radius:14px;overflow:hidden;background:#333;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--primary);margin:5px;transition:transform .3s}
.story-card:hover{transform:translateY(-4px)}
.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.85) 100%)}
.story-title{position:absolute;left:0;right:0;bottom:0;padding:12px;color:#fff;z-index:2;font-family:var(--head);font-weight:700;font-size:13.5px;line-height:1.4}
.story-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--gold);color:var(--dark);font-family:var(--latin);font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:10px;text-transform:uppercase}

/* ---------- opinion ---------- */
.op-card{background:var(--bg-soft);border-radius:12px;padding:22px 22px 20px;margin-bottom:18px}
.op-card:last-child{margin-bottom:0}
.op-quote{font-family:var(--latin);font-size:46px;color:var(--primary);line-height:.6;font-weight:900;display:block;margin-bottom:12px}
.op-card .card-title{font-size:16.5px}
.op-author{display:flex;align-items:center;gap:11px;margin-top:16px}
.op-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#dde1e6}
.op-name{font-weight:700;font-size:13.5px;line-height:1.3}
.op-role{font-size:12px;color:var(--grey)}

/* ---------- fact check ---------- */
.fc-item{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px dashed var(--line)}
.fc-item:last-child{border-bottom:none}
.fc-item:first-of-type{padding-top:0}
.fc-verdict{font-family:var(--head);font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:5px;white-space:nowrap;margin-top:3px}
.fc-false{background:#fee2e2;color:#b91c1c}
.fc-true{background:#dcfce7;color:#15803d}
.fc-mixed{background:#fef9c3;color:#a16207}
.fc-item .card-title{font-size:15px}
.fc-item .fc-note{font-size:12.5px;color:var(--grey);margin-top:3px}

/* ---------- footer ---------- */
.footer{background:var(--dark);color:#b9bec5;margin-top:50px}
.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:40px;padding:54px 0 44px}
.footer .logo-text .name{color:#fff;font-size:26px}
.footer-about p{font-size:13.5px;margin-top:16px;max-width:320px}
.footer h4{font-family:var(--head);color:#fff;font-weight:700;font-size:16px;margin-bottom:16px}
.footer-links li{margin-bottom:9px}
.footer-links a{font-size:14px}
.footer-links a:hover{color:var(--gold)}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:#2c2c2c;display:flex;align-items:center;justify-content:center;transition:background .25s}
.footer-social a:hover{background:var(--primary)}
.footer-social svg{width:16px;height:16px;fill:#fff}
.footer-bottom{border-top:1px solid #2c2c2c;padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-wrap:wrap;gap:10px}
.footer-bottom a:hover{color:#fff}
.footer-bottom .fb-links{display:flex;gap:20px}

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero-main{grid-column:1/-1;min-height:400px}
  .page-grid{grid-template-columns:1fr}
  .side-col{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .video-grid{grid-template-columns:1fr 1fr}
  .video-main{grid-column:1/-1}
  .footer-top{grid-template-columns:1fr 1fr}
  .header-ad{display:none}
}
@media(max-width:1024px){
  .stories-row{grid-template-columns:repeat(4,1fr)}
  .photo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .container{padding:0 10px}
  .header-inner{padding:16px 0;gap:14px}
  .page-grid{gap:26px}
  .sec{margin:26px 0}
  .hero{padding:22px 0 6px}
  .hero-main{min-height:340px}
  .hero-main .hero-body{padding:18px 14px}
  .hero-card .hero-body{padding:13px 12px}
  .widget{padding:16px 14px}
  .ad-970{height:90px;margin:24px auto}
  .video-sec{padding:34px 0;margin:30px 0}
  .photo-sec{padding:34px 0;margin-top:30px}
  .stories-sec{padding:34px 0 10px}
  .footer-top{padding:36px 0 28px;gap:28px}
  .latest-grid{grid-template-columns:1fr}
  .stories-row{display:flex;overflow-x:auto;padding:5px 2px;scrollbar-width:none}
  .stories-row::-webkit-scrollbar{display:none}
  .story-card{min-width:150px;flex-shrink:0}
  .photo-grid{grid-auto-rows:150px}
  .hero-grid{grid-template-columns:1fr}
  .hero-main{min-height:340px}
  .hero-main h1{font-size:24px}
  .grid-lead,.split-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .video-grid{grid-template-columns:1fr}
  .side-col{grid-template-columns:1fr}
  .topbar-links{display:none}
  .footer-top{grid-template-columns:1fr}
  .sec-title{font-size:20px}
}
@media(max-width:480px){
  .grid-3,.grid-4{grid-template-columns:1fr}
  .row-card{grid-template-columns:110px 1fr}
  .logo-text .name{font-size:24px}
  .logo-mark{width:46px;height:46px;font-size:24px}
  .topbar-social{display:none}
  .topbar-inner{justify-content:center}
}

/* ---------- about page ---------- */
.breadcrumb{padding:16px 0 0;font-size:13px;color:var(--grey);display:flex;align-items:center;gap:8px}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .bc-sep{color:#c2c8cf}
.breadcrumb .bc-current{color:var(--dark);font-weight:600}

/* hero */
.about-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,#0e8248 100%);color:#fff;border-radius:16px;padding:52px 48px;margin:22px 0 0;position:relative;overflow:hidden}
.about-hero::after{content:"K";position:absolute;right:-30px;bottom:-90px;font-family:var(--latin);font-weight:900;font-size:340px;line-height:1;color:rgba(255,255,255,.07);pointer-events:none}
.about-hero .ah-label{font-family:var(--latin);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px}
.about-hero h1{font-family:var(--head);font-weight:800;font-size:38px;line-height:1.25;max-width:720px}
.about-hero p{margin-top:14px;font-size:15.5px;color:#e8f5ee;max-width:640px}

/* stats */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0 0}
.st-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:24px 22px;text-align:center}
.st-num{font-family:var(--latin);font-weight:900;font-size:34px;color:var(--primary);line-height:1.1}
.st-label{font-family:var(--head);font-weight:600;font-size:13.5px;color:var(--grey);margin-top:6px}

/* story */
.about-story{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;margin:54px 0 0}
.about-story h2{font-family:var(--head);font-weight:800;font-size:27px;line-height:1.3;display:flex;align-items:center;gap:13px}
.about-story h2::before{content:"";width:6px;height:28px;background:var(--primary);border-radius:3px;flex-shrink:0}
.about-story p{margin-top:14px;font-size:15px;color:#374151}
.as-img{position:relative}
.as-img img{border-radius:16px;width:100%;aspect-ratio:4/3;object-fit:cover}
.as-badge{position:absolute;left:-18px;bottom:24px;background:var(--gold);color:var(--dark);border-radius:12px;padding:14px 20px;font-family:var(--head);font-weight:800;font-size:14px;line-height:1.35;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.as-badge span{font-family:var(--latin);font-weight:900;font-size:26px;display:block}

/* mission cards */
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.mv-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;transition:box-shadow .25s,transform .25s}
.mv-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.mv-icon{width:52px;height:52px;border-radius:13px;background:#e8f5ee;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.mv-icon svg{width:26px;height:26px;fill:var(--primary)}
.mv-card h3{font-family:var(--head);font-weight:800;font-size:18.5px;margin-bottom:8px}
.mv-card p{font-size:14px;color:var(--grey)}

/* principles */
.principles{background:var(--dark);color:#fff;border-radius:16px;padding:44px 48px;margin:54px 0 0}
.principles .sec-title{color:#fff}
.pr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 40px;margin-top:10px}
.pr-item{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #2c2c2c;align-items:flex-start}
.pr-num{font-family:var(--latin);font-weight:900;font-size:15px;color:var(--gold);padding-top:2px}
.pr-item h4{font-family:var(--head);font-weight:700;font-size:16px}
.pr-item p{font-size:13.5px;color:#b8bdc4;margin-top:3px}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}
.tm-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center;transition:box-shadow .25s,transform .25s}
.tm-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.08);transform:translateY(-3px)}
.tm-card img{width:92px;height:92px;border-radius:50%;object-fit:cover;margin:0 auto 14px;border:3px solid #fff;box-shadow:0 0 0 2px var(--primary)}
.tm-name{font-family:var(--head);font-weight:800;font-size:16.5px}
.tm-role{font-size:12.5px;color:var(--primary);font-weight:600;margin-top:3px}
.tm-bio{font-size:12.5px;color:var(--grey);margin-top:8px}

/* timeline */
.timeline{margin-top:30px;position:relative;padding-left:26px}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl-item{position:relative;padding:0 0 26px 22px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-26px;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--primary)}
.tl-year{font-family:var(--latin);font-weight:900;font-size:14px;color:var(--primary);letter-spacing:.04em}
.tl-item h4{font-family:var(--head);font-weight:700;font-size:16.5px;margin-top:2px}
.tl-item p{font-size:13.5px;color:var(--grey);margin-top:3px;max-width:640px}

/* contact band */
.contact-band{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:40px 44px;margin:54px 0 10px;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.contact-band h2{font-family:var(--head);font-weight:800;font-size:25px;line-height:1.3}
.contact-band>div>p{color:var(--grey);font-size:14.5px;margin-top:8px}
.cb-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.cb-actions a{font-family:var(--head);font-weight:700;font-size:14.5px;padding:12px 26px;border-radius:30px;transition:all .2s}
.cb-actions .btn-solid{background:var(--primary);color:#fff}
.cb-actions .btn-solid:hover{background:var(--primary-dark)}
.cb-actions .btn-line{border:2px solid var(--primary);color:var(--primary)}
.cb-actions .btn-line:hover{background:var(--primary);color:#fff}
.cb-info{display:flex;flex-direction:column;gap:14px}
.cb-row{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.cb-row svg{width:20px;height:20px;fill:var(--primary);flex-shrink:0;margin-top:2px}
.cb-row b{font-family:var(--head);font-size:14px;display:block}
.cb-row span{font-size:13px;color:var(--grey)}

.about-sec{margin:54px 0 0}
@media(max-width:900px){
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .mv-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .pr-grid{grid-template-columns:1fr}
  .about-story{grid-template-columns:1fr;gap:28px}
  .contact-band{grid-template-columns:1fr;padding:28px 24px}
}
@media(max-width:600px){
  .about-hero{padding:34px 24px}
  .about-hero h1{font-size:27px}
  .principles{padding:30px 24px}
  .team-grid{grid-template-columns:1fr 1fr;gap:14px}
  .as-badge{left:12px}
}

.cat-hero{padding:18px 0 6px}
.cat-hero h1{font-family:var(--head);font-weight:800;font-size:34px;display:flex;align-items:center;gap:14px;line-height:1.2}
.cat-hero h1::before{content:"";width:6px;height:34px;background:var(--primary);border-radius:3px}
.cat-hero .cat-desc{color:var(--grey);font-size:14.5px;margin-top:6px;max-width:640px}
.cat-filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cat-filters a{font-family:var(--head);font-weight:600;font-size:13.5px;padding:6px 16px;border-radius:20px;border:1.5px solid var(--line);color:#4b5563;transition:all .2s}
.cat-filters a:hover{border-color:var(--primary);color:var(--primary)}
.cat-filters a.on{background:var(--primary);border-color:var(--primary);color:#fff}
.cat-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:stretch;background:var(--bg-soft);border-radius:14px;overflow:hidden;margin:26px 0}
.cat-feature .thumb{border-radius:0;height:100%;min-height:300px}
.cat-feature .cf-body{padding:26px 30px 26px 4px;align-self:center}
.cat-feature .cf-label{font-family:var(--latin);font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;display:block}
.cat-feature .card-title{font-size:23px}
.cat-list{display:flex;flex-direction:column}
.cl-item{display:grid;grid-template-columns:250px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.cl-item:first-child{padding-top:0}
.cl-item .thumb{aspect-ratio:16/10}
.cl-item .card-title{font-size:18.5px}
.cl-item .card-excerpt{margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl-tag{display:inline-block;font-family:var(--head);font-size:11.5px;font-weight:700;color:var(--primary);background:#e8f5ee;padding:2px 10px;border-radius:4px;margin-bottom:8px}
.pagination{display:flex;justify-content:center;gap:8px;margin:36px 0 10px}
.pagination a{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;font-family:var(--latin);font-weight:700;font-size:14px;color:#4b5563;padding:0 13px;transition:all .2s}
.pagination a:hover{border-color:var(--primary);color:var(--primary)}
.pagination a.on{background:var(--primary);border-color:var(--primary);color:#fff}
.pagination .pg-dots{align-self:center;color:var(--grey);font-weight:700}
@media(max-width:768px){
  .cat-hero h1{font-size:26px}
  .cat-feature{grid-template-columns:1fr}
  .cat-feature .thumb{height:auto;min-height:0;aspect-ratio:16/9}
  .cat-feature .cf-body{padding:22px;align-self:auto}
  .cat-feature .card-title{font-size:19px}
  .cl-item{grid-template-columns:130px 1fr;gap:14px}
  .cl-item .card-title{font-size:15.5px}
  .cl-item .card-excerpt{display:none}
}

/* featured band */
.vg-featured{background:var(--dark);border-radius:16px;padding:30px;margin:28px 0 0;display:grid;grid-template-columns:1.7fr 1fr;gap:26px}
.vg-featured .video-main .thumb{aspect-ratio:16/9}
.vg-upnext h3{font-family:var(--head);font-weight:800;font-size:16px;color:#fff;display:flex;align-items:center;gap:9px;margin-bottom:14px}
.vg-upnext h3 svg{width:18px;height:18px;fill:#ff0000}
.un-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:background .2s;align-items:center}
.un-item:hover{background:#262626}
.un-thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:#26292e}
.un-thumb img{width:100%;height:100%;object-fit:cover}
.un-thumb .v-duration{bottom:6px;right:6px;font-size:10px;padding:1px 5px}
.un-item h4{font-family:var(--head);font-weight:600;font-size:13.5px;line-height:1.45;color:#e7e7e7}
.un-item .v-meta{font-family:var(--latin);font-size:11px;color:#9aa0a6;margin-top:4px;display:flex;gap:8px}

/* video grid cards (light section) */
.vg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vg-grid .video-card .thumb{aspect-ratio:16/9}
.vg-chip{position:absolute;top:12px;left:12px;z-index:3;background:#ff0000;color:#fff;font-family:var(--head);font-size:11px;font-weight:700;padding:3px 11px;border-radius:4px}

/* playlists */
.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pl-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}
.pl-card::before{content:"";position:absolute;left:10px;right:10px;top:-6px;height:8px;background:#c7cbd1;border-radius:8px 8px 0 0}
.pl-card .thumb{aspect-ratio:16/10;border-radius:0}
.pl-card img{width:100%;height:100%;object-fit:cover;opacity:.92}
.pl-count{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.82) 55%);display:flex;align-items:center;justify-content:flex-end;padding-right:7%;flex-direction:column;justify-content:center;left:55%;color:#fff;text-align:center}
.pl-count b{font-family:var(--latin);font-weight:900;font-size:22px;display:block}
.pl-count svg{width:22px;height:22px;fill:#fff;margin:0 auto 4px}
.pl-count small{font-family:var(--latin);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.pl-title{padding:13px 4px 0;font-family:var(--head);font-weight:700;font-size:15px;line-height:1.4}
.pl-meta{padding:2px 4px 0;font-family:var(--latin);font-size:11.5px;color:var(--grey)}

/* shorts */
.shorts-sec{background:var(--bg-soft);padding:44px 0;margin:50px 0 0}
.shorts-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.short-card{position:relative;aspect-ratio:9/15;border-radius:14px;overflow:hidden;background:#333;cursor:pointer;transition:transform .3s}
.short-card:hover{transform:translateY(-4px)}
.short-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.short-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.85) 100%)}
.short-play{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(255,0,0,.92);display:flex;align-items:center;justify-content:center}
.short-play::after{content:"";border-left:9px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.short-title{position:absolute;left:0;right:0;bottom:0;padding:12px;color:#fff;z-index:2;font-family:var(--head);font-weight:700;font-size:13.5px;line-height:1.4}
.short-views{position:absolute;left:12px;bottom:-2px;transform:translateY(-46px);z-index:2}
.short-card .sv{position:absolute;left:12px;top:10px;z-index:2;font-family:var(--latin);font-size:10.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:2px 8px;border-radius:10px}

/* pagination */
.pagination{display:flex;justify-content:center;gap:8px;margin:40px 0 10px}
.pagination a{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;font-family:var(--latin);font-weight:700;font-size:14px;color:#4b5563;padding:0 13px;transition:all .2s}
.pagination a:hover{border-color:#ff0000;color:#ff0000}
.pagination a.on{background:#ff0000;border-color:#ff0000;color:#fff}

.vg-sec{margin:44px 0 0}
.vg-sec .sec-title::before{background:#ff0000}
@media(max-width:1024px){
  .vg-featured{grid-template-columns:1fr}
  .vg-grid{grid-template-columns:1fr 1fr}
  .pl-grid{grid-template-columns:1fr 1fr}
  .shorts-row{grid-template-columns:repeat(4,1fr)}
}

.art-head{padding:20px 0 0}
.art-cat{display:inline-block;background:var(--primary);color:#fff;font-family:var(--head);font-size:12.5px;font-weight:700;padding:4px 14px;border-radius:5px;margin-bottom:14px}
.art-head h1{font-family:var(--head);font-weight:800;font-size:34px;line-height:1.4;max-width:860px}
.art-standfirst{font-size:17px;color:#4b5563;line-height:1.7;margin-top:14px;max-width:820px;font-weight:500}
.art-metabar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:22px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art-author{display:flex;align-items:center;gap:12px}
.art-author img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#dde1e6}
.art-author .a-name{font-weight:700;font-size:14.5px;line-height:1.3}
.art-author .a-date{font-size:12.5px;color:var(--grey)}
.share-bar{display:flex;align-items:center;gap:8px}
.share-bar .sh-label{font-family:var(--head);font-size:13px;font-weight:600;color:var(--grey);margin-right:4px}
.share-bar a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}
.share-bar a:hover{transform:translateY(-2px);opacity:.88}
.share-bar svg{width:16px;height:16px;fill:#fff}
.sh-fb{background:#1877f2}.sh-x{background:#111}.sh-wa{background:#25d366}.sh-cp{background:#6b7280}
.art-hero{margin:26px 0 8px}
.art-hero img{width:100%;border-radius:14px;aspect-ratio:16/8.5;object-fit:cover;background:#dde1e6}
.art-hero figcaption{font-size:12.5px;color:var(--grey);margin-top:9px;padding-left:2px}
.art-body{font-size:16.5px;line-height:1.95;color:#1f2937}
.art-body p{margin:20px 0}
.art-body p:first-of-type::first-letter{font-family:var(--head);font-size:54px;font-weight:800;color:var(--primary);float:left;line-height:1;padding:4px 10px 0 0}
.art-body h2{font-family:var(--head);font-weight:800;font-size:22px;margin:34px 0 6px;line-height:1.4}
.art-body blockquote{border-left:4px solid var(--primary);background:var(--bg-soft);border-radius:0 12px 12px 0;padding:20px 24px;margin:28px 0;font-family:var(--head);font-weight:600;font-size:18px;line-height:1.7;color:var(--dark)}
.art-body blockquote cite{display:block;font-family:var(--body);font-style:normal;font-weight:500;font-size:13px;color:var(--grey);margin-top:10px}
.key-points{background:#fdf6e6;border:1px solid #f0dfb2;border-radius:12px;padding:22px 24px;margin:28px 0}
.key-points h3{font-family:var(--head);font-weight:800;font-size:17px;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.key-points h3::before{content:"";width:4px;height:18px;background:var(--gold);border-radius:2px}
.key-points li{position:relative;padding:5px 0 5px 22px;font-size:15px;line-height:1.65}
.key-points li::before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--primary)}
.art-ad{margin:30px 0}
.art-tags{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.art-tags .tg-label{font-family:var(--head);font-weight:700;font-size:14px;margin-right:4px}
.art-tags a{font-family:var(--head);font-size:13px;font-weight:600;color:#4b5563;background:var(--bg-soft);border:1px solid var(--line);padding:5px 14px;border-radius:18px;transition:all .2s}
.art-tags a:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.author-box{display:flex;gap:18px;background:var(--bg-soft);border-radius:14px;padding:24px;margin:30px 0;align-items:flex-start}
.author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#dde1e6}
.author-box .ab-name{font-family:var(--head);font-weight:800;font-size:17px}
.author-box .ab-role{font-size:12.5px;color:var(--primary);font-weight:600;margin-bottom:6px}
.author-box p{font-size:14px;color:#4b5563;line-height:1.7}
.next-prev{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}
.np-card{border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color .2s,box-shadow .2s}
.np-card:hover{border-color:var(--primary);box-shadow:0 6px 18px rgba(11,107,58,.08)}
.np-card .np-label{font-family:var(--latin);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);display:block;margin-bottom:8px}
.np-card.next{text-align:right}
.np-card .card-title{font-size:15.5px}
.related{margin:44px 0 10px}
@media(max-width:768px){
  .art-head h1{font-size:25px}
  .art-standfirst{font-size:15.5px}
  .art-body{font-size:15.5px}
  .next-prev{grid-template-columns:1fr}
  .np-card.next{text-align:left}
  .breadcrumb .bc-current{max-width:200px}
}