/* Khối "cầu nối" trên trang Dự án của website chính → web dự án chuyên sâu. */
.lp-bridge { position: relative; margin: 0 0 36px; color: #fff; background: #0a2a31 var(--lpb, none) center / cover no-repeat; overflow: hidden; border-radius: 4px; }
.lp-bridge::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(3,16,20,.92), rgba(3,16,20,.6) 65%, rgba(3,16,20,.35)); }
.lp-bridge__in { position: relative; padding: 44px 40px; max-width: 640px; }
.lp-bridge__eye { margin: 0 0 12px; font-size: 11.5px; letter-spacing: .28em; text-transform: uppercase; color: #e4cf9f; }
.lp-bridge__t { margin: 0 0 18px; font-family: var(--font-heading, "Playfair Display", Georgia, serif); font-weight: 500; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.1; color: #fff; }
.lp-bridge__s { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 26px; }
.lp-bridge__s b { display: block; font-size: 26px; font-weight: 500; line-height: 1; } .lp-bridge__s small { font-size: 13px; color: #e4cf9f; }
.lp-bridge__s span { font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.65); }
.lp-bridge__d { margin: 0 0 24px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.65; }
.lp-bridge__btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; background: #c8a46a; color: #1e1708 !important; text-decoration: none !important; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; transition: background .3s; }
.lp-bridge__btn:hover { background: #e4cf9f; }
.lp-bridge__btn span { transition: transform .3s; } .lp-bridge__btn:hover span { transform: translateX(4px); }
@media (max-width: 640px) { .lp-bridge__in { padding: 32px 22px; } .lp-bridge__btn { width: 100%; justify-content: center; } }