/* Original social food stamps, with a clear live-text center for the invitation. */
#B22 .end{background:#FB7664}
#B22 .end .box{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;gap:24px;align-items:center;padding:36px 28px;background:#F4F4F2;color:#1A1917;border:3px solid #08766A;border-radius:24px;overflow:hidden}
#B22 .end .box::before,#B22 .end .box::after{display:none}
#B22 .banner-copy{min-width:0;text-align:center;position:relative;z-index:1}
#B22 .banner-copy>div{min-width:0}
#B22 .banner-copy #endT{font:400 clamp(42px,4.5vw,66px)/1.15 "Lobster",cursive!important;color:#FB7664;letter-spacing:0;text-wrap:balance;max-width:14ch;margin:0 auto}
#B22 .end .box .banner-copy p{font:400 16px/1.7 "Plus Jakarta Sans",Arial,sans-serif;color:#1A1917;max-width:54ch;margin:20px auto 0;text-wrap:pretty}
#B22 .end .box .banner-copy .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:12px 24px;background:#08766A;color:#fff;border:1px solid #08766A;border-radius:12px;font:700 15px/1.5 "Plus Jakarta Sans",Arial,sans-serif}
#B22 .banner-copy .btn:focus-visible{outline:3px solid #08766A;outline-offset:5px}
#B22 .food-stamp-rail{display:grid;justify-items:center;gap:12px;min-width:0;pointer-events:none;user-select:none}
#B22 .food-stamp-rail img{display:block;width:104px;height:104px;max-width:100%;object-fit:contain}
@media(max-width:900px){#B22 .end .box{grid-template-columns:88px minmax(0,1fr) 88px;gap:18px;padding:30px 20px}#B22 .food-stamp-rail img{width:82px;height:82px}#B22 .end .box .banner-copy p{font-size:15px}}
@media(max-width:600px){#B22 .end .box{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 18px}#B22 .food-stamp-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:300px;justify-self:center}#B22 .food-stamp-rail img{width:76px;height:76px}#B22 .banner-copy #endT{font-size:clamp(38px,9.5vw,52px)!important}#B22 .end .box .banner-copy p{font-size:14px;line-height:1.7}#B22 .end .box .banner-copy .btn{margin-top:20px}}
@media(forced-colors:active){#B22 .end .box{background:Canvas;color:CanvasText;border-color:CanvasText}#B22 .banner-copy #endT,#B22 .end .box .banner-copy p{color:CanvasText}#B22 .end .box .banner-copy .btn{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
/* Hand-lettered labels sit in the open space around the Post examples. */
#B08a .storefront-examples{position:relative}
#B08a .post-callout{position:absolute;z-index:5;color:#20201e;pointer-events:none;font:700 clamp(21px,2.2vw,32px)/1 'Caveat',cursive;white-space:nowrap}
#B08a .post-callout svg{display:block;width:90px;height:58px}
#B08a .video-callout{top:2%;right:17%;transform:rotate(4deg)}
#B08a .photo-callout{left:16%;bottom:7%;transform:rotate(-5deg)}
#B08a .photo-callout svg{margin-left:35px}
/* Decorative pointer passes behind content without intercepting interaction. */
#features,#appearances{position:relative;isolation:isolate}
#appearances{overflow:hidden}
#features > .wrap,#appearances > .wrap{position:relative;z-index:1}
.scroll-hand{position:absolute;z-index:0;right:4%;top:22%;font-size:clamp(200px,28vw,420px);line-height:1;opacity:.13;pointer-events:none;user-select:none;transform:translate3d(var(--hand-x,0px),var(--hand-y,0px),0) rotate(-18deg);will-change:transform}
#features .scroll-hand{top:62%;left:calc(50% - 170px);right:auto;font-size:clamp(180px,20vw,300px)}
#appearances .scroll-hand{left:auto;right:max(4%,calc(50% - 650px));top:55%;font-size:clamp(180px,20vw,300px);transform:translate3d(var(--hand-x,0px),var(--hand-y,0px),0) rotate(14deg)}
@media(max-width:700px){#B08a .post-callout{font-size:20px}#B08a .post-callout svg{width:58px;height:42px}#B08a .video-callout{right:23%;top:2%}#B08a .photo-callout{bottom:7%;left:16%}.scroll-hand{font-size:220px;opacity:.1}}
@media(max-width:900px){#features .scroll-hand{left:auto;right:4%;top:34%}#appearances .scroll-hand{right:4%;top:70%}}
@media(prefers-reduced-motion:reduce){.scroll-hand{transform:rotate(-18deg);will-change:auto}#appearances .scroll-hand{transform:rotate(14deg)}}
/* Social profile badge: original wordmark with a transparent teal ring. */
#B22 .banner-copy #endT{max-width:none;display:flex;align-items:center;justify-content:center;gap:.22em;flex-wrap:wrap}
#B22 .social-logo-ring{width:1.75em;height:1.75em;display:inline-flex;flex:none;align-items:center;justify-content:center;border:.12em solid #0f8e80;border-radius:50%;background:transparent;overflow:hidden}
#B22 .social-logo-ring img{display:block;width:170%;max-width:none;height:auto;flex:none}
@media(max-width:600px){#B22 .banner-copy #endT{gap:.1em .22em}#B22 .social-logo-ring{width:1.55em;height:1.55em}}
#B22 .social-logo-ring{width:clamp(100px,10vw,128px);height:auto;aspect-ratio:1;border-width:6px}
