.agata-film{position:relative;background:#020102;padding:clamp(80px,10vw,160px) 0 clamp(96px,11vw,180px);overflow:hidden;isolation:isolate}
.agata-film-glow{position:absolute;z-index:-1;left:50%;top:58%;width:min(1500px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(250,86,1,.22) 0,rgba(130,6,4,.14) 32%,transparent 64%);pointer-events:none;animation:agataFilmBreath 7s ease-in-out infinite}
.agata-film-shell{position:relative;width:var(--shell);max-width:1320px;margin-inline:auto}
.agata-film-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(32px,3.6vw,56px)}
.agata-film-kicker{display:flex;align-items:center;gap:14px;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.52);margin-bottom:18px}
.agata-film-kicker::before,.agata-film-kicker::after{content:"";width:28px;height:1px;background:var(--orange)}
.agata-film-title{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,3.6vw,4rem);line-height:1.05;letter-spacing:-.03em;color:var(--white)}
/* padding lateral para o itálico não ser cortado pelo overflow da animação */
.agata-film-line{display:block;overflow:hidden;padding:0 .2em .12em;margin:0 -.2em -.12em}
.agata-film-line>span{display:block;will-change:transform}
.agata-film-title em{font-style:italic;color:var(--orange)}
.agata-film-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 50px 140px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.09);will-change:clip-path,transform}
.agata-film-frame iframe,.agata-film-poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.agata-film-poster{display:block;padding:0;cursor:pointer;background:#000;color:#fff;font:inherit;overflow:hidden}
.agata-film-poster img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:filter .6s}
.agata-film-poster::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(2,1,2,.5) 100%),linear-gradient(180deg,transparent 45%,rgba(2,1,2,.6));pointer-events:none}
.agata-film-play{position:absolute;z-index:2;left:50%;top:50%;width:clamp(78px,8vw,116px);aspect-ratio:1;margin:calc(clamp(78px,8vw,116px)/-2) 0 0 calc(clamp(78px,8vw,116px)/-2);display:grid;place-items:center;will-change:transform}
/* Play em vidro vinho: círculo translúcido na cor da marca, com desfoque, borda fina e ícone branco, sem volume */
.agata-film-play-core{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:rgba(194,36,46,.5);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 40px rgba(0,0,0,.18);transition:transform .5s cubic-bezier(.2,.7,.2,1),background-color .4s,border-color .4s}
.agata-film-play-core svg{width:26%;margin-left:6%;fill:#fff}
.agata-film-ring{position:absolute;z-index:1;inset:0;border-radius:50%;border:1px solid rgba(194,36,46,.8);opacity:0;animation:agataFilmRing 3.2s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.agata-film-ring:nth-child(n+3),.agata-film-halo{display:none}
.agata-film-poster:hover img,.agata-film-poster:focus-visible img{filter:brightness(1.05)}
.agata-film-poster:hover .agata-film-play-core,.agata-film-poster:focus-visible .agata-film-play-core{transform:scale(1.06);background:rgba(194,36,46,.72);border-color:rgba(255,255,255,.75)}
.agata-film-poster:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
@keyframes agataFilmRing{0%{transform:scale(1);opacity:0}20%{opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes agataFilmBreath{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
@media (max-width:640px){.agata-film{padding:72px 0 88px}.agata-film-frame{border-radius:12px}.agata-film-kicker{font-size:.64rem;letter-spacing:.22em;margin-bottom:14px}.agata-film-kicker::before,.agata-film-kicker::after{width:20px}.agata-film-title{font-size:clamp(2rem,9vw,2.6rem)}}
@media (prefers-reduced-motion:reduce){.agata-film-glow,.agata-film-ring{animation:none}.agata-film-ring{display:none}}