/* Site principal Real Time · composição copiada do template GAFFER (Framer, gaffer-films.framer.website) na marca v1 (conta Leandro, 03/11/2026) */
:root{--pt:#0E0E0F;--gr:#16181D;--gr2:#1E2128;--fio:#2A2D35;--b:#F4F7FB;--cz:#9A9DA4;--cz2:#6B6E75;--az:#2E9BFF;--in:#4338F0;--rec:#FF3B3B;--w:1240px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--pt);color:var(--b);font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.w{max-width:var(--w);margin:0 auto;padding:0 24px}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cz)}
.rec:before{content:"● ";color:var(--rec)}
/* topo */
.top{position:sticky;top:0;z-index:50;background:rgba(14,14,15,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--fio)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.top img{height:30px}.top nav{display:flex;gap:22px;font-size:14px;color:#c9ccd3}.top nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--az);color:#fff;border-radius:99px;padding:12px 20px;font:600 15px Geist;white-space:nowrap}
.btn:after{content:"↗"}.btn.cl{background:var(--b);color:var(--pt)}.btn.ln{background:transparent;border:1px solid var(--fio);color:var(--b)}
@media(max-width:860px){.top nav{display:none}}
/* herói (GAFFER: foto de set, texto e lista à esquerda/direita, palavra gigante embaixo) */
.heroi{position:relative;overflow:hidden;border-bottom:1px solid var(--fio)}
.heroi .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55}
.heroi .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,15,.2),rgba(14,14,15,.55) 55%,var(--pt))}
.heroi .w{position:relative;padding-top:70px;padding-bottom:10px}
.heroi .lin{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.heroi p.lead{max-width:440px;font-size:18px;color:#dfe2e8;margin:18px 0 22px}
.heroi ul{list-style:none;font:700 22px/1.25 Geist;letter-spacing:-.01em;text-transform:uppercase}
.heroi ul li span{font:500 11px 'Geist Mono';color:var(--az);margin-right:10px;vertical-align:middle}
.gigante{font:800 clamp(88px,22vw,330px)/0.8 Geist;letter-spacing:-.07em;text-transform:lowercase;margin:46px 0 -0.06em -0.04em;white-space:nowrap}
.gigante b{color:var(--az);font-weight:800}
h1.h{font:700 clamp(40px,7vw,86px)/0.95 Geist;letter-spacing:-.045em;text-transform:uppercase}
h2{font:700 clamp(30px,4.6vw,54px)/0.98 Geist;letter-spacing:-.04em;text-transform:uppercase}
h3{font:600 22px/1.2 Geist;letter-spacing:-.01em}
.sec{padding:84px 0;border-bottom:1px solid var(--fio)}
.cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}
/* cards de kit (GAFFER: card de filme com ficha) */
.kit{position:relative;display:block;border-radius:6px;overflow:hidden;margin-bottom:18px;background:var(--gr)}
.kit .f{aspect-ratio:16/7;background-size:cover;background-position:center;position:relative}
.kit .f:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(14,14,15,.92))}
.kit .t{position:absolute;left:28px;bottom:70px;z-index:2}.kit .t .mono{color:#cfd3da}
.kit .t h3{font:700 clamp(34px,6vw,76px)/0.9 Geist;letter-spacing:-.045em;text-transform:uppercase;margin-top:8px}
.ficha{position:absolute;left:28px;right:28px;bottom:18px;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border-top:1px solid rgba(244,247,251,.25);padding-top:12px}
.ficha div{font-size:13px;color:#e3e6ec}.ficha div small{display:block;font:500 10px 'Geist Mono';letter-spacing:.12em;text-transform:uppercase;color:var(--cz)}
@media(max-width:760px){.kit .f{aspect-ratio:4/5}.ficha{grid-template-columns:repeat(2,1fr)}.kit .t{bottom:150px}}
/* manifesto */
.manif{text-align:center;font:800 clamp(38px,7vw,96px)/0.92 Geist;letter-spacing:-.05em;text-transform:uppercase;padding:110px 0}
.manif span{color:var(--cz2)}
/* lista completa numerada (GAFFER: the full list) */
.lista a{display:grid;grid-template-columns:48px 1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--fio)}
.lista a:last-child{border-bottom:1px solid var(--fio)}.lista a:hover h3{color:var(--az)}
.lista .n{font:500 12px 'Geist Mono';color:var(--cz2)}.lista h3{font:700 clamp(20px,3vw,32px)/1 Geist;letter-spacing:-.03em;text-transform:uppercase}
.lista .c{font-size:13px;color:var(--cz)}.lista .q{font:500 12px 'Geist Mono';color:var(--cz)}
@media(max-width:640px){.lista a{grid-template-columns:34px 1fr auto}.lista .c{display:none}}
/* formas de contratar (GAFFER: four ways in) */
.ways a{display:grid;grid-template-columns:48px 1fr 1.2fr 40px;gap:18px;align-items:center;padding:22px 0;border-top:1px solid var(--fio)}
.ways a:last-child{border-bottom:1px solid var(--fio)}
.ways h3{font:700 clamp(24px,3.4vw,40px)/1 Geist;letter-spacing:-.035em;text-transform:uppercase}.ways p{color:var(--cz);font-size:15px}
.ways .seta{width:40px;height:40px;border:1px solid var(--fio);border-radius:50%;display:grid;place-items:center}
.ways a:hover .seta{background:var(--az);border-color:var(--az)}
@media(max-width:700px){.ways a{grid-template-columns:34px 1fr 40px}.ways p{grid-column:2/3}}
/* números */
.nums{position:relative;border-radius:6px;overflow:hidden;background-size:cover;background-position:center}
.nums:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,15,.35),rgba(14,14,15,.85))}
.nums .in{position:relative;padding:60px 40px}
.nums .g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;border-top:1px solid rgba(244,247,251,.25);padding-top:20px}
.nums b{display:block;font:700 clamp(36px,5vw,58px)/1 Geist;letter-spacing:-.04em}
@media(max-width:700px){.nums .g{grid-template-columns:repeat(2,1fr)}}
/* processo */
.proc{display:grid;grid-template-columns:1fr 1fr;gap:40px}.proc .etapa{padding:22px 0;border-top:1px solid var(--fio)}
.proc .etapa h3{font:700 clamp(28px,4vw,46px)/1 Geist;letter-spacing:-.04em;text-transform:uppercase;margin:6px 0 8px}.proc .etapa p{color:var(--cz)}
.proc .gruda{position:sticky;top:90px;align-self:start}
@media(max-width:860px){.proc{grid-template-columns:1fr}.proc .gruda{position:static}}
/* visor (marca) */
.visor{position:relative;padding:10px}.visor .f{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:2px}
.visor i{position:absolute;width:20px;height:20px;border:0 solid var(--b)}
.visor i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.visor i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.visor i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.visor i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
.visor .r{position:absolute;left:24px;top:20px;font:500 12px 'Geist Mono';letter-spacing:.12em}.visor .tc{position:absolute;right:24px;bottom:20px;font:500 12px 'Geist Mono'}
/* cartões */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--gr);border:1px solid var(--fio);border-radius:6px;padding:26px}
.card h3{font-size:26px;margin:10px 0}.card ul{list-style:none;color:#c9ccd3;font-size:15px}.card li{padding:6px 0;border-top:1px solid var(--fio)}.card li:before{content:"✓  ";color:var(--az)}
@media(max-width:860px){.cards{grid-template-columns:1fr}}
/* página de serviço */
.migalha{font:500 12px 'Geist Mono';color:var(--cz);letter-spacing:.08em;margin-bottom:18px}.migalha a:hover{color:#fff}
.duas{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}@media(max-width:860px){.duas{grid-template-columns:1fr}}
.txt p{color:#d3d6dc;font-size:18px;margin-bottom:16px}.txt h2{margin:40px 0 16px;font-size:clamp(26px,3.4vw,38px)}
.txt ul{list-style:none;margin:0 0 20px}.txt li{padding:10px 0;border-top:1px solid var(--fio);color:#d3d6dc}.txt li b{color:#fff}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gal figure{background:var(--gr);border-radius:6px;overflow:hidden}
.gal img{aspect-ratio:4/3;object-fit:cover;width:100%}.gal figcaption{font:500 11px 'Geist Mono';color:var(--cz);padding:10px 12px;letter-spacing:.06em}
@media(max-width:760px){.gal{grid-template-columns:1fr 1fr}}
.faq details{border-top:1px solid var(--fio);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--fio)}
.faq summary{cursor:pointer;font:600 19px Geist;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary:after{content:"+";color:var(--az)}
.faq details[open] summary:after{content:"–"}.faq p{color:var(--cz);margin-top:10px;max-width:820px}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rel a{border:1px solid var(--fio);border-radius:6px;padding:20px;display:block}.rel a:hover{border-color:var(--az)}
@media(max-width:760px){.rel{grid-template-columns:1fr}}
/* CTA e rodapé (GAFFER: got a film in mind + palavra gigante) */
.cta-fim{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-end;padding:90px 0}
.rod{padding:50px 0 20px}.rod .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;font-size:14px;color:#c9ccd3}
.rod .cols b{display:block;font:500 11px 'Geist Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--cz2);margin-bottom:10px}.rod .cols a{display:block;padding:3px 0}.rod .cols a:hover{color:#fff}
@media(max-width:760px){.rod .cols{grid-template-columns:1fr 1fr}}
.rod .gigante{margin-top:50px;color:var(--b)}.rod .baixo{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 11px 'Geist Mono';color:var(--cz2);letter-spacing:.1em;margin-top:18px;text-transform:uppercase}
.wa-fixo{position:fixed;right:16px;bottom:16px;z-index:60;box-shadow:0 14px 30px -10px rgba(46,155,255,.6)}