body.concept-c { background: var(--tr-pine-dark); }
.concept-c .site-header { background: rgba(24,49,38,.97); border-bottom-color: rgba(255,255,255,.15); }
.concept-c .brandmark, .concept-c .desktop-nav a { color: #ffffff; }
.concept-c .desktop-nav a:hover, .concept-c .desktop-nav a:focus-visible, .concept-c .desktop-nav a.active { color: #e7c36a; }
.concept-c .desktop-nav .nav-cta { background: #e7c36a; color: var(--tr-pine-dark); }
.concept-c .menu-toggle { border-color: rgba(255,255,255,.28); color: #ffffff; }
.concept-c .mobile-nav { background: var(--tr-pine-dark); }
.concept-c .mobile-nav a { border-bottom-color: rgba(255,255,255,.18); color: #ffffff; }
.hero-c { padding: 70px 0 80px; background: var(--tr-pine-dark); color: #ffffff; }
.hero-c-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr); gap: 72px; align-items: center; }
.hero-c-copy .eyebrow { color: #e7c36a; }
.hero-c h1 { margin-bottom: 27px; font-family: "Noto Serif KR", serif; font-size: 55px; font-weight: 500; }
.hero-c-copy > p:not(.eyebrow) { max-width: 560px; margin-bottom: 32px; color: #dbe4de; font-size: 18px; }
.c-light-btn { background: #ffffff; border-color: #ffffff; color: var(--tr-pine-dark); }
.hero-c-media { position: relative; margin: 0; }
.hero-c-media img { width: 100%; height: 590px; object-fit: cover; border-radius: 2px; }
.hero-c-media .media-caption { color: #aebdb4; }
.year-tag { position: absolute; left: -24px; bottom: 54px; padding: 13px 18px; background: var(--tr-clay); color: #ffffff; font-size: 13px; font-weight: 650; }
.snapshot-c { padding: 66px 0 28px; }
.snapshot-c-title { display: grid; grid-template-columns: 190px 1fr auto; gap: 36px; align-items: center; margin-bottom: 38px; }
.snapshot-c-title .eyebrow { margin-bottom: 0; }
.snapshot-c-title h2 { margin-bottom: 0; font-family: "Noto Serif KR", serif; font-size: 32px; }
.manifesto-c { border-top: 1px solid rgba(255,255,255,.15); }
.manifesto-c-grid { display: grid; grid-template-columns: 180px minmax(0,1.35fr) minmax(300px,.65fr); gap: 50px; align-items: start; }
.manifesto-c h2 { margin-bottom: 0; font-family: "Noto Serif KR", serif; font-size: 44px; font-weight: 500; }
.manifesto-c p:last-child { margin-bottom: 0; color: #c5d0c9; font-size: 17px; }
.concept-c .timeline-section { background: var(--tr-bg); }
.concept-c .timeline-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 0; gap: 1px; background: var(--tr-line); }
.concept-c .timeline-item { grid-template-columns: 76px 84px 1fr; padding: 28px; border-bottom: 0; background: var(--tr-bg); }
.concept-c .principles-section { background: #ffffff; }
.concept-c .archive-section, .concept-c .archive-page { background: var(--tr-bg); }
.concept-c .archive-grid { grid-template-columns: 1.35fr .65fr; }
.concept-c .archive-card:first-child { grid-row: span 2; }
.concept-c .archive-card:first-child .archive-media { aspect-ratio: auto; height: 100%; min-height: 640px; }
.concept-c .archive-card:not(:first-child) .archive-media { aspect-ratio: 16/8; }
.concept-c .faq-section { background: #ffffff; }
.concept-c .page-hero { background: var(--tr-pine-dark); color: #ffffff; border-bottom-color: rgba(255,255,255,.14); }
.concept-c .page-hero .eyebrow { color: #e7c36a; }
.concept-c .page-hero p { color: #c4d0c8; }
.concept-c .host-section { background: var(--tr-bg); }
.concept-c .story-section { background: #ffffff; }
.concept-c .application-section { background: var(--tr-bg); }
.concept-c .archive-note { background: #ffffff; }

@media (max-width: 980px) {
  .hero-c-grid { grid-template-columns: 1fr; }
  .hero-c-media { max-width: 720px; }
  .snapshot-c-title { grid-template-columns: 150px 1fr; }
  .snapshot-c-title .btn { grid-column: 2; justify-self: start; }
  .manifesto-c-grid { grid-template-columns: 150px 1fr; }
  .manifesto-c-grid p:last-child { grid-column: 2; }
  .concept-c .timeline-list { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .hero-c { padding: 48px 0 58px; }
  .hero-c-grid { gap: 42px; }
  .hero-c h1 { font-size: 38px; }
  .hero-c-copy > p:not(.eyebrow) { font-size: 16px; }
  .hero-c-media img { height: 430px; }
  .year-tag { left: 12px; bottom: 42px; }
  .snapshot-c { padding-top: 54px; }
  .snapshot-c-title { grid-template-columns: 1fr; gap: 16px; }
  .snapshot-c-title .btn { grid-column: auto; justify-self: stretch; }
  .snapshot-c-title h2 { font-size: 29px; }
  .manifesto-c-grid { grid-template-columns: 1fr; gap: 24px; }
  .manifesto-c-grid p:last-child { grid-column: auto; }
  .manifesto-c h2 { font-size: 31px; }
  .concept-c .timeline-item { grid-template-columns: 62px 1fr; padding: 23px 18px; }
  .concept-c .timeline-item .day { grid-row: 1/3; }
  .concept-c .timeline-item .time, .concept-c .timeline-item > div:last-child { grid-column: 2; }
  .concept-c .archive-grid { grid-template-columns: 1fr; }
  .concept-c .archive-card:first-child { grid-row: auto; }
  .concept-c .archive-card:first-child .archive-media { height: auto; min-height: 0; aspect-ratio: 4/3; }
  .concept-c .archive-card:not(:first-child) .archive-media { aspect-ratio: 4/3; }
}