/* Madame Monet home page, the over-50 version (Paige, 19 Oct 2026). Front page only. */

/* aunttea-hero */
.rb-arrival .rb-invite.rb-turnhead{display:block!important;text-align:center;max-width:min(15ch,calc(100vw - 32px))!important;margin-left:auto;margin-right:auto;overflow-wrap:break-word;text-wrap:balance}.rb-arrival .rb-turnhead{color:#fff!important}.rb-arrival .rb-turnhead b{background:#fff!important;color:var(--h-pink-a)!important;padding:0 .08em;text-shadow:none;white-space:nowrap}.rb-arrival .rb-turnhead .rb-turn__t{color:var(--h-pink-a)!important}.rb-arrival .rb-turnhead .rb-turn__y{color:var(--h-or-a)!important}

/* aunttea-readable */
/* the heading arrives as the colour finishes, not after (hers, 19 Oct: "it's coming in too late") */
/* the colour rises in 3.2s (it was 8s), the heading arrives the moment it is full, then MONET turns */
html.rb-js body main.rb > section.rb-arrival.is-here .rb-pour__full,html.rb-js body main.rb > section.rb-arrival.is-here .rb-pour__wash{animation-duration:5500ms!important;animation-delay:200ms!important}
html.rb-js body main.rb .rb-arrival.is-here .rb-invite{animation:rb-invite 700ms cubic-bezier(.2,.8,.3,1) 5600ms both!important}
/* easy to read on a phone without glasses */
main.rb .st-one .st-said{font-size:19px!important;line-height:1.55!important;font-weight:500!important;color:#fff!important;max-width:34ch}
.am-more{margin:14px 0 4px;display:grid;gap:10px;max-width:36ch}
.am-more p{margin:0;font:500 18px/1.55 Gelasio,Georgia,serif;color:#fff;padding-left:14px;border-left:3px solid rgba(255,255,255,.75)}
.am-more p.am-keep{font-weight:700}
@media (min-width:860px){main.rb .st-one .st-said{font-size:20px!important}.am-more p{font-size:19px}}

/* aunttea-monet */
/* MONET red, turning orange as the T becomes the Y (hers, 19 Oct) */
html body main.rb .rb-arrival .rb-turnhead .am-m{color:#FF0099}
html body main.rb .rb-arrival .rb-turn{position:relative;display:inline-block}
html body main.rb .rb-arrival .rb-turnhead .rb-turn__t{display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;text-align:center;color:#FF0F2F!important;opacity:1;animation:none;transition:none!important}
html body main.rb .rb-arrival .rb-turnhead .rb-turn__y{display:inline-block!important;position:static!important;color:#FF540A!important;opacity:0;animation:none;transition:none!important}

html.rb-js body main.rb .rb-arrival.is-here .rb-turnhead .rb-turn__t{animation:am-t 500ms ease 7800ms forwards!important}
html.rb-js body main.rb .rb-arrival.is-here .rb-turnhead .rb-turn__y{animation:am-y 500ms ease 7800ms forwards!important}
@keyframes am-b{from{color:#FF0F2F}to{color:#FF540A}}@keyframes am-t{from{opacity:1}to{opacity:0}}@keyframes am-y{from{opacity:0}to{opacity:1}}
/* the band before the eight: her red-to-pink gradient, never white */
html body main.rb section#the-eight{background:linear-gradient(120deg,#FF540A 0%,#FF0F2F 45%,#FF0099 100%)!important}
html body main.rb section#the-eight#the-eight .st-for__eye{color:#FFE3EE!important}
html body main.rb section#the-eight#the-eight .st-for__h,html body main.rb section#the-eight#the-eight .st-for__h *{color:#FFFFFF!important;text-shadow:0 2px 0 rgba(150,0,40,.25)}
@media (prefers-reduced-motion:reduce){html body main.rb .rb-arrival .rb-turnhead .rb-turn__t{opacity:0}html body main.rb .rb-arrival .rb-turnhead .rb-turn__y{opacity:1}}

/* aunttea-depth */
/* room between the lines so the white box never touches the line below (hers, 19 Oct) */
html body main.rb .rb-arrival .rb-invite.rb-turnhead{line-height:1.32!important}
html body main.rb .rb-arrival .rb-turnhead b{display:inline-block;line-height:1.08;padding:.02em .1em .06em!important;margin:0 .04em .08em;border-radius:.08em;
  box-shadow:4px 4px 0 #C4006E!important}
/* crisp 3D, never fuzzy: one solid deep-pink edge, hard steps, no blur at all */
html body main.rb .rb-arrival .rb-invite.rb-turnhead{color:#FFFFFF!important;
  text-shadow:1px 1px 0 #C4006E,2px 2px 0 #C4006E!important}
html body main.rb .rb-arrival .rb-turnhead b,html body main.rb .rb-arrival .rb-turnhead b *{text-shadow:none!important}

/* aunttea-foot */
.am-foot8{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:900px;margin:22px auto 26px;padding:0 16px}
.am-foot8 a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:#FFFFFF;text-decoration:none;box-shadow:3px 3px 0 #C4006E}
.am-foot8 a b{font:400 18px/1.15 Chonburi,Georgia,serif;color:#FF0099}
.am-foot8 a span{font:600 12px Cinzel,serif;letter-spacing:.08em;color:#FF0F2F}
.am-foot8 a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #C4006E}
.am-footrest a{font-size:13px}
main.rb .st-sugar--words{min-height:0}
html body main.rb #the-money .mm-call__said{color:#C4006E!important;font-size:20px!important;font-weight:600!important;opacity:1!important}
html body .am-foot8{grid-template-columns:1fr 1fr!important}
@media (min-width:760px){html body .am-foot8{grid-template-columns:repeat(4,1fr)!important}}

/* aunttea-type */
html body main.rb #the-eight h2.am-type{display:flex;flex-direction:column;align-items:center;gap:.08em;text-align:center}
html body main.rb #the-eight .am-type__l{display:block;font-size:clamp(26px,7vw,44px);line-height:1.2}
html body main.rb #the-eight .am-type .am-c{white-space:pre}
html body main.rb #the-eight .am-type.is-typing .am-c{visibility:hidden}
html body main.rb #the-eight .am-type.is-typing .am-c.is-on{visibility:visible}
html body main.rb #the-eight .am-type .am-c.is-at{box-shadow:3px 0 0 #FFFFFF}
html body main.rb section#the-eight#the-eight .am-type__not{display:block;margin-top:.22em;font-size:clamp(52px,15vw,104px);line-height:1;text-wrap:balance;color:#FFFFFF!important;text-shadow:1px 1px 0 #C4006E,2px 2px 0 #C4006E,3px 3px 0 #C4006E!important}
html body main.rb #the-eight .am-type.is-typing .am-type__not{opacity:0;transform:scale(1.7)}
html body main.rb #the-eight .am-type.is-typing.is-landed .am-type__not{animation:am-land 560ms cubic-bezier(.2,1.4,.4,1) both}
@keyframes am-land{0%{opacity:0;transform:scale(1.7)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){html body main.rb #the-eight .am-type .am-c{visibility:visible!important}html body main.rb #the-eight .am-type__not{opacity:1!important;transform:none!important;animation:none!important}}
/* Share The Sweetness: no heart, two headings apart, the big one quieter (hers, 19 Oct: "It's too big. It's yelling.") */
html body main.rb .mv-heart{display:none!important}
html body main.rb #share .mv-eye--sweet{margin:0 0 22px!important;font-size:clamp(22px,5.6vw,30px)!important;letter-spacing:.04em}
html:not(#mm-calm) body main.rb #share h2.mv-sweet__h{font-size:clamp(20px,5vw,30px)!important;line-height:1.3!important;max-width:24ch!important;text-shadow:none!important;font-weight:400}

/* aunttea-foot2 */
/* the footer: one solid hot pink, never washy; the eight are small links (hers, 19 Oct) */
html body footer.mm-footer{background:#FF0099!important;background-image:none!important;color:#FFFFFF!important;padding:28px 16px 30px!important;text-align:center}
html body footer.mm-footer::before,html body footer.mm-footer::after{display:none!important}
html body footer.mm-footer p,html body footer.mm-footer a,html body footer.mm-footer span,html body footer.mm-footer b{color:#FFFFFF!important}
html body footer.mm-footer p{margin:0 auto 14px!important;font-size:13px!important}
html body .am-foot8,html body .am-foot8{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px 0;max-width:640px;margin:0 auto 16px!important;padding:0!important;grid-template-columns:none!important}
html body .am-foot8 a{display:inline;padding:0 10px;background:none!important;box-shadow:none!important;border-radius:0;font:500 13px/1.6 Cinzel,Georgia,serif;letter-spacing:.04em;text-decoration:none;border-right:1px solid rgba(255,255,255,.6)}
html body .am-foot8 a:last-child{border-right:0}
html body .am-foot8 a b{font:inherit!important;color:#FFFFFF!important}
html body .am-foot8 a span{display:none!important}
html body .am-foot8 a:active{transform:none}

/* aunttea-foot3 */
html body footer.mm-footer img{display:block;margin:0 auto 14px!important;max-width:56px}
html body .am-foot8{gap:6px 18px!important}
html body .am-foot8 a{border-right:0!important;padding:0!important}
html body footer.mm-footer .mm-footnav{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px 16px!important;margin:0 auto!important;padding:0!important}
html body footer.mm-footer .mm-footnav a{font-size:11px!important;letter-spacing:.08em;line-height:1.8!important;padding:0!important;min-height:0!important;opacity:.9}

/* aunttea-ml3 */
html body main.rb section.st-one:has(a[href*="motherlodehq"]) img{object-position:12% 30%!important}