.main-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-title { display: flex; flex-direction: column; align-items: center; gap: calc(36px * var(--spc)); }
.main-logo { width: calc(500px * var(--spc)); height: calc(252px * var(--spc)); }
.main-cta { width: calc(242px * var(--spc)); height: calc(76px * var(--spc)); border-radius: calc(10px * var(--spc)); background: #2A3358; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 calc(6px * var(--spc)) 0 0 #1A1F38, 0 calc(8px * var(--spc)) calc(16px * var(--spc)) rgba(0, 0, 0, .45); font-family: var(--font-title); font-weight: 400; font-size: calc(20px * var(--spc)); letter-spacing: calc(0.4px * var(--spc)); color: #FFFFFF; }
.main-cta:hover { background: #3A4470; }
.main-scroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100px * var(--spc)); width: calc(120px * var(--spc)); display: flex; flex-direction: column; align-items: center; gap: calc(8px * var(--spc)); }
.main-scroll__bar { position: relative; width: calc(4px * var(--spc)); height: calc(70px * var(--spc)); border-radius: 999px; background: #FFFFFF; overflow: hidden; }
.main-scroll__bar::before { content: ''; position: absolute; inset: 0 0 auto 0; height: calc(48px * var(--spc)); border-radius: 999px; background: #FF3A44; animation: seal-scroll-sweep 1.9s cubic-bezier(.45, 0, .25, 1) infinite; }
@keyframes seal-scroll-sweep {
  0% { transform: translateY(-100%); opacity: 0; }
  12% { opacity: 1; }
  62% { transform: translateY(145.83%); opacity: 1; }
  76%, 100% { transform: translateY(145.83%); opacity: 0; }
}
.main-scroll__text { font-family: var(--font-title); font-weight: 400; font-size: calc(14px * var(--spc)); line-height: 1.4; color: #FFFFFF; white-space: nowrap; text-shadow: 0 calc(4px * var(--spc)) calc(4px * var(--spc)) rgba(12, 12, 13, .05), 0 calc(4px * var(--spc)) calc(4px * var(--spc)) rgba(12, 12, 13, .1); }
.main-sns { display: none; }