Folio

You are an award-winning web designer. Create a minimal, editorial personal portfolio website as a single HTML file (HTML + CSS + a little vanilla JavaScript — no frameworks).

ABOUT ME
- Name: [Your full name]
- What I do: [Your job title]
- Based in: [Your area, city]
- Email: [Your email address]
- My projects (replace these): [list 4 projects — name, year, one-line outcome with a number, 3 tags]
- My experience (replace these): [3 roles — years, title, company, one line]

DESIGN
- Warm paper background #F5F3EE, ink #141414, muted text #6D6A64 and one accent colour #FF5A1F used sparingly
- Fonts (Google Fonts): "Instrument Serif" (with italics) for headings, "Inter" for body text
- Oversized serif headlines with tight letter-spacing, thin 1px dividers, lots of white space and pill-shaped buttons

SECTIONS
1. Sticky header: my name as a serif wordmark, links (Work, About, Experience, Contact) and an "Available from [month]" pill with a green dot; a mobile menu
2. Hero: a very large serif statement about what I do, with 2 words in accent-coloured italics; below a divider, a short bio, a facts row (city with the live local time in IST using Intl.DateTimeFormat, years of experience, specialities) and two buttons (See selected work, Download CV)
3. Selected work: a 2×2 grid of project cards; each cover is a soft coloured panel with a small UI mock-up built in HTML/CSS (a phone screen, stacked cards, a table, a route line) that lifts slightly on hover; title, one-line outcome, a year pill and tags
4. About: a portrait placeholder (a gradient panel with my initials) with 2 paragraphs and skill chips
5. Experience: rows with years, role (in serif), a description and the company; rows shift slightly on hover
6. Testimonial: a dark rounded block with a large serif quote and attribution
7. Contact: a huge "Let's make something useful." headline, my email as a big underlined link and social buttons
8. Footer

DETAILS
- Fully responsive, semantic HTML, visible focus states, prefers-reduced-motion support
- Meta title/description and Open Graph tags using my name and role

OUTPUT
Return the full HTML file in one code block.