@font-face{font-family:"Fredella";src:url(/fontes/fredella.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fontes/inter-tight.woff2) format("woff2");font-weight:300 700;font-display:swap}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.65,0,.15,1)}

/* papel e tinta da marca; a cor forte vem dos filmes, e o sol terracota só aparece no logo e no fim da página */
:root{
  --papel:#F1EEE3;--tinta:#15110C;--noite:#0D0B08;--sol:#BB3E03;--apagado:rgba(21,17,12,.62);--linha:rgba(21,17,12,.16);
  --m:clamp(14px,1.55vw,28px);--g:clamp(8px,1vw,18px);
  --texto:clamp(1rem,.95rem + .22vw,1.2rem);
  --suave:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip;background:var(--papel);scroll-behavior:smooth}
body{overflow-x:clip;font:400 var(--texto)/1.4 "Inter Tight",system-ui,sans-serif;letter-spacing:-.012em;color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased}
img,video,canvas,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;padding:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}
sup{font-size:.26em;vertical-align:super;letter-spacing:0;font-weight:500;margin-left:.35em;line-height:0}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.pular{position:fixed;left:16px;top:-60px;z-index:100;background:var(--papel);color:var(--tinta);padding:8px 14px}
.pular:focus{top:16px}

/* tipos: Inter Tight fala; a Fredella, a letra da marca, entra numa palavra por frase */
.titulo-g{font-weight:400;font-size:clamp(3rem,10.4vw,13rem);line-height:.94;letter-spacing:-.05em}
.titulo-m{font-weight:400;font-size:clamp(2.2rem,5.2vw,6.4rem);line-height:.98;letter-spacing:-.045em}
.fredella{font-family:"Fredella",Georgia,serif;letter-spacing:-.015em;font-size:.97em}
.rotulo{font-size:.86rem;line-height:1.25;font-weight:500;letter-spacing:-.005em}
.apoio{margin-top:1.1em;max-width:27em;font-size:clamp(1.15rem,1.65vw,1.7rem);line-height:1.22;letter-spacing:-.022em}
.apoio a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.link-g{position:relative;display:inline-block;font-size:clamp(2rem,5.2vw,6.4rem);letter-spacing:-.045em;line-height:1}
.link-g::after,.link-p::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.03em;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--suave)}
.link-g:hover::after,.link-p:hover::after{transform:scaleX(1)}
.link-p{position:relative;display:inline-block;font-weight:500}
.link-p::after{height:1px;bottom:0}

/* títulos sobem palavra por palavra; a folga de cima e de baixo protege acentos e descendentes */
.p{display:inline-block;overflow:clip;vertical-align:top;padding:.16em .02em .1em;margin:-.16em -.02em -.1em}
.p>span{display:inline-block}
.arma .sobe .p>span{transform:translateY(112%);transition:transform 1.05s var(--suave);transition-delay:var(--d,0ms)}
.arma .sobe.visto .p>span{transform:none}

/* navegação */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,1.3vw,22px) var(--m);color:var(--tinta);transition:transform .5s var(--suave),color .3s}
.nav-logo img{width:clamp(108px,8.2vw,136px);height:auto}
.logo-claro{display:none}
.nav.sobre-filme{color:var(--papel)}
.nav.sobre-filme .logo-claro{display:block}.nav.sobre-filme .logo-escuro{display:none}
.nav.logo-papel .logo-claro{display:none}.nav.logo-papel .logo-escuro{display:block}
.nav-itens{display:flex;gap:clamp(16px,1.9vw,34px);font-size:.95rem;font-weight:500}
.nav-itens a{position:relative;padding:2px 0}
.nav-itens a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--suave)}
.nav-itens a:hover::after,.nav-itens a[aria-current]::after{transform:scaleX(1)}
.nav.some{transform:translateY(-110%)}
.nav-botao{display:none;font-weight:500;font-size:.98rem;padding:6px 0}
.menu-tela{position:fixed;inset:0;z-index:40;background:var(--tinta);color:var(--papel);padding:88px var(--m) 28px;display:flex;flex-direction:column;justify-content:space-between}
.menu-tela[hidden]{display:none}
.menu-tela nav a{display:block;font-size:clamp(2.8rem,14vw,5rem);line-height:1.04;letter-spacing:-.05em}
.menu-pe{display:flex;gap:20px;font-size:.95rem}
@media (max-width:820px){.nav-itens{display:none}.nav-botao{display:block}}

/* abertura: entra pela palavra "areia" e passa filme a filme; a passagem tem tempo próprio, não depende da velocidade da rolagem */
.abre{height:280svh;position:relative;z-index:2;pointer-events:none}
.abre a{pointer-events:auto}
/* o conteúdo seguinte já fica embaixo da abertura: a areia se desfaz e revela o texto, sem tela vazia */
.abre+.manifesto{margin-top:-100svh;padding-top:clamp(90px,14vh,150px)}
.calmo .abre+.manifesto{margin-top:0}
.abre-tela{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--noite)}
.abre.saindo .abre-tela{background:transparent}
.abre.fim-abre .abre-tela{visibility:hidden}
.abre.saindo .abre-video{visibility:hidden}
.abre-video,.abre-areia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.abre-video{visibility:hidden}
.abre-video.visivel{visibility:visible}
.abre.sem-gl .abre-video{visibility:visible;opacity:0;transition:opacity .9s}
.abre.sem-gl .abre-video.visivel{opacity:1}
.abre-areia{pointer-events:none;visibility:hidden}
.abre-letra{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.abre-medida{position:absolute;visibility:hidden}
.abre-frase,.abre-role{position:absolute;bottom:var(--m);font-size:clamp(.98rem,1.25vw,1.3rem);font-weight:400;line-height:1.2;letter-spacing:-.018em;color:var(--tinta);transition:opacity .35s}
.abre-frase{left:var(--m);max-width:21em}
.abre-role{right:var(--m)}
.abre.dentro .abre-frase,.abre.dentro .abre-role{opacity:0;pointer-events:none}
.abre-legenda{position:absolute;inset:auto var(--m) var(--m) var(--m);display:flex;justify-content:space-between;align-items:baseline;gap:20px;color:var(--papel);font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.2;opacity:0;visibility:hidden;text-shadow:0 0 22px rgba(0,0,0,.5)}
.abre-legenda{transition:opacity .35s,visibility .35s}
.abre.dentro .abre-legenda.entra{opacity:1;visibility:visible}
.abre-filme{font-weight:500}
.abre-filme em{font-style:normal;font-weight:400;margin-left:.45em;opacity:.8}
.abre-filme:hover em{opacity:1}
.calmo .abre{height:100svh}
.calmo .abre-letra,.calmo .abre-role,.calmo .abre-areia{display:none}
.calmo .abre-frase{color:var(--papel);bottom:calc(var(--m) + 2em)}
.calmo .abre-legenda{opacity:1;visibility:visible}

/* manifesto */
.manifesto{position:relative;padding:clamp(70px,11vw,190px) var(--m) clamp(70px,10vw,170px);overflow:clip}
.manifesto>*:not(.rastro){position:relative;z-index:1}
.manifesto-g{font-size:clamp(3rem,10.4vw,13rem);line-height:.94;letter-spacing:-.05em;max-width:9.6em}
.manifesto-pe{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);margin-top:clamp(50px,8vw,130px)}
.manifesto-pe>:nth-child(1){grid-column:1/4}
.manifesto-pe>:nth-child(2){grid-column:5/10;font-size:clamp(1.15rem,1.65vw,1.7rem);line-height:1.22;letter-spacing:-.022em}
.manifesto-areas{grid-column:11/13;font-size:.95rem;line-height:1.3;font-weight:500}
@media (max-width:820px){.manifesto-pe{display:block}.manifesto-pe>*+*{margin-top:22px}}
.filosofia{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);margin-top:clamp(50px,8vw,130px);border-top:1px solid var(--linha);padding-top:14px}
.filosofia h2{grid-column:1/7;font-weight:500;font-size:clamp(1.25rem,1.75vw,1.8rem);letter-spacing:-.03em;line-height:1.1}
.filosofia ul{grid-column:7/13;list-style:none;margin:0;padding:0}
.filosofia li{font-size:clamp(1.25rem,1.75vw,1.8rem);letter-spacing:-.03em;line-height:1.1;padding:0 0 14px}
.filosofia li+li{border-top:1px solid var(--linha);padding-top:14px}
@media (max-width:820px){.filosofia{display:block}.filosofia ul{margin-top:26px}}
.rastro{position:absolute;width:clamp(200px,19vw,320px);aspect-ratio:16/9;object-fit:cover;pointer-events:none;z-index:0;opacity:0}

/* filmes: sempre na horizontal, no quadro em que foram feitos, em grade limpa */
.obras{padding:0 var(--m) clamp(70px,9vw,150px)}
.obras ul{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4.6vw,76px) var(--g)}
.o-g{grid-column:1/-1}
.obra a{display:block}
.quadro{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#1a1610}
.quadro-vertical{aspect-ratio:9/16}
.quadro-cheio{aspect-ratio:auto}
.quadro img,.quadro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--suave)}
.quadro video{opacity:0;transition:opacity .5s,transform 1s var(--suave)}
.quadro video.tocando{opacity:1}
.obra a:hover .quadro img,.obra a:hover .quadro video{transform:scale(1.035) translate(var(--px,0),var(--py,0))}
.obra-texto{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-top:9px}
.obra-titulo{font-size:clamp(1.1rem,1.5vw,1.65rem);line-height:1.1;letter-spacing:-.028em;font-weight:500}
.obra-info{font-size:.92rem;color:var(--apagado);text-align:right}
.obras-todos{margin-top:clamp(50px,7vw,110px);text-align:right}
@media (max-width:720px){
  .obras ul{grid-template-columns:1fr;gap:34px}
  .obra-texto{display:block}.obra-info{display:block;text-align:left;margin-top:1px}
}
/* seções de filmes: a ordem é a do Vimeo; os dois primeiros maiores, o resto em três colunas */
.secao{padding:0 var(--m) clamp(70px,9vw,150px);scroll-margin-top:70px}
.secao>.titulo-m{padding-bottom:clamp(20px,2.6vw,40px);margin-bottom:clamp(16px,2vw,30px);border-bottom:1px solid var(--linha)}
.secao-rotulo{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--linha)}
.grade{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(30px,3.4vw,56px) var(--g)}
.g-m{grid-column:span 3}
.g-p{grid-column:span 2}
.g-p .obra-texto{display:block}
.g-p .obra-info{display:block;text-align:left;margin-top:1px}
.grade-3{grid-template-columns:repeat(3,1fr)}
.grade-3 .g-p{grid-column:auto}
@media (max-width:720px){.grade,.grade-3{grid-template-columns:1fr;gap:30px}.g-m,.g-p{grid-column:auto}.obra-texto{display:block}.obra-info{display:block;text-align:left}}
.filtros{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:clamp(20px,3vw,44px);font-size:1rem;font-weight:500}
.filtros a{position:relative;color:var(--apagado);transition:color .3s}
.filtros a:hover{color:var(--tinta)}
.filtros sup{font-size:.68em;margin-left:.3em}
/* o quadro se abre de cima para baixo ao entrar; quem não tem JS vê tudo aberto */
.arma [data-revela] .quadro,.arma figure[data-revela] img{transition:clip-path 1.25s var(--suave)}
.arma [data-revela]:not(.visto) .quadro,.arma figure[data-revela]:not(.visto) img{clip-path:inset(0 0 100% 0)}
.arma [data-revela] .obra-texto{transition:opacity .8s .35s,transform .9s .35s var(--suave)}
.arma [data-revela]:not(.visto) .obra-texto{opacity:0;transform:translateY(10px)}
/* cursor: uma bolinha que muda de cor conforme o que está embaixo e cresce sobre o que dá para assistir ou arrastar */
@media (hover:hover) and (pointer:fine){
  .cursor-on,.cursor-on *{cursor:none!important}
  .cursor-on input,.cursor-on textarea,.cursor-on select{cursor:text!important}
  .cursor-on select{cursor:pointer!important}
}
.cur{position:fixed;left:0;top:0;z-index:300;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--sol);pointer-events:none;display:grid;place-items:center;will-change:transform;transition:width .4s var(--suave),height .4s var(--suave),margin .4s var(--suave),background-color .3s,opacity .25s}
.cur span{font-size:.92rem;font-weight:500;color:var(--tinta);opacity:0;transition:opacity .2s;white-space:nowrap}
.cur.fora{opacity:0}
.cur.escuro{background:var(--papel)}
.cur.link{width:34px;height:34px;margin:-17px 0 0 -17px;background:var(--tinta)}
.cur.escuro.link{background:var(--sol)}
.cur.rotulado{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--papel)}
.cur.rotulado span{opacity:1}
@media (hover:none){.cur{display:none}}

/* diretores: o nome escolhe o filme que toma a tela; o retrato segue o mouse */
.elenco{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(70px,9vh,110px) var(--m) var(--m);background:var(--noite);color:var(--papel);overflow:hidden}
.elenco-fundo,.elenco-fundo>*,.elenco-sombra{position:absolute;inset:0;width:100%;height:100%}
.elenco-fundo>*{object-fit:cover;opacity:0;transition:opacity .7s}
.elenco-fundo>.ativo{opacity:1}
.elenco-sombra{background:rgba(13,11,8,.46)}
.elenco>.rotulo,.elenco-listas,.elenco-pe{position:relative}
.elenco-listas{margin-block:auto}
.elenco-dir a{display:block;font-size:clamp(2.6rem,min(6.2vw,9.6svh),8rem);line-height:1;letter-spacing:-.05em;transition:opacity .45s,transform .7s var(--suave)}
.elenco-fot{display:flex;align-items:baseline;gap:clamp(18px,3vw,50px);margin-top:clamp(20px,3.4vh,40px)}
.elenco-fot ul{display:flex;flex-wrap:wrap;gap:0 clamp(18px,2.4vw,40px)}
.elenco-fot a{display:block;font-size:clamp(1.5rem,2.7vw,3rem);line-height:1.1;letter-spacing:-.04em;transition:opacity .45s}
.elenco-listas.escolhendo a{opacity:.46}
.elenco-listas.escolhendo a.ativo{opacity:1}
.elenco-dir a.ativo{transform:translateX(.09em)}
.elenco-pe{max-width:24em;margin-left:auto;text-align:right;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.2;letter-spacing:-.018em;min-height:2.4em}
.elenco-retrato{position:absolute;left:0;top:0;width:clamp(150px,13vw,220px);aspect-ratio:4/5;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .35s;z-index:3;will-change:transform}
.elenco-retrato.mostra.tem{opacity:1}
@media (hover:none){.elenco-retrato{display:none}}
@media (max-width:620px){.elenco-fot{display:block}.elenco-fot ul{margin-top:6px}}

/* faixa de logos: contínua, mesma cor, mesmo peso, sobre o papel */
.faixa{padding:clamp(50px,6vw,100px) 0}
.faixa .rotulo{padding:0 var(--m);margin-bottom:clamp(24px,3vw,44px);color:var(--apagado)}
.faixa-janela{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.faixa-trilho{display:flex;align-items:center;width:max-content;animation:faixa 55s linear infinite}
.faixa-trilho li{flex:none;padding:0 clamp(26px,3.4vw,58px)}
.faixa-trilho img{display:block;max-width:none}
.faixa:hover .faixa-trilho{animation-play-state:paused}
@keyframes faixa{to{transform:translateX(-50%)}}
.calmo .faixa-trilho{animation:none;flex-wrap:wrap;width:auto}

/* bastidores: faixa que anda sozinha e o mouse arrasta */
.bastidores{padding:clamp(40px,5vw,80px) 0 clamp(50px,6vw,100px);overflow:clip}
.bastidores .titulo-m{padding:0 var(--m);max-width:13em;margin-bottom:clamp(24px,3vw,50px)}
.bt-janela{overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.bt-trilho{display:flex;gap:var(--g);width:max-content;will-change:transform;padding:0 var(--m)}
.bt{flex:none;height:clamp(300px,40vw,620px);overflow:hidden;background:#1a1610}
.bt>img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.bt .quadro{width:100%}
.bt .quadro img,.bt .quadro video{pointer-events:none}

/* processo */

/* fim: o sol nasce desde a primeira linha do rodapé e toma a tela */
.fim{position:relative;height:165svh;background:var(--papel)}
.fim-sol{position:sticky;top:0;height:100svh;margin-bottom:-100svh;background:var(--sol);clip-path:circle(var(--rad,0px) at 50% var(--cy,100%))}
.fim-tela{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(70px,10vh,110px) var(--m) var(--m);color:var(--papel)}
.fim-frase{font-size:clamp(3.4rem,12.4vw,16rem);line-height:.92;letter-spacing:-.055em}
.fim-topo,.fim-pe{opacity:var(--texto-fim,1)}
.fim-botoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,3.4vh,40px)}
.fim-pe{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);padding-top:12px;border-top:1px solid rgba(241,238,227,.35);font-size:clamp(.92rem,1.05vw,1.05rem);line-height:1.3}
.fim-rot{opacity:.68;margin-bottom:.45em}
/* telefone e e-mail com área de toque de dedo, sem mudar o desenho */
@media (pointer:coarse){.fim-pe a{display:inline-block;padding:5px 0}}
.fim-pe address{font-style:normal}
.fim-pe a:hover{text-decoration:underline;text-underline-offset:.15em}
.calmo .fim{height:100svh}
.calmo .fim-sol{clip-path:none}
@media (max-width:720px){.fim-pe{grid-template-columns:1fr 1fr;row-gap:16px}}
.botao{display:inline-block;padding:.72em 1.25em;border-radius:99px;background:var(--papel);color:var(--tinta);font-weight:500;font-size:1rem;transition:transform .4s var(--suave)}
.botao:hover{transform:translateY(-2px)}
.botao-linha{background:none;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.botao-tinta{background:var(--tinta);color:var(--papel);border:0}

/* topo das páginas internas */
.topo{padding:clamp(100px,15vh,170px) var(--m) clamp(40px,5vw,80px)}
.topo-diretor{display:grid;grid-template-columns:1fr minmax(150px,20vw);gap:var(--g);align-items:end}
.topo-diretor .rotulo{margin-bottom:12px}
.diretor-bio{margin-top:.9em;max-width:32em;font-size:1rem;line-height:1.32;color:var(--apagado)}
.diretor-link{margin-top:1.2em;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.diretor-foto{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:620px){.topo-diretor{grid-template-columns:1fr}.diretor-foto{max-width:56vw;margin-top:12px}}
/* trabalhos fora da Areia: presentes, mas discretos */
.externos{padding:0 var(--m) clamp(50px,6vw,100px)}
.externos ul{display:grid;grid-template-columns:repeat(6,1fr);gap:18px var(--g);margin-top:14px;padding-top:14px;border-top:1px solid var(--linha)}
.externos a{display:block}
.externos .quadro img{filter:saturate(.75);transition:filter .5s,transform 1s var(--suave)}
.externos a:hover .quadro img{filter:none;transform:scale(1.03)}
.externos-t{display:block;margin-top:6px;font-size:.86rem;line-height:1.2;font-weight:500}
.externos-t em{display:block;font-style:normal;font-weight:400;color:var(--apagado)}
@media (max-width:820px){.externos ul{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.externos ul{grid-template-columns:repeat(2,1fr)}}
.tela-video{width:min(92vw,calc(86svh*16/9));aspect-ratio:16/9;max-width:none;max-height:none;padding:0;margin:auto;border:0;background:#000;overflow:visible}
.tela-video::backdrop{background:rgba(13,11,8,.9)}
.tela-video iframe{width:100%;height:100%;border:0;display:block}
.tela-fechar{position:absolute;right:0;bottom:calc(100% + 8px);color:var(--papel);font-weight:500}

/* página do filme */
.filme-capa{position:relative;height:100svh;min-height:480px;background:var(--noite)}
.filme-capa .quadro{position:absolute;inset:0;height:100%}
.filme-capa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--noite)}
.filme-play{position:absolute;inset:0;display:flex;align-items:flex-end;width:100%;padding:var(--m);color:var(--papel);font-size:clamp(1rem,1.25vw,1.3rem);font-weight:500;text-align:left;text-shadow:0 0 22px rgba(0,0,0,.5)}
.filme-play>span{display:inline-flex;align-items:center;gap:.55em}
.filme-play>span::before{content:"";width:0;height:0;border-left:.7em solid currentColor;border-top:.42em solid transparent;border-bottom:.42em solid transparent;transition:transform .5s var(--suave)}
.filme-play:hover>span::before{transform:scale(1.25)}
.filme-capa.tocando .filme-play{display:none}
.filme-info{padding:clamp(24px,3vw,50px) var(--m) clamp(50px,7vw,110px)}
.filme-colunas{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);margin-top:clamp(34px,5vw,84px);align-items:start}
.filme-dados{grid-column:1/5}
.filme-dados div{display:grid;grid-template-columns:6.4em 1fr;gap:8px;padding:6px 0;border-top:1px solid var(--linha);font-size:.98rem}
.filme-dados dt{color:var(--apagado)}
.filme-dados dd{margin:0;font-weight:500}
.filme-dados a:hover{text-decoration:underline}
.filme-texto{grid-column:6/13}
.filme-desc{font-size:clamp(1.25rem,2.05vw,2.2rem);line-height:1.16;letter-spacing:-.03em;margin-bottom:clamp(24px,3vw,44px);max-width:32em}
/* ficha técnica: recolhida num botão */
.ficha summary{display:inline-flex;align-items:center;gap:.6em;padding:.6em 1.1em;border-radius:99px;box-shadow:inset 0 0 0 1px var(--tinta);font-weight:500;font-size:1rem;cursor:pointer;list-style:none;transition:background-color .3s,color .3s}
.ficha summary::-webkit-details-marker{display:none}
.ficha summary::after{content:"+";font-size:1.15em;line-height:1;transition:transform .4s var(--suave)}
.ficha[open] summary::after{transform:rotate(45deg)}
.ficha summary:hover{background:var(--tinta);color:var(--papel)}
.ficha dl{margin-top:clamp(18px,2vw,30px);columns:2;column-gap:var(--g)}
.ficha dl div{break-inside:avoid;padding:.34em 0;border-top:1px solid var(--linha);font-size:.92rem;line-height:1.28}
.ficha dt{color:var(--apagado)}
.ficha dd{margin:0}
.ficha dt:empty{display:none}
@media (max-width:820px){.filme-dados,.filme-texto{grid-column:1/-1}.filme-texto{grid-row:1;margin-bottom:12px}.ficha dl{columns:1}}
.stills{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);padding:0 var(--m) clamp(70px,9vw,150px)}
.stills figure{overflow:hidden;aspect-ratio:16/9}
.stills img{width:100%;height:100%;object-fit:cover}
.s-0{grid-column:1/-1}
.making{padding:0 0 clamp(70px,9vw,150px)}
.making .titulo-m{padding:0 var(--m);max-width:13em}
.making-fotos{display:flex;gap:var(--g);overflow-x:auto;padding:clamp(24px,3vw,50px) var(--m) 0;scrollbar-width:none;cursor:grab}
.making-fotos::-webkit-scrollbar{display:none}
.making-fotos img{height:clamp(240px,34vw,560px);width:auto;max-width:none;flex:none}
.proximos{padding:clamp(40px,5vw,80px) var(--m) clamp(50px,6vw,100px);border-top:1px solid var(--linha);margin:0}
.proximos-topo{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(20px,3vw,44px)}

/* produtos */
.produtos{padding:0 var(--m) clamp(50px,6vw,100px);display:grid;row-gap:clamp(50px,7vw,120px)}
.produto{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);align-items:end}
.produto .quadro{grid-column:1/8}
.produto>div{grid-column:9/13}
.p-1 .quadro{grid-column:6/13;grid-row:1}.p-1>div{grid-column:1/5;grid-row:1}
.produto-frase{margin-top:.5em;font-size:clamp(1.15rem,1.65vw,1.7rem);line-height:1.2;letter-spacing:-.022em}
.produto dl{margin-top:clamp(24px,3vw,50px)}
.produto dl div{padding:9px 0 12px;border-top:1px solid var(--linha)}
.produto dt{font-weight:500;font-size:.92rem}
.produto dd{margin:.2em 0 0;font-size:1rem;line-height:1.3;color:var(--apagado)}
@media (max-width:820px){.produto .quadro,.p-1 .quadro,.produto>div,.p-1>div{grid-column:1/-1;grid-row:auto}.produto>div{margin-top:18px}}

/* produtora */
.produtora-foto img{width:100%;height:100svh;object-fit:cover}
.escalas{background:var(--tinta);color:var(--papel);padding:clamp(70px,9vw,150px) var(--m);margin-bottom:clamp(70px,9vw,150px)}
.escalas-topo .apoio{margin-top:clamp(14px,1.4vw,24px);max-width:30em;opacity:.72}
.escalas ul{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);margin-top:clamp(44px,5vw,84px)}
.escalas li{border-top:1px solid rgba(241,238,227,.28);padding-top:10px}
.escalas strong{display:block;font-weight:400;font-size:clamp(4rem,10.4vw,13rem);line-height:.95;letter-spacing:-.055em}
.escalas li span{display:block;font-weight:500;font-size:1rem;margin-top:.5em}
.escalas li .escala-d{font-weight:400;opacity:.62;margin-top:.1em}
@media (max-width:720px){.escalas ul{grid-template-columns:1fr 1fr;row-gap:30px}}
.time{padding:0 var(--m) clamp(70px,9vw,150px)}
.time ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,210px),1fr));gap:clamp(24px,3vw,50px) var(--g);margin-top:clamp(34px,5vw,80px)}
.time-foto{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;margin-bottom:9px;background:var(--tinta)}
.time-foto img{display:block;width:100%;height:100%;object-fit:cover}
.time-2{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
@media (hover:hover){.time li:hover .time-2{opacity:1}}
.time strong{display:block;font-weight:500;font-size:1.05rem;letter-spacing:-.02em}
.time li span{font-size:.92rem;color:var(--apagado)}

/* contato */
.pessoas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--g);padding:0 var(--m) clamp(50px,7vw,110px)}
.pessoas>div{border-top:1px solid var(--linha);padding-top:10px}
.pessoas-nome{font-size:clamp(1.6rem,2.7vw,2.9rem);line-height:1.04;letter-spacing:-.04em;margin:clamp(24px,3vw,44px) 0 .25em}
.pessoas a{font-size:.95rem;color:var(--apagado)}
.pessoas a:hover{color:var(--tinta)}
.contato-form{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--g);padding:0 var(--m) clamp(50px,6vw,100px)}
.form{grid-column:1/8;display:grid;grid-template-columns:1fr 1fr;gap:18px var(--g);align-content:start}
.form label{display:grid;gap:2px;font-size:.9rem;font-weight:500}
.form-largo{grid-column:1/-1}
.form input,.form select,.form textarea{width:100%;font:400 1.05rem "Inter Tight",sans-serif;color:var(--tinta);background:none;border:0;border-bottom:1px solid var(--linha);padding:8px 0;border-radius:0;appearance:none}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-bottom-color:var(--tinta)}
.form .botao{justify-self:start}
.form-isca{position:absolute;left:-9999px}
.form-aviso{grid-column:1/-1;font-weight:500}
.whats{grid-column:10/13;display:flex;flex-direction:column;gap:4px}
.whats a{font-size:clamp(1.25rem,1.75vw,1.8rem);letter-spacing:-.03em}
.whats a:hover{text-decoration:underline;text-decoration-thickness:1px}
.whats .rotulo{margin-bottom:12px}
@media (max-width:820px){.form,.whats{grid-column:1/-1}.whats{margin-top:40px}}
.vazio{padding:0 var(--m) 80px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  html{scroll-behavior:auto}
  @view-transition{navigation:none}
}

/* formulário, privacidade e aceite */
.form-nota{font-size:.88rem;color:var(--apagado)}
.form-nota a{text-decoration:underline}
.privacidade{padding:0 var(--m) clamp(70px,9vw,150px);display:grid;gap:clamp(26px,3vw,44px);max-width:64rem}
.privacidade h2{font-size:1.05rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.4em}
.privacidade p{color:var(--apagado);max-width:58ch}
.privacidade p a{color:var(--tinta);text-decoration:underline}
.privacidade .botao{margin-top:.8em}
.aceite{position:fixed;left:var(--m);bottom:var(--m);z-index:200;max-width:430px;padding:16px 18px;background:var(--tinta);color:var(--papel);font-size:.92rem;line-height:1.35;display:grid;gap:12px}
.aceite[hidden]{display:none}
.aceite a{text-decoration:underline}
.aceite div{display:flex;gap:8px}
.aceite button{flex:1;padding:9px 12px;font:inherit;font-weight:500;background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor;border-radius:99px;cursor:pointer}
.aceite button[data-aceite=sim]{background:var(--papel);color:var(--tinta);box-shadow:none}
@media (max-width:600px){.aceite{right:var(--m);max-width:none}}