본문 바로가기

카테고리 없음

[남프랑스 여행 준비] 화가들

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>남프랑스 예술 기행 — 화가들의 빛과 색</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Noto+Serif+KR:wght@300;400;600&family=Cormorant+Garamond:ital,wght@0,300;1,300;1,500&display=swap" rel="stylesheet">
<style>
  :root {
    --cream: #F5EFE0;
    --warm-white: #FAF6EE;
    --ochre: #C4852A;
    --sienna: #8B3A2A;
    --olive: #6B7A3E;
    --lavender-dark: #4A4168;
    --blue-deep: #1C3A5E;
    --gold: #B8973A;
    --ink: #1E1A14;
    --shadow: rgba(30,26,20,0.12);
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background-color: var(--cream);
    color: var(--ink);
    font-family: 'Noto Serif KR', serif;
    overflow-x: hidden;
  }

  /* ── HERO ── */
  .hero {
    min-height: 100vh;
    background: linear-gradient(160deg, #1C3A5E 0%, #4A4168 40%, #8B3A2A 75%, #C4852A 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 30px;
    position: relative;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .hero-eyebrow {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.1rem;
    color: rgba(255,255,255,0.65);
    letter-spacing: 0.2em;
    margin-bottom: 20px;
    animation: fadeUp 1s ease both;
  }

  .hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.8rem, 7vw, 5.5rem);
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 10px;
    animation: fadeUp 1s 0.2s ease both;
  }

  .hero h1 em {
    font-style: italic;
    color: #E8C87A;
  }

  .hero-sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem;
    color: rgba(255,255,255,0.75);
    margin-top: 16px;
    font-style: italic;
    animation: fadeUp 1s 0.4s ease both;
  }

  .hero-divider {
    width: 60px;
    height: 2px;
    background: var(--gold);
    margin: 30px auto;
    animation: fadeUp 1s 0.5s ease both;
  }

  .hero-desc {
    max-width: 560px;
    font-size: 1rem;
    line-height: 1.9;
    color: rgba(255,255,255,0.7);
    animation: fadeUp 1s 0.6s ease both;
  }

  .scroll-hint {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.4);
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    animation: bounce 2s infinite;
  }

  /* ── INTRO LETTER ── */
  .intro-section {
    max-width: 720px;
    margin: 80px auto;
    padding: 0 30px;
    text-align: center;
  }

  .intro-section p {
    font-size: 1.05rem;
    line-height: 2.1;
    color: #3A3020;
  }

  .intro-section .highlight {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem;
    font-style: italic;
    color: var(--sienna);
    display: block;
    margin: 20px 0;
  }

  /* ── SECTION TITLE ── */
  .section-label {
    text-align: center;
    margin: 60px 0 50px;
    padding: 0 20px;
  }

  .section-label .en {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 0.95rem;
    color: var(--ochre);
    letter-spacing: 0.25em;
    display: block;
    margin-bottom: 8px;
  }

  .section-label h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    color: var(--blue-deep);
  }

  /* ── PAINTER CARDS ── */
  .painters-grid {
    max-width: 1100px;
    margin: 0 auto 100px;
    padding: 0 24px;
    display: grid;
    gap: 60px;
  }

  .painter-card {
    display: grid;
    grid-template-columns: 1fr 2.2fr;
    gap: 0;
    background: var(--warm-white);
    box-shadow: 0 8px 40px var(--shadow);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }

  .painter-card.visible {
    opacity: 1;
    transform: translateY(0);
  }

  .painter-card:nth-child(even) {
    grid-template-columns: 2.2fr 1fr;
  }

  .painter-card:nth-child(even) .card-color {
    order: 2;
  }

  .painter-card:nth-child(even) .card-body {
    order: 1;
  }

  .card-color {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 30px;
    position: relative;
    overflow: hidden;
  }

  .card-color::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 20px,
      rgba(255,255,255,0.04) 20px,
      rgba(255,255,255,0.04) 40px
    );
  }

  .painter-number {
    font-family: 'Playfair Display', serif;
    font-size: 5rem;
    font-weight: 700;
    color: rgba(255,255,255,0.15);
    line-height: 1;
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .painter-name-ko {
    font-family: 'Noto Serif KR', serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
  }

  .painter-name-en {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.05rem;
    color: rgba(255,255,255,0.7);
    text-align: center;
    position: relative;
    z-index: 1;
  }

  .painter-years {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.5);
    margin-top: 8px;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 1;
  }

  .card-body {
    padding: 44px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .card-movement {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 0.88rem;
    color: var(--ochre);
    letter-spacing: 0.18em;
    margin-bottom: 14px;
    text-transform: uppercase;
  }

  .card-headline {
    font-family: 'Playfair Display', serif;
    font-size: 1.45rem;
    line-height: 1.4;
    color: var(--blue-deep);
    margin-bottom: 18px;
  }

  .card-body p {
    font-size: 0.95rem;
    line-height: 2.0;
    color: #4A3F30;
    margin-bottom: 14px;
  }

  .card-place {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--cream);
    border-left: 3px solid var(--gold);
    padding: 10px 16px;
    margin-top: 8px;
    font-size: 0.88rem;
    color: #5A4A30;
  }

  .card-place .place-label {
    font-weight: 600;
    color: var(--ochre);
  }

  .card-works {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .work-tag {
    background: transparent;
    border: 1px solid currentColor;
    padding: 4px 12px;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 0.85rem;
    border-radius: 2px;
  }

  /* ── PALETTE COLORS ── */
  .c-gogh    { background: linear-gradient(135deg, #1C5B8C 0%, #4A7FA8 40%, #E8A830 80%, #C8390A 100%); }
  .c-cezanne { background: linear-gradient(135deg, #5A7A3A 0%, #8BAA5A 40%, #C8A050 80%, #6A3020 100%); }
  .c-matisse { background: linear-gradient(135deg, #C8390A 0%, #E06040 35%, #E8C040 65%, #2A7A5A 100%); }
  .c-renoir  { background: linear-gradient(135deg, #7A4A8A 0%, #C07AAA 40%, #F0B8C8 75%, #E8D8A0 100%); }
  .c-picasso { background: linear-gradient(135deg, #2A3A6A 0%, #1A5A8A 35%, #C85A2A 65%, #E8A030 100%); }
  .c-chagall { background: linear-gradient(135deg, #3A1A6A 0%, #7A30AA 35%, #C840A0 60%, #F07830 100%); }
  .c-signac  { background: linear-gradient(135deg, #1A6A8A 0%, #30A8C8 40%, #E8D040 70%, #E87030 100%); }
  .c-leger   { background: linear-gradient(135deg, #2A2A2A 0%, #5A5A8A 40%, #C84030 65%, #F0C030 100%); }

  .c-gogh    .work-tag { color: #1C5B8C; border-color: #1C5B8C; }
  .c-cezanne .work-tag { color: #5A7A3A; border-color: #5A7A3A; }
  .c-matisse .work-tag { color: #C8390A; border-color: #C8390A; }
  .c-renoir  .work-tag { color: #7A4A8A; border-color: #7A4A8A; }
  .c-picasso .work-tag { color: #2A3A6A; border-color: #2A3A6A; }
  .c-chagall .work-tag { color: #3A1A6A; border-color: #3A1A6A; }
  .c-signac  .work-tag { color: #1A6A8A; border-color: #1A6A8A; }
  .c-leger   .work-tag { color: #2A2A2A; border-color: #2A2A2A; }

  /* ── CLOSING ESSAY ── */
  .closing {
    background: linear-gradient(160deg, var(--blue-deep) 0%, var(--lavender-dark) 50%, var(--sienna) 100%);
    padding: 90px 30px;
    text-align: center;
    color: #fff;
  }

  .closing h3 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    margin-bottom: 30px;
    font-style: italic;
  }

  .closing p {
    max-width: 640px;
    margin: 0 auto 18px;
    font-size: 1.0rem;
    line-height: 2.1;
    color: rgba(255,255,255,0.8);
  }

  .closing .poem {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.3rem;
    color: #E8C87A;
    margin: 36px auto;
    max-width: 500px;
    line-height: 2.2;
  }

  /* ── MAP LEGEND ── */
  .map-section {
    max-width: 900px;
    margin: 0 auto 80px;
    padding: 0 24px;
  }

  .map-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
  }

  .map-table th {
    background: var(--blue-deep);
    color: #fff;
    padding: 14px 20px;
    text-align: left;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1rem;
    letter-spacing: 0.05em;
  }

  .map-table td {
    padding: 14px 20px;
    border-bottom: 1px solid rgba(180,160,120,0.2);
    color: #3A3020;
    vertical-align: top;
    line-height: 1.7;
  }

  .map-table tr:nth-child(even) td {
    background: rgba(196,133,42,0.06);
  }

  .map-table .city {
    font-weight: 600;
    color: var(--sienna);
    white-space: nowrap;
  }

  /* ── ANIMATIONS ── */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%       { transform: translateX(-50%) translateY(8px); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 700px) {
    .painter-card,
    .painter-card:nth-child(even) {
      grid-template-columns: 1fr;
    }
    .painter-card:nth-child(even) .card-color { order: 0; }
    .painter-card:nth-child(even) .card-body  { order: 1; }
    .card-color { min-height: 200px; }
    .card-body  { padding: 28px 24px; }
  }
</style>
</head>
<body>

<!-- HERO -->
<section class="hero">
  <div class="hero-eyebrow">44년의 여정 끝에 떠나는 은퇴 여행</div>
  <h1>남프랑스<br><em>예술 기행</em></h1>
  <div class="hero-sub">Voyage artistique dans le Midi de la France</div>
  <div class="hero-divider"></div>
  <p class="hero-desc">
    빛의 땅 프로방스, 코트다쥐르의 바다, 라벤더 물결 — 이 풍경들은 수많은 위대한 화가들을 불러 모았습니다. 
    당신이 곧 밟을 그 땅에서, 그들의 눈으로 세상을 다시 보게 될 것입니다.
  </p>
  <div class="scroll-hint">↓ &nbsp; SCROLL &nbsp; ↓</div>
</section>

<!-- INTRO -->
<section class="intro-section">
  <p>
    남프랑스는 단순한 여행지가 아닙니다. 지중해의 강렬한 빛, 척박한 땅에서 피어나는 라벤더와 올리브, 
    절벽 위의 중세 마을과 코발트빛 바다 — 이 모든 것이 19세기 말부터 20세기 초까지 
    유럽의 가장 위대한 화가들을 이곳으로 불러들였습니다.
  </p>
  <span class="highlight">"그들은 파리를 떠나 빛을 찾아왔고, 남프랑스에서 자신의 예술을 완성했습니다."</span>
  <p>
    2025년 5월, 44년간의 일을 마무리하고 떠나는 당신의 은퇴 여행. 그 발걸음이 닿는 곳마다 
    이 화가들의 숨결이 여전히 살아 있습니다. 여행 전 그들을 미리 만나 두십시오.
  </p>
</section>

<!-- PAINTERS GRID -->
<div class="section-label">
  <span class="en">Les Maîtres du Midi</span>
  <h2>남프랑스를 사랑한 화가들</h2>
</div>

<div class="painters-grid">

  <!-- 1. 반 고흐 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-gogh">
      <span class="painter-number">01</span>
      <div class="painter-name-ko">빈센트 반 고흐</div>
      <div class="painter-name-en">Vincent van Gogh</div>
      <div class="painter-years">1853 — 1890</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Post-Impressionism · 후기 인상주의</div>
      <div class="card-headline">아를의 태양을 삼킨 사내,<br>37년 생애의 절정을 불태운 곳</div>
      <p>
        1888년 2월, 고흐는 파리의 소음을 피해 아를(Arles)로 내려왔습니다. 그가 여기서 머문 15개월은 
        예술사에서 가장 폭발적인 창작의 시간이었습니다. 〈해바라기〉 연작, 〈아를의 침실〉, 
        〈별이 빛나는 밤〉의 원형이 된 론강의 야경 — 이 모두가 이 땅에서 탄생했습니다.
      </p>
      <p>
        고흐는 일본 판화에 매료된 눈으로 프로방스의 빛을 보았습니다. 소용돌이치는 붓질, 
        타오르는 노란색과 파란색의 대비 — 그것은 그가 본 남프랑스의 태양이었습니다. 
        이후 생 레미(Saint-Rémy)의 정신병원에 입원하면서도 그림을 멈추지 않았습니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        아를 (Arles) · 생 레미 드 프로방스 (Saint-Rémy-de-Provence)
      </div>
      <div class="card-works">
        <span class="work-tag">해바라기</span>
        <span class="work-tag">아를의 침실</span>
        <span class="work-tag">론강의 별밤</span>
        <span class="work-tag">노란 집</span>
        <span class="work-tag">아이리스</span>
      </div>
    </div>
  </div>

  <!-- 2. 폴 세잔 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-cezanne">
      <span class="painter-number">02</span>
      <div class="painter-name-ko">폴 세잔</div>
      <div class="painter-name-en">Paul Cézanne</div>
      <div class="painter-years">1839 — 1906</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Post-Impressionism · 후기 인상주의 / 현대회화의 아버지</div>
      <div class="card-headline">생트 빅투아르 산을 60번 그린 남자,<br>엑상프로방스의 영혼</div>
      <p>
        세잔은 남프랑스 엑상프로방스(Aix-en-Provence)에서 태어나 그곳에서 생을 마감한 유일한 
        프로방스 토박이 화가입니다. 그는 평생 고향 산인 생트 빅투아르(Sainte-Victoire)를 바라보며 
        60점이 넘는 그림을 그렸습니다. 매번 같은 산이지만, 매번 다른 산이었습니다.
      </p>
      <p>
        피카소는 세잔을 "우리 모두의 아버지"라 불렀습니다. 자연을 원통·원구·원추로 
        단순화하려는 그의 시도는 훗날 입체주의(Cubism)로 이어졌습니다. 
        그의 아틀리에는 지금도 엑상프로방스에 보존되어 있습니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        엑상프로방스 (Aix-en-Provence) · 세잔 아틀리에
      </div>
      <div class="card-works">
        <span class="work-tag">생트 빅투아르 산</span>
        <span class="work-tag">카드놀이하는 사람들</span>
        <span class="work-tag">사과와 오렌지</span>
        <span class="work-tag">목욕하는 사람들</span>
      </div>
    </div>
  </div>

  <!-- 3. 앙리 마티스 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-matisse">
      <span class="painter-number">03</span>
      <div class="painter-name-ko">앙리 마티스</div>
      <div class="painter-name-en">Henri Matisse</div>
      <div class="painter-years">1869 — 1954</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Fauvism · 야수파의 창시자</div>
      <div class="card-headline">니스의 빛이 만든 색채의 왕,<br>생의 마지막까지 가위를 들었던 사람</div>
      <p>
        마티스는 1917년부터 니스(Nice)에 정착하여 생의 후반 30년 이상을 이곳에서 보냈습니다. 
        니스 호텔 방의 창문으로 쏟아지는 지중해의 빛, 야자수와 꽃 — 이것이 그의 캔버스를 
        가득 채웠습니다. 강렬한 원색의 대담한 조화, 그것이 야수파(Fauvisme)였습니다.
      </p>
      <p>
        노년에 병으로 붓을 잡기 어려워지자, 마티스는 색종이를 가위로 잘라 붙이는 
        '종이 오리기(papier découpé)' 기법을 개발했습니다. 방스(Vence)의 로제르 예배당은 
        그가 말년에 혼신을 다해 완성한 건물 전체가 하나의 예술 작품입니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        니스 마티스 미술관 · 방스 로제르 예배당
      </div>
      <div class="card-works">
        <span class="work-tag">춤</span>
        <span class="work-tag">삶의 기쁨</span>
        <span class="work-tag">붉은 방</span>
        <span class="work-tag">이카루스</span>
        <span class="work-tag">재즈 연작</span>
      </div>
    </div>
  </div>

  <!-- 4. 오귀스트 르누아르 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-renoir">
      <span class="painter-number">04</span>
      <div class="painter-name-ko">피에르 오귀스트 르누아르</div>
      <div class="painter-name-en">Pierre-Auguste Renoir</div>
      <div class="painter-years">1841 — 1919</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Impressionism · 인상주의</div>
      <div class="card-headline">카뉴쉬르메르의 올리브 숲에서<br>손이 굳어도 붓을 놓지 않은 노화가</div>
      <p>
        르누아르는 인상주의의 거장이지만, 그의 말년은 남프랑스에 속합니다. 
        류머티즘 관절염으로 손가락이 굳어가자 1907년 코트다쥐르의 카뉴쉬르메르(Cagnes-sur-Mer)에 
        정착했습니다. 따뜻한 기후가 통증을 줄여주었기 때문입니다.
      </p>
      <p>
        그는 손에 붓을 묶어가며 죽기 하루 전날까지 그림을 그렸습니다. 
        그의 저택 '레 콜레트(Les Collettes)'는 지금 르누아르 미술관이 되어 
        올리브 나무 사이에 그대로 남아 있습니다. "고통은 지나가지만 아름다움은 남는다"는 
        그의 말이 이 집 어딘가에 스며 있습니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        카뉴쉬르메르 르누아르 미술관 (Musée Renoir, Cagnes-sur-Mer)
      </div>
      <div class="card-works">
        <span class="work-tag">물랭 드 라 갈레트</span>
        <span class="work-tag">뱃놀이 일행의 오찬</span>
        <span class="work-tag">욕녀들</span>
        <span class="work-tag">잔느 사마리</span>
      </div>
    </div>
  </div>

  <!-- 5. 파블로 피카소 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-picasso">
      <span class="painter-number">05</span>
      <div class="painter-name-ko">파블로 피카소</div>
      <div class="painter-name-en">Pablo Picasso</div>
      <div class="painter-years">1881 — 1973</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Cubism · 입체주의 / 20세기 최대의 거장</div>
      <div class="card-headline">앙티브와 발로리스,<br>지중해가 그에게 새 언어를 주었다</div>
      <p>
        피카소는 남프랑스 코트다쥐르에서 생의 후반기 대부분을 보냈습니다. 
        2차 대전 직후 앙티브(Antibes)의 그리말디 성에서 작업하며 신화적 지중해 세계를 캔버스에 담았고, 
        이 작품들은 지금 피카소 미술관(Musée Picasso)에 상설 전시되어 있습니다.
      </p>
      <p>
        도자기 마을 발로리스(Vallauris)에서는 도예에 빠져 수천 점의 도자기를 제작했습니다. 
        무쟁(Mougins)의 별장에서 91세로 생을 마감하기까지, 그는 단 하루도 창작을 멈추지 않았습니다. 
        그의 예술적 에너지는 남프랑스의 햇빛만큼 뜨거웠습니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        앙티브 피카소 미술관 · 발로리스 도예 마을
      </div>
      <div class="card-works">
        <span class="work-tag">게르니카</span>
        <span class="work-tag">아비뇽의 처녀들</span>
        <span class="work-tag">앙티브의 기쁨</span>
        <span class="work-tag">전쟁과 평화</span>
      </div>
    </div>
  </div>

  <!-- 6. 마르크 샤갈 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-chagall">
      <span class="painter-number">06</span>
      <div class="painter-name-ko">마르크 샤갈</div>
      <div class="painter-name-en">Marc Chagall</div>
      <div class="painter-years">1887 — 1985</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Expressionism · 표현주의 / 색채의 시인</div>
      <div class="card-headline">생 폴 드 방스의 올리브 나무 아래<br>97년을 살다 간 사랑의 화가</div>
      <p>
        러시아 태생의 유대인 화가 샤갈은 2차 대전 후 프랑스 리비에라에 정착했습니다. 
        니스 외곽의 아름다운 중세 마을 생 폴 드 방스(Saint-Paul-de-Vence)에서 
        97세로 세상을 떠나기까지 수십 년을 살았으며, 이 마을 공동묘지에 잠들어 있습니다.
      </p>
      <p>
        꿈과 현실이 뒤섞인 화면, 공중을 나는 연인들, 성서의 장면들 — 샤갈의 그림은 
        이야기를 품고 있습니다. 니스의 샤갈 국립미술관(Musée national Marc Chagall)은 
        그의 성서 메시지 연작을 모아둔 세계 최대의 샤갈 컬렉션입니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        니스 샤갈 국립미술관 · 생 폴 드 방스
      </div>
      <div class="card-works">
        <span class="work-tag">나와 마을</span>
        <span class="work-tag">생일</span>
        <span class="work-tag">성서 메시지 연작</span>
        <span class="work-tag">에펠탑의 신랑신부</span>
      </div>
    </div>
  </div>

  <!-- 7. 폴 시냐크 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-signac">
      <span class="painter-number">07</span>
      <div class="painter-name-ko">폴 시냐크</div>
      <div class="painter-name-en">Paul Signac</div>
      <div class="painter-years">1863 — 1935</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Neo-Impressionism · 신인상주의 / 점묘파</div>
      <div class="card-headline">생트로페를 화가들의 낙원으로 만든 사람,<br>색의 과학자</div>
      <p>
        오늘날 세계적 휴양지인 생트로페(Saint-Tropez)를 예술가들의 마을로 처음 발견한 
        사람은 폴 시냐크였습니다. 1892년 요트를 타고 우연히 들른 이 어촌에 매혹되어 
        별장을 짓고 정착했으며, 그의 소식을 듣고 마티스를 비롯한 여러 화가들이 찾아오기 시작했습니다.
      </p>
      <p>
        시냐크는 쇠라(Seurat)의 점묘법을 계승·발전시킨 화가입니다. 
        수천 개의 순색 점들이 모여 생트로페 항구의 반짝이는 빛을 만들어냅니다. 
        색은 섞이는 것이 아니라, 눈 안에서 섞인다는 과학적 신념이 그의 그림입니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        생트로페 (Saint-Tropez) · 아농시아드 미술관
      </div>
      <div class="card-works">
        <span class="work-tag">생트로페 항구</span>
        <span class="work-tag">페리스 등대</span>
        <span class="work-tag">황금 시대</span>
        <span class="work-tag">마르세유 항구</span>
      </div>
    </div>
  </div>

  <!-- 8. 페르낭 레제 -->
  <div class="painter-card" data-anim>
    <div class="card-color c-leger">
      <span class="painter-number">08</span>
      <div class="painter-name-ko">페르낭 레제</div>
      <div class="painter-name-en">Fernand Léger</div>
      <div class="painter-years">1881 — 1955</div>
    </div>
    <div class="card-body">
      <div class="card-movement">Cubism / Modern Art · 기계 시대의 화가</div>
      <div class="card-headline">비오의 언덕에 세워진<br>모자이크와 조각의 세계</div>
      <p>
        레제는 기계 문명과 노동자를 예술의 주제로 삼은 독특한 거장입니다. 
        피카소, 브라크와 함께 입체주의를 이끌었지만, 그의 그림은 더 굵고 강하며 
        원색적입니다. 기중기, 자전거 타는 사람들, 건설 노동자 — 도시와 기계가 그의 세계였습니다.
      </p>
      <p>
        방스 근처 비오(Biot)에 세워진 레제 국립미술관(Musée Fernand Léger)은 
        그가 직접 설계에 참여했으나 개관 전날 세상을 떠났습니다. 
        미술관 외벽 전체를 덮은 거대한 모자이크 벽화는 그 자체로 압도적입니다.
      </p>
      <div class="card-place">
        <span class="place-label">🗺 방문지</span>
        비오 레제 국립미술관 (Musée Fernand Léger, Biot)
      </div>
      <div class="card-works">
        <span class="work-tag">자전거 타는 사람들</span>
        <span class="work-tag">건설 노동자들</span>
        <span class="work-tag">여가</span>
        <span class="work-tag">위대한 퍼레이드</span>
      </div>
    </div>
  </div>

</div>

<!-- MAP TABLE -->
<div class="section-label">
  <span class="en">Carte des Maîtres</span>
  <h2>화가별 남프랑스 방문 지도</h2>
</div>

<div class="map-section">
  <table class="map-table">
    <thead>
      <tr>
        <th>도시 / 지역</th>
        <th>관련 화가</th>
        <th>핵심 볼거리</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="city">아를 (Arles)</td>
        <td>반 고흐</td>
        <td>반 고흐 재단 미술관, 노란 집 터, 론강 야경 포인트</td>
      </tr>
      <tr>
        <td class="city">생 레미 드 프로방스</td>
        <td>반 고흐</td>
        <td>생 폴 드 모졸 수도원 (고흐 입원 병동), 해바라기 밭</td>
      </tr>
      <tr>
        <td class="city">엑상프로방스 (Aix)</td>
        <td>세잔</td>
        <td>세잔 아틀리에, 생트 빅투아르 산 전망 포인트</td>
      </tr>
      <tr>
        <td class="city">니스 (Nice)</td>
        <td>마티스, 샤갈</td>
        <td>마티스 미술관, 샤갈 국립미술관, 시미에 언덕</td>
      </tr>
      <tr>
        <td class="city">방스 (Vence)</td>
        <td>마티스</td>
        <td>로제르 예배당 (마티스 설계)</td>
      </tr>
      <tr>
        <td class="city">앙티브 (Antibes)</td>
        <td>피카소</td>
        <td>피카소 미술관 (그리말디 성)</td>
      </tr>
      <tr>
        <td class="city">카뉴쉬르메르</td>
        <td>르누아르</td>
        <td>르누아르 미술관 (레 콜레트 저택)</td>
      </tr>
      <tr>
        <td class="city">생 폴 드 방스</td>
        <td>샤갈, 마티스 외</td>
        <td>샤갈 묘지, 마그 재단 미술관, 중세 마을 자체</td>
      </tr>
      <tr>
        <td class="city">생트로페 (Saint-Tropez)</td>
        <td>시냐크, 마티스</td>
        <td>아농시아드 미술관, 구항구</td>
      </tr>
      <tr>
        <td class="city">비오 (Biot)</td>
        <td>페르낭 레제</td>
        <td>레제 국립미술관, 유리 공예 마을</td>
      </tr>
      <tr>
        <td class="city">발로리스 (Vallauris)</td>
        <td>피카소</td>
        <td>피카소 '전쟁과 평화' 벽화, 도자기 공방들</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- CLOSING -->
<section class="closing">
  <h3>44년 뒤, 빛의 땅에서</h3>
  <p>
    이 화가들은 모두 남프랑스의 빛에 이끌려 왔습니다. 그리고 그 빛 속에서 자신의 가장 깊은 언어를 찾았습니다. 
    고흐는 타오르는 노란빛에서 삶의 의지를, 세잔은 산의 불변함에서 예술의 영원성을, 
    마티스는 창문으로 쏟아지는 지중해 햇살에서 순수한 기쁨을 발견했습니다.
  </p>
  <p>
    44년의 일을 내려놓고 처음으로 자유롭게 밟는 그 땅 — 이제 당신의 눈으로 그 빛을 보게 될 것입니다. 
    화가의 눈으로 본 남프랑스와, 당신의 눈으로 본 남프랑스는 서로 다르지 않을 것입니다. 
    그 빛은 누구에게나 평등하게 쏟아지기 때문입니다.
  </p>
  <div class="poem">
    "나는 빛이 가득한 곳에서<br>
    내 생의 가장 좋은 그림들을 그렸다.<br>
    그리고 그것으로 충분했다."<br>
    <span style="font-size:0.9rem; color:rgba(255,255,255,0.5)">— 빈센트 반 고흐, 아를에서 테오에게 보낸 편지</span>
  </div>
  <p style="font-size:0.9rem; color:rgba(255,255,255,0.5)">
    2025년 5월 20일 · 남프랑스 예술 기행 · 12박 13일
  </p>
</section>

<script>
  // Scroll animation
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('visible');
      }
    });
  }, { threshold: 0.15 });

  document.querySelectorAll('[data-anim]').forEach(el => observer.observe(el));
</script>
</body>
</html>