/* A proposta só entra em ação com ?motion=proposta. O site atual permanece intacto. */
html[data-motion-proposal] .hero { isolation:isolate; }
html[data-motion-proposal] .hero-grid { z-index:3; }
html[data-motion-proposal] .hero-copy,
html[data-motion-proposal] .hero-art,
html[data-motion-proposal] .header-row { will-change:transform,opacity,filter,clip-path; }
html[data-motion-proposal] .proposal-intro {
  position:absolute; inset:0; z-index:12; overflow:hidden; pointer-events:none;
  display:grid; place-items:center; background:#061842;
}
html[data-motion-proposal] .proposal-intro::before {
  content:""; position:absolute; inset:0;
  background:linear-gradient(118deg,#061842 0 42%,#0b2d79 70%,#0b46f0 100%);
}
html[data-motion-proposal] .proposal-intro-mark {
  position:relative; z-index:2; display:block; width:min(68vw,720px);
}
html[data-motion-proposal] .proposal-intro-logo {
  display:block; width:100%; height:auto; object-fit:contain;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.22));
}
html[data-motion-proposal] .proposal-curtain {
  position:absolute; inset:-8% -4%; z-index:13; pointer-events:none;
  background:linear-gradient(105deg,transparent 0 44%,#ff1439 44.2% 47%,#0a43ed 47.2% 100%);
  transform:translateX(-116%); will-change:transform;
}
html[data-motion-proposal] .proposal-role-line {
  position:absolute; left:0; right:auto; bottom:-12px; width:100%; height:5px;
  background:var(--red); border-radius:99px; transform-origin:left; pointer-events:none;
}
html[data-motion-proposal] .proposal-scan {
  position:absolute; left:-20%; right:-20%; bottom:0; height:6px; z-index:8;
  background:linear-gradient(90deg,transparent,var(--red) 30% 70%,transparent);
  transform-origin:left; pointer-events:none; opacity:0;
}
html[data-motion-proposal] .hero-role { position:relative; display:inline-block; }
html[data-motion-proposal] .hero-art { overflow:visible; }
html[data-motion-proposal] .opening-photo { will-change:transform,filter,clip-path,opacity; }
.proposal-motion-optin {
  display:none; position:absolute; right:24px; bottom:24px; z-index:16;
  border:1px solid rgba(255,255,255,.7); border-radius:999px; padding:10px 16px;
  background:#071a4b; color:#fff; font:700 .82rem/1 var(--body); cursor:pointer;
}
html[data-motion-reduced] .proposal-motion-optin { display:inline-flex; align-items:center; gap:8px; }
@media (max-width:620px) {
  html[data-motion-proposal] .proposal-intro-mark { width:min(82vw,460px); }
}
@media (prefers-reduced-motion:reduce) {
  html:not([data-motion-opt-in]) .proposal-intro,
  html:not([data-motion-opt-in]) .proposal-curtain,
  html:not([data-motion-opt-in]) .proposal-scan,
  html:not([data-motion-opt-in]) .proposal-role-line { display:none!important; }
}