/* ===== 아틀라스링크 메인 페이지 ===== */

/* 히어로: 로아앤코와 같은 틀(전체 화면, 문구는 왼쪽 아래, 투명 헤더가 위에 겹침)이고 영상 대신 가족 사진을 쓴다.
   (.hero-video 의 크기·문구 위치·글자 크기는 css/style.css 를 그대로 따른다) */
.hero-video.hero-atlas .hero-atlas-bg {
  position: absolute; inset: 0; z-index: 0;
  background: #111 url('/img/hero-atlaslink.jpg?v=4') no-repeat 50% 42% / cover;
}
.hero-video.hero-atlas .hero-content h1 { font-weight: 700; line-height: 1.12; letter-spacing: -.5px; font-size: 52px; }
.hero-video.hero-atlas .hero-content p { max-width: 640px; }

@media (max-width: 640px) {
  .hero-video.hero-atlas .hero-atlas-bg { background-position: 34% 50%; }
  .hero-video.hero-atlas .hero-content h1 { font-size: 34px; }
  /* 모바일: 문구 묶음을 더 왼쪽 아래로 (아래쪽 스크롤 화살표와는 겹치지 않게) */
  .hero-video.hero-atlas .hero-content { padding-left: 18px; padding-right: 18px; padding-bottom: 64px; }
}

/* 히어로 영상(있을 때): 사진 위에 꽉 차게 깔린다. 영상 주소가 비어 있으면 source 에 src 가 없어 표시되지 않는다. */
.hero-video.hero-atlas video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.hero-video.hero-atlas .hero-video-mobile { display: none; }
@media (max-width: 640px) {
  .hero-video.hero-atlas .hero-video-pc { display: none; }
  .hero-video.hero-atlas .hero-video-mobile { display: block; }
}
.hero-video.hero-atlas video { object-position: 50% 42%; }
@media (max-width: 640px) { .hero-video.hero-atlas video { object-position: 34% 50%; } }