/* VB1 (2026-10-24) — 시안 A 골드 시네마: 현테크이엔지 V4 블랙과 같은 톤. 골드 #C9A86A 는 몇 곳만, 첫 문구 네온 빛(현테크 V2 효과) */
html.vb.vb1[data-c] { --acc: #C9A86A; --acc-rgb: 201,168,106; --acc-ink: #111; --v3-r: 6px; }
.vb1 body, .vb1 .v3 { font-family: "Pretendard", "Noto Sans KR", sans-serif; }
/* 첫 화면 */
.vb1-hero { min-height: min(86vh, 820px); display: flex; align-items: center; text-align: center; }
.vb1-hero .vb-hero-bg { background-position: center 60%; filter: grayscale(.85) brightness(.55) contrast(1.15); transform: scale(1.06); animation: vb1zoom 18s ease-out both; }
.vb1-hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(55% 45% at 50% 48%, rgba(0,0,0,.55), transparent 75%), linear-gradient(0deg, #000 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.25) 80%); }
.vb1-hero-in { padding-block: 70px; }
.vb1-eyebrow { color: #E6CC98; letter-spacing: .35em; font-size: 12px; font-weight: 500; }
.vb1-hero h1 { font-size: clamp(30px, 4.6vw, 60px); line-height: 1.12; font-weight: 900; margin: 20px 0 16px; color: #FFF8EC; letter-spacing: -.04em;
  text-shadow: 0 0 2px rgba(255,255,255,.9), 0 0 8px rgba(255,236,200,.7), 0 0 18px rgba(215,178,118,.55), 0 0 40px rgba(201,168,106,.4), 0 0 80px rgba(201,168,106,.25); animation: vb1neon 2.4s ease-out both; }
.vb1-hero p { color: #BBB; font-size: 16px; margin: 0 auto 36px; max-width: 560px; }
.vb1-hero p b { color: #E6CC98; font-weight: 500; }
.vb1-finder { display: inline-flex; background: rgba(17,17,17,.85); border: 1px solid rgba(255,255,255,.1); border-radius: 60px; padding: 6px; gap: 4px; backdrop-filter: blur(8px); }
.vb1-finder button, .vb1-finder a { padding: 13px 24px; border-radius: 50px; font-size: 15px; color: #DDD; background: none; border: 0; cursor: pointer; }
.vb1-finder button:hover, .vb1-finder a:hover { background: #212121; color: #FFF; }
.vb1-finder .on { background: #FFF; color: #000; font-weight: 700; }
.vb1-scroll { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 2; font-size: 11px; letter-spacing: .3em; color: #777; }
.vb1-scroll::after { content: ""; display: block; width: 1px; height: 34px; margin: 10px auto 0; background: linear-gradient(var(--acc), transparent); }
@keyframes vb1neon { 0%, 8% { opacity: .15; text-shadow: none; } 10% { opacity: 1; } 12% { opacity: .3; } 16%, 100% { opacity: 1; } }
@keyframes vb1zoom { to { transform: scale(1); } }
@media (max-width: 760px) { .vb1-finder { flex-direction: column; border-radius: 20px; width: 100%; } }

/* 머리말 메뉴: 골드 밑줄 (현테크 V4 B 와 같게) */
.vb1 .v3-gnb a { position: relative; color: #DDD; }
.vb1 .v3-gnb a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: var(--acc); transform: scaleX(0); transition: transform .3s; }
.vb1 .v3-gnb a:hover, .vb1 .v3-gnb a.on { color: #FFF; }
.vb1 .v3-gnb a:hover::after, .vb1 .v3-gnb a.on::after { transform: scaleX(1); }
/* 섹션 제목: 흰 글 + 골드는 강조 단어만 */
.vb1 .v3-sec-h h2 { font-weight: 700; letter-spacing: -.03em; }
.vb1 .v3-sec-h h2 em { font-style: normal; color: #E6CC98; }
/* 하위 화면 머리: 제목 은은한 빛 */
.vb1 .v3-subhd { background: #000; border-bottom: 1px solid rgba(255,255,255,.1); }
.vb1 .v3-subhd h1 { color: #FFF8EC; font-weight: 800; letter-spacing: -.03em; text-shadow: 0 0 10px rgba(255,236,200,.35), 0 0 30px rgba(201,168,106,.25); }
.vb1 .v3-crumb a { color: #E6CC98; }
.vb1 .v0-note { color: #9A9A9A; border-left: 2px solid var(--acc); padding-left: 12px; }
/* 단추: 골드 바탕은 주요 단추만 */
.vb1 .v3-btn.line, .vb1 .vb-btn:not(.pri) { border-color: rgba(255,255,255,.25); }
.vb1 .rcard:hover, .vb1 .tcard:hover { border-color: rgba(201,168,106,.45); }

@media (max-width: 599px) {
  .vb1-hero-in { padding-inline: 20px; padding-block: 56px 70px; }
  .vb1-hero h1 { font-size: 30px; }
  .vb1-hero p { font-size: 14.5px; line-height: 1.65; }
  .vb1-hero p br { display: none; }
}