Hero Visual Full Screen / Parallax

# Shaping Essence
Into Space

This hero section spans the full viewport height with a parallax background image.
The heading and subtext are vertically and horizontally centered, overlaying a darkened image.

## Narrative Intro

This section serves as a narrative introduction, using centered serif typography to convey the brand story. The layout features generous vertical padding and a refined, editorial tone.

Each line is carefully spaced to create a calm reading rhythm, inviting the visitor to pause and absorb the message before scrolling further.

## Featured Services

01

### Concept Design

This card is divided into two equal columns. The left holds a full-bleed image placeholder, while the right contains a numbered heading, descriptive paragraph, and a detail link aligned to the bottom-right.

View Detail

## Portfolio

### Large Project

Category

### Project Title

Category

### Project Title

Category

### Project Title

Category

### Project Title

Category

## Process

Consulting
Design
Delivery

## FAQ

Each FAQ item consists of a question row with a plus icon on the right. Clicking toggles the answer panel open or closed, with smooth height animation.
Answers are hidden by default and revealed on click. The plus icon rotates 45 degrees to form an "x" when the item is active.
The border lines use a muted color that complements the overall neutral palette, maintaining the page's calm, editorial aesthetic.
The FAQ section is contained within the max-width wrapper, with the accordion stretching edge to edge within that constraint.

## Contact & Footer