.lb-ct { --lb-bg: #FAFAF8; --lb-ink: #1A1A1A; --lb-accent: #C8A88E; --lb-accent-soft: #EFE4D9; --lb-line: #E7E3DC; --font-display: 'Fraunces', 'Playfair Display', Georgia, serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--lb-bg); color: var(--lb-ink); font-family: var(--font-body); line-height: 1.7; max-width: 780px; margin: 0 auto; padding: 0 22px 70px; -webkit-font-smoothing: antialiased; } .lb-ct * { box-sizing: border-box; } .lb-ct .lb-hero { text-align: center; padding: 68px 0 44px; border-bottom: 1px solid var(--lb-line); } .lb-ct .lb-eyebrow { font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: var(--lb-accent); font-weight: 600; margin-bottom: 22px; opacity: 0; animation: lbt-fade .8s ease .1s forwards; } .lb-ct .lb-hero h1 { font-family: var(--font-display); font-weight: 500; font-size: clamp(34px, 6vw, 54px); line-height: 1.05; letter-spacing: -.01em; margin: 0 0 18px; opacity: 0; animation: lbt-fade .8s ease .25s forwards; } .lb-ct .lb-hero h1 em { font-style: italic; color: var(--lb-accent); } .lb-ct .lb-hero p { font-size: 16px; max-width: 480px; margin: 0 auto; color: #55504A; opacity: 0; animation: lbt-fade .8s ease .4s forwards; } .lb-ct .lb-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 40px 0 0; opacity: 0; animation: lbt-rise .7s ease .5s forwards; } .lb-ct .lb-c { border: 1px solid var(--lb-line); border-radius: 14px; padding: 26px 24px; background: #fff; transition: transform .25s ease, border-color .25s ease; } .lb-ct .lb-c:hover { transform: translateY(-3px); border-color: var(--lb-accent); } .lb-ct .lb-c .lb-lbl { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--lb-accent); font-weight: 600; display: block; margin-bottom: 10px; } .lb-ct .lb-c p { margin: 0; font-size: 16px; color: var(--lb-ink); font-weight: 500; } .lb-ct .lb-c a { color: var(--lb-ink); text-decoration: none; border-bottom: 1px solid var(--lb-accent); } .lb-ct .lb-c a:hover { color: var(--lb-accent); } .lb-ct .lb-c small { display: block; margin-top: 6px; font-size: 13px; color: #7A746C; font-weight: 400; } .lb-ct .lb-legal { margin-top: 34px; padding: 24px 26px; background: var(--lb-accent-soft); border-radius: 14px; opacity: 0; animation: lbt-rise .7s ease .62s forwards; } .lb-ct .lb-legal h3 { font-family: var(--font-display); font-weight: 500; font-size: 18px; margin: 0 0 12px; } .lb-ct .lb-legal p { margin: 0; font-size: 14px; color: #4A443D; line-height: 1.8; } .lb-ct .lb-cta { text-align: center; padding: 46px 24px; background: var(--lb-ink); color: var(--lb-bg); border-radius: 18px; margin-top: 40px; opacity: 0; animation: lbt-rise .7s ease .74s forwards; } .lb-ct .lb-cta h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(22px, 4vw, 30px); margin: 0 0 10px; } .lb-ct .lb-cta p { margin: 0 0 24px; color: #C9C4BC; font-size: 15px; } .lb-ct .lb-cta a { display: inline-block; background: var(--lb-accent); color: var(--lb-ink); text-decoration: none; font-weight: 600; letter-spacing: .04em; padding: 14px 36px; border-radius: 40px; transition: transform .25s ease, background .25s ease; } .lb-ct .lb-cta a:hover { transform: translateY(-2px); background: #D8BCA3; } @keyframes lbt-fade { to { opacity: 1; } } @keyframes lbt-rise { to { opacity: 1; transform: translateY(0); } } @media (max-width: 560px) { .lb-ct .lb-cards { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .lb-ct * { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; } }