/* INTRO — Figma 1:35 (1920x1600). Text block starts at y=400. */
.intro{
  position:relative;
  z-index:1; /* text stays above the visual image bleeding up into this area */
  min-height:min(83.334vw,1600px);          /* 1600 @1920 */
  padding-block:min(20.834vw,400px) 0;      /* 400 @1920 */
  color:var(--c-text);
}
.intro__inner{text-align:center}
.intro__title{
  margin:0 0 min(2.084vw,40px);             /* gap 40 */
  font-family:var(--ff-serif);
  font-weight:400;
  font-size:calc(var(--fs-display) * var(--ls-title,1)); /* 96 */
  text-wrap:balance;
  line-height:normal;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.intro__text{
  margin:0;
  font-family:var(--ff-sans);
  font-weight:100;                          /* Thin */
  font-size:var(--fs-lead);                 /* 32 */
  line-height:1.6;
  overflow-wrap:break-word;
}
@media (max-width:1024px){
  .intro__title{font-size:clamp(34px,6vw,64px)}
  .intro__text{font-size:clamp(16px,2.4vw,24px);font-weight:200}
}
@media (max-width:768px){
  /* 스크롤 고정 애니메이션 제거 후에도 기존처럼 텍스트가 한 화면(100svh)을 채우고
     그 아래 화면에서 이미지가 시작되도록 유지 (이미지는 -12vw 만큼 위로 겹쳐 들어옴) */
  .intro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:64px}
  .intro__title{font-size:calc(clamp(30px,8vw,44px) * var(--ls-title,1));margin-bottom:24px}
  .intro__text{font-size:clamp(15px,4vw,18px)}
}