/* Styles isolated to the Facebook section. */
.facebook-section { position:relative; z-index:10; padding:56px 24px; scroll-margin-top:6rem; border-top:1px solid rgba(255,85,0,.16); background:linear-gradient(120deg,rgba(255,85,0,.06),transparent 55%),#0c0c0e; }
.facebook-layout { max-width:1100px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,500px); gap:64px; align-items:center; }
.facebook-intro { min-width:0; }
.facebook-eyebrow { display:flex; align-items:center; gap:12px; color:#ff782f; font-size:12px; font-weight:700; letter-spacing:2px; }
.facebook-eyebrow i { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,85,0,.3); border-radius:10px; background:rgba(255,85,0,.08); font-size:17px; }
.facebook-intro h2 { margin:20px 0; font-size:clamp(36px,4.5vw,60px); font-weight:700; line-height:1.08; color:#fff; }
.facebook-intro h2 span { color:#ff5500; }
.facebook-intro p { max-width:370px; color:#a9a9b1; font-size:16px; line-height:1.8; }
.facebook-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:48px; margin-top:26px; padding:12px 20px; background:#ff5500; color:white; border-radius:12px; font-weight:600; }
.facebook-button:hover { background:#e04800; }
.facebook-menu-link { display:flex; align-items:center; gap:10px; width:fit-content; margin-top:20px; padding:6px 0; color:#b8b8c0; font-size:14px; }
.facebook-menu-link:hover { color:#ff782f; }
.facebook-card { min-width:0; width:100%; max-width:500px; justify-self:center; overflow:hidden; border:1px solid rgba(255,85,0,.35); border-radius:18px; background:#121214; box-shadow:0 16px 40px rgba(0,0,0,.25); }
.facebook-feed { width:100%; height:500px; }
.facebook-feed iframe { display:block; width:100%; height:100%; border:0; }
.facebook-help { margin:0; padding:14px 16px; color:#a9a9b1; font-size:12px; line-height:1.7; }
.facebook-help a { color:#ff914f; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:767px) {
 .facebook-section { padding:36px 16px; }
 .facebook-layout { grid-template-columns:minmax(0,1fr); gap:26px; }
 .facebook-intro { width:100%; max-width:500px; margin:auto; }
 .facebook-intro h2 { font-size:36px; margin:16px 0; }
 .facebook-intro h2 br { display:none; }
 .facebook-intro h2 br::after { content:' '; }
 .facebook-intro h2 span::before { content:' '; }
 .facebook-intro p { max-width:100%; font-size:14px; }
 .facebook-button { margin-top:18px; font-size:15px; }
 .facebook-menu-link { margin-top:10px; }
 .facebook-feed { height:420px; }
}

.facebook-placeholder { padding:32px 24px; text-align:center; background:radial-gradient(ellipse at top,rgba(255,85,0,.12),transparent 75%); }
.facebook-placeholder > i { font-size:42px; color:#ff782f; }
.facebook-placeholder h3 { margin:18px 0 10px; color:#fff; font-size:25px; }
.facebook-placeholder p { color:#b8b8c0; line-height:1.7; font-size:14px; }
.facebook-placeholder .facebook-button { margin-top:20px; }
.facebook-load { display:block; margin:18px auto 0; padding:10px; color:#ff914f; text-decoration:underline; text-underline-offset:4px; font-size:13px; }
.facebook-load[hidden], .facebook-feed[hidden] { display:none; }