@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
/* COSA NOSTRA BR RIO — 0.38: fim de tarde no Rio. Fundo azul-noite, laranja de sol baixo, ciano de neon. Página leve: vídeo baixo em vez de 3D. */
:root{--fundo:#0b0e14;--painel:#121826;--linha:#25304a;--texto:#e9edf3;--mudo:#9aa7bd;--laranja:#ff7a3d;--laranja2:#ffa06b;--ciano:#38e1ff;--ciano2:#9ff0ff;font-family:Manrope,system-ui,sans-serif;color:var(--texto);background:var(--fundo);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--fundo)}a{color:inherit;text-decoration:none}
header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:25px;border-bottom:1px solid var(--linha);background:linear-gradient(180deg,#0e1420,var(--fundo))}
.brand{font-size:17px;font-weight:700;letter-spacing:2px}.brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:var(--mudo)}
nav{display:flex;align-items:center;gap:28px;font-size:12px}nav a:hover{color:var(--ciano2)}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 22px;border:1px solid #3a4a6a;font-size:12px;font-weight:700;letter-spacing:1px;transition:border-color .2s,transform .2s}.cta:hover{border-color:var(--ciano);transform:translateY(-2px)}
.gold{background:var(--laranja);color:#160b05;border:0}.gold:hover{background:var(--laranja2)}
.chip{font-size:10px;letter-spacing:2px;padding:8px 12px;border:1px solid var(--laranja);color:var(--laranja);border-radius:20px;white-space:nowrap}
.aviso{background:linear-gradient(90deg,#1a0f0a,#121826);border-bottom:1px solid #3a2418;padding:14px 7%;font-size:13px;line-height:1.6;color:#ffd7c2;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.aviso b{color:var(--laranja);letter-spacing:1px}.aviso a{color:var(--ciano2);border-bottom:1px solid #2a5a66}
.hero{height:680px;min-height:560px;position:relative;overflow:hidden;background:#0b0e14}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0e14f2 0%,#0b0e14b8 34%,#0b0e1400 72%),linear-gradient(0deg,#0b0e14,transparent 32%);pointer-events:none}
.hero-copy{position:relative;padding:60px 7%;pointer-events:none;max-width:760px}.hero-copy a{pointer-events:auto}
.eyebrow{font-size:10px;letter-spacing:2px;color:var(--ciano)}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.98}
h1{font-size:clamp(66px,8vw,116px);font-weight:800;letter-spacing:-1px;margin:22px 0}h1 span{color:var(--laranja)}
h2{font-size:clamp(38px,4.5vw,62px);font-weight:600;margin:18px 0}h3{font-size:30px;font-weight:600}em{font-style:normal;color:var(--laranja2)}
.lead{font-size:24px;line-height:1.35}.sub{font-size:13px;line-height:1.8;color:var(--mudo)}.small{font-size:11px;color:var(--mudo);line-height:1.8}
.hero-legenda{position:absolute;right:6%;bottom:36px;font-size:11px;color:var(--mudo);max-width:380px;text-align:right}
.section{padding:64px 7%;border-bottom:1px solid var(--linha)}
.story,.footage{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story p,.footage p,.legacy p,.texto{font-size:14px;line-height:1.9;color:#b6c0d4}
.text-link{display:inline-block;font-size:12px;color:var(--ciano2);padding:12px 0;border-bottom:1px solid #2a5a66}.text-link:hover{color:#fff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.cards a{padding:28px;background:var(--painel);border:1px solid var(--linha);transition:border-color .2s,transform .2s}.cards a:hover{border-color:var(--laranja);transform:translateY(-4px)}
.cards span{color:var(--laranja);font-size:13px}.cards p{font-size:12px;line-height:1.8;color:#b6c0d4}.cards small{font-size:9px;letter-spacing:1px;color:var(--ciano)}
.footage video,.direction img,.direction video{width:100%;display:block;background:#070a10}
.direction details{margin-top:28px;font-size:13px;cursor:pointer;color:var(--mudo)}
.legacy{text-align:center;background:var(--painel)}
footer{padding:32px 7%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:10px;color:var(--mudo)}
/* stand de tiro: capa clicável + lista do que tem */
.stand-grade{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin:28px 0 14px;align-items:start}
.stand-capa{position:relative;display:block;background:#070a10;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--linha)}
.stand-capa img,.stand-capa video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.stand-capa:hover img{transform:scale(1.03)}
.stand-capa .cta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
.stand-lista{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.8;color:#b6c0d4}.stand-lista li{padding:8px 0;border-bottom:1px solid var(--linha)}.stand-lista b{color:var(--texto);font-weight:600}
/* NPC com expressões: vídeo do motor + o mesmo personagem ao vivo */
.npc-grade{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0 14px}.npc-grade video{aspect-ratio:1}
.npc-vivo{position:relative;background:#070a10;aspect-ratio:1;overflow:hidden;border:1px solid var(--linha)}
.npc-vivo img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;filter:saturate(.6)}
.npc-vivo button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;white-space:nowrap;font:inherit}
.npc-vivo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.nivel{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.nivel span{font-size:10px;letter-spacing:2px;padding:8px 12px;border:1px solid var(--linha);color:var(--ciano2);background:var(--painel)}
@media(max-width:820px){.stand-grade,.npc-grade{grid-template-columns:1fr;gap:16px}.npc-vivo{display:none}}
@media(max-width:750px){header{height:auto;padding:18px 5%;align-items:start}nav{flex-wrap:wrap;gap:12px;font-size:10px;justify-content:end;max-width:230px}.hero{height:720px}.hero-copy{padding-top:50px}.hero-legenda{left:7%;right:7%;text-align:left;bottom:26px}.shade{background:linear-gradient(90deg,#0b0e14d9,transparent),linear-gradient(0deg,#0b0e14,transparent 60%)}.story,.footage,.cards{grid-template-columns:1fr;gap:24px}.section{padding:44px 7%}.section-heading{display:block}.lead{font-size:22px}.cards a{padding:24px}.footage video{min-height:200px}}
@media(prefers-reduced-motion:reduce){.cards a,.cta{transition:none}}