.detail-header { position: sticky; }

.dawn-hero {
  min-height: 650px;
  display: flex;
  align-items: flex-end;
  padding: clamp(110px, 14vw, 180px) clamp(20px, 6vw, 84px) clamp(72px, 9vw, 110px);
  color: var(--white);
  background:
    linear-gradient(180deg, rgba(25, 51, 35, 0.12), rgba(25, 51, 35, 0.82)),
    linear-gradient(90deg, rgba(25, 51, 35, 0.68), rgba(25, 51, 35, 0.04)),
    url("assets/closing-light.jpeg") center / cover;
}

.dawn-hero-inner { width: min(920px, 100%); margin: 0 auto; }
.dawn-hero h1 { margin-bottom: 16px; font-size: clamp(48px, 8vw, 94px); line-height: 1.08; }
.dawn-hero p:not(.eyebrow) { max-width: 780px; font-size: clamp(17px, 2vw, 21px); }
.dawn-hero .dawn-tagline { margin-bottom: 14px; color: var(--yellow); font-size: clamp(23px, 3.5vw, 38px); font-weight: 900; }

.dawn-section { padding: clamp(78px, 10vw, 128px) clamp(20px, 5vw, 72px); }
.dawn-soft { background: var(--green-100); }
.dawn-heading { width: min(860px, 100%); margin: 0 auto 44px; text-align: center; }
.dawn-heading h2 { font-size: clamp(36px, 5vw, 62px); }
.dawn-heading > p:last-child { color: var(--muted); font-size: 17px; }
.dawn-message, .people-message { width: min(820px, 100%); margin: 0 auto; }
.dawn-message p, .people-message p { color: #45564a; font-size: 18px; }

.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: min(1100px, 100%); margin: 52px auto 0; }
.value-grid article { padding: 30px; background: var(--white); border: 1px solid var(--line); border-top: 5px solid var(--orange); border-radius: 10px; box-shadow: 0 10px 28px rgba(35, 64, 48, 0.07); }
.value-grid span { color: var(--orange); font-size: 14px; font-weight: 900; }
.value-grid h3 { margin: 10px 0; font-size: 28px; }
.value-grid p { margin-bottom: 0; color: var(--muted); }

.yokan-story { display: grid; grid-template-columns: 1fr 0.9fr; gap: clamp(28px, 5vw, 64px); width: min(1100px, 100%); margin: 0 auto; padding: clamp(28px, 5vw, 58px); background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); align-items: center; }
.yokan-copy h3 { margin: 12px 0 18px; font-size: clamp(27px, 3.5vw, 40px); }
.yokan-copy p { color: var(--muted); }
.project-status { display: inline-flex; padding: 6px 13px; color: var(--green-900) !important; font-size: 13px; font-weight: 900; background: var(--yellow); border-radius: 999px; }
.yokan-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.yokan-photos figure { margin: 0; }
.yokan-photos .yokan-origin-photo { grid-column: 1 / -1; }
.yokan-photos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.yokan-photos .yokan-origin-photo img { aspect-ratio: 16 / 9; }
.yokan-photos figcaption { padding: 7px 3px 0; color: var(--muted); font-size: 12px; line-height: 1.55; }

.project-facts { display: grid; grid-template-columns: repeat(5, 1fr); width: min(1100px, 100%); margin: 22px auto 0; background: var(--white); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.project-facts div { padding: 20px; border-right: 1px solid var(--line); }
.project-facts div:last-child { border-right: 0; }
.project-facts dt { color: var(--muted); font-size: 13px; font-weight: 900; }
.project-facts dd { margin: 6px 0 0; color: var(--green-900); font-weight: 900; }
.project-facts dd span { display: block; white-space: nowrap; }

.next-note { width: min(820px, 100%); margin: 42px auto 0; padding: 28px 32px; background: #fff9e8; border-left: 6px solid var(--orange); border-radius: 8px; }
.next-note p { margin-bottom: 0; color: var(--muted); }
.related-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border-top: 1px solid var(--line); }
.related-links a { padding: 24px 18px; color: var(--green-900); font-weight: 900; text-align: center; background: var(--white); }

.news-page { padding: clamp(90px, 12vw, 150px) 20px; background: #faf8f1; }
.news-article { width: min(860px, 100%); margin: 0 auto; }
.news-article > header { padding-bottom: 38px; border-bottom: 1px solid var(--line); }
.news-article time { display: block; margin-bottom: 14px; color: var(--muted); font-weight: 800; }
.news-article h1 { color: var(--green-900); font-size: clamp(38px, 6vw, 66px); }
.article-body { padding: clamp(36px, 6vw, 68px) 0; }
.article-body p { color: #45564a; font-size: 18px; line-height: 2; }
.article-sign { margin-top: 42px; color: var(--green-900) !important; font-weight: 900; text-align: right; }
.article-next { display: block; padding: 22px 26px; color: var(--green-900); font-weight: 900; background: var(--white); border: 1px solid var(--line); border-left: 6px solid var(--orange); border-radius: 8px; }

@media (min-width: 1050px) {
  .yokan-copy h3 {
    font-size: clamp(27px, 2vw, 30px);
    white-space: nowrap;
  }
}

@media (max-width: 900px) {
  .yokan-story { grid-template-columns: 1fr; }
  .project-facts { grid-template-columns: repeat(2, 1fr); }
  .project-facts div { border-bottom: 1px solid var(--line); }
}

@media (max-width: 640px) {
  .detail-header .site-nav { display: none; }
  .dawn-hero { min-height: 600px; }
  .value-grid, .related-links { grid-template-columns: 1fr; }
  .project-facts { grid-template-columns: 1fr; }
  .project-facts div { border-right: 0; }
  .yokan-photos img { aspect-ratio: 4 / 3; }
}