.holy-relics__figure { position: relative; width: 90%; max-width: 1264px; height: auto; padding-inline: var(--space-32); margin-inline: auto; aspect-ratio: 1456 / 607; }
.holy-relics__figure img { width: 100%; height: 100%; object-fit: cover; }
.holy-relics__caption { position: absolute; bottom: 0; left: var(--space-32); width: fit-content; padding: var(--space-4) var(--space-20); background-color: rgba(255, 255, 255, 0.65); color: var(--color-text-muted); font-size: var(--font-size-body); font-weight: 500; line-height: var(--line-height-body); }

/* About */
.about__container { padding-block: var(--space-180); }
.about__intro { display: flex; flex-direction: column; gap: var(--space-40); color: var(--color-text-muted); font-size: var(--font-size-h1); font-weight: 700; line-height: var(--line-height-h1); }
.about__intro p { display: flex; flex-direction: column; align-items: center; }
.about__intro p > span { display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}

/* Saint */
.saint__container { padding-block: var(--space-100) 0; }
.saint__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--space-24); column-gap: clamp(20px, calc(20px + (100vw - 1200px) * 20 / 720), var(--space-40)); }
.saint__item { display: flex; flex-direction: column; gap: var(--space-20); padding: var(--space-20); border: 0.5px solid var(--color-brand-accent-soft); border-left-width: 4px; } 
.saint__name { color: var(--color-text-default); font-size: var(--font-size-h3); font-weight: 700; line-height: var(--line-height-h3); }
.saint__name::before { content: "+ "; }
.saint__name::after { display: block; width: 100%; height: 0.5px; margin-top: var(--space-10); background-color: var(--color-border-subtle); content: ""; }
.saint__item--name-only { align-self: start; }
.saint__item--name-only .saint__name::after { display: none; }
.saint__meta { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: var(--space-16); }
html:not([data-site-lang="ko"]):not([data-site-lang="ja"]) .saint__meta { grid-template-columns: 100px minmax(0, 1fr); } 
.saint__label, .saint__value { display: flex; align-items: center; font-size: var(--font-size-body-lg); font-weight: 400; line-height: 1.1; }
.saint__label { position: relative; color: var(--color-text-default); font-weight: 500; overflow-wrap: anywhere; }
.saint__label::after { display: inline-block; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); width: 16px; height: 20px; color: #D9D4CC; font-size: var(--font-size-body-lg); font-weight: 700; text-align: center; content: "·"; }
.saint__value { color: var(--color-text-muted); }
html:not([data-site-lang="ko"]):not([data-site-lang="ja"]) .saint__meta { grid-template-columns: 100px minmax(0, 1fr); } .saint__value { padding-left: var(--space-4); }

@media (max-width: 1200px) {

  /* About */
  .about__container { padding-block: var(--space-120);}

  /* Saint */
  .saint__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .holy-relics__figure { width: 100%; padding-inline: 0; }
  .holy-relics__caption { left: 0; }


  /* About */
  .about__figure { width: 100%; padding-inline: 0; }
  .about__container { padding-block: var(--space-80); }
  .about__intro { gap: var(--space-30); }

  /* Saint */
  .saint__container { padding-block: var(--space-60) 0; }
  .saint__list { grid-template-columns: minmax(0, 1fr); gap: var(--space-12); }   
  .saint__item { gap: var(--space-16); padding: var(--space-16); }
}