/* eslint-disable */ // ── HERO ────────────────────────────────────────────────────────────────────── const WardrobeHero = () => (
); // ── CARD GRID ───────────────────────────────────────────────────────────────── const WardrobeCard = ({ card }) => (
{card.num} {card.badge && ( {card.badge} )}
{card.topic}

{card.title}{card.titleEm && {card.titleEm}}

{card.desc}

{card.count} · {card.read}
); const WardrobeGrid = () => (
I

The wardrobe guides.

Ten chapters on climate-aware dressing — from fabric science to dress codes, capsule formulas to cold-weather carry-on. Each card is a future article.

10 guides
{WARDROBE_CARDS.map(c => )}
); // ── ESSAY ───────────────────────────────────────────────────────────────────── const WardrobeEssay = () => (
II

Field notes on packing light.

From the Pack Desk — the principles that hold across every climate, every trip length, and every style of travel.

Read the essay

"The wardrobe is not what you own. It's the edit you make before the bag closes."

Iris Mendoza
Senior Editor · Pack Desk

Most packing advice is a list. Lists are useful at the end of the process — when you're checking off what you've already decided to bring. They're useless at the beginning, which is where the real decisions happen.

The real decisions are about system, not selection. Once you understand the three-layer logic, the 5-4-3-2-1 capsule, and why two pairs of shoes almost always suffice, the list writes itself. You're no longer asking "should I bring this?" — you're asking "which version of this slot does this item fill?"

The most common packing mistake isn't forgetting something. It's bringing two things that occupy the same slot. Two walking shoes. Two light jackets that do the same job. Four tops when two would mix to the same twelve outfits. The edit is harder than the list — but it's the only thing that makes carry-on feasible for two weeks.

The wardrobe question is settled before the bag opens. That's where this desk works.

{WARDROBE_STATS.map((s, i) => (
{s.n}
{s.l.split("\n").map((line, j) => {line}
)}
))}
); // ── CLIMATE MATRIX (interactive) ────────────────────────────────────────────── const CLIMATES = [ { id: "cold", label: "Cold & Dry", range: "Below 5°C", base: "Merino heavyweight base", mid: "Fleece or down mid-layer", shell: "Waterproof hard shell", shoes: "Insulated boots + light sneaker", extras: "Thin gloves, merino hat", guide: "/en/pack/climate-and-wardrobe/cold-weather-carry-on/", }, { id: "cool", label: "Cool & Shoulder", range: "5°C – 15°C", base: "Merino lightweight base", mid: "Fleece or packable down", shell: "Packable rain shell", shoes: "Walking shoe + loafer", extras: "Scarf (doubles as blanket)", guide: "/en/pack/climate-and-wardrobe/shoulder-season-layering/", }, { id: "temperate", label: "Temperate", range: "15°C – 24°C", base: "Merino lightweight tee", mid: "Linen or light fleece", shell: "Packable wind shell", shoes: "Walking shoe + smart shoe", extras: "One layer on the plane", guide: "/en/pack/climate-and-wardrobe/capsule-formula/", }, { id: "hot", label: "Hot & Humid", range: "Above 24°C", base: "Linen or technical wicking tee", mid: "None needed most days", shell: "Ultralight rain packable", shoes: "Breathable walking shoe + sandal", extras: "Double wicking tops, quick-dry bottoms", guide: "/en/pack/climate-and-wardrobe/hot-humid-fabrics/", }, ]; const ClimateMatrix = () => { const [active, setActive] = React.useState("temperate"); const current = CLIMATES.find(c => c.id === active); return (
III

Pick your climate. See the stack.

Select the weather zone — the layer-by-layer recommendation updates as you go. No email required, no quiz to complete.

4 climate zones
CLIMATE SELECTOR

Your zone,your stack.

The three-layer system is the same for every climate — what changes is the weight and material of each layer. Select your zone to see the right combination.

TEMPERATURE RANGE
{current.range}
Base: {current.base}
Mid: {current.mid}
Shell: {current.shell}
Shoes: {current.shoes}
Notes: {current.extras}
Read the full guide
{CLIMATES.map(c => (
setActive(c.id)}>
{c.range}
{c.label}
))}
); }; // ── READING LIST ────────────────────────────────────────────────────────────── const WardrobeReading = () => (
IV

The reading list by wardrobe topic.

Six essays from the Pack Desk. Pick the challenge you're solving — the rest is bedside reading.

All essays
{WARDROBE_READING.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.title}
{r.tag}
{r.duration}
 ))}
); // ── FAQ ─────────────────────────────────────────────────────────────────────── const WardrobeFAQ = () => { const [open, setOpen] = React.useState(0); return (
FREQUENTLY · BUT QUIETLY · ASKED

What readersactually ask.

Wardrobe letters from the Pack Desk, lightly edited. Seven questions, honest answers.

{WARDROBE_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; // ── CTA ─────────────────────────────────────────────────────────────────────── const WardrobeCTA = () => (
THE PACK DESK · CLIMATE & WARDROBE

Layers do the work.

Pick the climate zone. Learn the system. Pack the capsule. Two weeks. One carry-on. Nothing you won't wear.

Start with the three layers → Back to Pack
); // ── ROOT ────────────────────────────────────────────────────────────────────── const WardrobeApp = () => ( <>