:root{--ink:#181815;--paper:#f1eee4;--red:#dc2d20;--yellow:#f4d23c;--muted:#6e6c63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aaa79d}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;font-weight:900;line-height:1;text-decoration:none;letter-spacing:-1.5px}.brand span{color:var(--red)}nav{display:flex;align-items:center;gap:42px}nav a{font-size:13px;font-weight:700;text-decoration:none}.nav-support{border-bottom:2px solid var(--red);padding:8px 0}.nav-support span{color:var(--red);padding-left:8px}.hero{display:grid;grid-template-columns:1fr .92fr;gap:4vw;align-items:center;padding-top:50px;padding-bottom:58px}.hero-copy{padding:15px 0}.hero-note,.section-index{font-size:11px;font-weight:800;letter-spacing:.15em}.hero-note{margin:0 0 25px}.hero h1,.section-top h2,.purpose h2,.support h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.88;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(64px,7.5vw,116px)}.hero h1 span{color:var(--red)}.hero-description{font-size:17px;line-height:1.65;max-width:410px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:0;text-decoration:none;padding:17px 21px;font:700 13px 'DM Sans',Arial,sans-serif;min-height:53px}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#b42117}.free-note{font-size:12px;font-weight:700;margin-top:30px}.free-note span{font-size:19px;color:var(--red);vertical-align:middle;margin-right:7px}.hero-visual{position:relative;margin:0;align-self:stretch;min-height:525px;background:#333}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 41%;filter:grayscale(1) contrast(1.12)}.image-mark{position:absolute;right:5%;top:8%;transform:rotate(-9deg);color:var(--yellow);font:900 clamp(45px,5vw,77px)/1 'Barlow Condensed',Impact,sans-serif;text-shadow:2px 3px var(--ink)}.image-mark span{color:var(--red)}.image-stamp{position:absolute;left:-20px;bottom:35px;background:var(--red);color:white;transform:rotate(-5deg);padding:12px 20px;font:900 28px/.85 'Barlow Condensed',Impact,sans-serif}.hero-visual figcaption{position:absolute;bottom:0;right:0;background:rgba(0,0,0,.78);color:#fff;padding:7px 9px;font-size:10px;text-align:right}.ticker{height:50px;background:var(--ink);color:#f6f3eb;display:flex;gap:38px;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-family:'Barlow Condensed',Impact,sans-serif;font-size:17px;font-weight:800;letter-spacing:.08em}.ticker i{color:var(--yellow);font-style:normal;font-size:22px}.music-section{padding-top:104px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-index{color:var(--red);margin:0 0 25px}.section-top h2,.purpose h2,.support h2{font-size:clamp(52px,6vw,82px)}.section-top h2 em,.support h2 em{font-style:normal;color:var(--red)}.section-top>p{font-size:14px;line-height:1.6;margin:0}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cover{aspect-ratio:1.23;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:23px}.cover-one{background:var(--red);color:var(--paper)}.cover-mini,.cover-bottom{font-size:10px;font-weight:800;letter-spacing:.1em}.cover-title{margin:auto 0;font:900 clamp(38px,4vw,65px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;transform:rotate(-3deg)}.cover-title span{color:var(--yellow)}.cover-bottom{display:flex;justify-content:space-between;align-items:end}.cover-bottom b{font-size:34px;color:var(--yellow);line-height:.6}.cover-two{background:#d5d1c4;color:var(--ink)}.cover-three{background:var(--yellow);color:var(--ink)}.cover-two>span,.cover-three>span{font-size:12px;font-weight:800}.cover-two strong,.cover-three strong{margin:auto 0;font:900 clamp(38px,3.6vw,60px)/.85 'Barlow Condensed',Impact,sans-serif}.cover-two i,.cover-three i{position:absolute;right:20px;bottom:5px;font:normal 75px 'Barlow Condensed',sans-serif;color:var(--red)}.track-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin:22px 0 14px}.track-featured .track-meta span{color:var(--red)}.track h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;margin:0 0 5px}.track-info p{font-size:13px;line-height:1.5;margin:0 0 19px;color:#56544e}audio{width:100%;height:42px}audio:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid #3459ca;outline-offset:4px}.pending-player{border-top:1px solid #b9b6ab;padding-top:15px;font-size:12px;color:#656258;font-weight:700}.pending-player span{padding-right:10px}.purpose{background:var(--ink);color:var(--paper);padding:112px 0}.purpose-inner{display:grid;grid-template-columns:1fr .7fr;gap:12%;align-items:center}.purpose h2 span{color:var(--yellow)}.purpose-scribble{color:var(--red);font-family:Georgia,serif;font-size:22px;font-style:italic;transform:rotate(-3deg);margin-top:28px}.purpose-copy .lead{font-size:23px;line-height:1.45;font-weight:700}.purpose-copy p{font-size:15px;line-height:1.8;color:#d0cec5}.purpose-copy .purpose-sign{font-weight:700;color:var(--yellow)}.support{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:.5fr 1fr;align-items:center;gap:40px}.support-star{font-size:clamp(150px,21vw,300px);line-height:1;color:var(--red)}.support-content>p:not(.section-index):not(.support-note){max-width:500px;line-height:1.7;font-size:16px;margin:27px 0}.button-dark{background:var(--ink);color:white;cursor:not-allowed;opacity:.72}.support-note{color:var(--muted);font-size:12px}footer{background:var(--yellow)}.footer-inner{padding-top:38px;padding-bottom:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner p{font-size:13px;line-height:1.5}.back-top{font-size:12px;font-weight:700;text-decoration:none}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:74px}.brand{font-size:34px}nav{gap:18px}nav a{font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:42px;gap:20px}.hero h1{font-size:clamp(61px,12vw,90px)}.hero-description{font-size:15px}.hero-visual{min-height:440px}.image-stamp{left:-8px}.ticker{justify-content:flex-start;gap:25px;padding-left:20px}.music-section{padding-top:75px;padding-bottom:75px}.section-top{display:block}.section-top>p{margin-top:22px}.tracks{grid-template-columns:1fr;gap:38px}.cover{aspect-ratio:1.6}.cover-title{font-size:56px}.cover-two strong,.cover-three strong{font-size:52px}.purpose{padding:80px 0}.purpose-inner{grid-template-columns:1fr;gap:35px}.purpose-copy .lead{font-size:20px}.support{padding-top:80px;padding-bottom:80px;grid-template-columns:1fr;gap:0}.support-star{font-size:120px}.footer-inner{align-items:flex-start;flex-direction:column;gap:8px}.footer-inner p{margin:6px 0}.back-top{margin-top:10px}}@media(max-width:380px){nav{gap:12px}.hero h1{font-size:53px}.hero-visual{min-height:360px}.section-top h2,.purpose h2,.support h2{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.language-picker{display:flex;align-items:center;gap:8px;margin-left:32px}.language-label{font-size:11px;font-weight:700}.language-picker select{max-width:112px;border:1px solid #aaa79d;border-radius:0;background:transparent;color:var(--ink);padding:8px 4px;font:700 12px 'DM Sans',Arial,sans-serif}.language-picker select:focus-visible{outline:3px solid #3459ca;outline-offset:3px}.header nav{margin-left:auto}html:not([lang="pt-BR"]) .hero h1{font-size:clamp(52px,6.1vw,94px)}html:not([lang="pt-BR"]) .support h2,html:not([lang="pt-BR"]) .purpose h2{font-size:clamp(48px,5vw,72px)}@media(max-width:800px){.language-picker{margin-left:14px;gap:3px}.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-picker select{max-width:92px;font-size:11px}.header nav{gap:12px}html:not([lang="pt-BR"]) .hero h1{font-size:clamp(45px,10vw,72px)}html:not([lang="pt-BR"]) .support h2,html:not([lang="pt-BR"]) .purpose h2{font-size:clamp(42px,10vw,64px)}}

.track-meta.available span{color:var(--red)}
/* Direção artística V02: fotografia, cartaz e colagem */
:root{--red:#ee3527;--yellow:#efde25;--paper:#f0eddf;--blue:#183dca}
.hero{gap:20px;padding-top:35px;padding-bottom:45px;grid-template-columns:1fr 1.05fr}.hero-copy{position:relative;z-index:2}.hero h1{letter-spacing:-.04em}.hero h1 span{display:inline-block;transform:rotate(-2deg);background:var(--red);color:var(--paper);padding:2px 10px 10px;margin-left:-10px}.art-hero{transform:rotate(2deg);border:8px solid var(--ink);min-height:600px;box-shadow:13px 13px 0 var(--blue)}.art-hero img{object-position:51% center;filter:none}.art-tag{position:absolute;bottom:32px;left:-30px;background:var(--yellow);color:var(--ink);font:900 54px/.82 'Barlow Condensed',Impact,sans-serif;padding:16px 25px;transform:rotate(-9deg)}.ticker{background:var(--blue);transform:rotate(-1deg);height:65px;font-size:23px}.music-section{padding-top:90px}.cover.artwork-one,.cover.artwork-two{aspect-ratio:1;background-image:url('assets/capas-a-luta.jpg');background-size:200% 100%;padding:0;box-shadow:7px 7px 0 #191917}.artwork-one{background-position:left center;transform:rotate(-2deg)}.artwork-two{background-position:right center;transform:rotate(2deg)}.tracks{gap:35px}.cover-three{aspect-ratio:1;background:var(--yellow);border:3px dashed var(--ink);transform:rotate(-1deg)}.track-info{padding-top:12px}.art-interlude{margin:0;max-height:520px;overflow:hidden;background:#151515}.art-interlude img{width:100%;height:520px;object-fit:cover;object-position:center}.purpose{border-top:12px solid var(--red)}.purpose-scribble{font-size:30px;color:var(--yellow)}.support-star{color:var(--blue);transform:rotate(12deg)}.support h2 em{background:var(--red);color:var(--paper);padding:0 8px}.footer-brand{font-size:64px} @media(max-width:800px){.hero{grid-template-columns:1fr;gap:32px}.art-hero{min-height:420px;margin:0 10px 12px 0;box-shadow:8px 8px 0 var(--blue)}.art-tag{left:-12px;font-size:44px}.tracks{gap:48px}.art-interlude,.art-interlude img{height:300px}.cover.artwork-one,.cover.artwork-two,.cover-three{aspect-ratio:1}.hero h1{font-size:clamp(54px,11vw,88px)}}
/* Ajustes solicitados: vídeos silenciosos e título de apoio legível. */
.art-hero video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.art-interlude{width:min(900px,calc(100% - 40px));margin:0 auto 60px;max-height:none;background:#151515}.art-interlude video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.support h2{line-height:1.12}.support h2 em{display:inline-block;padding:.06em .12em .12em;margin:.08em 0;line-height:1.02;box-decoration-break:clone;-webkit-box-decoration-break:clone}.support-content{min-width:0}.art-tag{pointer-events:none}@media(max-width:800px){.art-interlude{height:auto;margin-bottom:35px}.art-hero{min-height:0;aspect-ratio:4/5}.support h2{line-height:1.16}}
.cover.artwork-one,.cover.artwork-two{background-image:url('assets/capas-arte-v03.jpg');box-shadow:3px 5px 0 #191917;transform:none}.sleeve-type{position:absolute;bottom:0;left:0;right:0;min-height:19%;background:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#171714}.sleeve-type small{font:600 9px 'DM Sans',Arial,sans-serif;letter-spacing:.14em}.sleeve-type strong{font:800 26px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;text-align:right}
.hero-reel{overflow:hidden}.reel-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}.reel-phrase{position:absolute;bottom:88px;left:24px;right:24px;font:800 clamp(30px,4.3vw,66px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px #000}.hero-reel[data-tone="1"] .reel-phrase{color:#efde25}.hero-reel[data-tone="2"] .reel-phrase{border-left:7px solid #ee3527;padding-left:15px}.reel-controls{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:white;font-size:11px}.reel-controls button{border:1px solid #ffffff88;background:#171714d9;color:white;padding:10px 12px;min-height:44px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.reel-controls button:focus-visible{outline:3px solid #efde25;outline-offset:3px}@media(max-width:800px){.reel-phrase{font-size:clamp(32px,8vw,54px);left:16px;right:16px}.reel-controls{left:12px;right:12px}}
.purpose{position:relative;isolation:isolate;overflow:hidden;background:#181815}.purpose-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.purpose-overlay{position:absolute;inset:0;background:rgba(12,12,11,.82);z-index:-1}.purpose-inner{position:relative}.purpose-copy p{color:#f1eee4}.purpose .section-index{color:#ff8278}@media(prefers-reduced-motion:reduce){.purpose-video{display:none}}
.cover.artwork-three{aspect-ratio:1;background:#fff url('assets/capa-couro.jpg') center / cover no-repeat;padding:0;box-shadow:3px 5px 0 #191917}
.art-interlude{width:100%;margin:0;max-height:none;height:clamp(300px,48vw,650px);overflow:hidden;background:#181815}.art-interlude video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}@media(max-width:800px){.art-interlude{width:100%;height:clamp(220px,65vw,420px);margin:0}.art-interlude video{height:100%}}

/* Ajustes de uso: controles do reel, capas clicáveis e estado de reprodução */
.reel-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:3}
.reel-btn{background:rgba(24,24,21,.82);color:#f1eee4;border:1px solid rgba(241,238,228,.55);padding:9px 13px;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer}
.reel-btn:hover{background:var(--red);border-color:var(--red)}
.track .cover{cursor:pointer}
.track .cover::after{content:"\25B6";position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:15px;padding-left:3px;box-sizing:border-box;transition:transform .15s,background .15s}
.track .cover:hover::after{background:var(--red);transform:scale(1.08)}
.track.is-playing .cover::after{content:"\275A\275A";background:var(--red);font-size:13px;letter-spacing:1px;padding-left:0}
@media(max-width:800px){.reel-controls{left:12px;right:12px;justify-content:flex-end}}

/* Evita rolagem horizontal causada por elementos girados */
html,body{overflow-x:clip}

/* Faixa do poema: rolagem lenta, pausa ao passar o mouse ou focar, estática com movimento reduzido */
.ticker-poem{justify-content:flex-start;gap:0}
.ticker-track{display:flex;flex:none;width:max-content;animation:ticker-roll 55s linear infinite}
.ticker-line{display:flex;align-items:center;flex:none;gap:38px;padding-right:38px}
@keyframes ticker-roll{to{transform:translateX(-50%)}}
.ticker-poem:hover .ticker-track,.ticker-poem:focus-within .ticker-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .ticker-poem{height:auto;padding:14px 24px;justify-content:center;white-space:normal}
  .ticker-track{animation:none;width:100%;flex:1 1 auto;min-width:0}
  .ticker-line{flex:1 1 100%;width:100%;flex-wrap:wrap;justify-content:center;gap:6px 24px;padding-right:0}
  .ticker-line[aria-hidden="true"]{display:none}
}

/* Mãos no lugar dos asteriscos da faixa do poema */
.ticker .hand{width:38px;height:40px;flex:none;overflow:visible}

/* Menu fixo no topo, com idioma sempre visível */
.header{position:sticky;top:0;z-index:50;width:100%;max-width:none;margin:0;background:var(--paper);border-bottom:1px solid #aaa79d;padding-left:max(48px,calc((100% - 1320px)/2));padding-right:max(48px,calc((100% - 1320px)/2))}
@media(max-width:800px){.header{padding-left:20px;padding-right:20px}}
.button-film{margin-top:14px;width:100%;background:transparent;color:var(--ink);border:2px solid var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-family:'DM Sans',Arial,sans-serif}
.button-film:hover{background:var(--ink);color:var(--paper)}
.button-film svg{width:14px;height:14px;fill:currentColor;flex:none}
.film-dialog{border:0;padding:0;background:#000;width:min(1100px,94vw);max-width:none;max-height:none;overflow:visible;color:#fff}
.film-dialog::backdrop{background:rgba(24,24,21,.94)}
.film-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.film-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-close{position:absolute;top:-54px;right:0;width:44px;height:44px;display:grid;place-items:center;border:0;background:var(--red);color:#fff;cursor:pointer}
.film-close:hover{background:#b42117}
.film-close svg{width:16px;height:16px}
.film-close:focus-visible{outline:3px solid #fff;outline-offset:3px}

.faq{padding-block:72px}.faq h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;font-size:clamp(28px,4vw,44px);margin:0 0 24px;color:var(--ink)}.faq details{border-top:2px solid var(--ink);padding:16px 0}.faq details:last-child{border-bottom:2px solid var(--ink)}.faq summary{cursor:pointer;font-weight:700;font-size:18px;color:var(--ink)}.faq details p{margin:12px 0 0;max-width:62ch;line-height:1.6;color:var(--ink)}
