/* Shared brand header behavior and floating social follow widget. */
.site-topbar .top-brand-logo{max-width:calc(100% - 58px)}
.home-transparent-header{position:absolute;top:0;left:0;right:0;z-index:1000;background:transparent;border-bottom-color:transparent;box-shadow:none;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,backdrop-filter .24s ease}
.home-transparent-header .menu-toggle{background:rgba(245,245,245,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.home-transparent-header.is-scrolled{position:fixed;width:100%;background:rgba(215,215,215,.86);border-bottom-color:rgba(0,0,0,.24);box-shadow:0 8px 26px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.home-transparent-header.is-scrolled .menu-toggle{background:linear-gradient(180deg,rgba(250,250,250,.88),rgba(215,215,215,.84))}
.follow-widget{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:1300;display:grid;justify-items:end;gap:9px;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.follow-widget-menu{display:grid;gap:8px;padding:10px;border:1.5px solid rgba(0,0,0,.64);border-radius:22px;background:linear-gradient(180deg,rgba(250,250,250,.96),rgba(214,214,214,.94));box-shadow:0 1px 0 rgba(255,255,255,.72) inset,0 18px 42px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none}
.follow-widget.is-open .follow-widget-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.follow-widget-link{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:210px;padding:7px 9px;border:1.5px solid rgba(0,0,0,.46);border-radius:15px;background:rgba(255,255,255,.52);color:#050505;box-shadow:0 1px 0 rgba(255,255,255,.66) inset;transition:transform .16s ease,background .16s ease}
.follow-widget-link:hover{transform:translateX(-2px);background:#fff}
.follow-widget-link-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#050505;color:#fff}
.follow-widget-link-icon svg{width:20px;height:20px}
.follow-widget-link strong{display:block;font-size:.92rem;font-weight:950;line-height:1.05}
.follow-widget-link small{display:block;margin-top:2px;font-size:.72rem;font-weight:700;color:rgba(0,0,0,.62)}
.follow-widget-toggle{pointer-events:auto;appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 15px;border:1.5px solid rgba(0,0,0,.70);border-radius:999px;background:linear-gradient(180deg,#fff,#d9d9d9);color:#050505;font:inherit;font-size:.84rem;font-weight:950;box-shadow:0 1px 0 rgba(255,255,255,.78) inset,0 7px 0 rgba(0,0,0,.09),0 14px 30px rgba(0,0,0,.18);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.follow-widget-toggle:hover{transform:translateY(-1px)}
.follow-widget-toggle:focus-visible,.follow-widget-link:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:2px;box-shadow:0 0 0 2px #050505}
.follow-widget-toggle-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#050505;color:#fff;font-size:.9rem;font-weight:950}
.follow-widget-close-label{display:none}
.follow-widget.is-open .follow-widget-open-label{display:none}
.follow-widget.is-open .follow-widget-close-label{display:inline}
.follow-widget.is-footer-visible{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}
.pencil-cursor{display:inline-block;width:1.05em;height:1.05em;margin-left:.12em;vertical-align:-.08em;position:relative;transform:rotate(-18deg);animation:pencilWriteDrag .42s ease-in-out infinite alternate}
.pencil-cursor::before{content:"";position:absolute;left:.22em;top:.42em;width:.70em;height:.16em;border-radius:999px;background:#1d1d1d;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.pencil-cursor::after{content:"";position:absolute;left:.86em;top:.36em;width:0;height:0;border-left:.22em solid #1d1d1d;border-top:.13em solid transparent;border-bottom:.13em solid transparent}
.message-banner-text.is-writing,.faith-banner-text.is-writing{text-shadow:.25px .25px 0 rgba(0,0,0,.18)}
@keyframes pencilWriteDrag{from{transform:translateY(.04em) rotate(-22deg)}to{transform:translateY(-.02em) rotate(-12deg)}}
@media (min-width:1100px){.follow-widget{right:max(24px,env(safe-area-inset-right));bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px))}}
@media (max-width:620px){.site-topbar .top-brand-logo{max-width:calc(100% - 50px)}.follow-widget{right:max(12px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}.follow-widget-toggle{min-height:45px;padding:0 13px;font-size:.8rem}.follow-widget-link{min-width:198px}}
@media (max-width:360px){.site-topbar .top-brand-logo{max-width:calc(100% - 46px)}}
@media (prefers-reduced-motion:reduce){.follow-widget-menu,.follow-widget-link,.follow-widget-toggle,.home-transparent-header{transition:none}.pencil-cursor{display:none!important}}