/* Musical Sanjeet — Homepage */

.ms-home-hero{background:linear-gradient(135deg,#0b0d10,#202633);color:#fff;overflow:hidden}

.ms-home-hero-grid{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}

.ms-home-hero h1{margin:10px 0 14px;font-size:clamp(42px,6vw,72px);line-height:1.03;max-width:760px}

.ms-home-hero-copy p{max-width:650px;color:#c9ced7;font-size:18px}

.ms-home-hero-panel{height:330px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(214,166,58,.24),transparent 38%),linear-gradient(145deg,#171c26,#0d1016);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}

.ms-home-latest{background:#eef0f3}

.ms-home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}

.ms-home-hero-v2{padding:12px 0 10px;background:#f5f7f9}

.ms-home-featured-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:12px}

.ms-home-slider{position:relative;min-height:354px;border-radius:6px;overflow:hidden;background:#0b1117}

.ms-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;display:flex;align-items:flex-end}

.ms-home-slide.is-active{opacity:1;visibility:visible;position:absolute}

.ms-home-slide-bg{position:absolute;inset:0}

.ms-home-slide-bg img{width:100%;height:100%;object-fit:cover}

.ms-home-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}

.ms-home-slide-fallback{background:radial-gradient(circle at 75% 30%,#26354a,#081019 65%)}

.ms-home-slide-copy{position:relative;z-index:2;max-width:68%;padding:34px 28px 42px;color:#fff}

.ms-home-kicker{color:#ffd02b;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;margin-bottom:8px}

.ms-home-slide-copy h1{margin:0 0 10px;font-size:clamp(32px,3.5vw,52px);line-height:1.04;letter-spacing:-.03em}

.ms-home-slide-copy p{margin:0 0 20px;color:#edf2f6;max-width:620px;font-size:14px;line-height:1.55}

.ms-home-primary{background:#ffd02b;color:#111;border-radius:6px;padding:10px 16px}

.ms-home-dots{position:absolute;left:28px;bottom:17px;z-index:5;display:flex;gap:8px}

.ms-home-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#818993;cursor:pointer}

.ms-home-dot.is-active{background:#ffd02b;width:18px;border-radius:8px}

.ms-home-side-stories{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}

.ms-home-side-card{display:grid;grid-template-columns:42% 58%;min-height:112px;background:#08131c;border-radius:6px;overflow:hidden;color:#fff}

.ms-home-side-media{min-height:112px}

.ms-home-side-media img{width:100%;height:100%;object-fit:cover}

.ms-home-side-body{padding:10px 12px;display:flex;flex-direction:column;justify-content:center}

.ms-home-side-body h2{font-size:15px;line-height:1.2;margin:6px 0 7px}

.ms-home-side-body h2 a:hover{color:#ffd02b}

.ms-home-side-body .ms-meta{color:#d2d8df;font-size:11px}

.ms-home-chip{display:inline-flex;width:max-content;max-width:100%;background:#ffd02b;color:#111;padding:4px 8px;border-radius:4px;font-size:10px;line-height:1.1;font-weight:900;text-transform:uppercase}

.ms-home-side-empty{background:#08131c;color:#fff;border-radius:6px;display:grid;place-items:center;padding:20px;text-align:center;font-size:13px}

.ms-home-category-strip{background:#fff;border-bottom:1px solid #edf0f3;box-shadow:0 3px 13px rgba(20,35,50,.05)}

.ms-category-grid{display:grid;grid-template-columns:repeat(8,1fr)}

.ms-category-item{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid #e9edf1;text-align:center}

.ms-category-item:first-child{border-left:1px solid #e9edf1}

.ms-category-item strong{font-size:12px}

.ms-category-icon{width:45px;height:45px;border-radius:50%;background:#08131c;color:#ffd02b;display:grid;place-items:center;font-size:22px;font-weight:900}

.ms-category-item:hover .ms-category-icon{background:#ffd02b;color:#08131c}

.ms-home-latest-v2{padding:22px 0 30px;background:#fff}

.ms-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}

.ms-home-section-head h2{font-size:24px;line-height:1.15;margin:5px 0 0}

.ms-section-marker{display:inline-block;border-left:7px solid #ffd02b;padding-left:9px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

.ms-home-view-all{border:1px solid #d9e0e7;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:800;background:#fff}

.ms-home-view-all:hover{border-color:#ffd02b;background:#fff8d9}

.ms-home-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}

.ms-home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.ms-home-article-card{border:1px solid #e1e6eb;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 9px rgba(25,42,57,.05)}

.ms-home-card-media{display:block;aspect-ratio:16/9;background:#0d141c}

.ms-home-card-media img{width:100%;height:100%;object-fit:cover}

.ms-home-card-body{padding:11px 12px 12px}

.ms-home-card-body h3{font-size:15px;line-height:1.18;margin:7px 0}

.ms-home-card-body h3 a:hover{color:#a97c18}

.ms-home-card-body p{font-size:12px;color:#687585;line-height:1.45;margin:0 0 9px}

.ms-home-card-meta{display:flex;justify-content:space-between;gap:8px;color:#718092;font-size:10px}

.ms-home-sidebar{display:grid;gap:12px;align-content:start}

.ms-home-search-card,.ms-home-popular-card,.ms-home-sidebar .ms-widget{border:1px solid #e1e6eb;border-radius:6px;background:#fff;padding:12px}

.ms-home-search-card h2,.ms-home-popular-card h2{font-size:16px;margin:0 0 9px;border-left:6px solid #ffd02b;padding-left:8px}

.ms-home-search-card .search-form{display:flex;height:38px;border:1px solid #d9e0e7;border-radius:5px;overflow:hidden}

.ms-home-search-card .search-field{border:0!important;outline:0!important;box-shadow:none!important;width:100%;padding:0 10px;font-size:12px}

.ms-home-search-card .search-submit{border:0;background:#ffd02b;color:#111;width:42px;font-size:16px}

.ms-home-popular-list{display:grid;gap:10px}

.ms-home-popular-list article{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px}

.ms-home-popular-list h3{font-size:12px;line-height:1.25;margin:0 0 4px}

.ms-home-popular-list h3 a:hover{color:#a97c18}

.ms-home-popular-list small{font-size:9px;color:#7b8794}

.ms-home-promo-wrap{padding:0 0 22px;background:#fff}

.ms-home-promo{position:relative;min-height:104px;border-radius:6px;overflow:hidden;background:linear-gradient(90deg,#07121b,#1b2733);background-image:var(--ms-promo-image,linear-gradient(90deg,#07121b,#1b2733));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;color:#fff}

.ms-home-promo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,16,.95),rgba(5,11,16,.65),rgba(5,11,16,.28))}

.ms-home-promo-copy{position:relative;z-index:1}

.ms-home-promo-copy h2{margin:3px 0 3px;font-size:25px;text-transform:uppercase;line-height:1.05}

.ms-home-promo-copy p{margin:0;color:#d9e0e7;font-size:12px}

.ms-home-promo>.ms-button{position:relative;z-index:1;flex:0 0 auto}

.ms-home-hero-v2{background:#fff;padding:12px 0 10px}

.ms-home-featured-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px;align-items:stretch}

.ms-home-slider{position:relative;min-height:354px;border-radius:6px;overflow:hidden;background:#08131c;box-shadow:0 2px 8px rgba(25,42,57,.08)}

.ms-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;isolation:isolate}

.ms-home-slide.is-active{opacity:1;visibility:visible;z-index:2}

.ms-home-slide-bg,.ms-home-slide-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.ms-home-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,15,.91) 0%,rgba(4,10,15,.66) 48%,rgba(4,10,15,.14) 100%),linear-gradient(0deg,rgba(0,0,0,.56),transparent 52%);z-index:1}

.ms-home-slide-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:40px;max-width:640px;color:#fff}

.ms-home-kicker{color:var(--ms-gold);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;margin-bottom:8px}

.ms-home-slide-copy h1{margin:0 0 10px;font-size:clamp(31px,3.2vw,46px);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}

.ms-home-slide-copy p{margin:0 0 18px;color:#edf2f6;max-width:590px;font-size:14px;line-height:1.5}

.ms-home-primary{background:var(--ms-gold);color:#111;border-radius:6px;padding:10px 16px}

.ms-home-primary:hover{background:#ffe05f;color:#111}

.ms-home-dots{position:absolute;left:28px;bottom:16px;z-index:5;display:flex;gap:8px}

.ms-home-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#818993;cursor:pointer}

.ms-home-dot.is-active{background:var(--ms-gold);width:18px;border-radius:8px}

.ms-home-side-stories{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}

.ms-home-side-card{display:grid;grid-template-columns:42% 58%;min-height:112px;background:#08131c;border-radius:6px;overflow:hidden;color:#fff}

.ms-home-side-media{min-height:112px;display:block}

.ms-home-side-media img{width:100%;height:100%;object-fit:cover}

.ms-home-side-body{padding:10px 12px;display:flex;flex-direction:column;justify-content:center}

.ms-home-side-body h2{font-size:15px;line-height:1.18;margin:6px 0 7px}

.ms-home-side-body h2 a:hover{color:var(--ms-gold)}

.ms-home-side-body .ms-meta{color:#d2d8df;font-size:11px}

.ms-home-chip{display:inline-flex;width:max-content;max-width:100%;background:var(--ms-gold);color:#111;padding:4px 8px;border-radius:4px;font-size:10px;line-height:1.1;font-weight:900;text-transform:uppercase}

.ms-home-side-empty{background:#08131c;color:#fff;border-radius:6px;display:grid;place-items:center;padding:20px;text-align:center;font-size:13px}

.ms-home-category-strip{background:#fff;border-bottom:1px solid #edf0f3;box-shadow:0 3px 13px rgba(20,35,50,.05)}

.ms-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}

.ms-category-item{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid #e9edf1;text-align:center}

.ms-category-item:first-child{border-left:1px solid #e9edf1}

.ms-category-item strong{font-size:12px}

.ms-category-icon{width:45px;height:45px;border-radius:50%;background:#08131c;color:var(--ms-gold);display:grid;place-items:center;font-size:22px;font-weight:900}

.ms-category-item:hover .ms-category-icon{background:var(--ms-gold);color:#08131c}

.ms-home-latest-v2{padding:22px 0 30px;background:#fff}

.ms-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}

.ms-home-section-head h2{font-size:24px;line-height:1.15;margin:5px 0 0}

.ms-section-marker{display:inline-block;border-left:7px solid var(--ms-gold);padding-left:9px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

.ms-home-view-all{border:1px solid #d9e0e7;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:800;background:#fff}

.ms-home-view-all:hover{border-color:var(--ms-gold);background:#fff8d9}

.ms-home-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}

.ms-home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.ms-home-article-card{border:1px solid #e1e6eb;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 9px rgba(25,42,57,.05);transition:transform .2s ease,box-shadow .2s ease}

.ms-home-article-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,42,57,.10)}

.ms-home-card-media{display:block;aspect-ratio:16/9;background:#0d141c;overflow:hidden}

.ms-home-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}

.ms-home-article-card:hover .ms-home-card-media img{transform:scale(1.025)}

.ms-home-card-body{padding:11px 12px 12px}

.ms-home-card-body h3{font-size:15px;line-height:1.18;margin:7px 0}

.ms-home-card-body h3 a:hover{color:var(--ms-gold-dark)}

.ms-home-card-body p{font-size:12px;color:#687585;line-height:1.45;margin:0 0 9px}

.ms-home-card-meta{display:flex;justify-content:space-between;gap:8px;color:#718092;font-size:10px}

.ms-home-sidebar{display:grid;gap:12px;align-content:start}

.ms-home-search-card,.ms-home-popular-card,.ms-home-sidebar .ms-widget{border:1px solid #e1e6eb;border-radius:6px;background:#fff;padding:12px;box-shadow:0 2px 9px rgba(25,42,57,.05)}

.ms-home-search-card h2,.ms-home-popular-card h2,.ms-home-sidebar .ms-widget-title{font-size:16px;margin:0 0 9px;border-left:6px solid var(--ms-gold);padding-left:8px}

.ms-home-search-card .search-form{display:flex;height:38px;border:1px solid #d9e0e7;border-radius:5px;overflow:hidden}

.ms-home-search-card .search-field{border:0!important;outline:0!important;box-shadow:none!important;width:100%;padding:0 10px;font-size:12px}

.ms-home-search-card .search-submit{border:0;background:var(--ms-gold);color:#111;width:42px;font-size:16px;cursor:pointer}

.ms-home-popular-list{display:grid;gap:10px}

.ms-home-popular-list article{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px}

.ms-home-popular-list h3{font-size:12px;line-height:1.25;margin:0 0 4px}

.ms-home-popular-list h3 a:hover{color:var(--ms-gold-dark)}

.ms-home-popular-list small{font-size:9px;color:#7b8794}

.ms-home-promo-wrap{padding:0 0 22px;background:#fff}

.ms-home-promo{position:relative;min-height:104px;border-radius:6px;overflow:hidden;background:#07121b;background-image:var(--ms-promo-image,linear-gradient(90deg,#07121b,#1b2733));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;color:#fff}

.ms-home-promo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,16,.95),rgba(5,11,16,.65),rgba(5,11,16,.28))}

.ms-home-promo-copy{position:relative;z-index:1}

.ms-home-promo-copy h2{margin:3px 0 3px;font-size:25px;text-transform:uppercase;line-height:1.05}

.ms-home-promo-copy p{margin:0;color:#d9e0e7;font-size:12px}

.ms-home-promo>.ms-button{position:relative;z-index:1;flex:0 0 auto}

.ms-card,.ms-widget,.ms-content,.ms-featured-card,.ms-home-article-card,.ms-home-search-card,.ms-home-popular-card{border:1px solid #e1e6eb;border-radius:6px;box-shadow:0 2px 9px rgba(25,42,57,.05)}

.ms-section-marker{color:var(--ms-text)}
/* Reference demo hero image override */
.ms-home-slide-bg-image{background-position:center;background-size:cover;background-repeat:no-repeat}