Artist portfolio with a commission form

Make a one-page profile for the creator below that shows their work and their world, and takes commission requests.

About them (the example page's; the request replaces it):
Tamsin Quill, an illustrator who paints night water and small lights. Takes book covers, album art, and personal portraits; open for commissions, which take about a month right now, and replies to requests by email within 3 days. Work: Lantern Boat (2026, novel cover), Listening to the Rain (2026, solo show), Moon Fish (2025, album art), Sleeping Town (2025, picture book), One Star (2025, postcard), A Letter on the Water (2024, private commission). Links: Instagram (work in progress), X (news), print shop.

What goes on it (add or drop parts to fit the request):
- At the top: what they do (illustration, songwriting, and so on), their name, one or two sentences about the world they make, whether they're taking commissions (a few words with no date, like "Open for commissions"; how long commissions take, if the request says, on its own line below), a "Request a commission" button (to the form) and a "See my work" button, and links to their social media. On a phone, all of this fits on the first screen.
- Work, shown large: the piece they most want seen across the full width, the rest in 2 columns on a phone and 3 on a computer, each with its title, year, and where it was used.
  - If the request gives image URLs, show those images (<img>, loading="lazy", alt describing the piece). Without them, draw each cover in CSS from the piece's colors and shapes.
  - For music, list tracks and shows (the title, the year or date under it, a link to listen or to tickets; every gap on the 4px scale). Tracks, videos, and posts are links to where they're streamed or posted, never embeds.
- Their world: 2 to 4 sentences in their own voice, tags for what they make, and a list of the work they take on.
- Commissions: how it works (about 3 steps) and a Convika form. Place exactly one empty <div id="commission" data-convika-form></div> where the form goes, and write no <form> of your own. List what the form asks in the page's data block, as field names (<script type="application/json" data-cvk-slot="commission">{"ask":[…]}</script>): Convika makes a form with those fields and puts it there. If not given: name, email address, what they'd like, how it will be used, deadline, budget, and reference links.
- Last, their social media links as a list, and a "Copy this page's link" button.
- Write the links in the HTML itself, not with a script.

Facts:
- Use only the name, titles of work, link addresses, and commission status the request gives. The example page's creator isn't the person asking: never reuse its name, work, links, commission status, or reply time. A missing name is "Your name" and a missing link address "#" (the only stand-ins).
- Copy each @handle and link address character for character: never cut, shorten, or tidy one.
- A section the request gives nothing for (work, their world, what they make, what they take on, commission status) is left out, heading and all: never a stand-in that tells them what to write ("Title of the work", "Write here"). The commission form is always there.
- Social media and other links: only those the request gives, with no description it didn't give. With none at all, one stand-in linking to "#".
- The work grid and its "See my work" button, the commission status, prices, reply or delivery times, counts of past work, and client names only when the request gives them. A wish ("take illustration commissions") or a style phrase shows in the look, the "Request a commission" button, and the form, never as an added section.
- Never make up a date.
- No names of existing works, characters, or companies the request doesn't give (client names and titles it gives stay as written).

Design (this page's DESIGN.md; follow it on every run):
- Pick the one look closest to the request. If it names colors, swap that look's colors for them.
  - A, night gallery (the default): background #111317, surface #1A1D22, text #EEEAE3, muted text #A8A39A, lines #2E333B, accent #E9B44C (the button fill, with #17140E text). 6px corners. Headings in Fraunces (700), body in Inter (400 and 700).
  - B, paper and margins (for photography and book work): background #F4F0E8, surface #FFFCF6, text #1F1C18, muted text #5F594F, lines #DDD5C7, accent #A63A24 (the button fill, with #FFFFFF text). 2px corners and hairline rules. Headings in Cormorant Garamond (700), body in Work Sans (400 and 600).
  - C, neon sound (for music): background #0B0B12, surface #15151F, text #F2F2F7, muted text #A9A9BC, lines #26263A, accent #6FF2C3 (the button fill, with #0B0B12 text). 12px corners. Headings in Space Grotesk (700), body in Inter (400).
- In every look, the commission form sits on a light paper card (background #F3EEE5, text #221E18). Set --cvk-form-accent and --cvk-form-accent-text on the card so the form's button matches.
- Keep the colors in CSS variables (--bg, --surface, --ink, --muted, --accent, --line). Text keeps at least 4.5:1 contrast with its background, swapped colors included.
- Type: name 40px (56px on a computer), headings 26px, the world line 19px, body 16px, notes 13 to 14px; body line height 1.7.
- Spacing on a 4px scale (4, 8, 12, 16, 20, 24, 32, 48, 64), 48px between sections, at most 1040px wide.
- Motion: only the top fades up, in 0.5 s. The work never moves. Nothing moves under prefers-reduced-motion.
- Every link and button at least 44px tall and 44px wide (min-height: 44px; with Tailwind, min-h-[44px]) and 8px from its neighbors, its words saying where it goes (never "Details" or "Click here"), each button label on one line. No sideways scrolling.
- Avoid: text over the work, work shrunk to small thumbnails, social media logos as images, gradient text, and anything fixed to the bottom of the screen (a Free page shows the Convika bar there).
- Write in their own voice, quietly. No sales talk.

Write it as one HTML file with the CSS and JavaScript inside. Don't send anything people type anywhere, and don't use image files. Make it work on a phone held upright. Keep the bottom right of the screen clear: a Support button may show there.

That is the example. Keep how it works, its screens, and its feel, and change the content to fit what I want.
What I want: ___