/* voice-deck showpiece, dressed in the Duna kit: off-white page with a green cast, one dark olive ink, acid lime and
   mint rims, a clean grotesk with one calligraphic serif swapped in. */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; }
body { background: #f3f5ee; color: #232b16; font: 400 16px/1.5 "Inter Tight", system-ui, sans-serif; }
.frame { position: absolute; left: 50%; top: 50%; width: 1050px; height: 1200px; transform: translate(-50%, -50%); }

.vdeck {
  --vdeck-dx: 26px; --vdeck-dy: 24px; --vdeck-rot: 3deg;
  --vdeck-off-x: 60px; --vdeck-off-y: 56px; --vdeck-off-rot: 7deg;
  --vdeck-radius: 30px; --vdeck-radius-inner: 16px; --vdeck-frame: 18px;
  --vdeck-c0: #d4ff86; --vdeck-c1: #a7ff8d; --vdeck-c2: #3d7131;
  --vdeck-panel: #232b16; --vdeck-panel-ink: #f3f5ee;
  --vdeck-ink: #232b16; --vdeck-paper: #f3f5ee; --vdeck-line: #cfd4c6;
  --vdeck-accent: #232b16; --vdeck-accent-ink: #d4ff86;
  --vdeck-numeral-font: "Fraunces", Georgia, serif;
  position: absolute; inset: 0; padding: 236px 0 0; overflow: visible;
  display: flex; flex-direction: column; align-items: center;
}
.head { text-align: center; margin-bottom: 64px; }
.eyebrow { margin: 0 0 20px; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #666c5b; }
.head h1 { margin: 0; font: 500 64px/1 "Inter Tight", system-ui, sans-serif; letter-spacing: -.02em; }
.head h1 em { font-family: "Fraunces", Georgia, serif; font-style: italic; font-weight: 400; font-variation-settings: "WONK" 1; letter-spacing: -.01em; }

.vdeck__stage { width: 680px; margin-left: 60px; }
.vdeck__inner { padding: 44px 46px 40px; gap: 34px; min-height: 470px; }
.vdeck__numeral { font: italic 400 64px/1 "Fraunces", Georgia, serif; color: #d4ff86; }
.vdeck__label { font-size: 13px; font-weight: 600; letter-spacing: .14em; opacity: .7; }
.vdeck__quote { font-size: 34px; line-height: 1.28; font-weight: 400; letter-spacing: -.015em; }
.vdeck__caption { padding-top: 20px; gap: 6px; border-top-color: rgba(243, 245, 238, .2); }
.vdeck__name { font-size: 20px; font-weight: 600; }
.vdeck__role { font-size: 16px; opacity: .65; }

.vdeck__controls { margin-top: 30px; gap: 20px 28px; }
.vdeck__draw { font-size: 18px; font-weight: 500; padding: 7px 7px 7px 30px; gap: 16px; }
.vdeck__chip { width: 52px; height: 52px; }
.vdeck__spark { width: 16px; height: 23px; }
.vdeck__tab { min-width: 52px; height: 52px; font: italic 400 22px/1 "Fraunces", Georgia, serif; }