html{scroll-behavior:auto}
.video-player{aspect-ratio:16/9;background:#111}
.video-preview{display:block;width:100%;height:100%;position:relative;padding:0;border:0;background:#111;cursor:pointer;color:#fff}
.video-preview img{display:block;width:100%;height:100%;object-fit:cover}
.video-preview span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#000;font-size:14px;font-weight:700;letter-spacing:.03em}
.video-preview b{color:var(--yellow)}
.video-player iframe{width:100%;height:100%;border:0}
.caption a{text-decoration:underline;text-underline-offset:3px}
nav a{font-size:14px}
@media(max-width:1100px){
  .header{min-height:80px;padding:18px var(--pad)}
  .menu-toggle{display:flex;justify-content:space-between;gap:30px;align-items:center;background:none;border:0;color:white;min-height:44px;font-size:16px}
  .menu-toggle span{color:var(--yellow);font-size:28px}
  nav{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#000;padding:24px var(--pad);overflow:auto;flex-direction:column;gap:8px}
  nav.open{display:flex}
  nav a{font-size:24px;min-height:64px;border-bottom:1px solid #333}
}

/* Abertura cinematográfica guiada pela rolagem */
:root{
  --motion-white-opacity:.10;
  --header-height:96px;
}

body{overflow-x:hidden}

.hero-motion{
  height:230svh;
  min-height:1320px;
  position:relative;
  padding:0;
  isolation:isolate;
  background:rgba(0,0,0,.98);
}

.hero-sticky{
  position:sticky;
  top:0;
  min-height:100svh;
  overflow:hidden;
  background:rgba(0,0,0,.98);
}

.hero-shell{
  position:relative;
  z-index:3;
  min-height:100svh;
  padding-top:calc(var(--header-height) + 34px);
  padding-bottom:0;
  display:flex;
  flex-direction:column;
}

.hero-shell h1{margin-top:auto}
.hero-shell .hero-band{margin-top:auto}

.motion-stage{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.motion-stage{
  z-index:1;
  overflow:hidden;
  opacity:1;
}

/* Arte oficial, com escala uniforme e espaço para exibir os dois círculos. */
.motion-symbol{
  position:absolute;
  left:50%;
  top:50%;
  width:min(86vw,114svh,1400px);
  height:auto;
  max-width:none;
  aspect-ratio:6784/4757;
  transform:translate(-50%,-50%);
  overflow:visible;
}
/* Camada gráfica de fundo. A assinatura institucional no cabeçalho fica intacta. */
.motion-stage{opacity:var(--motion-white-opacity)}

/* Retrato do fundador */
.founder{
  border-left:0;
  padding-left:0;
  position:relative;
  min-width:0;
  container-type:inline-size;
}
.founder-image{
  width:70%;
  aspect-ratio:4/7;
  background:#050505;
}
.founder-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/7;
  object-fit:contain;
}
.founder-caption{
  position:relative;
  margin:24px 0 0;
  padding:20px 0 0;
  border-top:4px solid var(--yellow);
  background:none;
}
.founder-caption .founder-name{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(32px,5vw,94px);
  font-size:clamp(1.5rem,17cqi,5.875rem);
  line-height:1;
  letter-spacing:-.05em;
  white-space:nowrap;
  margin:22px 0 18px;
}
.founder-caption>p:not(.founder-name){margin-bottom:0}

@media(max-width:1100px){
  :root{--header-height:80px}
  .hero-motion{height:220svh}
  .hero-shell{padding-top:calc(var(--header-height) + 24px)}
}

@media(max-width:850px){
  .hero-motion{height:210svh;min-height:1180px}
  .hero-shell{padding-bottom:0}
  .hero-shell h1{margin-top:auto}
}

@media(max-width:540px){
  .hero-motion{height:195svh;min-height:1080px}
  .hero-shell{padding-top:calc(var(--header-height) + 16px)}
  .hero-shell .eyebrow{margin-bottom:16px}
  .hero-shell h1{font-size:clamp(43px,13vw,70px);margin-bottom:28px}
  .hero-shell .hero-bottom{padding-bottom:24px}
  .hero-shell .hero-band{padding:18px 0}
}

@media(max-height:700px) and (orientation:landscape){
  .hero-motion{height:240svh;min-height:980px}
  .hero-shell{padding-top:calc(var(--header-height) + 12px)}
  .hero-shell h1{font-size:clamp(42px,9vw,82px);margin-bottom:18px}
  .hero-shell .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;padding-bottom:16px}
  .hero-shell .hero-band{padding:14px 0}
}

@media(prefers-reduced-motion:reduce){
  .hero-motion{height:auto;min-height:0}
  .hero-sticky{position:relative;min-height:100svh}
  .motion-symbol image{mask:none}
}