:root{--fundo:#eeebe4;--texto:#292c26;--acento:#a75f3d;color:var(--texto);background:var(--fundo);font-family:Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #dc976e;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:20;background:var(--fundo);padding:14px}.skip:focus{top:20px}.cine{height:440svh;position:relative;background:#3d3c32}.palco{height:100svh;position:sticky;top:0;overflow:hidden;color:#fff9ed}.capa,.capa img,canvas,.sombra{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.capa img{object-position:center}canvas{opacity:0}canvas.pronto{opacity:1}.sombra{background:linear-gradient(180deg,rgba(15,20,15,.42),transparent 30%,rgba(15,20,15,.1) 48%,rgba(15,20,15,.48));pointer-events:none}.topo{position:absolute;top:28px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;gap:30px;font-size:12px;letter-spacing:.04em}nav a{padding:12px 0;border-bottom:1px solid #fff6}.momentos{position:absolute;left:6%;bottom:17%;width:min(620px,85%)}.momento{position:absolute;bottom:0;width:100%;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s,transform .45s,visibility .45s}.momento.ativo{opacity:1;visibility:visible;transform:none}.painel{padding:32px 36px;background:rgba(33,36,29,.52);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16)}.rotulo{text-transform:uppercase;letter-spacing:.17em;font-size:10px;line-height:1.7;display:block}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;line-height:1.03;margin:22px 0}h1{font-size:clamp(45px,5.3vw,82px)}h2{font-size:clamp(42px,4.8vw,74px)}em{font-weight:400}p{font-size:14px;line-height:1.85;margin:16px 0 0}.link{display:flex;justify-content:space-between;border-bottom:1px solid #fff7;padding:16px 0;font-size:13px}.base{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:12px}.pausa{border:1px solid #fff5;background:#2228;padding:9px 13px;font-size:11px}.progresso{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff3}.progresso span{display:block;width:100%;height:100%;background:#e2bb9b;transform:scaleX(0);transform-origin:left}h3{font-size:14px;font-weight:400;margin:0}footer{padding:45px 6%;display:flex;gap:28px;align-items:center;flex-wrap:wrap}footer p,footer a:not(.marca){font-size:11px;margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.aviso{padding:20px}.sem-movimento.cine{height:100svh}@media(max-width:760px){.topo{top:20px;left:20px;right:20px;align-items:flex-start}nav a{display:none}nav a:last-child{display:block;font-size:10px;padding-top:13px}.momentos{left:20px;bottom:17%;width:calc(100% - 40px)}.painel{padding:24px;background:#24291f99;backdrop-filter:blur(10px)}.rotulo{font-size:8px;letter-spacing:.13em}h1,h2{font-size:43px;line-height:1.06;margin:18px 0}p{font-size:12px}.base{left:20px;right:20px;bottom:32px;flex-wrap:wrap}.base .rotulo{max-width:115px}.pausa{font-size:10px;padding:8px}footer{padding:35px 20px 85px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.momento{transition:none}}@media(max-width:760px){:root .base{bottom:80px}}

:root {
  --fundo: #F3F0E9;
  --areia: #D8CFC2;
  --pedra: #A69B8C;
  --grafite: #343330;
  --marfim-titulo: #F7F3EB;
  background: var(--fundo);
  color: var(--grafite);
  font-family: 'DM Sans', Arial, sans-serif;
}

body, .cine, .projeto { background: var(--fundo); }
.cine h1, .cine h2, .projeto h2 { font-family: 'Cormorant Garamond', Georgia, serif; }
.cine .topo, .cine .momentos, .cine .base { font-family: 'DM Sans', Arial, sans-serif; }

/* O tratamento tonal fica atrás do texto e não altera nenhum frame. */
.cine .sombra {
  background:
    linear-gradient(90deg, rgba(17, 16, 14, .30) 0%, rgba(17, 16, 14, .13) 41%, transparent 79%),
    linear-gradient(180deg, rgba(17, 16, 14, .22) 0%, transparent 28%, transparent 53%, rgba(17, 16, 14, .29) 100%);
}
.cine .momentos { width: min(680px, 85%); }
.cine .painel {
  padding: 0;
  background: transparent;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.cine .painel h1, .cine .painel h2 {
  color: var(--marfim-titulo);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .38);
  margin: 0;
}
.cine .painel h1 { font-size: clamp(58px, 6.2vw, 92px); }
.cine .painel h2 { font-size: clamp(56px, 5.8vw, 84px); }
.cine .painel p {
  color: var(--marfim-titulo);
  font-size: 15px;
  line-height: 1.6;
  margin: 23px 0 0;
  text-shadow: 0 1px 9px rgba(0, 0, 0, .65);
}
.cine .painel .link {
  width: min(390px, 100%);
  color: var(--marfim-titulo);
  margin-top: 10px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}
.cine .topo, .cine .base { color: var(--marfim-titulo); text-shadow: 0 1px 9px rgba(0, 0, 0, .55); }
.cine .topo nav { font-weight: 500; }
.palco { clip-path: inset(0 0 round 0); }

.projeto {
  position: relative;
  min-height: 100svh;
  padding: clamp(96px, 10vw, 150px) 0 110px;
  isolation: isolate;
  color: var(--grafite);
}
.projeto-conteudo { width: min(calc(100% - clamp(40px, 8vw, 130px)), 1510px); margin-inline: auto; }
.projeto-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: clamp(54px, 9vw, 160px);
  align-items: stretch;
}
.projeto-editorial {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 690px;
  padding: 7px 0 82px;
}
.projeto-rotulo {
  display: block;
  border-top: 1px solid var(--pedra);
  padding-top: 19px;
  color: #665f54;
  font-size: 10px;
  letter-spacing: .2em;
  font-weight: 600;
  line-height: 1.6;
}
.projeto-intro { max-width: 780px; }
.projeto h2 {
  font-size: clamp(72px, 7.2vw, 114px);
  font-weight: 400;
  line-height: .87;
  letter-spacing: -.055em;
  margin: 0;
}
.projeto-intro p {
  max-width: 420px;
  margin: 32px 0 0 3px;
  color: #6c665b;
  font-size: 17px;
  line-height: 1.75;
}
.projeto-visual { width: 100%; min-width: 0; }
.projeto-foto { width: 100%; margin: 0; background: var(--areia); }
.projeto-foto img { display: block; width: 100%; height: auto; aspect-ratio: 1288 / 1600; }
.provisoria { color: #827b71; font-size: 10px; letter-spacing: .04em; scroll-margin-top: 30px; }
.reveal { opacity: 1; transform: none; }
.motion-ready .projeto .reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .85s ease, transform .85s cubic-bezier(.2, .7, .25, 1);
}
.motion-ready .projeto .reveal.visible { opacity: 1; transform: none; }
.motion-ready .projeto-intro p.reveal { transition-delay: .1s; }
.motion-ready .projeto-foto.reveal { transition-delay: .06s; transform: translateY(24px); }
.motion-ready .projeto-foto.reveal.visible { transform: none; }

@media (max-width: 850px) {
  .projeto { padding: 85px 0 70px; }
  .projeto-conteudo { width: calc(100% - 36px); }
  .projeto-layout { display: flex; flex-direction: column; gap: 42px; }
  .projeto-editorial { min-height: 0; padding: 0; gap: 45px; }
  .projeto h2 { font-size: clamp(54px, 12.8vw, 86px); line-height: .91; letter-spacing: -.045em; }
  .projeto-intro p { font-size: 14px; line-height: 1.65; margin: 24px 0 0; }
  .projeto-visual { width: min(100%, 520px); margin-left: auto; }
}
@media (max-width: 760px) {
  .cine .sombra {
    background:
      linear-gradient(180deg, rgba(16, 15, 13, .25) 0%, transparent 25%, rgba(16, 15, 13, .08) 44%, rgba(16, 15, 13, .35) 100%),
      linear-gradient(90deg, rgba(16, 15, 13, .18), transparent 85%);
  }
  .cine .momentos { width: calc(100% - 40px); bottom: 17%; }
  .cine .painel h1, .cine .painel h2 { font-size: clamp(42px, 11vw, 50px); line-height: .99; }
  .cine .painel p { font-size: 13px; line-height: 1.5; margin-top: 17px; }
  .cine .painel .link { font-size: 12px; margin-top: 5px; padding: 11px 0; }
  .projeto-editorial { gap: 45px; }
  .projeto-visual { width: 100%; }
}
@media (max-width: 360px) {
  .cine .topo { gap: 8px; }
  .cine nav a:last-child { font-size: 9px; white-space: nowrap; padding-top: 10px; }
  .cine .momentos { bottom: 20%; }
}
@media (prefers-reduced-motion: reduce) {
  .palco { clip-path: none !important; }
  .motion-ready .projeto .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

.cine .marca { display:block; flex:none; width:252px; }
.cine .marca img { display:block; width:100%; height:auto; filter:drop-shadow(0 2px 5px rgba(0,0,0,.48)); }
@media(max-width:760px) { .cine .marca { width:186px; } }
@media(max-width:360px) { .cine .marca { width:158px; } }