.mv-home-main{padding:14px 0 46px}.mv-livebar{height:42px;border:1px solid #333;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;margin-bottom:16px;font-size:12px}.mv-livebar strong{align-self:stretch;display:flex;align-items:center;gap:7px;background:var(--mv-red);padding:0 14px}.mv-livebar__headline{padding-left:18px;font-weight:800}.mv-livebar__headline b{font-size:20px;margin-left:6px}.mv-livebar__time,.mv-livebar__latest{padding-right:18px;color:#c8c8c8}.mv-lead-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr) 360px;gap:16px;margin-bottom:16px}.mv-lead-story{position:relative;min-height:600px;overflow:hidden;border:1px solid var(--mv-line);background:#111}.mv-lead-story__media,.mv-lead-story__media img,.mv-lead-story__media .mv-image-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mv-lead-story__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.25) 52%,rgba(0,0,0,.96) 100%)}.mv-lead-story__content{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}.mv-lead-story h1{font:900 clamp(26px,2.45vw,44px)/.98 var(--mv-display);letter-spacing:-.8px;margin:8px 0 10px;max-width:590px;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.mv-lead-story h1 a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--mv-red);text-underline-offset:5px}.mv-lead-story p{font-size:17px;margin:0 0 12px;max-width:660px}.mv-support-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0;min-height:0}.mv-hot-panel{border:1px solid var(--mv-line);background:#0b0b0b}.mv-hot-panel{padding:0 16px 16px}.mv-hot-list{list-style:none;padding:0;margin:0}.mv-hot-list li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:7px;min-height:60px;border-bottom:1px solid #2a2a2a}.mv-hot-list a{font-weight:800;font-size:14px;line-height:1.15}.mv-hot-mark{color:var(--mv-green);font-size:11px}.mv-brand-quote{height:190px;margin-top:14px;padding:20px;background:radial-gradient(circle at 80% 40%,rgba(255,62,165,.35),transparent 25%),linear-gradient(135deg,#272727,#0a0a0a);display:flex;flex-direction:column;justify-content:space-between}.mv-brand-quote span{font:800 19px/1 var(--mv-display)}.mv-brand-quote strong{font:900 31px/.9 var(--mv-display)}.mv-brand-quote strong b,.mv-music-banner strong b{color:var(--mv-red)}.mv-mid-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.mv-main-column{min-width:0}.mv-tabs{display:flex;gap:20px;align-items:center;font-size:10px;font-weight:900;text-transform:uppercase;margin:8px 0 14px}.mv-tabs span,.mv-tabs button{padding:8px}.mv-tabs button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.mv-tabs .is-active{background:var(--mv-red);border-radius:2px}.mv-release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.mv-release-card{min-width:0}.mv-release-card__cover{position:relative;display:block;aspect-ratio:1;background:#171717;overflow:hidden}.mv-release-card__cover img,.mv-release-card__cover .mv-image-placeholder{width:100%;height:100%;object-fit:cover}.mv-release-card h3{font:800 16px/.95 var(--mv-display);text-transform:uppercase;margin:8px 0 2px}.mv-originals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mv-bottom-modules{display:grid;grid-template-columns:1fr 1.25fr .9fr;gap:16px}.mv-bottom-modules .mv-panel{margin:0}.mv-mini-feature__image{display:block;aspect-ratio:16/9;overflow:hidden}.mv-mini-feature__image img,.mv-mini-feature__image .mv-image-placeholder{width:100%;height:100%;object-fit:cover}.mv-mini-feature h3,.mv-sneaker-mini h3{font:800 25px/1 var(--mv-display);margin:9px 0}.mv-mini-feature p{font-size:12px;color:#c8c8c8}.mv-sneaker-lead{display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:start}.mv-sneaker-lead>a{aspect-ratio:1;overflow:hidden}.mv-sneaker-lead img{width:100%;height:100%;object-fit:cover}.mv-sneaker-lead p{font-size:12px}.mv-sneaker-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mv-sneaker-strip a{font-size:9px}.mv-sneaker-strip img{aspect-ratio:1;object-fit:cover;background:#fff}.mv-home-sidebar{min-width:0}.mv-feed-list article{display:grid;grid-template-columns:58px 1fr;gap:7px;padding:9px 0;border-bottom:1px solid #272727}.mv-feed-list time{font-size:10px;color:#aaa}.mv-feed-list a{font-size:12px;line-height:1.25}.mv-watch-lead{position:relative}.mv-watch-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}.mv-watch-image img{width:100%;height:100%;object-fit:cover}.mv-watch-lead .mv-label{margin-top:8px}.mv-watch-lead h3{font:800 23px/1 var(--mv-display);margin:5px 0 8px;padding-right:45px}.mv-watch-row{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px 0;border-top:1px solid #2b2b2b}.mv-watch-row>a{aspect-ratio:16/9;overflow:hidden}.mv-watch-row img{width:100%;height:100%;object-fit:cover}.mv-watch-row h4{font-size:12px;line-height:1.15;margin:0 0 4px}.mv-watch-row span{font-size:10px;color:#aaa}.mv-newsletter-card{border:1px solid var(--mv-red);padding:20px;margin-bottom:16px;background:linear-gradient(145deg,#1a090a,#0b0b0b)}.mv-newsletter-card h3{font:900 31px/.95 var(--mv-display);margin:8px 0}.mv-newsletter-card p{font-size:13px;color:#ddd}.mv-music-banner{min-height:122px;border:1px solid #444;margin:18px 0 0;background:radial-gradient(circle at 55% 50%,rgba(255,62,165,.72),transparent 45%),linear-gradient(90deg,#2a0708,#150606,#070707);display:flex;align-items:center;justify-content:center;gap:9vw;padding:20px}.mv-music-banner>span{font:900 clamp(40px,6vw,78px)/.9 var(--mv-display);text-transform:uppercase}.mv-music-banner strong{font:900 34px/.85 var(--mv-display)}.mv-music-banner small{display:block;font:700 9px/1.2 var(--mv-body);margin-top:5px}@media (max-width:1180px){.mv-lead-grid{grid-template-columns:1.5fr 1fr}.mv-hot-panel{grid-column:1/-1}.mv-hot-list{display:grid;grid-template-columns:repeat(5,1fr)}.mv-hot-list li{grid-template-columns:38px 1fr}.mv-hot-mark{display:none}.mv-brand-quote{display:none}.mv-mid-grid{grid-template-columns:minmax(0,1fr) 320px}.mv-release-grid{grid-template-columns:repeat(3,1fr)}.mv-release-card:nth-child(n/**/+4){display:none}.mv-bottom-modules{grid-template-columns:1fr 1fr}.mv-bottom-modules>*:last-child{grid-column:1/-1}}@media (max-width:900px){.mv-livebar{grid-template-columns:auto 1fr}.mv-livebar__time,.mv-livebar__latest{display:none}.mv-lead-grid{grid-template-columns:1fr}.mv-lead-story{min-height:70vh}.mv-support-stack{grid-template-columns:1fr 1fr;grid-template-rows:380px}.mv-hot-list{grid-template-columns:1fr}.mv-hot-list li{grid-template-columns:46px 1fr auto}.mv-mid-grid{grid-template-columns:1fr}.mv-home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mv-home-sidebar .mv-panel,.mv-home-sidebar .mv-newsletter-card,.mv-home-sidebar .mv-ad{margin:0}.mv-release-grid{grid-template-columns:repeat(3,1fr)}.mv-originals-grid{grid-template-columns:1fr 1fr}.mv-originals-grid>*:last-child{grid-column:1/-1}}@media (max-width:620px){.mv-livebar{height:auto;min-height:42px}.mv-livebar__headline{font-size:10px;line-height:1.2;padding:8px}.mv-lead-story{min-height:560px}.mv-lead-story__content{left:16px;right:16px;bottom:16px}.mv-lead-story h1{font-size:30px;line-height:1;max-width:88%;-webkit-line-clamp:4}.mv-lead-story p{font-size:14px}.mv-support-stack{grid-template-columns:1fr;grid-template-rows:330px 330px}.mv-release-grid{grid-template-columns:1fr 1fr;gap:12px}.mv-release-card:nth-child(3){display:none}.mv-tabs{gap:4px;overflow:auto}.mv-originals-grid,.mv-bottom-modules,.mv-home-sidebar{grid-template-columns:1fr}.mv-originals-grid>*:last-child,.mv-bottom-modules>*:last-child{grid-column:auto}.mv-music-banner{justify-content:flex-start}.mv-music-banner strong{display:none}}.mv-live-slot:empty{display:none}.mv-hot-list .mv-dynamic-loading,.mv-hot-list .mv-dynamic-error{display:block;min-height:auto;border:0}.mv-hot-mark.is-down{color:var(--mv-red)} .mv-hot-tabs{display:flex;gap:6px;margin:0 0 6px}.mv-hot-tabs button{appearance:none;border:1px solid #2a2a2a;background:#111;color:#bbb;padding:6px 8px;font:800 9px/1 var(--mv-body);text-transform:uppercase;cursor:pointer}.mv-hot-tabs button.is-active{background:var(--mv-red);border-color:var(--mv-red);color:#fff} /* MusikViews 3.0 — pop homepage */ .mv-pop-ribbon{display:flex;align-items:center;gap:24px;overflow:hidden;white-space:nowrap;margin:2px 0 16px;padding:10px 14px;border:1px solid var(--mv-line);border-radius:999px;background:linear-gradient(90deg,rgba(255,62,165,.09),rgba(124,92,255,.08),rgba(57,216,255,.06));font-size:10px;font-weight:900;letter-spacing:.13em}.mv-pop-ribbon span:not(:first-child)::before{content:"✦";color:var(--mv-pink);margin-right:24px}.mv-pop-ribbon span:first-child{color:#fff}.mv-lead-story--pop,.mv-hot-panel{border-radius:16px}.mv-lead-story--pop:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,62,165,.12),transparent 32%,rgba(57,216,255,.05))}.mv-lead-story__labels{display:flex;gap:8px;align-items:center}.mv-lead-story--pop h1{letter-spacing:-1.4px}.mv-lead-story--pop h1 a:hover{text-decoration-color:var(--mv-pink)}.mv-pop-now{background:radial-gradient(circle at 100% 0,rgba(124,92,255,.16),transparent 35%),linear-gradient(180deg,#12101a,#0a0910)}.mv-brand-quote--pop{border-radius:12px;background:radial-gradient(circle at 78% 28%,rgba(255,62,165,.3),transparent 28%),radial-gradient(circle at 28% 82%,rgba(57,216,255,.16),transparent 25%),linear-gradient(135deg,#21182f,#0c0a11)}.mv-brand-quote--pop strong small{display:block;margin-top:6px;font:800 8px/1.2 var(--mv-body);letter-spacing:.12em;color:#c9c2d5}.mv-module-intro{display:flex;justify-content:space-between;gap:20px;padding:5px 0 4px}.mv-module-intro strong{font-size:11px;letter-spacing:.1em}.mv-module-intro span{font-size:11px;color:var(--mv-muted)}.mv-drop--pop{overflow:hidden}.mv-drop--pop .mv-release-card__cover{border-radius:10px}.mv-tabs .is-active{background:linear-gradient(90deg,var(--mv-pink),var(--mv-violet));border-radius:999px}.mv-chart-watch{padding-bottom:18px}.mv-chart-watch__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:4px 0 10px}.mv-chart-watch__head p{margin:4px 0 0;color:var(--mv-muted);font-size:12px}.mv-chart-watch__stamp{font:900 28px/1 var(--mv-display);color:#625c6d}.mv-chart-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.mv-chart-list li{display:grid;grid-template-columns:48px 56px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--mv-line)}.mv-chart-rank{font:900 30px/1 var(--mv-display);color:#fff}.mv-chart-cover{aspect-ratio:1;border-radius:8px;overflow:hidden}.mv-chart-cover img,.mv-chart-cover .mv-image-placeholder{width:100%;height:100%;object-fit:cover}.mv-chart-copy h3{font-size:13px;line-height:1.05;margin:0 0 3px}.mv-chart-copy>a{font-size:10px;color:var(--mv-muted)}.mv-chart-move{font-size:10px;font-weight:900}.mv-chart-move.is-up{color:var(--mv-green)}.mv-chart-move.is-down{color:#ff6b8d}.mv-chart-move.is-new{color:var(--mv-cyan)}.mv-era-watch{display:grid;grid-template-columns:1.2fr 1fr;min-height:420px;margin-bottom:16px;border:1px solid var(--mv-line);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(255,62,165,.12),rgba(124,92,255,.08) 48%,#0c0a11)}.mv-era-watch__image{position:relative;min-height:420px;overflow:hidden}.mv-era-watch__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(13,11,18,.78))}.mv-era-watch__image img,.mv-era-watch__image .mv-image-placeholder{width:100%;height:100%;object-fit:cover}.mv-era-watch__copy{padding:38px;align-self:center}.mv-era-watch__copy h2{font:900 clamp(34px,4.1vw,66px)/.92 var(--mv-display);letter-spacing:-2px;margin:8px 0 15px}.mv-era-watch__copy p{color:#d3cddd}.mv-bottom-modules--pop{grid-template-columns:1.2fr 1fr .72fr}.mv-pop-culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mv-pop-culture-grid article{min-width:0}.mv-pop-culture-grid article.is-lead{grid-column:1/-1}.mv-pop-culture-grid article>a{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:9px}.mv-pop-culture-grid article img,.mv-pop-culture-grid article .mv-image-placeholder{width:100%;height:100%;object-fit:cover}.mv-pop-culture-grid h3{font:800 15px/1.05 var(--mv-display);margin:6px 0 4px}.mv-pop-culture-grid .is-lead h3{font-size:24px}.mv-event-list{display:grid}.mv-event-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--mv-line)}.mv-event-row time{width:54px;height:54px;display:grid;place-items:center;align-content:center;border-radius:10px;background:#1b1626;text-transform:uppercase}.mv-event-row time strong{font-size:9px;color:var(--mv-pink)}.mv-event-row time span{font:900 22px/1 var(--mv-display)}.mv-event-row__main h3{font:800 14px/1.05 var(--mv-display);margin:0 0 3px}.mv-event-row__main p{font-size:10px;color:var(--mv-muted);margin:0}.mv-fan-favorites ol{list-style:none;padding:0;margin:0}.mv-fan-favorites li{display:grid;grid-template-columns:28px 1fr 40px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--mv-line);font-size:11px}.mv-fan-favorites li>span{font:900 18px/1 var(--mv-display);color:#6d6678}.mv-fan-favorites li strong{color:var(--mv-cyan);text-align:right}.mv-newsletter-card--pop{border-color:rgba(255,62,165,.65);border-radius:16px;background:radial-gradient(circle at 85% 5%,rgba(57,216,255,.15),transparent 28%),linear-gradient(145deg,rgba(255,62,165,.13),rgba(124,92,255,.1),#0b0a10)}.mv-music-banner--pop{border-radius:18px;border-color:#383044;background:radial-gradient(circle at 57% 45%,rgba(255,62,165,.56),transparent 35%),radial-gradient(circle at 72% 48%,rgba(57,216,255,.25),transparent 23%),linear-gradient(90deg,#22132d,#130f1e,#09080d)}.mv-music-banner--pop>span{letter-spacing:-3px}.mv-music-banner--pop strong b{color:var(--mv-pink)} @media(max-width:1180px){.mv-bottom-modules--pop{grid-template-columns:1fr 1fr}.mv-bottom-modules--pop>*:last-child{grid-column:1/-1}.mv-chart-list{grid-template-columns:1fr}} @media(max-width:800px){.mv-era-watch{grid-template-columns:1fr}.mv-era-watch__image{min-height:340px}.mv-era-watch__image:after{background:linear-gradient(180deg,transparent 65%,rgba(13,11,18,.8))}.mv-era-watch__copy{padding:24px}.mv-bottom-modules--pop{grid-template-columns:1fr}.mv-bottom-modules--pop>*:last-child{grid-column:auto}.mv-module-intro{display:block}.mv-module-intro span{display:block;margin-top:4px}} @media(max-width:620px){.mv-pop-ribbon{margin-inline:-2px}.mv-chart-list li{grid-template-columns:36px 48px 1fr auto}.mv-chart-rank{font-size:23px}.mv-era-watch__copy h2{font-size:40px}.mv-pop-culture-grid{grid-template-columns:1fr}.mv-pop-culture-grid article.is-lead{grid-column:auto}} .mv-tour-fallback-label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:2px 0 10px;border-bottom:1px solid var(--mv-line)}.mv-tour-fallback-label small{font-size:9px;line-height:1.35;color:var(--mv-muted);text-align:right}.mv-event-row--story time{background:linear-gradient(135deg,rgba(255,62,165,.18),rgba(124,92,255,.16))}.mv-event-row--story time strong{font-size:8px}.mv-event-row--story time span{font-size:16px;color:var(--mv-cyan)} /* 4.2.5 responsive stability: support headlines live below imagery and Chart Watch self-hydrates safely on Chromebook-class viewports. */ .mv-chart-watch{display:block;visibility:visible;min-width:0;overflow:visible}.mv-chart-list,.mv-chart-list li,.mv-chart-copy{min-width:0}.mv-chart-copy h3,.mv-chart-copy>a{overflow-wrap:anywhere}.mv-card--support .mv-label{align-self:start} @media (min-width:621px) and (max-width:1366px){.mv-lead-story h1{font-size:clamp(26px,2.75vw,38px);line-height:1;max-width:540px}} @media (max-width:1366px){.mv-chart-list{grid-template-columns:1fr}.mv-chart-watch__head{align-items:flex-end}.mv-chart-list li{grid-template-columns:48px 56px minmax(0,1fr) auto}} @media (max-width:900px){.mv-card--support{grid-template-rows:minmax(180px,1fr) auto}.mv-card--support .mv-card__title{font-size:24px}.mv-chart-watch{width:100%}} @media (max-width:620px){.mv-card--support{grid-template-rows:minmax(180px,1fr) auto}.mv-card--support .mv-card__title{font-size:22px}.mv-chart-watch__head{align-items:flex-start}.mv-chart-watch__stamp{font-size:22px}.mv-chart-list li{grid-template-columns:36px 48px minmax(0,1fr) auto}} /* 4.2.6 — restore the planned photographic support cards without allowing headlines to swallow the image. */ .mv-lead-grid .mv-card--support{position:relative;display:block;height:100%;min-height:0;overflow:hidden;border-radius:14px;isolation:isolate;background:#111} .mv-lead-grid .mv-card--support .mv-card__media{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;z-index:0} .mv-lead-grid .mv-card--support .mv-card__media img,.mv-lead-grid .mv-card--support .mv-card__media .mv-image-placeholder{width:100%;height:100%;object-fit:cover} .mv-lead-grid .mv-card--support .mv-card__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.72) 76%,rgba(0,0,0,.96) 100%)} .mv-lead-grid .mv-card--support .mv-card__body{position:absolute;left:0;right:0;bottom:0;z-index:2;background:transparent;padding:14px 15px 15px;min-height:0} .mv-lead-grid .mv-card--support .mv-label{font-size:9px;padding:4px 6px;line-height:1} .mv-lead-grid .mv-card--support .mv-card__title{font:900 clamp(16px,1.22vw,20px)/1.02 var(--mv-display);letter-spacing:-.025em;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.92)} .mv-lead-grid .mv-card--support .mv-card__title a{color:#fff} .mv-lead-grid .mv-card--support .mv-card__deck,.mv-lead-grid .mv-card--support .mv-card__meta{display:none} .mv-pop-ribbon a{display:inline-flex;align-items:center;color:var(--mv-muted);transition:color .16s ease,transform .16s ease} .mv-pop-ribbon a:not(:first-child)::before{content:"✦";color:var(--mv-pink);margin-right:24px} .mv-pop-ribbon a:first-child{color:#fff} .mv-pop-ribbon a:hover,.mv-pop-ribbon a:focus-visible{color:var(--mv-cyan)} .mv-pop-ribbon a:hover{transform:translateY(-1px)} @media(max-width:1180px){.mv-lead-grid .mv-card--support .mv-card__title{font-size:clamp(17px,2vw,22px)}} @media(max-width:900px){.mv-lead-grid .mv-card--support{display:block}.mv-lead-grid .mv-card--support .mv-card__title{font-size:20px;-webkit-line-clamp:3}.mv-pop-ribbon{overflow-x:auto;scrollbar-width:none}.mv-pop-ribbon::-webkit-scrollbar{display:none}.mv-pop-ribbon a{flex:0 0 auto}} @media(max-width:620px){.mv-lead-grid .mv-card--support .mv-card__body{padding:13px 14px}.mv-lead-grid .mv-card--support .mv-card__title{font-size:19px;line-height:1.03}} /* 5.4.3 — smaller homepage hero headline: preserve the photograph first. */ .mv-lead-story h1,.mv-lead-story--pop h1{font-size:clamp(26px,2.45vw,44px);line-height:.98;letter-spacing:-.9px;max-width:590px;-webkit-line-clamp:4} @media (min-width:621px) and (max-width:1366px){.mv-lead-story h1,.mv-lead-story--pop h1{font-size:clamp(26px,2.75vw,38px);max-width:540px}} @media (max-width:620px){.mv-lead-story h1,.mv-lead-story--pop h1{font-size:30px;line-height:1;max-width:88%}} /* MusikViews 5.4.4 — photo-first hero presentation. */ .mv-lead-story--pop .mv-lead-story__media img{object-position:var(--mv-hero-object-position,50% 50%)} .mv-lead-story--pop .mv-lead-story__shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.58) 34%,rgba(0,0,0,.22) 54%,rgba(0,0,0,0) 76%),linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.18) 28%,rgba(0,0,0,0) 52%)} .mv-lead-story--pop .mv-lead-story__content{right:auto;width:min(58%,620px);max-width:58%} .mv-lead-story--pop h1[data-mv-hero-fit]{font-family:"Arial Narrow","Aptos Narrow","Roboto Condensed","Helvetica Neue Condensed",Arial,sans-serif;font-size:clamp(26px,1.8vw,36px);font-weight:700;font-stretch:condensed;line-height:.98;letter-spacing:-.025em;max-width:100%;max-height:1.96em;margin:8px 0 10px;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden} @media(max-width:1180px){.mv-lead-story--pop .mv-lead-story__content{width:min(60%,560px);max-width:60%}.mv-lead-story--pop h1[data-mv-hero-fit]{font-size:clamp(25px,2.45vw,34px)}} @media(max-width:900px){.mv-lead-story--pop .mv-lead-story__content{width:min(62%,620px);max-width:62%}.mv-lead-story--pop h1[data-mv-hero-fit]{font-size:clamp(25px,4vw,32px)}} @media(max-width:620px){.mv-lead-story--pop .mv-lead-story__content{left:16px;right:auto;width:86%;max-width:86%;bottom:16px}.mv-lead-story--pop h1[data-mv-hero-fit]{font-size:clamp(23px,7vw,28px);line-height:1;max-width:100%;max-height:2em;-webkit-line-clamp:2;line-clamp:2}} /* MusikViews 5.4.5 — hard photo-safe hero. The title remains over the image, but the copy block can no longer dominate it. */ .mv-lead-story--pop .mv-lead-story__shade{ background: linear-gradient(90deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.52) 24%,rgba(0,0,0,.18) 39%,rgba(0,0,0,0) 52%), linear-gradient(0deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.13) 24%,rgba(0,0,0,0) 42%); } .mv-lead-story--pop .mv-lead-story__content--compact{ left:22px; right:auto; bottom:20px; width:min(44%,470px); max-width:44%; } .mv-lead-story--pop .mv-lead-story__content--compact .mv-lead-story__labels{gap:6px} .mv-lead-story--pop .mv-lead-story__content--compact .mv-kicker, .mv-lead-story--pop .mv-lead-story__content--compact .mv-label{font-size:9px;line-height:1} .mv-lead-story--pop h1[data-mv-hero-fit]{ width:114%; max-width:114%; transform:scaleX(.875); transform-origin:left bottom; font-family:"Arial Narrow","Aptos Narrow","Roboto Condensed","DejaVu Sans Condensed","Nimbus Sans Narrow",Arial,sans-serif; font-size:clamp(23px,1.45vw,31px); font-weight:700; line-height:1.02; letter-spacing:-.015em; margin:7px 0 5px; max-height:2.04em; -webkit-line-clamp:2; line-clamp:2; text-wrap:balance; text-shadow:0 2px 14px rgba(0,0,0,.72); } /* Deck + metadata made the old overlay feel like a text panel. The hero now keeps only the information needed to identify and open the story. */ .mv-lead-story--pop .mv-lead-story__content--compact>p, .mv-lead-story--pop .mv-lead-story__content--compact>.mv-card__meta{display:none} @media (min-width:901px) and (max-width:1366px){ .mv-lead-story--pop .mv-lead-story__content--compact{width:min(42%,430px);max-width:42%} .mv-lead-story--pop h1[data-mv-hero-fit]{font-size:clamp(22px,1.65vw,28px)} } @media (max-width:900px){ .mv-lead-story--pop .mv-lead-story__shade{ background:linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.36) 23%,rgba(0,0,0,.08) 43%,rgba(0,0,0,0) 58%); } .mv-lead-story--pop .mv-lead-story__content--compact{left:18px;right:auto;bottom:18px;width:min(54%,500px);max-width:54%} .mv-lead-story--pop h1[data-mv-hero-fit]{font-size:clamp(22px,3.2vw,28px)} } @media (max-width:620px){ .mv-lead-story--pop .mv-lead-story__content--compact{left:15px;right:15px;bottom:15px;width:auto;max-width:92%} .mv-lead-story--pop h1[data-mv-hero-fit]{width:110%;max-width:110%;transform:scaleX(.91);font-size:clamp(21px,6.2vw,25px);line-height:1.03;max-height:2.06em} } /* MusikViews 5.4.6 — decisive photo-first lead hero. * The lead headline no longer overlays the featured image. The image owns the * upper portion of the card; the homepage-only Hero Headline lives in its own * compact editorial strip below. Support stories keep their original overlays. */ .mv-lead-story--photo-first{ display:grid; grid-template-rows:minmax(0,1fr) auto; min-height:600px; overflow:hidden; background:#0d0b12; } .mv-lead-story--photo-first::after{display:none} .mv-lead-story--photo-first .mv-lead-story__media{ position:relative; inset:auto; grid-row:1; display:block; width:100%; height:100%; min-height:430px; overflow:hidden; background:#111; } .mv-lead-story--photo-first .mv-lead-story__media img, .mv-lead-story--photo-first .mv-lead-story__media .mv-image-placeholder{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--mv-hero-object-position,50% 50%); } .mv-lead-story--photo-first .mv-lead-story__shade{display:none} .mv-lead-story--photo-first .mv-lead-story__content, .mv-lead-story--photo-first .mv-lead-story__content--compact{ position:relative; inset:auto; left:auto; right:auto; bottom:auto; grid-row:2; z-index:2; width:100%; max-width:none; padding:17px 20px 18px; background: linear-gradient(90deg,rgba(255,62,165,.08),rgba(124,92,255,.045) 45%,transparent 78%), #0d0b12; border-top:1px solid rgba(255,255,255,.08); } .mv-lead-story--photo-first .mv-lead-story__labels{margin:0 0 7px;gap:7px} .mv-lead-story--photo-first h1[data-mv-hero-fit]{ width:100%; max-width:100%; transform:none; margin:0; font-family:"Arial Narrow","Aptos Narrow","Roboto Condensed","DejaVu Sans Condensed",Arial,sans-serif; font-size:clamp(24px,1.55vw,31px); font-weight:750; font-stretch:condensed; line-height:1.01; letter-spacing:-.025em; text-shadow:none; max-height:2.02em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-wrap:balance; } .mv-lead-story--photo-first h1[data-mv-hero-fit] a{display:block} .mv-lead-story--photo-first h1[data-mv-hero-fit] a:hover{text-decoration-color:var(--mv-pink)} @media (min-width:901px) and (max-width:1366px){ .mv-lead-story--photo-first .mv-lead-story__media{min-height:440px} .mv-lead-story--photo-first h1[data-mv-hero-fit]{font-size:clamp(23px,1.8vw,28px)} } @media (max-width:900px){ .mv-lead-story--photo-first{min-height:0} .mv-lead-story--photo-first .mv-lead-story__media{min-height:0;aspect-ratio:16/10} .mv-lead-story--photo-first .mv-lead-story__content, .mv-lead-story--photo-first .mv-lead-story__content--compact{padding:15px 17px 17px} .mv-lead-story--photo-first h1[data-mv-hero-fit]{font-size:clamp(23px,3.4vw,28px)} } @media (max-width:620px){ .mv-lead-story--photo-first .mv-lead-story__media{aspect-ratio:16/10} .mv-lead-story--photo-first .mv-lead-story__content, .mv-lead-story--photo-first .mv-lead-story__content--compact{padding:14px 15px 16px} .mv-lead-story--photo-first h1[data-mv-hero-fit]{width:100%;max-width:100%;transform:none;font-size:clamp(22px,6vw,26px);line-height:1.02;max-height:2.04em} }