/* HERO — Figma 1:34 (1920x1080) */
.site-header{
  position:absolute;top:0;left:0;right:0;z-index:10;
  display:flex;justify-content:center;
  padding-top:clamp(14px,1.56vw,30px);
}
.site-header__list{display:flex;list-style:none;margin:0;padding:0;
  font-family:var(--ff-sans);font-weight:500;font-size:16px;line-height:1.6}
.site-header__list li+li::before{content:"|";color:#555;margin-inline:.3em}
.site-header__link{padding:0;background:none;border:0;font:inherit;color:#555;text-decoration:none;cursor:pointer;transition:color .2s}
.site-header__link:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.site-header__link.is-active{color:var(--c-text)}
.site-header__link:hover,.site-header__link:focus-visible{color:var(--c-text)}

/* 높이 = 뷰포트 100% → 로고·슬로건 항상 화면 정중앙 */
.hero{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;height:100vh;min-height:480px;
  overflow:hidden;background:var(--c-bg);
}
@supports (height:100svh){.hero{height:100svh}}
.hero__bg{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(81.35%,1562px,176.5svh);height:auto;aspect-ratio:1562/885;object-fit:cover; /* Figma 1:32 (x179 y97) · 낮은 뷰포트에선 높이 기준 축소 */
  border-radius:2px;pointer-events:none;
  animation:hero-fade 1.2s ease-out both;
}
.hero__content{
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,.78vw,15px);width:50.5vw;max-width:969px;text-align:center;
  animation:hero-fade 1.2s .15s ease-out both;
}
.hero__logo{margin:0;width:40.2vw;max-width:772px;line-height:0}
.hero__logo img{display:block;width:100%;height:auto}
.hero__tagline{
  margin:0;font-family:var(--ff-serif);font-weight:400;
  font-size:calc(clamp(18px,3.33vw,64px) * var(--ls-tagline,1));line-height:1.2;letter-spacing:0;color:var(--c-text);
}
/* RU: 문장이 길어 콘텐츠 폭 확장 → 2줄 유지 */
:root:lang(ru) .hero__content{width:72vw;max-width:1300px}
.hero__br--m{display:none}   /* 모바일 전용 줄바꿈 */
@keyframes hero-fade{from{opacity:0}to{opacity:1}}

@media (max-width:1024px){
  .hero__bg{width:100%;height:100%;aspect-ratio:auto}   /* 태블릿·모바일: 영역 꽉 채움(cover) */
  .hero__content{width:86vw;max-width:none}
  .hero__logo{width:min(64vw,772px)}
  .hero__tagline{font-size:calc(clamp(18px,4vw,40px) * var(--ls-tagline,1))}
}
@media (max-width:768px){
  .hero__logo{width:72vw}
  .hero__tagline{font-size:calc(clamp(17px,4.8vw,30px) * var(--ls-tagline,1))}
  .hero__br{display:none}
  .site-header__list{font-size:14px}
  :root:lang(ru) .hero__content{width:92vw}
  :root:lang(ru) .hero__tagline{font-size:3.8vw}
  :root:lang(ru) .hero__br{display:inline}
  .hero__br--m{display:inline}
  /* KO: 2줄 구성 30px (한 줄 약 9.5em ≈ 285px → 320px 폰도 92vw 안에 들어감) */
  :root:lang(ko) .hero__content{width:92vw}
  :root:lang(ko) .hero__tagline{font-size:30px;line-height:1.6}
}
@media (prefers-reduced-motion:reduce){.hero__bg,.hero__content{animation:none}}