# CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

## Project Overview

Static portfolio website for **Studio Sample**, a Tokyo-based design and front-end studio. Three HTML files with embedded CSS and minimal vanilla JavaScript — intentionally zero frameworks, zero build tooling.

## Architecture

- **Pure static HTML/CSS/JS** — no package manager, no bundler, no preprocessor
- All styles are embedded in each HTML file's `<style>` tag (no external stylesheets)
- Responsive design via CSS Grid, Flexbox, and `clamp()` for fluid typography
- The only JavaScript is a filter button toggle on `works.html` (~10 lines, lines 539–548)

### Pages

| File | Purpose |
|---|---|
| `index.html` | Homepage: hero, features, works preview, process, about, news, contact form |
| `services.html` | Services, pricing tiers (¥150K / ¥380K / custom), FAQ |
| `works.html` | Portfolio grid with category filter (All / Branding / Web / Print / Identity) |

## Development

Open any `.html` file directly in a browser — no build step or local server required. For live reload, any static file server works (e.g. `python3 -m http.server`).

There are no tests, linters, or CI pipelines.

## Style Conventions

- Color palette: `#e53935` (red accent), `#111111` (primary text), `#f7f7f7` / `#ffffff` (backgrounds)
- Typography: system font stack (`-apple-system`, `Segoe UI`, `Noto Sans TC/JP`)
- Responsive breakpoints follow a mobile-first pattern; `clamp()` handles fluid type scaling
- Content is bilingual Traditional Chinese + English throughout