@media(max-width:700px){
 body[data-main-invitation] .variant-hero.ella-stationery-on{padding-bottom:0}
 body[data-main-invitation] .ella-stationery-on .dancing-rings{
   top:var(--mobile-hero-top,8svh)!important;
   width:var(--mobile-hero-ringSize,120px)!important;
   height:var(--mobile-hero-ring-height,96px)!important;
   transform:translateX(-50%);
 }
 body[data-main-invitation] .ella-stationery-on .invitation-copy{
   top:calc(var(--mobile-hero-top,8svh) + var(--mobile-hero-ring-height,96px) + var(--mobile-hero-ringGap,20px));
 }
 body[data-main-invitation] .ella-stationery-on .invitation-copy h1{
   font-size:var(--mobile-hero-nameSize,36px);margin-bottom:0;
 }
 body[data-main-invitation] .ella-stationery-on .invitation-explore{
   position:absolute;left:50%;top:var(--mobile-linked-button-top,400px);bottom:auto;
   transform:translateX(-50%);margin:0;z-index:5;
 }
 /* Optional supporting copy follows the complete linked group. */
 body[data-main-invitation] .ella-stationery-on .invitation-copy .wording{
   margin-top:calc(2 * var(--mobile-hero-gap,20px) + 24px + var(--mobile-linked-button-height,44px) + 18px);
 }
}
#mobile-hero-controls input[type=number]{width:80px}
#mobile-hero-controls button{padding:9px 12px;border:1px solid #cdd8e2;border-radius:5px;background:white;font:12px system-ui,sans-serif;cursor:pointer}
