/* FlickerFaith partner surface. Scoped to the faith-and-encouragement page. */
.ff-hero{background:#171321;color:#f7f3ee;overflow:hidden}
.ff-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:5%;position:relative}
.ff-copy{position:relative;z-index:1;padding-block:54px 46px}
.ff-copy h1{font-size:clamp(42px,4.1vw,64px);line-height:1.07;max-width:620px}
.ff-intro{font-size:17px;line-height:1.75;color:#d5cfdd;margin-top:24px;max-width:48ch}
.ff-brand{display:flex;align-items:center;gap:13px;margin-top:28px;flex-wrap:wrap}
.ff-brand img,.ff-dock>img,.ff-closing>img{border-radius:12px}
.ff-brand strong{font-family:var(--display);font-size:23px;letter-spacing:-.03em}
.ff-brand>span{font-size:12px;color:#d5cfdd}
.ff-stores{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.ff-stores a{display:block;min-height:50px;border-radius:6px;transition:transform .3s var(--ease)}
.ff-stores a:hover{transform:translateY(-3px)}
.ff-stores img{height:50px;width:auto;max-width:100%;object-fit:contain}
.ff-hero .ff-terms,.ff-closing .ff-terms{font-size:12px;line-height:1.7;color:#d5cfdd;margin-top:13px}
.ff-guide-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;line-height:1.7;margin-top:23px;min-height:44px;color:#f7f3ee}
.ff-guide-link svg{width:20px}
.ff-visual{position:relative;overflow:hidden;align-self:stretch;margin-right:calc(-1 * var(--gutter));min-height:550px}
.ff-visual>img{position:absolute;right:0;top:50%;transform:translateY(-50%);width:205%;height:auto;max-width:none}
.ff-under{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid #514455;padding-block:22px}
.ff-under>p{font-size:16px;line-height:1.7}
.ff-under>p>span{color:#d5cfdd;font-size:13px}
.ff-qr{display:flex;align-items:center;gap:18px}
.ff-qr img{width:86px;height:86px;background:white}
.ff-qr p{font-size:12px;line-height:1.7;color:#d5cfdd}
.ff-qr strong{font-weight:700;color:#f7f3ee}
.ff-guides{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:64px;margin-bottom:40px;border-bottom:1px solid var(--dark-line)}
.ff-guides h2{font-size:clamp(30px,3vw,42px)}
.ff-guides p{color:#3e5047;margin-top:20px;font-size:16px}
.ff-guide-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
.ff-guide-actions .text-link{justify-content:space-between;width:100%;padding-block:12px;border-bottom:1px solid var(--dark-line)}
.ff-closing{background:#171321;color:#f7f3ee;padding:36px;margin-block:48px}
.ff-closing h2{font-size:clamp(30px,3vw,42px);margin-top:24px}
.article-body .ff-closing>p{color:#d5cfdd}
.ff-closing>p{margin-top:20px}
.ff-dock{display:none}
@media(min-width:1600px){.ff-visual{margin-right:0}}
@media(max-width:1050px){.ff-hero-inner{gap:24px;grid-template-columns:1.15fr 1fr}.ff-brand>span{display:none}.ff-copy h1{font-size:46px}.ff-visual>img{width:240%}.ff-stores{gap:10px}.ff-stores img{height:45px}.ff-stores a{min-height:45px}}
@media(max-width:700px){
  .ff-hero-inner{grid-template-columns:1fr;gap:0}.ff-copy{padding-block:34px 26px}.ff-copy h1{font-size:clamp(37px,9.6vw,54px)}
  .ff-intro{font-size:15px;line-height:1.75;margin-top:19px}.ff-brand{margin-top:22px}.ff-brand>img{width:40px;height:40px}.ff-brand strong{font-size:22px}
  .ff-stores{margin-top:18px;gap:10px}.ff-stores img{height:44px}.ff-stores a{min-height:44px}
  .ff-hero .ff-terms{max-width:38ch}.ff-guide-link{font-size:12px;margin-top:13px}
  .ff-visual{margin-inline:calc(-1 * var(--gutter));min-height:340px;max-height:420px;aspect-ratio:1.12}.ff-visual>img{width:205%;top:50%}
  .ff-under{padding-block:20px}.ff-qr{display:none}.ff-under>p{font-size:14px}.ff-under>p>span{font-size:12px}
  .ff-guides{grid-template-columns:1fr;gap:24px;padding-block:42px;margin-bottom:24px}.ff-guides p{font-size:15px}.ff-guide-actions .text-link{font-size:14px}
  .ff-closing{padding:24px;margin-inline:-8px}.ff-closing .ff-stores{gap:8px}.ff-closing .ff-stores img{height:40px}
  .ff-dock:not([hidden]){display:grid;grid-template-columns:36px 1fr auto 32px;gap:10px;align-items:center;position:fixed;inset:auto 0 0;background:#171321;color:#f7f3ee;z-index:4;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -6px 28px #10141624}
  .ff-dock>img{width:36px;height:36px}.ff-dock-title{display:flex;flex-direction:column;line-height:1.5}.ff-dock-title strong{font-size:14px}.ff-dock-title span{font-size:10px;color:#d5cfdd;max-width:145px}
  .ff-dock-action{background:var(--mint);color:var(--ink);padding:11px 14px;border-radius:4px;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;min-height:44px;text-align:center}
  .ff-dismiss{border:0;background:none;color:#f7f3ee;padding:0;min-height:44px;display:grid;place-items:center}.ff-dismiss svg{width:20px;height:20px}
  body.ff-dock-active{padding-bottom:105px;scroll-padding-bottom:105px}html:has(.ff-dock-active){scroll-padding-bottom:105px}
}
@media(max-width:350px){.ff-stores{gap:8px}.ff-stores img{height:40px}.ff-dock-title span{font-size:9px}.ff-dock:not([hidden]){gap:7px;padding-inline:10px}.ff-dock-action{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.ff-stores a{transition:none}.ff-stores a:hover{transform:none}}
@media print{.ff-hero,.ff-closing,.ff-dock{display:none!important}.ff-guides{padding-block:20px}body.ff-dock-active{padding-bottom:0}}
