/* Approved six-photo hero artwork includes the exact preview typography. */

#home .heroPhotoSlider { aspect-ratio: 1680 / 936; height: auto; max-height: none; }

#home .heroSlide .heroPhoto { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }

/* The memorial artwork retains its approved embedded lettering. The funeral artwork uses a separate web title measured from the memorial title block. */
#home .heroSlide[data-goto="no"] .heroSlideCaption.top,
#home .heroSlide[data-goto="ceremony"] .heroSlideCaption.top {
  position: absolute; top: 32.5%; right: 0; bottom: auto; left: 0;
  width: auto; height: auto; margin: 0; padding: 0 12px;
  overflow: visible; clip: auto; clip-path: none; white-space: normal;
  background: none; text-align: center;
}
#home .heroSlide[data-goto="no"] .heroSlideCaption.top b.capSmall,
#home .heroSlide[data-goto="ceremony"] .heroSlideCaption.top b.capSmall {
  color: #fffdf9; font-family: "Gungsuh", "궁서", "Nanum Myeongjo", serif;
  font-size: clamp(21px, 5vw, 84px); font-weight: 800; -webkit-text-stroke: 1.45px rgba(255,253,249,.96); paint-order: stroke fill;
  line-height: 1.2; letter-spacing: -.055em;
  text-shadow: 0 3px 8px rgba(20,18,14,.58);
}
#home .heroSlide[data-goto="no"] .heroSlideCaption.top span.capLarge,
#home .heroSlide[data-goto="ceremony"] .heroSlideCaption.top span.capLarge {
  margin-top: clamp(8px, 1.3vw, 22px); color: #fffdf9;
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: clamp(34px, 7.2vw, 120px); font-weight: 900; -webkit-text-stroke: 1.1px rgba(255,253,249,.94); paint-order: stroke fill;
  line-height: 1.12; letter-spacing: -.07em;
  text-shadow: 0 4px 10px rgba(20,18,14,.55);
}/* White service index and soft sky-blue company invitation. */
#home .heroCopy { background: #ffffff; }
#home .homeAboutInvitation { background: #edf5f8; }
/* Keep hero titles accessible without displaying text over either image. */
#home .heroSlideCaption.top {
  position: absolute; inset: auto; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap;
  background: none; border: 0;
}