
/* One footer and one brand mark across the entire site. */
#contact.site-footer{background:#422447;color:#FFF9EF;border-top:8px solid #F49FA5;padding:58px 0 0;margin:0;box-shadow:none;border-radius:0}
#contact.site-footer .site-footer-brand{display:block;background:#F49FA5;border:1px solid #F49FA5;border-radius:30px 58px 30px 30px;padding:36px;width:min(100%,500px);box-shadow:7px 8px 0 #FBE6A2;text-decoration:none}
#contact.site-footer .site-footer-brand img{display:block;width:100%;height:auto;filter:none;opacity:1;object-fit:contain}
#contact.site-footer .site-footer-tagline{font:700 1.25rem/1.5 "Bricolage Grotesque",Arial,sans-serif;color:#FFF9EF;margin:28px 0 38px;max-width:none}
#contact.site-footer .site-footer-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 44px;border-top:1px solid #805D7F}
#contact.site-footer .eyebrow{color:#F49FA5;font-size:.875rem;letter-spacing:.08em;margin:0 0 14px;line-height:1.5}
#contact.site-footer h2{font:800 clamp(2.8rem,5vw,4.8rem)/1.08 "Bricolage Grotesque",Arial,sans-serif;color:#FFF9EF;letter-spacing:-.035em;margin:0}
#contact.site-footer .site-footer-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:#FBE6A2;color:#422447;border:1px solid #FBE6A2;border-radius:12px;box-shadow:0 4px 0 #F49FA5;padding:13px 24px;font:700 1rem/1.5 Arial,sans-serif;text-decoration:none;flex:none}
#contact.site-footer .site-footer-button:hover{background:#FFF1C7;color:#422447;transform:translateY(-2px)}
#contact.site-footer .site-footer-credit{border-top:1px solid #805D7F;padding:22px 0 28px;font-size:.875rem;color:#F4DBE9;margin:0}
img.section-wink{display:block;object-fit:contain;background:#FFF9EF;border:2px solid #422447;border-radius:50%;padding:5px;opacity:1;filter:none;width:58px;height:auto;aspect-ratio:1}
.case-section-wink{display:block;width:64px;height:64px;object-fit:contain;margin:0 0 20px;padding:9px;border-radius:50%;background:#F49FA5;box-shadow:3px 3px 0 #FBE6A2;float:none}
.illustrated-overview>.case-section-wink{grid-column:1/-1;margin-bottom:0}
.intro>.case-section-wink{display:none}
@media(max-width:760px){
  #contact.site-footer{padding-top:40px}
  #contact.site-footer .site-footer-brand{padding:28px 22px;border-radius:24px 44px 24px 24px;box-shadow:4px 5px 0 #FBE6A2}
  #contact.site-footer .site-footer-tagline{font-size:1.125rem;margin:24px 0 30px}
  #contact.site-footer .site-footer-contact{align-items:stretch;flex-direction:column;gap:26px;padding:28px 0 38px}
  #contact.site-footer h2{font-size:clamp(2.6rem,10vw,3.5rem)}
  #contact.site-footer .site-footer-button{width:100%;min-height:50px}
  img.section-wink{width:44px;padding:4px}
  .case-section-wink{width:60px;height:60px}
}
@media(max-width:420px){img.section-wink{width:52px}}
@media(prefers-reduced-motion:reduce){#contact.site-footer .site-footer-button:hover{transform:none}}

#contact.site-footer .site-footer-socials{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;align-items:center}
#contact.site-footer .social-bubble{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:66px;padding:0 0 10px;flex:none;color:#422447;text-decoration:none;isolation:isolate;transition:transform .18s ease}
#contact.site-footer .social-bubble:before{content:"";position:absolute;inset:0;background:#F49FA5;mask:url('/images/wink-bubble-mask.png') center/contain no-repeat;-webkit-mask:url('/images/wink-bubble-mask.png') center/contain no-repeat;z-index:-1;transition:background .18s ease}
#contact.site-footer .social-bubble svg{display:block;width:27px;height:27px;fill:currentColor}
#contact.site-footer .social-bubble:hover{transform:translateY(-3px)}
#contact.site-footer .social-bubble:hover:before{background:#FFF9EF}
#contact.site-footer .social-bubble:focus-visible{outline:3px solid #FFF9EF;outline-offset:5px;border-radius:14px}
@media(max-width:760px){#contact.site-footer .site-footer-socials{justify-content:flex-start;gap:18px}}
@media(prefers-reduced-motion:reduce){#contact.site-footer .social-bubble,#contact.site-footer .social-bubble:before{transition:none}#contact.site-footer .social-bubble:hover{transform:none}}
