/* Tema global: cabeçalho, navegação, home, contato e rodapé. As regras responsivas ficam junto aos blocos correspondentes. */
:root{--yellow:#fffa00;--ink:#121212;--line:#d9d9d9}*{box-sizing:border-box}body{margin:0;background:#fafafa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #947900;outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--yellow);padding:12px;z-index:10}.skip:focus{top:0}.topline{display:flex;justify-content:space-between;background:var(--yellow);padding:10px max(4.5%,calc((100% - 1400px)/2));font-size:12px;font-weight:800;letter-spacing:1.2px}header{background:#101010;color:white}.masthead{max-width:1400px;margin:auto;min-height:126px;display:flex;align-items:center;gap:30px;padding:20px 0}.brand{width:330px;height:65px;display:block;overflow:hidden;position:relative;flex-shrink:0}.brand img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}.mastnote{font-size:13px;line-height:1.4;font-weight:700;letter-spacing:1px;border-left:1px solid #555;padding-left:25px}.edition{margin-left:auto;text-align:right;font-size:12px;letter-spacing:1px;line-height:1.9}.edition small{font-size:12px;color:#aaa}nav{border-bottom:1px solid var(--line);background:#fafafa}.navinner{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.tabs{display:flex;gap:34px}.tabs button{cursor:pointer;border:0;background:none;padding:21px 0 18px;font-size:14px;font-weight:700;border-bottom:4px solid transparent;white-space:nowrap}.tabs button.active{border-color:var(--ink)}.tabs button:hover{color:#777}.navlabel{font-size:12px;letter-spacing:1.5px;color:#666}main{max-width:1400px;margin:auto;padding:30px 0 0}.sectionline{display:flex;justify-content:space-between;font-weight:800;letter-spacing:1.4px;font-size:12px;margin-bottom:17px}.sectionline span:last-child{color:#666;font-weight:400}.lead-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:32px}.hero{position:relative;min-height:570px;overflow:hidden;background:#333;color:white;display:flex;align-items:end}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .6s}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.25) 53%,transparent 75%)}.hero:hover>img{transform:scale(1.025)}.hero-content{position:relative;z-index:1;padding:32px 36px;width:100%}.badge{background:var(--yellow);color:#111;padding:7px 10px;font-size:12px;font-weight:800;letter-spacing:1px}h1{font-size:clamp(32px,3.4vw,51px);line-height:1.02;letter-spacing:-1.9px;margin:20px 0 24px;max-width:780px}.hero-meta{border-top:1px solid #ffffff55;padding-top:16px;display:flex;justify-content:space-between;font-size:13px}.hero-meta span{font-weight:700}.aside-title{display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--ink);border-bottom:1px solid var(--line);padding:19px 0}.aside-title h2{font-size:30px;letter-spacing:-1px;margin:0}.aside-title>span{font-size:12px;color:#777}.radar{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.number{font-size:32px;font-weight:800;letter-spacing:-1px;color:#aaa;line-height:1}.kicker{font-size:11px;letter-spacing:1.1px;font-weight:800}.radar h3{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:9px 0 0}.radar:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.radar-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-size:12px;line-height:1.5;letter-spacing:.5px;font-weight:800}.asterisk{font-size:54px;line-height:1}.news{margin-top:52px}.news-heading{display:flex;justify-content:space-between;align-items:end;border-top:2px solid var(--ink);padding:22px 0}.news-heading h2{font-size:42px;letter-spacing:-1.8px;margin:0;line-height:1}.news-heading h2 span{color:#858000}.news-heading>span{font-size:12px;letter-spacing:1px;color:#666}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cardimage{aspect-ratio:1.7;position:relative;overflow:hidden;background:#ddd}.cardimage img{width:100%;height:100%;object-fit:cover;transition:transform .4s}article a:hover img{transform:scale(1.04)}.imagebadge{position:absolute;bottom:0;left:0;background:var(--yellow);font-size:11px;font-weight:800;padding:8px 11px;letter-spacing:1px}article h3{font-size:24px;letter-spacing:-.6px;line-height:1.15;margin:18px 0}article a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.byline{font-size:11px;letter-spacing:.8px;color:#777}.archive{margin:36px 0 55px;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.archive>span{font-size:16px;color:#666}.archive a{padding:14px 24px;border:1px solid var(--ink);font-weight:700;font-size:14px}.archive a:hover{background:var(--ink);color:white}footer{background:var(--ink);color:white;padding:42px max(4.5%,calc((100% - 1400px)/2)) 22px}.footer-main{display:flex;align-items:center;gap:50px}.footer-main .brand{width:250px;height:55px}.footer-main p{font-size:19px;line-height:1.2;letter-spacing:-.4px}.footer-main>a:last-child{margin-left:auto;font-size:14px}.footer-bottom{border-top:1px solid #444;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#aaa;letter-spacing:1px}[hidden]{display:none!important}@media(min-width:1550px){.hero{min-height:640px}}@media(max-width:1530px){.masthead,.navinner,main{margin-left:4.5%;margin-right:4.5%}}@media(max-width:1050px){.lead-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px}.hero{min-height:530px}.hero-content{padding:25px}.radar h3{font-size:18px}.radar{padding:19px 0}.tabs{gap:24px}.navlabel{display:none}.mastnote{display:none}.grid{gap:20px}article h3{font-size:21px}}@media(max-width:720px){.topline{font-size:10px;padding:9px 5%}.topline span:last-child{display:none}.masthead{min-height:99px}.masthead .brand{width:270px;height:56px}.edition{display:none}.navinner{overflow-x:auto}.tabs{gap:25px}.tabs button{font-size:14px;padding-top:17px;padding-bottom:14px}main{padding-top:22px}.sectionline{font-size:10px}.lead-layout{grid-template-columns:1fr;gap:28px}.hero{min-height:490px}.hero-content{padding:24px}h1{font-size:37px;letter-spacing:-1.3px}.hero>img{object-position:48% 25%}.sidebar{display:block}.aside-title{padding:14px 0}.radar{padding:19px 0}.radar h3{font-size:20px}.radar-bottom{display:none}.news{margin-top:35px}.news-heading h2{font-size:34px}.news-heading>span{font-size:10px}.grid{grid-template-columns:1fr;gap:30px}article h3{font-size:25px;margin:15px 0}.archive{align-items:start;flex-direction:column;margin-bottom:35px}.footer-main{align-items:start;flex-direction:column;gap:12px}.footer-main p{margin:5px 0 15px}.footer-main>a:last-child{margin:0}.footer-bottom{gap:20px;font-size:10px;line-height:1.5}.brand{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.contact-nav{font-weight:700;font-size:13px;white-space:nowrap;border-bottom:1px solid #111;padding-bottom:4px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-grid article h3{font-size:22px}.brasil-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);margin:10px 0 55px;min-height:440px}.brasil-copy{padding:44px;display:flex;align-items:start;flex-direction:column}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.3px}.brasil-copy h2{font-size:clamp(38px,4.5vw,66px);line-height:1.01;letter-spacing:-2.6px;margin:28px 0 22px}.brasil-copy p{font-size:18px;line-height:1.55;max-width:390px;margin:0 0 25px}.solid-link{background:#111;color:white;padding:15px 23px;font-size:14px;font-weight:700}.solid-link:hover{background:#333}.feature-foot{margin-top:35px;font-size:10px;font-weight:700;letter-spacing:1.5px}.brasil-image{position:relative;overflow:hidden;min-height:430px}.brasil-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;position:absolute}.brasil-image>span{position:absolute;bottom:24px;left:25px;background:#111;color:white;padding:9px 11px;font-size:10px;letter-spacing:1.2px}.listen-section{margin-bottom:60px}.listen-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.playlist{background:#111;color:white;padding:28px}.listen-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;letter-spacing:1px}.playlist h3{font-size:30px;letter-spacing:-1px;margin:28px 0 8px}.playlist p{font-size:16px;color:#bbb;margin:0 0 24px}.playlist iframe{display:block;border-radius:0;background:#202020}.platform-link{display:inline-block;font-size:13px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.other-channels{display:grid;grid-template-rows:1fr 1fr;gap:22px}.channel{padding:28px 30px;background:#eee;display:block;border:1px solid #ddd}.channel h3{font-size:36px;letter-spacing:-1.1px;line-height:1.05;margin:24px 0 14px}.channel p{font-size:16px;line-height:1.5;margin:0 0 22px;color:#666}.channel-cta{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.channel:hover{border-color:#111}.soundcloud{background:#fafafa}.contact-section{scroll-margin-top:25px;border-top:3px solid #111;padding:40px 0 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.contact-copy h2{font-size:clamp(36px,4.2vw,58px);line-height:1.05;letter-spacing:-2px;margin:28px 0 23px}.contact-copy h2 span{color:#878100}.contact-copy>p{font-size:18px;line-height:1.6;color:#666;max-width:450px}.contact-detail{display:flex;flex-direction:column;align-items:start;gap:16px;margin-top:45px}.contact-detail>span{font-size:10px;letter-spacing:1px;font-weight:700}.contact-detail>a{font-size:18px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.contact-detail>small{font-size:12px;color:#777;line-height:1.5}#contact-form{display:flex;flex-direction:column;gap:10px;background:#f0f0f0;padding:30px}#contact-form label{font-size:14px;font-weight:700;margin-top:8px}#contact-form input,#contact-form select,#contact-form textarea{width:100%;background:#fafafa;border:1px solid #ccc;color:#111;font:16px Arial,sans-serif;padding:13px;border-radius:0}#contact-form textarea{resize:vertical;min-height:110px}#contact-form :is(input,select,textarea):focus{outline:2px solid #111;outline-offset:2px}#contact-form button{background:var(--yellow);color:#111;border:1px solid #111;padding:16px;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px}#contact-form button:hover{background:#111;color:var(--yellow)}.form-note{font-size:12px;color:#666;line-height:1.5;text-align:center;margin:2px 0 0}.footer-links{margin-left:auto;display:flex;flex-direction:column;gap:14px;font-size:14px}.footer-links a:hover{text-decoration:underline}@media(max-width:1100px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brasil-copy{padding:30px}.contact-section{gap:35px}.tabs{gap:19px}.contact-nav{font-size:12px}}@media(max-width:720px){.contact-nav{padding:12px 0;margin-left:15px}.home-grid{grid-template-columns:1fr}.home-grid article h3{font-size:25px}.brasil-feature{grid-template-columns:1fr;margin-bottom:35px}.brasil-copy{padding:28px}.brasil-copy h2{font-size:46px;letter-spacing:-2px}.brasil-image{min-height:310px}.listen-grid{grid-template-columns:1fr;gap:20px}.playlist{padding:22px}.playlist h3{font-size:27px}.channel{padding:25px}.channel h3{font-size:33px}.contact-section{grid-template-columns:1fr;gap:28px;padding-top:28px}.contact-copy h2{font-size:42px}.contact-detail{margin-top:25px;gap:12px}#contact-form{padding:22px}.footer-links{margin-left:0;margin-top:15px}.listen-section{margin-bottom:40px}}
.label-feature{border-top:2px solid #111;border-bottom:1px solid #d9d9d9;padding:38px 0 42px;margin:0 0 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.label-name{border-left:6px solid var(--yellow);padding-left:26px}.label-name h2{font-size:66px;line-height:.95;letter-spacing:-3px;margin:23px 0 0;font-weight:900}.label-name h2 span{display:block;font-size:13px;letter-spacing:8px;line-height:1.5;margin-top:13px}.label-description{padding-left:28px;border-left:1px solid var(--line)}.label-description p{font-size:24px;letter-spacing:-.5px;line-height:1.4;margin:0 0 25px}.label-description a{display:inline-block;border:1px solid #111;padding:14px 22px;font-size:14px;font-weight:700}.label-description a:hover{background:#111;color:var(--yellow)}.contact-page{min-height:65vh;padding-bottom:25px}.contact-page .contact-section{margin-top:10px;padding-top:40px}.contact-page h1{font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-2px;margin:26px 0}.contact-page .contact-copy>p{max-width:390px}.contact-page .contact-copy h1 span{color:#878100}@media(max-width:720px){.label-feature{grid-template-columns:1fr;gap:30px;margin-bottom:35px;padding:28px 0}.label-name h2{font-size:53px}.label-description{padding-left:32px;border-left:none}.label-description p{font-size:21px}.contact-page .contact-section{padding-top:26px}.contact-page h1{font-size:44px}}
/* Original Hype Lab wordmark, matching the label site's Logo component. */
.label-name h2 .hype-logo{font-family:Arial,sans-serif;font-weight:900;font-size:55.5px;letter-spacing:-3px;line-height:.85;display:inline-block;color:#151515}.label-name h2 .hype-logo>span{display:inline;font-size:inherit;font-weight:300;letter-spacing:-4.5px;line-height:inherit;margin:0}.label-name h2 .hype-logo small{display:block;font-weight:900;letter-spacing:8.25px;font-size:13.5px;line-height:.85;text-align:right;margin-top:13.5px}@media(max-width:480px){.label-name h2 .hype-logo{font-size:44.4px;letter-spacing:-2.4px}.label-name h2 .hype-logo>span{letter-spacing:-3.6px}.label-name h2 .hype-logo small{font-size:10.8px;letter-spacing:6.6px;margin-top:10.8px}}
/* cabecalho: acompanha a rolagem por 160px e depois segue embora */
@supports (animation-timeline: scroll()) {
  @keyframes cab-segue { to { transform: translateY(160px); } }
  .topline, header, nav {
    position: relative; z-index: 50;
    animation: cab-segue linear both;
    animation-timeline: scroll(root);
    animation-range: 0px 160px;
  }
}
/* Legenda da capa no destaque */
.hero-caption {
    margin: 12px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    overflow-wrap: anywhere;
}

/* LOST_NEWS_SPACING */
main.news-list-page{
  padding-bottom:64px;
}
.news-list-page .news{
  margin-bottom:0;
}
.news-list-page .grid{
  align-items:stretch;
  row-gap:44px;
}
.news-list-page .grid article{
  min-width:0;
  height:auto;
  overflow:visible;
}
.news-list-page .grid article > a{
  display:flex;
  flex-direction:column;
  height:100%;
}
.news-list-page .grid article h3{
  height:auto;
  max-height:none;
  overflow:visible;
  overflow-wrap:anywhere;
  line-height:1.2;
  margin-top:16px;
  margin-bottom:18px;
}
.news-list-page .grid .byline{
  display:block;
  margin-top:auto;
  padding-bottom:12px;
  line-height:1.5;
}
@media(max-width:720px){
  main.news-list-page{padding-bottom:48px}
  .news-list-page .grid{row-gap:36px}
}
/* END_LOST_NEWS_SPACING */

/* Cor dos pontos decorativos nos títulos */
.news-heading h2 span,
.contact-copy h2 span,
.contact-page .contact-copy h1 span {
  color: var(--yellow, #fffa00);
}

.news-heading h2 span,
.contact-copy h2 span,
.contact-page .contact-copy h1 span {
  color: #b39b00;
}

.news-heading h2 span,
.contact-copy h2 span,
.contact-page .contact-copy h1 span {
  color: #121212;
}

.news-heading h2 span,
.contact-copy h2 span,
.contact-page .contact-copy h1 span {
  color: #121212;
}

/* Home: fixa a área de título e a posição dos créditos. */

/* Mantém imagem, título e crédito empilhados dentro de cada cartão. */
.home-grid article > a {
  display: flex;
  flex-direction: column;
}

/* Reserva seis linhas para todos os títulos, independentemente do texto. */
.home-grid article h3 {
  display: -webkit-box;
  height: 6.9em;
  margin: 18px 0;
  overflow: hidden;
  line-height: 1.15;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

/* Mantém o crédito em uma faixa de altura fixa abaixo da área do título. */
.home-grid .byline {
  display: block;
  flex: 0 0 1.5em;
  height: 1.5em;
  margin: 0;
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Tipografia exclusiva do trecho de contato; não altera o formulário nem a entrega por email. */
/* LSB_CONTACT_FONTS_START */
.contact-page .contact-detail > span {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}
.contact-page .contact-detail > .contact-email {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
}
/* LSB_CONTACT_FONTS_END */

/* Rodapé de Conexão Brasil: 11 px corresponde a um aumento de 10% sobre os 10 px originais. */
/* LSB_BRASIL_FOOT_START */
.brasil-feature .feature-foot { font-size: 11px; font-weight: 700; }
/* LSB_BRASIL_FOOT_END */
