@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');
:root{color-scheme:dark;--black:#050505;--orange:#ed693f;--ink:#f5f0e8;--line:#2c2723;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.top{position:sticky;top:0;z-index:20;min-height:68px;display:flex;align-items:center;gap:28px;padding:8px 3.6vw;background:#050505ec;border-bottom:1px solid #28231f;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font:700 25px 'Oswald',Impact,sans-serif;white-space:nowrap}.brand img{width:29px;height:29px;object-fit:contain}.brand em{font-style:normal;color:var(--orange)}nav{display:flex;gap:20px;align-self:stretch;align-items:stretch;flex:1;overflow-x:auto;scrollbar-width:none}nav a{display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap;color:#aaa199;font-size:11px;font-weight:700;letter-spacing:.1em}nav a:hover,nav a.active{color:var(--ink);border-color:var(--orange)}.shows{border:1px solid #6c4432;padding:10px 13px;color:#e8a888;font-size:10px;letter-spacing:.1em;font-weight:700;white-space:nowrap}.shows span{margin-left:8px}.panel{min-height:80vh}.hero{min-height:680px;position:relative;display:flex;align-items:center;background:#080707 url('assets/brasil-sinal.png') center right/cover no-repeat;border-bottom:1px solid #40291f}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505eb 24%,#05050569 58%,transparent 100%)}.hero-inner{position:relative;z-index:1;padding:70px 5vw}.eyebrow,.hero-index,.route span,.route b,.signal>span,.signal a,.panel-banner span,.panel-banner>a,.operation-hero span,.sources span,.sources small,.operation-note,.bottom{font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow{color:#f49c6d}.hero h1,.route strong,.panel-banner h1,.operation-hero h1,.sources h2{font-family:'Oswald',Impact,'Arial Black',sans-serif;font-weight:700;letter-spacing:-.035em}.hero h1{font-size:clamp(105px,14vw,220px);line-height:.82;margin:25px 0 35px}.hero h1 em,.panel-banner h1 em,.operation-hero h1 em{color:var(--orange);font-style:normal}.hero p{font-size:clamp(18px,1.5vw,24px);line-height:1.35;max-width:460px;color:#e4dcd2}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{background:var(--orange);color:#150b07;padding:18px 21px;font-size:12px;font-weight:700;letter-spacing:.1em}.button span{margin-left:32px}.text-link{border-bottom:1px solid var(--orange);padding-bottom:7px;font-size:12px;font-weight:700;letter-spacing:.1em}.hero-index{position:absolute;z-index:1;bottom:26px;right:3.5vw;color:#c6886b}.routes{display:grid;grid-template-columns:1fr 1fr}.route{min-height:340px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:33px 4vw;overflow:hidden;border-right:1px solid #5d3527}.route:before{content:'';position:absolute;inset:0;opacity:.44;transition:transform .5s,opacity .5s}.route:hover:before{transform:scale(1.05);opacity:.7}.route-brasil:before{background:#050505 url('assets/brasil-sinal.png') center/cover}.route-artists:before{background:#050505 url('assets/artista-palco.png') center/cover}.route:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505d8,#05050520)}.route span,.route strong,.route b,.route i{position:relative;z-index:1}.route span{color:#e6aa8b}.route strong{font-size:clamp(60px,6.5vw,100px);line-height:.92}.route b{color:#d9c8ba}.route i{position:absolute;right:4vw;bottom:27px;font-size:24px;color:var(--orange);font-style:normal}.signal{display:flex;align-items:center;gap:30px;padding:26px 4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.signal>span{color:#9e9186;margin-right:auto}.signal strong{font:600 24px 'Oswald',Impact,sans-serif}.signal strong span{color:var(--orange)}.signal a{border-bottom:1px solid var(--orange);padding-bottom:4px;color:#ec9a72;margin-left:auto}.panel-banner{position:relative;min-height:320px;padding:55px 4vw 40px;display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #543222;background-color:#0b0908;background-position:center right;background-size:cover}.panel-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,#050505d8 35%,#05050522 100%)}.panel-banner>*{position:relative;z-index:1}.brasil-banner{background-image:url('assets/brasil-sinal.png')}.artist-banner{background-image:url('assets/artista-palco.png')}.panel-banner span{color:#e99b74}.panel-banner h1{font-size:clamp(66px,9vw,140px);line-height:.9;margin:15px 0 10px}.panel-banner p{font-size:17px;color:#e7d7cb;margin:0}.panel-banner>a{white-space:nowrap;border-bottom:1px solid var(--orange);padding-bottom:6px;color:#f0aa83}.frame-shell{height:calc(100vh - 68px);min-height:700px;background:#050505}.frame-shell iframe{display:block;width:100%;height:100%;border:0}.artist-frame{height:1100px}.operation-hero{min-height:490px;padding:75px 4vw;background:#050505 url('assets/artista-palco.png') center/cover;position:relative}.operation-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505,#050505c0 44%,transparent)}.operation-hero>*{position:relative}.operation-hero span{color:#ee9d78}.operation-hero h1{font-size:clamp(80px,11vw,165px);line-height:.88;margin:22px 0}.operation-hero p{font-size:18px;max-width:420px}.flow{display:grid;grid-template-columns:repeat(4,1fr);background:#38251e;gap:1px;border-top:1px solid #38251e;border-bottom:1px solid #38251e}.flow article{background:#0b0908;padding:28px 2.7vw;min-height:210px}.flow b{font:700 39px 'Oswald',Impact,sans-serif;color:var(--orange)}.flow h2{font:700 25px 'Oswald',Impact,sans-serif;margin:18px 0 6px}.flow p{font-size:14px;color:#b9aaa0;margin:0}.sources{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;padding:85px 4vw}.sources span{color:#e99b74}.sources h2{font-size:clamp(55px,6.5vw,105px);line-height:.95;margin:20px 0}.source-list a{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #4e3429;padding:18px 0;gap:7px}.source-list b{font-size:15px}.source-list small{grid-column:1;color:#a7a098;letter-spacing:.05em}.source-list i{grid-column:2;grid-row:1/3;color:var(--orange);font-style:normal}.operation-note{margin:0 4vw 55px;background:#1d130e;border-left:2px solid var(--orange);padding:17px;color:#e1b297}.bottom{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;border-top:1px solid #2d211b;color:#aaa09a}.bottom a{color:#ef9b75}@media(max-width:900px){.shows{display:none}.top{gap:18px}.hero{min-height:620px}.routes{grid-template-columns:1fr}.route{min-height:300px}.sources{grid-template-columns:1fr;gap:20px}}@media(max-width:650px){.top{display:block;padding:10px 16px}.brand{margin-bottom:8px}.top nav{gap:16px;margin:0 -16px;padding:0 16px}.top nav a{font-size:10px;padding:10px 0}.hero{min-height:650px;background-position:65% center}.hero:before{background:linear-gradient(90deg,#050505e8,#05050586 65%,#05050520)}.hero-inner{padding:65px 22px}.hero h1{font-size:clamp(88px,19vw,128px)}.hero p{max-width:320px}.hero-index{left:22px;right:auto}.route{padding:25px 22px;min-height:260px}.route strong{font-size:67px}.signal{gap:15px;padding:24px 22px}.signal>span{width:100%}.signal a{width:100%;margin:6px 0 0}.panel-banner{min-height:280px;padding:40px 22px;display:block;background-position:65% center}.panel-banner h1{font-size:70px}.panel-banner>a{display:inline-block;margin-top:22px}.frame-shell{height:calc(100vh - 80px);min-height:720px}.artist-frame{height:1200px}.operation-hero{padding:55px 22px}.operation-hero h1{font-size:80px}.flow{grid-template-columns:1fr 1fr}.flow article{min-height:175px;padding:22px}.sources{padding:60px 22px}.bottom{display:block;line-height:2}}

/* Mobile product layout */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:clip}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .top{position:relative;display:flex;align-items:center;min-height:58px;padding:10px 18px;gap:0}
  .brand{margin:0;font-size:23px}
  .shows{display:block;margin-left:auto;border:0;padding:0;font-size:9px;letter-spacing:.06em}
  .top nav{position:fixed;z-index:50;left:0;right:0;bottom:0;margin:0;padding:0 8px env(safe-area-inset-bottom);height:calc(65px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;background:#080706f5;border-top:1px solid #5f3829;backdrop-filter:blur(15px);overflow:visible}
  .top nav a{display:flex;justify-content:center;align-items:center;border:0;border-top:3px solid transparent;padding:0 3px;color:#b4a8a0;font-size:0;letter-spacing:.06em;min-width:0;min-height:57px}
  .top nav a:after{content:attr(data-short);font-size:10px;font-weight:700}
  .top nav a.active{border-top-color:var(--orange);border-bottom:0;color:#fff}
  .hero{min-height:580px;background-image:url('assets/brasil-sinal-mobile.webp');background-position:58% center}
  .hero-inner{padding:52px 22px 70px}
  .hero h1{font-size:clamp(78px,20vw,112px);line-height:.88;max-width:100%;margin:25px 0 26px}
  .hero p{font-size:17px;max-width:330px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}
  .button{min-height:50px;display:flex;align-items:center}
  .hero-index{bottom:19px;left:22px;font-size:9px}
  .route{min-height:245px;padding:26px 22px}
  .route-brasil:before{background-image:url('assets/brasil-sinal-mobile.webp')}
  .route-artists:before{background-image:url('assets/artista-palco-mobile.webp')}
  .route strong{font-size:clamp(56px,14vw,70px)}
  .route b{max-width:80%;font-size:9px}
  .signal{gap:14px}
  .signal strong{font-size:21px}
  .panel-banner{min-height:260px;padding:39px 22px 29px}
  .brasil-banner{background-image:url('assets/brasil-sinal-mobile.webp')}
  .artist-banner{background-image:url('assets/artista-palco-mobile.webp')}
  .panel-banner h1{font-size:clamp(47px,12vw,66px);line-height:.92;margin:16px 0 11px}
  .panel-banner h1 em{display:block}
  .panel-banner p{font-size:14px;max-width:280px}
  .panel-banner>a{min-height:44px;display:inline-flex;align-items:center;margin-top:10px;font-size:10px}
  .frame-shell,.artist-frame{height:auto;min-height:0}
  .frame-shell iframe{height:1050px;min-height:0}
  .operation-hero{min-height:400px;padding:45px 22px;background-image:url('assets/artista-palco-mobile.webp');background-position:67% center}
  .operation-hero h1{font-size:clamp(67px,17vw,90px)}
  .operation-hero p{font-size:16px;max-width:290px}
  .flow article{min-height:160px}
  .flow h2{font-size:21px}
  .flow p{font-size:12px}
  .sources{padding:48px 22px 55px}
  .sources h2{font-size:clamp(50px,12vw,72px)}
  .source-list a{min-height:72px}
  .source-list b{font-size:13px}
  .source-list small{font-size:9px;line-height:1.45}
  .bottom{padding:20px 22px}
}
@media (max-width:350px){.top .shows{font-size:8px}.hero h1{font-size:74px}.panel-banner h1{font-size:45px}.flow{grid-template-columns:1fr}.flow article{min-height:110px}.route strong{font-size:55px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:700px){.top{backdrop-filter:none}}
@media (max-width:700px){.bottom span,.bottom a{display:block}.bottom a{margin-top:10px}}

/* Rhythm and artist entry */
.routes{gap:22px;padding:44px 4vw 22px;background:#080706}
.route{border:1px solid #4a2a1e}
.add-strip{margin:0 4vw 44px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#16100d;border:1px solid #6e3b27}
.add-strip span{display:block;color:#d9916e;font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:8px}
.add-strip strong{font:700 clamp(24px,2.7vw,39px) 'Oswald',Impact,sans-serif}
.add-strip a,.banner-actions button{border:1px solid var(--orange);background:var(--orange);color:#1c0d07;font-size:11px;font-weight:700;letter-spacing:.09em;padding:15px 19px;white-space:nowrap;cursor:pointer;min-height:46px}
.signal{padding-top:34px;padding-bottom:34px}
.panel-banner{min-height:345px}
.banner-actions{display:flex;flex-direction:column;align-items:flex-end;gap:17px}
.banner-actions a{border-bottom:1px solid var(--orange);padding-bottom:6px;color:#f0aa83;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.15em}
@media(max-width:900px){.routes{gap:18px}}
@media(max-width:700px){
 .routes{padding:28px 20px 18px;gap:18px}
 .route{min-height:260px}
 .add-strip{margin:0 20px 32px;padding:23px 21px;display:block}
 .add-strip strong{font-size:32px;display:block;margin-bottom:20px}
 .add-strip a{display:inline-flex;align-items:center;min-height:48px}
 .signal{padding-top:28px;padding-bottom:28px}
 .panel-banner{min-height:290px;padding-bottom:32px}
 .banner-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:15px 18px;margin-top:22px}
 .banner-actions button{min-height:46px;padding:12px 15px}
 .banner-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:10px}
}
@media(max-width:350px){.panel-banner{min-height:305px}.banner-actions{gap:12px}}
@media(max-width:700px){.banner-actions{flex-direction:column;align-items:stretch;gap:12px}.banner-actions button{width:100%;text-align:center}.banner-actions a{align-self:flex-start;margin-top:2px}}

/* Desktop artist header: keep the action clear of the title. */
@media(min-width:901px){
 .artist-banner{display:grid;grid-template-columns:minmax(0,1fr) 222px;align-items:end;column-gap:34px}
 .artist-banner>div:first-of-type{min-width:0}
 .artist-banner h1{font-size:clamp(62px,6.9vw,104px);max-width:100%;white-space:nowrap}
 .artist-banner .banner-actions{width:222px;align-items:stretch;padding-bottom:5px}
 .artist-banner .banner-actions button{text-align:center}
 .artist-banner .banner-actions a{align-self:flex-end}
}
@media(min-width:701px) and (max-width:900px){
 .artist-banner{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;column-gap:20px}
 .artist-banner h1{font-size:clamp(54px,7vw,70px);white-space:nowrap}
 .artist-banner .banner-actions{width:190px;align-items:stretch}
 .artist-banner .banner-actions button{text-align:center}
}
@media(min-width:701px){.artist-frame{scroll-margin-top:68px}}

/* Editorial title spacing and a quieter footer. */
.hero h1{font-size:clamp(88px,11vw,168px);line-height:1.01;letter-spacing:-.025em;margin:21px 0 25px}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{margin-top:28px}
.hero-inner{max-width:760px}
.hero p{max-width:440px}
.bottom{justify-content:flex-end}
@media(max-width:700px){
 .hero h1{font-size:clamp(70px,17vw,98px);line-height:1.04;margin:20px 0 24px}
 .hero h1 em{margin-top:17px}
 .hero-inner{max-width:100%}
}
@media(max-width:350px){.hero h1{font-size:67px}}

/* Brasil: a visual index complements the interactive globe. */
.brasil-indices{padding:88px 4vw 95px;background:#090807;border-top:1px solid #3d291f}
.indices-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:44px}
.indices-heading>div:first-child{max-width:620px}
.indices-heading span,.indices-controls label,.indices-mini-head,.indices-table th,.indices-note{font-size:10px;font-weight:700;letter-spacing:.13em}
.indices-heading span{color:#ec9b72}
.indices-heading h2{font:700 clamp(62px,7.5vw,112px)/.92 'Oswald',Impact,sans-serif;letter-spacing:-.035em;margin:16px 0 20px}
.indices-heading h2 em{color:var(--orange);font-style:normal}
.indices-heading p{font-size:17px;color:#c5b6aa;margin:0}
.indices-controls{display:grid;gap:23px;width:min(390px,38vw);flex:0 0 auto}
.indices-periods{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #6a402f}
.indices-periods button{background:#100d0b;border:0;border-right:1px solid #6a402f;color:#b9a99f;min-height:44px;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.indices-periods button:last-child{border-right:0}
.indices-periods button.active{background:var(--orange);color:#211109}
.indices-controls label{color:#ae9f96}
.indices-controls input{display:block;width:100%;min-height:46px;margin-top:8px;background:#17110e;border:1px solid #6a402f;color:#fff;padding:10px 13px;font:14px 'DM Sans',Arial,sans-serif}
.indices-controls input:focus,.indices-periods button:focus-visible,.indices-tile:focus-visible,.indices-detail:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.indices-body{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr);gap:28px;align-items:start}
.indices-atlas{border:1px solid #5d382a;padding:20px;background:#100d0b;position:sticky;top:90px}
.indices-mini-head{display:flex;justify-content:space-between;gap:10px;color:#dcb49e;margin-bottom:20px}
.indices-mini-head span{color:#8f847d}
.indices-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
.indices-tile{border:1px solid #8b6550;background:#57382a;color:#f8e5d9;aspect-ratio:1;min-width:0;font:700 10px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:transform .15s,border-color .15s,opacity .15s}
.indices-tile:hover{transform:translateY(-2px);border-color:#fff}
.indices-tile[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px}
.indices-tile.muted{opacity:.25}
.indices-tile.sertanejo,.genre-dot.sertanejo,.indices-key i.sertanejo{background:#e47549}
.indices-tile.funk,.genre-dot.funk,.indices-key i.funk{background:#b8527f}
.indices-tile.forro,.genre-dot.forro,.indices-key i.forro{background:#dfb05a}
.indices-tile.pop,.genre-dot.pop,.indices-key i.pop{background:#5e9aa8}
.indices-tile.pagode,.genre-dot.pagode,.indices-key i.pagode{background:#8da363}
.indices-tile.other,.genre-dot.other,.indices-key i.other{background:#6d6660}
.indices-legend{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:20px}
.indices-key{display:inline-flex;align-items:center;gap:5px;color:#b4a79f;font-size:10px}
.indices-key i,.genre-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px}
.indices-table-wrap{border-top:1px solid #69402d}
.indices-table{width:100%;border-collapse:collapse;table-layout:fixed}
.indices-table thead{color:#bca89b;text-align:left}
.indices-table th,.indices-table td{border-bottom:1px solid #30241e;padding:16px 10px;vertical-align:middle;text-align:left}
.indices-table th:first-child,.indices-table td:first-child{padding-left:0}
.indices-table th:nth-child(1){width:14%}.indices-table th:nth-child(2){width:23%}.indices-table th:nth-child(3){width:27%}.indices-table th:nth-child(4){width:24%}.indices-table th:nth-child(5){width:12%}
.indices-table tbody th b{display:block;color:#ee8055;font:700 23px 'Oswald',Impact,sans-serif}
.indices-table tbody th span{display:block;color:#afa39b;font:11px 'DM Sans',Arial,sans-serif;letter-spacing:0}
.indices-table td{font-size:13px;line-height:1.35;color:#e9dfd6;overflow-wrap:anywhere}
.indices-table td:nth-child(4){white-space:normal}
.genre-dot{margin-right:8px}
.indices-detail{color:#ef9b74;border-bottom:1px solid var(--orange);font-size:10px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.indices-empty{color:#bca89b;padding:25px!important}
.indices-note{margin:25px 0 0;color:#95877d;line-height:1.7;letter-spacing:.03em;font-weight:500}
@media(max-width:1100px){.indices-body{grid-template-columns:290px minmax(0,1fr)}.indices-table th,.indices-table td{padding:13px 7px}.indices-detail{font-size:9px}}
@media(max-width:900px){.indices-heading{align-items:start;flex-direction:column}.indices-controls{width:100%;max-width:460px}.indices-body{grid-template-columns:1fr}.indices-atlas{position:static}.indices-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:700px){
 .brasil-indices{padding:55px 20px 70px}
 .indices-heading{gap:25px;margin-bottom:28px}
 .indices-heading h2{font-size:clamp(49px,11vw,70px);margin:14px 0}
 .indices-heading p{font-size:14px}
 .indices-body{gap:22px}
 .indices-atlas{padding:16px}
 .indices-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
 .indices-tile{font-size:9px}
 .indices-table,.indices-table tbody,.indices-table tr,.indices-table th,.indices-table td{display:block;width:100%}
 .indices-table thead{display:none}
 .indices-table tr{padding:18px 0;border-bottom:1px solid #493126;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}
 .indices-table th,.indices-table td{padding:0;border:0}
 .indices-table tbody th{grid-column:1/3;display:flex;align-items:baseline;gap:10px}
 .indices-table tbody th b{font-size:27px}
 .indices-table tbody th span{font-size:13px}
 .indices-table td{font-size:13px}
 .indices-table td:before{content:attr(data-label);display:block;color:#9d8b80;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
 .indices-table td:last-child{grid-column:1/3;margin-top:4px}
 .indices-table td:last-child:before{display:none}
 .indices-note{font-size:10px}
}

/* Artist leaders by state: the YouTube rank is sourced; Spotify remains explicit. */
.indices-body{grid-template-columns:1fr;gap:34px}
.indices-atlas{position:static;padding:25px}
.indices-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.indices-tile{aspect-ratio:auto;min-height:158px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:#1b130f;border-color:#5e382a;color:#f8e5d9;overflow-wrap:anywhere}
.indices-tile:hover{background:#2a1a13;border-color:#ed8256}
.indices-tile.muted{opacity:.24}
.tile-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}
.tile-uf{font:700 30px/.9 'Oswald',Impact,sans-serif;color:#ef8254}
.tile-state{font:500 12px 'DM Sans',Arial,sans-serif;color:#bda99b;letter-spacing:0}
.tile-platform,.tile-spotify{font:700 9px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:.1em}
.tile-platform{color:#ed986d}
.tile-artist{font:700 17px/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-.025em;min-height:39px}
.tile-spotify{margin-top:auto;color:#8f8178;border-top:1px solid #463025;padding-top:9px}
.indices-source-status{font:700 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.12em;color:#ed986d;margin:17px 0 0}
.indices-source-status span{color:#a8988e;font-weight:500;letter-spacing:0;margin-left:7px}
@media(max-width:1100px){.indices-body{grid-template-columns:1fr}.indices-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.indices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.indices-tile{padding:12px;min-height:174px}.tile-heading{display:block}.tile-state{display:block;margin-top:4px}.tile-artist{font-size:15px}.indices-source-status span{display:block;margin:4px 0 0}}
@media(max-width:370px){.indices-grid{grid-template-columns:1fr}.indices-tile{min-height:135px}.tile-heading{display:flex}.tile-state{display:inline}.tile-artist{min-height:0}}