<svg xmlns="http://www.w3.org/2000/svg" width="500" height="240" viewBox="0 0 500 240" preserveAspectRatio="xMidYMid slice">
  <defs>
    <linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#a57610"/>
      <stop offset="18%" stop-color="#d09a1d"/>
      <stop offset="34%" stop-color="#ebb72a"/>
      <stop offset="48%" stop-color="#f4cf52"/>
      <stop offset="54%" stop-color="#f7d766"/>
      <stop offset="62%" stop-color="#ebb72a"/>
      <stop offset="78%" stop-color="#d09a1d"/>
      <stop offset="100%" stop-color="#a57610"/>
    </linearGradient>
    <radialGradient id="h" cx="28%" cy="24%" r="72%" fx="28%" fy="24%">
      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.28"/>
      <stop offset="24%" stop-color="#ffffff" stop-opacity="0.1"/>
      <stop offset="55%" stop-color="#ffffff" stop-opacity="0.02"/>
      <stop offset="80%" stop-color="#ffffff" stop-opacity="0"/>
    </radialGradient>
    <filter id="paperCoarse" x="-5%" y="-5%" width="110%" height="110%">
      <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" seed="9" stitchTiles="stitch"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0.12  0 0 0 0 0.08  0 0 0 0 0.02  0 0 0 0.85 0"/>
      <feComposite in2="SourceGraphic" operator="in"/>
    </filter>
    <filter id="paperFine" x="-5%" y="-5%" width="110%" height="110%">
      <feTurbulence type="fractalNoise" baseFrequency="3.2" numOctaves="3" seed="21" stitchTiles="stitch"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0.1  0 0 0 0 0.07  0 0 0 0 0.02  0 0 0 0.65 0"/>
      <feComposite in2="SourceGraphic" operator="in"/>
    </filter>
    <filter id="fibers" x="-5%" y="-5%" width="110%" height="110%">
      <feTurbulence type="turbulence" baseFrequency="0.02 1.4" numOctaves="2" seed="3" stitchTiles="stitch"/>
      <feColorMatrix type="matrix" values="0 0 0 0 0.08  0 0 0 0 0.05  0 0 0 0 0.02  0 0 0 0.45 0"/>
      <feComposite in2="SourceGraphic" operator="in"/>
    </filter>
  </defs>

  <rect width="500" height="240" fill="url(#g)"/>

  <rect width="500" height="240" fill="#b48018" filter="url(#paperCoarse)" opacity="0.78" style="mix-blend-mode:multiply"/>

  <rect width="500" height="240" fill="#8b5e08" filter="url(#paperFine)" opacity="0.55" style="mix-blend-mode:multiply"/>

  <rect width="500" height="240" fill="#6a4a05" filter="url(#fibers)" opacity="0.35" style="mix-blend-mode:multiply"/>

  <rect width="500" height="240" fill="url(#h)"/>

  <rect x="4" y="4" width="492" height="232" fill="none" stroke="#5a3f05" stroke-width="3"/>
  <rect x="9" y="9" width="482" height="222" fill="none" stroke="rgba(255,255,255,0.18)" stroke-width="1"/>

  <text x="250" y="178" font-family="system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="210" font-weight="900" text-anchor="middle" fill="#ffffff" opacity="0.96">?</text>
</svg>
