| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 595 450" preserveAspectRatio="none"> |
| 2 | <defs> |
| 3 | <radialGradient id="reach" cx="200" cy="0" r="1" gradientTransform="translate(200 0) scale(480 150) translate(-200 0)" gradientUnits="userSpaceOnUse"><stop offset="0.35" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><mask id="art"><rect width="595" height="450" fill="url(#reach)"/></mask> |
| 4 | <linearGradient id="pages" x2="0" y2="1"><stop offset="0" stop-color="#e8d2c3"/><stop offset="1" stop-color="#fbf4ee"/></linearGradient> |
| 5 | <linearGradient id="ferrule" x2="1"><stop offset="0" stop-color="#8d7263"/><stop offset=".3" stop-color="#f1e6de"/><stop offset=".6" stop-color="#a88a79"/><stop offset="1" stop-color="#e9ddd4"/></linearGradient> |
| 6 | <linearGradient id="barrel" x2="0" y2="1"><stop offset="0" stop-color="#f7ece4"/><stop offset=".5" stop-color="#e7cdbd"/><stop offset="1" stop-color="#c29c86"/></linearGradient> |
| 7 | </defs> |
| 8 | <filter id="soft" x="-10%" y="-10%" width="120%" height="120%"><feGaussianBlur stdDeviation="1.8"/></filter> |
| 9 | <g mask="url(#art)" filter="url(#soft)" opacity=".85"> |
| 10 | <path d="M0 60C80 40 150 50 190 70V100C150 85 80 80 0 100Z" fill="#c2a291"/> |
| 11 | <path d="M0 0H170C190 30 185 60 175 80C120 60 60 58 0 70Z" fill="url(#pages)"/> |
| 12 | <g stroke="#d3b8a7" stroke-width="1"><path d="M10 76C120 70 250 70 470 80"/><path d="M13 79C120 73 250 72 470 81"/><path d="M16 82C120 76 250 74 470 82"/><path d="M19 85C120 79 250 76 470 83"/><path d="M22 88C120 82 250 78 470 84"/><path d="M25 91C120 85 250 80 470 85"/><path d="M28 94C120 88 250 82 470 86"/><path d="M31 97C120 91 250 84 470 87"/></g> |
| 13 | <rect x="265" y="0" width="40" height="60" rx="6" fill="#9f7f6f"/> |
| 14 | <rect x="300" y="0" width="115" height="66" fill="url(#ferrule)"/> |
| 15 | <rect x="415" y="4" width="180" height="58" fill="url(#barrel)"/> |
| 16 | </g> |
| 17 | </svg> |