/* Main hero — Figma: 디자인 스터디 / hero (55:150), 1920 × 1240.191
   좌표는 전부 Figma 원본값. 캔버스 스케일은 styles.css + assets/fit.js 가 담당. */

.hero-main {
  height: 1240.191px;
  background: #e2e2e2;
  font-variation-settings: "wdth" 100;
}

/* 배경 영상 (59:708) — 원본 KakaoTalk_Video…mp4, 오디오 트랙 제거 */
.hero-main__video {
  position: absolute;
  left: 0;
  top: 1px;
  width: 1920px;
  height: 1238px;
  object-fit: cover;
}

/* 격자 (55:512) */
.hero-main__grid {
  position: absolute;
  left: -182.582px;
  top: -158.464px;
  width: 2286.316px;
  height: 1558.129px;
}

/* 점 격자 (55:513) — 18.934px 원, 10 × 6, 피치 201.594 × 201.647.
   원본 채움색 #2F3B48 opacity .1 (Figma 렌더 실측과 일치) */
.hero-main__dots {
  position: absolute;
  left: 44.594px;
  top: 107.941px;
  width: 1834.242px;
  height: 1027.169px;
  background-image: radial-gradient(
    circle at 9.467px 9.467px,
    rgba(47, 59, 72, 0.1) 9.467px,
    transparent 9.467px
  );
  background-size: 201.594px 201.647px;
}

/* 번호가 붙은 11개 지점만 진한 점 — 옅은 점과 같은 #2F3B48 이지만 불투명 */
.hero-main__point {
  position: absolute;
  width: 18.934px;
  height: 18.934px;
  border-radius: 50%;
  background: #2f3b48;
}

/* 상·하단 바 (55:520) */
.hero-main__meta {
  position: absolute;
  margin: 0;
  font-family: var(--font-sf);
  font-weight: 500;
  font-size: 20.918px;
  line-height: 1.3;
  letter-spacing: -1.0459px;
  color: #2e2e2e;
  white-space: nowrap;
}

.hero-main__wordmark {
  position: absolute;
  left: 832px;
  top: 68.903px;
  width: 255.437px;
  height: 93.003px;
}

.hero-main__dates {
  position: absolute;
  left: 55px;
  top: 1112.906px;
  width: 170px;
  margin: 0;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 400;
  font-size: 22.275px;
  line-height: 1.3;
  letter-spacing: -0.891px;
  color: #2f3b48;
}

.hero-main__tagline {
  position: absolute;
  left: 848px;
  top: 1117.579px;
  width: 237.958px;
  height: 77.654px;
}

.hero-main__logo {
  position: absolute;
  left: 1716.897px;
  top: 1125.121px;
  width: 59.028px;
  height: 62.57px;
}

.hero-main__qr {
  position: absolute;
  left: 1800.925px;
  top: 1117.39px;
  width: 78.033px;
  height: 78.033px;
}

/* 포인트 번호 1–11 */
.hero-main__num {
  position: absolute;
  margin: 0;
  font-family: var(--font-outfit);
  font-weight: 400;
  font-size: 32px;
  line-height: normal;
  letter-spacing: -0.64px;
  color: #2f3b48;
  white-space: nowrap;
}

/* 팀 라벨 칩 — 검은 배경까지 포함된 SVG */
.hero-main__team {
  position: absolute;
  height: 53.455px;
}