:root {
  color-scheme: dark;
  --navy: #06101c;
  --gold: #e2aa46;
  --gold-light: #f2bf58;
  --white: #f8f6f2;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #030912; }
body { color: var(--white); -webkit-font-smoothing: antialiased; }
.proposal { width: 100%; }
.frame { position: relative; width: min(100%, 1672px); margin: 0 auto; overflow: hidden; background: var(--navy); }
.slide-art, .slide-art img { display: block; width: 100%; height: auto; }
.desktop-signature { position: absolute; z-index: 2; display: flex; align-items: center; color: var(--white); text-shadow: 0 2px 12px #000; }
.desktop-signature--cover { right: 0; bottom: 0; width: 42%; height: 10%; justify-content: flex-end; gap: 8px; padding: 5px 2.2% 5px 18px; border-top: 1px solid rgba(242, 191, 88, .62); background: rgba(2, 10, 19, .97); font: 400 clamp(10px, 1.1vw, 16px)/1.2 Arial, sans-serif; }
.desktop-signature--cover strong { margin-left: 4px; font-size: clamp(18px, 2vw, 29px); letter-spacing: .08em; }
.desktop-signature--cover b { color: var(--gold-light); font-size: clamp(9px, .8vw, 13px); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.desktop-signature--next { right: 0; bottom: 0; width: 28%; height: 25%; flex-direction: column; justify-content: center; border-top: 1px solid rgba(242, 191, 88, .62); background: rgba(2, 10, 19, .97); }
.desktop-signature--next strong { font: 300 clamp(40px, 5vw, 72px)/1 Arial, sans-serif; letter-spacing: .06em; }
.desktop-signature--next b { margin-top: 2px; color: var(--gold-light); font: 500 clamp(9px, .85vw, 13px)/1.3 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 760px) {
  html, body { background: #06101c; }
  .frame { width: 100%; }
  .desktop-signature { display: none; }
  .slide-art, .slide-art img { width: 100%; height: auto; }
}