/* ══════════════════════════════════════════════════════════════
   테마 B — weddinginfor.com 전용

   site.css · feel.css 를 그대로 쓰고 이 파일이 뒤에서 덮어씁니다.
   같은 현장이지만 A 사이트와 다른 인상을 주는 것이 목적입니다.

   A 사이트                          B 사이트 (이 파일)
   ──────────────────────────────    ──────────────────────────────
   차가운 남색 #204A77               짙은 초록 #1F4B3F (푸르지오 그린)
   강조색 청록 #015152               강조색 황동 #A98A55
   바탕 흰색 + 옅은 청회색           바탕 크림 #FBF9F4
   제목 명조                         제목 고딕, 자간 좁게
   섹션 제목 왼쪽                    섹션 제목 가운데
   카드에 색 채움                    카드는 흰 바탕에 얇은 테두리
   히어로 영상 바로 시작             사진 1.6초 붙잡았다가 영상으로
   흐르는 글자 띠 청록               띠는 황동, 더 옅게

   푸르지오 로고는 두 사이트 모두 그대로입니다.
   ══════════════════════════════════════════════════════════════ */

/* ── 색감 ─────────────────────────────────────── */
.site-b{
  --navy:#1F4B3F;           /* 로고·제목·주요 버튼 */
  --navy-2:#356857;
  --navy-deep:#14332B;
  --wine:#A98A55;           /* 강조 — 번호·밑줄·작은 라벨 */
  --wine-soft:#C9AE7E;
  --bg:#FBF9F4;
  --bg-soft:#F2EEE3;
  --surface:#fff;
  --ink:#232019;
  --ink-soft:#5B554A;
  --muted:#948C7C;
  --line:#E7E0D2;
  --line-dark:rgba(255,255,255,.16);
}

.site-b body,
body.site-b{background:var(--bg);color:var(--ink)}

/* ── 제목은 고딕으로 (A 는 명조) ──────────────── */
.site-b .hero__title,
.site-b .sec__title,
.site-b .split__txt h3,
.site-b .prem h3,
.site-b .phead__in h1{
  font-family:var(--font);font-weight:800;letter-spacing:-.045em}

/* ── 섹션 머리를 가운데로 (A 는 왼쪽) ─────────── */
@media (min-width:781px){
  .site-b .sec__head{text-align:center;max-width:780px;margin-left:auto;margin-right:auto}
  .site-b .sec__lead{margin-left:auto;margin-right:auto}
  .site-b .sec__no{font-size:34px;opacity:.18;letter-spacing:-.04em}
  .site-b .note{text-align:center}
  .site-b .chip{display:block;width:fit-content;margin-left:auto;margin-right:auto}
}
.site-b .sec__eyebrow{color:var(--wine)}

/* ── 어두운 섹션도 밝게 (A 는 청회색) ─────────── */
.site-b .sec--dark,
.site-b .sec--deep{background:var(--bg-soft);color:var(--ink)}

/* ── 카드는 흰 바탕 + 얇은 테두리 ─────────────── */
.site-b .prem article,
.site-b .clubs article{
  background:#fff;border:1px solid var(--line);border-radius:2px;
  box-shadow:none}
.site-b .prem article b,
.site-b .clubs article span{color:var(--wine)}
.site-b .facts,
.site-b .table,
.site-b .uinfo,
.site-b .gal figure{border-color:var(--line)}

/* ── 상단바 ───────────────────────────────────── */
/* A 는 히어로 위에서 투명. B 는 늘 크림 바탕에 아래 실선. */
.site-b .nav{background:var(--bg);color:var(--navy);
  box-shadow:inset 0 -1px 0 var(--line)}
.site-b .nav:hover,
.site-b .nav.is-solid{background:var(--bg);color:var(--navy)}
.site-b .nav__logo{color:var(--navy)}
@media (min-width:1081px){
  .site-b .nav:not(.is-solid):not(:hover) .nav__logo{color:var(--navy)}
}
.site-b .nav__cta{background:var(--navy);color:#fff}
.site-b .foot__logo{color:var(--navy)}

/* ── 히어로 ───────────────────────────────────── */
/* A 는 아래쪽을 눌러 흰 글씨를 지킨다. B 는 왼쪽에서 오른쪽으로 눕힌다. */
.site-b .hero::after{background:linear-gradient(100deg,
  rgba(20,51,43,.66) 0%, rgba(20,51,43,.34) 46%, rgba(20,51,43,.12) 100%)}
.site-b .hero__tag::before{background:var(--wine-soft)}

/* ── 흐르는 글자 띠 ───────────────────────────── */
.site-b .rail{color:var(--wine);opacity:.10}

/* ── 등록 배너·푸터 ───────────────────────────── */
.site-b .cta{background:var(--navy);color:#fff}
.site-b .cta h2{color:#fff}
.site-b .cta p{color:rgba(255,255,255,.78)}
.site-b .foot{background:var(--bg-soft);color:var(--ink-soft);
  border-top:1px solid var(--line)}
.site-b .foot b{color:var(--ink)}