:root{--paper:#F5EFE3;--ink:#2A2BB8;color-scheme:light}
html{background:var(--paper);overflow-x:clip}
body{margin:0;background:#F5EFE3}
a{color:inherit}a:hover{opacity:.75}
.girl{-webkit-mask-image:url(/assets/img/big-belly-character-line-drawing.png);mask-image:url(/assets/img/big-belly-character-line-drawing.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.wiggle:hover{transform:rotate(0deg) scale(1.03)!important}
.mq-left{animation:mqL 40s linear infinite}
.mq-right{animation:mqR 46s linear infinite}
.mq:hover{animation-play-state:paused}
@keyframes mqL{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes mqR{from{transform:translateX(-25%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion: reduce){.mq-left,.mq-right{animation:none}}
.doodle-arrow{overflow:visible;animation:nudge 3.2s ease-in-out infinite}
.doodle-line{stroke-dasharray:100;animation:draw 3.2s ease-in-out infinite}
.doodle-head{stroke-dasharray:100;animation:drawhead 3.2s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:100}40%{stroke-dashoffset:0}80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes drawhead{0%,35%{stroke-dashoffset:100}50%{stroke-dashoffset:0}80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes nudge{0%,100%{transform:translateX(0) rotate(0deg)}55%{transform:translateX(4px) rotate(-3deg)}}
@media (prefers-reduced-motion: reduce){.doodle-arrow,.doodle-line,.doodle-head{animation:none;stroke-dashoffset:0}}
.wiggle{transition:transform .2s}
.bb-stage{position:relative;aspect-ratio:100/106}
.bb-poster{position:absolute;left:0;top:0;width:75%;aspect-ratio:900/1273}
.bb-girl,.bb-stand{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;will-change:transform,opacity}
.bb-girl{transform-origin:62.7% 50%;animation:bbGirl 10s ease-in-out infinite}
.bb-stand{opacity:0;transform:translate(57.7%,31.3%);transform-origin:58% 68%;animation:bbStand 10s ease-in-out infinite}
.bb-note{position:absolute;right:0;top:56%;width:25%;text-align:center;opacity:0;animation:bbNote 10s ease-in-out infinite}
@keyframes bbGirl{0%{transform:none;opacity:1}6%{transform:translate(.6%,-.8%) rotate(-2deg)}12%{transform:none}18%{transform:translate(.6%,-.8%) rotate(-2deg)}24%{transform:none}30%{transform:translate(0,.6%) scale(1.03,.94)}37%{transform:translate(30%,-12%) rotate(10deg)}43%{transform:translate(57.7%,31.3%) rotate(0deg);opacity:1}44%{transform:translate(57.7%,31.3%);opacity:0}92%{transform:translate(0,-5%);opacity:0}97%{transform:none;opacity:1}100%{transform:none;opacity:1}}
@keyframes bbStand{0%,43%{opacity:0;transform:translate(57.7%,31.3%)}44%{opacity:1;transform:translate(57.7%,31.3%) scale(1.03,.96)}48%{transform:translate(57.7%,31.3%)}58%{transform:translate(57.7%,30.3%)}62%{transform:translate(57.7%,31.3%)}68%{transform:translate(57.7%,30.3%)}72%{transform:translate(57.7%,31.3%)}88%{opacity:1;transform:translate(57.7%,31.3%)}91%{opacity:0}100%{opacity:0;transform:translate(57.7%,31.3%)}}
@keyframes bbNote{0%,48%{opacity:0;transform:translateY(6px)}52%{opacity:1;transform:none}88%{opacity:1}91%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.bb-girl,.bb-stand,.bb-note{animation:none}.bb-stand,.bb-note{opacity:1}}
.ph{box-sizing:border-box;border:2px dashed currentColor;border-radius:6px;background:#F5EFE3;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:640px){
  header,section>div,section{padding-left:16px!important;padding-right:16px!important}
  [style*="font-size: 96px"]{font-size:72px!important}
  [style*="font-size: 88px"]{font-size:64px!important}
  nav{gap:18px!important;font-size:17px!important}
  p{width:auto!important}
  a[href^="mailto"]{font-size:17px!important;letter-spacing:0.02em!important;padding-left:18px!important;padding-right:18px!important;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
}