/* Versão 9 — branco, com Azul Memória e Amarelo Emplasto como únicas cores de apoio.
   Anton só em títulos e números; Open Sans no resto. */
@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}
:root{
  --tinta:#1A1611;--papel:#F3ECDE;--azul:#0033A0;--amarelo:#F8D203;--branco:#fff;
  --display:Anton,Impact,'Arial Narrow',sans-serif;--text:'Open Sans',Arial,sans-serif;
  --g:clamp(16px,4vw,64px);--max:1280px;--sec:clamp(48px,6vw,88px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--branco);color:var(--tinta);font:400 17px/1.6 var(--text)}
img{display:block;max-width:100%;height:auto}
h1,h2,p,figure,blockquote,ol,dl,dd{margin:0}
a{color:inherit;text-underline-offset:4px}
:focus-visible{outline:3px solid var(--azul);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;background:var(--amarelo);padding:10px;z-index:50}.skip:focus{top:12px}
[hidden]{display:none!important}

/* tipografia */
.title{font:400 clamp(32px,3.8vw,56px)/1.1 var(--display);text-transform:uppercase;margin-bottom:24px}
.label{font:800 12px/1.4 var(--text);text-transform:uppercase;letter-spacing:.1em;color:var(--azul);margin-bottom:14px}

/* seções: largura contida, branco */
.sec{max-width:var(--max);margin:0 auto;padding:var(--sec) var(--g)}

/* cabeçalho */
.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:32px;padding:12px var(--g);background:var(--tinta);color:var(--papel)}
.brand{font:400 20px/1.1 var(--display);text-transform:uppercase;text-decoration:none}
.brand span{display:block;font:400 12px/1.4 var(--text);text-transform:none;margin-top:3px;opacity:.85}
.top nav{margin-left:auto;display:flex;gap:26px;font:800 13px var(--text)}
.top nav a{text-decoration:none}.top nav a:hover{color:var(--amarelo)}

/* botão bilhete */
.ticket{--notch:8px;display:inline-block;background:var(--amarelo);color:var(--tinta);font:800 14px var(--text);text-decoration:none;padding:11px 22px;
  -webkit-mask:radial-gradient(circle var(--notch) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle var(--notch) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.ticket:hover{background:var(--tinta);color:var(--amarelo)}
.ticket.big{font-size:16px;padding:15px 30px;margin-top:10px}
.top>.ticket:hover{background:var(--papel);color:var(--tinta)}
.hero-service{max-width:580px;margin-top:22px;font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.hero-actions .ticket.big{margin-top:0}
.hero-actions a:not(.ticket){font-weight:800}
.invitation{display:grid;grid-template-columns:1fr minmax(220px,360px);gap:clamp(32px,6vw,96px);align-items:center;border-top:1px solid #e4e0d8}
.invitation video{display:block;width:100%;max-height:70vh;aspect-ratio:9/16;background:var(--tinta)}
.invitation p+.ticket{margin-top:24px}

/* 1. abertura */
.hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;background:var(--tinta);color:var(--papel);overflow:hidden}
.hero-photo{position:absolute;top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:45% 30%}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--tinta) 38%,rgba(26,22,17,.6) 48%,rgba(26,22,17,0) 62%)}
.hero-copy{position:relative;z-index:1;padding:120px var(--g) clamp(48px,6vw,88px);width:100%}
h1{font:400 clamp(44px,6.2vw,112px)/1.08 var(--display);text-transform:uppercase;color:var(--amarelo)}
h1 small{display:block;font-size:1em}
.kicker-sub{font:800 clamp(15px,1.4vw,20px)/1.3 var(--text);color:var(--amarelo);text-transform:uppercase;letter-spacing:.04em;margin-top:12px}
.tag{display:inline-block;margin-top:24px;background:var(--amarelo);color:var(--tinta);font:800 clamp(14px,1.3vw,17px) var(--text);padding:7px 14px}
.credit{position:absolute;z-index:1;right:calc(var(--g) + 24px);bottom:22px;font-size:12px;text-shadow:0 1px 3px var(--tinta)}

/* 2. temporada + cartaz */
.season{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.season .title{color:var(--azul);font-size:clamp(40px,5vw,76px)}
.season .title span{display:block;color:var(--tinta);font-size:.5em;margin-top:6px}
.service{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;border-top:2px solid var(--azul);padding-top:18px;margin-bottom:28px}
.service dt{font:800 12px var(--text);text-transform:uppercase;letter-spacing:.08em;color:var(--azul)}
.sales{font-weight:800}
.poster{text-decoration:none;display:block;max-width:420px;justify-self:end}
.poster img{box-shadow:0 18px 40px rgba(26,22,17,.18)}
.poster span{display:block;font:800 12px var(--text);margin-top:12px}

/* 3. depoimentos */
.videos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;border-top:1px solid #e4e0d8}
.videos-intro p:last-child{font-size:18px}
.audience-quote{margin-top:28px;padding-left:20px;border-left:4px solid var(--azul)}
.audience-quote p{font:800 clamp(19px,2vw,25px)/1.45 var(--text)}
.audience-quote footer{font-size:13px;margin-top:12px}
.testimonial-videos{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:520px}
.testimonial-videos video{width:100%;aspect-ratio:9/16;background:var(--tinta);display:block}
.testimonial-videos figcaption{font-size:13px;margin-top:8px;min-height:2.8em}

/* 4. a peça */
.play{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center;padding-top:0}
.play-copy p+p{margin-top:14px}
.lead{font:800 clamp(18px,1.6vw,21px)/1.45 var(--text)}
.play-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.play-photo figcaption{font-size:12px;margin-top:8px}

/* 5. crítica: a única faixa de cor */
.proof{max-width:none;background:var(--azul);color:var(--papel);padding-left:max(var(--g),calc((100% - var(--max))/2 + var(--g)));padding-right:max(var(--g),calc((100% - var(--max))/2 + var(--g)))}
.proof blockquote p{font:800 clamp(22px,2.4vw,34px)/1.3 var(--text);max-width:920px}
.proof blockquote footer{font-size:14px;margin-top:14px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;border-top:1px solid rgba(243,236,222,.35);padding-top:24px}
.facts p{font-size:14px}
.facts b{display:block;font:400 clamp(30px,3.2vw,46px)/1.1 var(--display);text-transform:uppercase;color:var(--amarelo);margin-bottom:4px}
.press-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;font-size:14px}
.press-links a{font-weight:800}

/* 6. agenda */
.agenda-inner{max-width:880px}
.agenda-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.agenda-actions .ticket{max-width:100%;white-space:normal;text-align:center}
.dates{list-style:none;padding:0}
.dates li{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:baseline;padding:14px 12px;border-bottom:1px solid var(--tinta)}
.dates b{font:400 clamp(22px,2.2vw,28px)/1.1 var(--display);text-transform:uppercase}
.dates em{font:800 13px var(--text);font-style:normal}
.dates .paid{background:var(--amarelo)}
.dates .paid a{font:800 13px var(--text)}
.note{font-size:14px;margin-top:18px}

/* perguntas */
.faq{padding-top:0}.faq-list{max-width:880px}
.faq details{border-bottom:1px solid var(--tinta);padding:14px 0}
.faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:400 24px/1 var(--display)}
.faq details[open] summary:after{content:'\2013'}
.faq details p{margin-top:8px;max-width:760px}
address{font-style:normal}

/* ficha técnica */
.credits{padding-top:0}
.credits summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);padding:16px 4px 16px 0}
.credits summary::-webkit-details-marker{display:none}
.credits h2{font:400 clamp(24px,2.4vw,32px) var(--display);text-transform:uppercase}
.credits summary span{font:400 32px var(--display)}
.credits details[open] summary span{transform:rotate(45deg)}
.credits dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 32px;padding-top:24px}
.credits dt{font:800 12px var(--text);text-transform:uppercase;letter-spacing:.06em;color:var(--azul)}

/* rodapé */
.foot{background:var(--tinta);color:var(--papel);padding:48px var(--g) 0}
.foot>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.foot-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px}
.foot-cta .title{color:var(--amarelo);margin:0}
.aside-note{font-size:17px}
.aside-note span{display:block;font-weight:800;font-size:13px;margin-top:2px}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;border-top:1px solid rgba(243,236,222,.25);padding-top:28px;font-size:15px}
.foot-grid span{display:block;font:800 12px var(--text);text-transform:uppercase;letter-spacing:.08em;color:var(--amarelo)}
.legal{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid rgba(243,236,222,.25);margin-top:32px;padding:20px 0 28px;font-size:13px;opacity:.85}

.regua{display:block;width:100%;max-width:560px;margin-top:40px}
.season{align-items:end;padding-bottom:40px}
.videos{padding-top:48px}
.poster span{margin-top:8px}
.logo-damigo{width:150px;margin:10px 0 12px}

.privacy summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.privacy[open]{flex-basis:100%}.privacy p{max-width:720px;margin-top:8px}

/* celular */
@media (max-width:800px){
  .top{gap:12px}.top nav{display:none}.brand{font-size:16px}.brand span{font-size:11px}.ticket{margin-left:auto}
  .hero{min-height:88svh}
  .hero-photo{width:100%;height:62%;object-position:42% 40%}
  .hero:after{background:linear-gradient(to top,var(--tinta) 42%,rgba(26,22,17,0) 62%)}
  .hero-copy{padding-top:160px}
  h1{font-size:clamp(38px,10.5vw,54px)}
  .season,.videos,.play,.foot-grid,.invitation{grid-template-columns:1fr}
  .invitation video{max-width:360px;justify-self:center}
  .service{grid-template-columns:1fr 1fr}
  .poster{max-width:300px;justify-self:center}
  .testimonial-videos{max-width:none}
  .play-photo{order:-1;margin:0 calc(var(--g)*-1)}.play-photo figcaption{padding-left:var(--g)}
  .facts{grid-template-columns:1fr;gap:16px}
  .dates li{grid-template-columns:1fr auto}.dates li span{grid-column:1/-1;grid-row:2}
  .credits dl{grid-template-columns:1fr}
  .foot-cta{display:block}.aside-note{margin-top:16px}.foot-grid{gap:24px}
}
.poster{position:relative}.poster span{position:absolute;top:100%;left:0}
.regua{max-width:none}
.season{padding-bottom:56px}
@media (max-width:800px){.poster span{position:static}.season{align-items:start}}