:root{--blue:#4183c4;--yellow:#f7da08;--ink:#161616;--paper:#fff;--max:1050px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Albert Sans",Arial,sans-serif;color:var(--ink);background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.wide{--max:1320px}.topbar{position:sticky;top:0;z-index:20;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(65,131,196,.97);box-shadow:0 2px 12px #0002}.brand img{width:132px}.nav{display:flex;gap:24px;color:#fff;font-weight:700}.nav a:hover{color:var(--yellow)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:600px;background:var(--blue);display:grid;place-items:center;padding:60px 20px}.hero-inner{text-align:center}.hero-art{width:min(680px,92vw);margin:auto}.hero h1{color:#fff;font-weight:300;font-size:clamp(28px,4vw,48px);line-height:1.08;margin:24px 0 0}.section{padding:58px 0}.section h2,.join h2{font-size:clamp(38px,5vw,58px);line-height:.95;letter-spacing:-4px;color:var(--blue);margin:0 0 28px;font-weight:900}.split{display:grid;grid-template-columns:1fr 1.35fr;gap:55px;align-items:center}.band-yellow{background:var(--yellow);padding:54px 0}.join h2{margin:0}.video-feature{display:block}.video-cover{aspect-ratio:16/9;border:4px solid var(--blue);border-radius:10px;overflow:hidden}.placeholder-cover{display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#1d3557,#4183c4);color:#fff}.placeholder-cover span{font-size:54px}.placeholder-cover strong{font-size:22px}.placeholder-cover small{opacity:.8;margin-top:6px}.story-grid img{width:75%;margin:auto}.story-grid p,.origin-grid p,.achievements-grid p{font-size:21px;line-height:1.25}.figures img{width:100%;margin-top:16px}.mini-line{width:86px;height:10px;background:var(--yellow);border-radius:99px;margin:-10px 0 30px}.what-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.what-grid>img{max-height:480px;margin:auto}.statements{display:grid;gap:16px}.statements p{font-size:28px;font-weight:900;line-height:1.05;text-align:center;margin:0;padding:20px 24px}.blue-box{background:var(--blue);color:var(--yellow)}.yellow-box{background:var(--yellow);color:var(--blue)}.thin-rule{height:3px;background:#ddd}.origin-grid{align-items:start}.origin-grid img{width:100%}blockquote{margin:45px 0 0;text-align:center;color:var(--blue);font-size:clamp(28px,4.4vw,52px);line-height:1;font-weight:900;letter-spacing:-3px}.achievement-images img{width:85%;margin:auto}.blue-text{color:var(--blue)}.videos{background:var(--blue);padding:68px 0}.videos h2{color:var(--yellow);text-align:center;font-size:clamp(38px,5vw,56px);letter-spacing:-4px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.video-card{position:relative;aspect-ratio:16/9;background:#255a8c;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #0002;transition:.2s}.video-card:hover{transform:translateY(-5px) scale(1.02)}.video-card img{width:100%;height:100%;object-fit:cover}.video-card .fallback{width:100%;height:100%;display:grid;place-content:center;text-align:center;color:#fff;padding:16px;background:linear-gradient(135deg,#173d63,#f7da08)}.video-card .play{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#fff;text-shadow:0 3px 14px #000}.insta-grid{grid-template-columns:180px 1fr}.insta-grid img{width:110px;margin:auto}.cta{background:var(--yellow);color:var(--blue);font-size:24px;font-weight:900;text-align:center;padding:18px 28px;border-radius:16px;transition:.2s}.cta:hover{transform:scale(1.03)}footer{background:var(--blue);color:#fff;padding:58px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-grid img{width:190px;margin-bottom:16px}.footer-grid a{display:block;margin:8px 0}.footer-grid a:hover{color:var(--yellow)}
@media(max-width:800px){.menu-btn{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--blue);padding:18px 24px;flex-direction:column}.nav.open{display:flex}.hero{min-height:520px}.split,.what-grid,.footer-grid{grid-template-columns:1fr}.join h2{text-align:center}.story-grid img{width:62%}.what-grid>img{max-height:360px}.video-grid{grid-template-columns:repeat(2,1fr)}.insta-grid{grid-template-columns:1fr}.insta-grid img{width:88px}.section h2,.join h2{letter-spacing:-2px}.statements p{font-size:22px}.origin-grid{gap:25px}.achievement-images img{width:60%}}
@media(max-width:480px){.container{width:min(100% - 24px,var(--max))}.video-grid{grid-template-columns:1fr}.hero{min-height:430px}.section,.videos{padding:44px 0}.band-yellow{padding:40px 0}.story-grid p,.origin-grid p,.achievements-grid p{font-size:18px}}

/* Player principal: capa limpa e vídeo responsivo */
.join .split{
  grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);
  gap:clamp(36px,6vw,90px);
}
.video-feature{
  position:relative;
  width:100%;
  max-width:760px;
  margin-left:auto;
  aspect-ratio:16/9;
  overflow:hidden;
  border:3px solid var(--blue);
  border-radius:12px;
  background:#000;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.video-feature iframe,
.video-thumb,
.video-thumb img{
  display:block;
  width:100%;
  height:100%;
}
.video-feature iframe{border:0}
.video-thumb{
  position:relative;
  padding:0;
  margin:0;
  border:0;
  appearance:none;
  -webkit-appearance:none;
  background:#000;
  cursor:pointer;
  overflow:hidden;
}
.video-thumb img{object-fit:cover}
.video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.22));
  pointer-events:none;
}
.video-thumb span{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  padding-left:5px;
  border-radius:50%;
  background:rgba(65,131,196,.95);
  color:#fff;
  font-size:34px;
  line-height:1;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  transition:transform .2s ease,background .2s ease;
}
.video-thumb:hover span,
.video-thumb:focus-visible span{
  background:#2f70b0;
  transform:translate(-50%,-50%) scale(1.08);
}
.video-thumb:focus-visible{outline:4px solid #fff;outline-offset:-4px}

@media(max-width:800px){
  .join .split{grid-template-columns:1fr;gap:28px}
  .video-feature{margin-inline:auto;max-width:680px}
}