.facebook-page-section { align-items: center; background: #f4eff6; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, .85fr) minmax(320px, 500px); padding: clamp(4rem, 8vw, 7rem) max(7vw, 1.4rem); }.facebook-page-intro { max-width: 580px; }.facebook-page-intro h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.35rem, 4.5vw, 4.15rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; margin: 0; }.facebook-page-intro > p:not(.eyebrow) { color: var(--muted); font-size: 1.07rem; line-height: 1.65; margin: 1.1rem 0 1.6rem; }.facebook-follow-button { align-items: center; background: #1877f2; color: #fff; display: inline-flex; font-weight: 800; gap: .6rem; padding: .8rem 1.05rem; text-decoration: none; }.facebook-follow-button:hover { background: #0f65d3; }.facebook-follow-button span { align-items: center; background: rgba(255,255,255,.18); border-radius: 50%; display: inline-flex; font-family: Arial, sans-serif; font-size: 1.25rem; height: 24px; justify-content: center; width: 24px; }.facebook-page-preview { background: #fff; box-shadow: 0 15px 34px rgba(62,39,69,.13); line-height: 0; max-width: 500px; overflow: hidden; width: 100%; }.facebook-page-preview iframe { display: block; max-width: 100%; width: 100%; }
@media (max-width: 800px) { .facebook-page-section { grid-template-columns: 1fr; }.facebook-page-preview { margin: 0 auto; } }