/* Restored Tier 4 title treatment.
   Haunted and Electric retain their approved bespoke effects.
   Magical retains its slow disappear/reappear treatment. */

.milk-title.milk-title.milk-title.milk-title.milk-title-tier-4:not(:where(
    .milk-title-font-haunted,
    .milk-title-font-electric,
    .milk-title-font-magical,
    .milk-title-font-blushing
)) > .milk-title-ink {
    animation: none !important;
    transform: none !important;
    filter: none !important;
}

.milk-title.milk-title.milk-title-tier-4:not(:where(
    .milk-title-font-haunted,
    .milk-title-font-electric,
    .milk-title-font-magical
)) > .milk-title-ink::before,
.milk-title.milk-title.milk-title-tier-4:not(:where(
    .milk-title-font-haunted,
    .milk-title-font-electric,
    .milk-title-font-magical
)) > .milk-title-ink::after,
.milk-title.milk-title.milk-title-tier-4:not(:where(
    .milk-title-font-haunted,
    .milk-title-font-electric,
    .milk-title-font-magical
)) .milk-title-letter::before,
.milk-title.milk-title.milk-title-tier-4:not(:where(
    .milk-title-font-haunted,
    .milk-title-font-electric,
    .milk-title-font-magical
)) .milk-title-letter::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

/* Original restrained letter movement and living gradient. */
.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-float-wave 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-flutter 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(90deg, #432348 0%, #765176 30%, #758B69 64%, #4B3154 100%) !important;
    background-size: 240% 100% !important;
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-sway 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-squish 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-gothic.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-rise 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-pixel.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-pixel-step 5.6s steps(2, end) infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-moon-drift 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-bouncy 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .09s + (var(--letter-index, 0) % 2) * .12s) !important;
}
.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-ripple 5.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-mossy.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-mossy-sway 6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .1s) !important;
}
.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter {
    animation: milk-title-gradient-flow 7.2s linear infinite, milk-letter-petal-open 6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}
.milk-title.milk-title.milk-title-font-blushing.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(90deg, #F7C9D7 0%, #F3AFC1 50%, #F7C9D7 100%) !important;
    background-size: 200% 100% !important;
    animation: milk-title-gradient-flow 7.2s linear infinite !important;
    animation-delay: 0s !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-blushing.milk-title-tier-4 > .milk-title-ink {
    transform-origin: 50% 72%;
    animation: milk-blushing-breath 8.4s ease-in-out infinite !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-blushing.milk-title-tier-4 > .milk-title-ink::after {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute;
    inset: 0;
    color: #B71F3D !important;
    -webkit-text-fill-color: #B71F3D !important;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    pointer-events: none;
    animation: milk-blushing-red-bloom 8.4s ease-in-out infinite !important;
}
@keyframes milk-blushing-breath {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.012); }
}
@keyframes milk-blushing-red-bloom {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}

/* Keep Magical's approved treatment isolated from legacy effects. */
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 > .milk-title-ink {
    animation: milk-live-magical 9.6s ease-in-out infinite !important;
    transform: none;
}
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 .milk-title-letter {
    animation: none !important;
    transform: none !important;
}
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 > .milk-title-ink::before,
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 > .milk-title-ink::after,
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 .milk-title-letter::before,
.milk-title.milk-title.milk-title-font-magical.milk-title-tier-4 .milk-title-letter::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}
@keyframes milk-live-magical {
    0%,22%,100% { opacity: 1; }
    50%,58% { opacity: .12; }
    84% { opacity: 1; }
}

/* Tier 3 is the living-gradient unlock for every title family. */
.milk-title.milk-title.milk-title.milk-title-tier-3 > .milk-title-ink {
    animation: milk-title-gradient-flow 7.2s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-tier-3 > .milk-title-ink,
    .milk-title.milk-title-tier-4:not(:where(.milk-title-font-haunted, .milk-title-font-electric)) > .milk-title-ink,
    .milk-title.milk-title-tier-4:not(:where(.milk-title-font-haunted, .milk-title-font-electric)) .milk-title-letter {
        animation: none !important;
        transform: none !important;
    }
}
.site-animations-off .milk-title.milk-title-tier-3 > .milk-title-ink,
.site-animations-off .milk-title.milk-title-tier-4:not(:where(.milk-title-font-haunted, .milk-title-font-electric)) > .milk-title-ink,
.site-animations-off .milk-title.milk-title-tier-4:not(:where(.milk-title-font-haunted, .milk-title-font-electric)) .milk-title-letter {
    animation: none !important;
    transform: none !important;
}

/* Mossy: deep fern -> sage -> lichen, with quiet letter-by-letter growth. */
.milk-title.milk-title-font-mossy {
    --title-gradient-start: #315e3b !important;
    --title-gradient-mid: #86a77a;
    --title-gradient-end: #c7d49a !important;
    font-family: 'Chewy', 'DynaPuff', cursive !important;
    font-size: 1.06em;
    font-weight: 400 !important;
    letter-spacing: .018em !important;
}

/* Chewy is Mossy's Tier 3 signature unlock; earlier tiers use site type. */
.milk-title.milk-title-font-mossy:not(:is(.milk-title-tier-3, .milk-title-tier-4)) {
    font-family: inherit !important;
    font-size: inherit;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}

/* Tier 2 is the signature-font unlock; Tier 3 and Tier 4 retain it. */
.milk-title.milk-title-font-mossy.milk-title-tier-2 {
    font-family: 'Chewy', 'DynaPuff', cursive !important;
    font-size: 1.06em !important;
    font-weight: 400 !important;
    letter-spacing: .018em !important;
}

.milk-title.milk-title-font-mossy:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink,
.milk-title.milk-title-font-mossy.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(
        90deg,
        var(--title-gradient-start) 0%,
        var(--title-gradient-mid) 50%,
        var(--title-gradient-end) 100%
    ) !important;
}

.milk-title.milk-title.milk-title-font-mossy.milk-title-tier-4 .milk-title-letter {
    transform-origin: 50% 88%;
    will-change: transform, background-position;
    background-size: 220% 100% !important;
    animation: milk-title-gradient-flow 7.4s linear infinite, milk-letter-mossy-grow 7.4s cubic-bezier(.3,.7,.35,1) infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .13s) !important;
}

@keyframes milk-letter-mossy-grow {
    0%, 46%, 82%, 100% { transform: translateY(0) scale(1); }
    53% { transform: translateY(.25px) scale(1.055, .925); }
    61% { transform: translateY(-2px) scale(.97, 1.055); }
    69% { transform: translateY(-.45px) scale(1.018, .985); }
    75% { transform: translateY(0) scale(1); }
}

/* Keep the plain tiers visually identical across every title family. */
.milk-title.milk-title-tier-0,
.milk-title.milk-title-tier-1 {
    font-family: inherit !important;
    font-size: 1em !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    line-height: 1.2 !important;
}

.post-mini-title > .milk-title.milk-title-tier-0,
.post-mini-title > .milk-title.milk-title-tier-1 {
    font-size: .78rem !important;
    line-height: 1.22 !important;
}

.profile-display-title .milk-title.milk-title-tier-0,
.profile-display-title .milk-title.milk-title-tier-1 {
    font-size: 1.24em !important;
    line-height: 1.2 !important;
}

/* Override Mossy's higher-specificity signature rule at the plain tiers. */
.milk-title.milk-title-font-mossy:is(.milk-title-tier-0, .milk-title-tier-1) {
    font-family: inherit !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
}

/* Petal: blush pink -> dusty lilac -> warm peach cream. */
.milk-title.milk-title-font-petal {
    --title-gradient-start: #f6a7b8 !important;
    --title-gradient-mid: #e9b7d3;
    --title-gradient-end: #f5d7c8 !important;
}

.milk-title.milk-title-font-petal:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Leckerli One', 'DynaPuff', cursive !important;
    font-weight: 400 !important;
    letter-spacing: .012em !important;
}

.milk-title.milk-title-font-petal:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink,
.milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(
        90deg,
        var(--title-gradient-start) 0%,
        var(--title-gradient-mid) 50%,
        var(--title-gradient-end) 100%
    ) !important;
}

.milk-title.milk-title-font-petal.milk-title-tier-3 > .milk-title-ink,
.milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter {
    background-size: 220% 100% !important;
}

.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter {
    --petal-turn: 1;
    transform-origin: 50% 88%;
    will-change: transform, background-position;
    animation: milk-title-gradient-flow 7.8s linear infinite, milk-letter-petal-unfurl 7.8s cubic-bezier(.26,.72,.34,1) infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .12s) !important;
}

.milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter:nth-child(even) {
    --petal-turn: -1;
}

@keyframes milk-letter-petal-unfurl {
    0%, 43%, 79%, 100% { transform: translateY(0) scale(1) rotate(0); }
    51% { transform: translateY(.2px) scale(.88, .94) rotate(calc(var(--petal-turn) * -4deg)); }
    61% { transform: translateY(-1.4px) scale(1.055, 1.035) rotate(calc(var(--petal-turn) * 1.8deg)); }
    70% { transform: translateY(0) scale(1) rotate(0); }
}

/* Two brief petals finish the bloom; they stay hidden for most of the cycle. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink {
    position: relative;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before,
.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    width: .3em;
    height: .16em;
    border-radius: 85% 18% 82% 20%;
    background: #f6a7b8 !important;
    opacity: 0;
    pointer-events: none;
    -webkit-text-fill-color: initial !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before {
    left: 72%;
    top: 12%;
    animation: milk-petal-drift-right 7.8s ease-out infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    left: 31%;
    top: 20%;
    background: #e9b7d3 !important;
    animation: milk-petal-drift-left 7.8s ease-out .28s infinite !important;
}

@keyframes milk-petal-drift-right {
    0%, 70% { opacity: 0; transform: translate(0, 0) rotate(0); }
    74% { opacity: .78; }
    91%, 100% { opacity: 0; transform: translate(.8em, .72em) rotate(145deg); }
}

@keyframes milk-petal-drift-left {
    0%, 72% { opacity: 0; transform: translate(0, 0) rotate(0); }
    76% { opacity: .68; }
    93%, 100% { opacity: 0; transform: translate(-.65em, .65em) rotate(-125deg); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter,
    .milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before,
    .milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
        animation: none !important;
        transform: none !important;
        opacity: 0 !important;
    }
}

.site-animations-off .milk-title.milk-title-font-petal.milk-title-tier-4 .milk-title-letter,
.site-animations-off .milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before,
.site-animations-off .milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    animation: none !important;
    transform: none !important;
    opacity: 0 !important;
}

/* Isolate Petal's finishing shapes from legacy full-word pseudo layers. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before,
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    width: 4px !important;
    min-width: 0 !important;
    max-width: 4px !important;
    height: 2.5px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 85% 18% 82% 20% !important;
    line-height: 1 !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before {
    left: 72% !important;
    top: 12% !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    left: 31% !important;
    top: 20% !important;
}

/* Beat the legacy two-stop Tier 1-3 gradient guard. */
.milk-title.milk-title.milk-title.milk-title-font-petal:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(
        90deg,
        var(--title-gradient-start) 0%,
        var(--title-gradient-mid) 50%,
        var(--title-gradient-end) 100%
    ) !important;
}

/* Petal visibility pass: preserve the tiny size, deepen contrast and linger. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before,
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    box-shadow:
        0 0 0 .6px rgba(111, 46, 78, .42),
        0 1px 2px rgba(111, 46, 78, .28) !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::before {
    background: #dd5f86 !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-petal.milk-title-tier-4 > .milk-title-ink::after {
    background: #ae72aa !important;
}

@keyframes milk-petal-drift-right {
    0%, 67% { opacity: 0; transform: translate(0, 0) rotate(0); }
    71% { opacity: .96; }
    84% { opacity: .9; transform: translate(.48em, .36em) rotate(78deg); }
    96%, 100% { opacity: 0; transform: translate(1em, .85em) rotate(155deg); }
}

@keyframes milk-petal-drift-left {
    0%, 69% { opacity: 0; transform: translate(0, 0) rotate(0); }
    73% { opacity: .92; }
    86% { opacity: .86; transform: translate(-.4em, .34em) rotate(-68deg); }
    97%, 100% { opacity: 0; transform: translate(-.82em, .78em) rotate(-138deg); }
}

/* Witchy: deep plum -> dusty violet -> muted orchid. */
.milk-title.milk-title-font-witchy {
    --title-gradient-start: #3f315c !important;
    --title-gradient-mid: #76558f;
    --title-gradient-end: #b68bbd !important;
}

.milk-title.milk-title-font-witchy:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Berkshire Swash', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: .012em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-witchy:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink,
.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 50%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-witchy.milk-title-tier-3 > .milk-title-ink,
.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter {
    background-size: 220% 100% !important;
}

.milk-title.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter {
    --witchy-turn: 1;
    transform-origin: 50% 84%;
    will-change: transform, background-position;
    animation: milk-title-gradient-flow 8.6s linear infinite, milk-letter-witchy-cast 8.6s ease-in-out infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .11s) !important;
}

.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter:nth-child(even) { --witchy-turn: -1; }

@keyframes milk-letter-witchy-cast {
    0%, 22%, 56%, 100% { transform: translateY(0) rotate(0); }
    30% { transform: translateY(-.55px) rotate(calc(var(--witchy-turn) * -2.2deg)); }
    39% { transform: translateY(-.15px) rotate(calc(var(--witchy-turn) * 1.45deg)); }
    48% { transform: translateY(0) rotate(0); }
}

/* One travelling spell spark, with a tiny trailing twinkle. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink {
    position: relative;
    overflow: visible !important;
    transform-origin: 50% 70%;
    animation: milk-witchy-activation-pulse 8.6s ease-in-out infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::after {
    content: '✦' !important;
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    left: -.25em !important;
    top: -.42em !important;
    width: .7em !important;
    min-width: 0 !important;
    height: .7em !important;
    color: #f4dda0 !important;
    -webkit-text-fill-color: #f4dda0 !important;
    font: .52em/1 Georgia, serif !important;
    text-shadow: 0 0 4px rgba(238, 210, 145, .9);
    pointer-events: none;
    animation: milk-witchy-travelling-spark 8.6s ease-in-out infinite !important;
}

@keyframes milk-witchy-travelling-spark {
    0%, 23%, 64%, 100% { opacity: 0; left: -.25em; transform: scale(.55) rotate(0); }
    28% { opacity: .95; }
    45% { opacity: 1; text-shadow: -.32em .08em 3px rgba(238, 210, 145, .55), 0 0 5px rgba(238, 210, 145, .95); }
    58% { opacity: .92; left: calc(100% - .25em); transform: scale(.88) rotate(150deg); }
    63% { opacity: 0; left: calc(100% + .1em); transform: scale(.42) rotate(205deg); }
}

@keyframes milk-witchy-activation-pulse {
    0%, 66%, 100% { transform: scale(1); filter: none; }
    72% { transform: scale(1.026); filter: brightness(1.1) drop-shadow(0 0 2px rgba(118, 85, 143, .4)); }
    78% { transform: scale(1); filter: none; }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink,
    .milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter,
    .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::after {
        animation: none !important;
        transform: none !important;
    }
    .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }
}

.site-animations-off .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink,
.site-animations-off .milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter,
.site-animations-off .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::after {
    animation: none !important;
    transform: none !important;
}
.site-animations-off .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }

/* Witchy Tier 4 needs one uninterrupted living gradient across the word. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 0;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(90deg, #3f315c 0%, #76558f 22%, #b68bbd 44%, #76558f 66%, #3f315c 88%, #76558f 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-witchy-living-gradient 5.8s linear infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-witchy.milk-title-tier-4 .milk-title-letter {
    z-index: 1;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: rgba(255, 255, 255, .08) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .08) !important;
    text-shadow: 0 1px 0 rgba(63, 49, 92, .14) !important;
}

@keyframes milk-witchy-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 240% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::before {
        animation: none !important;
        background-position: 50% 50% !important;
    }
}
.site-animations-off .milk-title.milk-title-font-witchy.milk-title-tier-4 > .milk-title-ink::before {
    animation: none !important;
    background-position: 50% 50% !important;
}

/* Cozy: cinnamon -> honey -> warm cream. */
.milk-title.milk-title-font-cozy {
    --title-gradient-start: #b86f52 !important;
    --title-gradient-mid: #d9a66f;
    --title-gradient-end: #f0d3a7 !important;
}

.milk-title.milk-title-font-cozy:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Baloo 2', 'DynaPuff', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .006em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-cozy:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 50%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-cozy.milk-title-tier-3 > .milk-title-ink {
    background-size: 220% 100% !important;
}

/* Tier 4 moves as one calm, pillow-like word rather than separate letters. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink {
    position: relative;
    overflow: visible !important;
    transform-origin: 50% 78%;
    animation: milk-cozy-cuddle-squish 8.2s cubic-bezier(.32,.7,.34,1) infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 0;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(90deg, #b86f52 0%, #d9a66f 22%, #f0d3a7 44%, #d9a66f 66%, #b86f52 88%, #d9a66f 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-cozy-living-gradient 6.8s linear infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 .milk-title-letter {
    z-index: 1;
    background: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    animation: none !important;
    transform: none !important;
}

/* One faint warmth wave, visible only after the word settles. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::after {
    content: '~' !important;
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    left: 54% !important;
    top: -.72em !important;
    width: .8em !important;
    min-width: 0 !important;
    height: .7em !important;
    color: #c88b5f !important;
    -webkit-text-fill-color: #c88b5f !important;
    font: 600 .58em/1 'Baloo 2', sans-serif !important;
    opacity: 0;
    pointer-events: none;
    animation: milk-cozy-warmth-wave 8.2s ease-out infinite !important;
}

@keyframes milk-cozy-cuddle-squish {
    0%, 34%, 76%, 100% { transform: scale(1); }
    45% { transform: scale(.955, 1.035); }
    56% { transform: scale(1.012, .992); }
    66% { transform: scale(1); }
}

@keyframes milk-cozy-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 240% 50%; }
}

@keyframes milk-cozy-warmth-wave {
    0%, 57%, 100% { opacity: 0; transform: translateY(.18em) scale(.82); }
    64% { opacity: .34; }
    78% { opacity: .18; transform: translateY(-.55em) scale(1.04); }
    86% { opacity: 0; transform: translateY(-.72em) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink,
    .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::before,
    .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::after {
        animation: none !important;
        transform: none !important;
    }
    .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }
}

.site-animations-off .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink,
.site-animations-off .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::before,
.site-animations-off .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::after {
    animation: none !important;
    transform: none !important;
}
.site-animations-off .milk-title.milk-title-font-cozy.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }

/* The legacy inner ink layer is transform-locked; cuddle the outer word. */
.milk-title.milk-title.milk-title-font-cozy.milk-title-tier-4 {
    transform-origin: 50% 78%;
    animation: milk-cozy-cuddle-squish 8.2s cubic-bezier(.32,.7,.34,1) infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-cozy.milk-title-tier-4 {
        animation: none !important;
        transform: none !important;
    }
}
.site-animations-off .milk-title.milk-title-font-cozy.milk-title-tier-4 {
    animation: none !important;
    transform: none !important;
}

/* Cozy visibility pass: a clearer cuddle with a calm, long rest. */
@keyframes milk-cozy-cuddle-squish {
    0%, 25%, 78%, 100% { transform: scale(1); }
    39% { transform: scale(.92, 1.055); }
    52% { transform: scale(.975, 1.025); }
    65% { transform: scale(1.018, .99); }
    73% { transform: scale(1); }
}

/* Pixel: indigo -> arcade purple -> electric cyan. */
.milk-title.milk-title-font-pixel {
    --title-gradient-start: #5b4bdb !important;
    --title-gradient-mid: #8f6cff;
    --title-gradient-end: #53d7ff !important;
}

.milk-title.milk-title-font-pixel:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Pixelify Sans', 'Bitcount Grid Double', ui-monospace, monospace !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-pixel:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 50%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-pixel.milk-title-tier-3 > .milk-title-ink { background-size: 220% 100% !important; }

/* Tier 4: one-time sprite load, living gradient, then rare quick glitches. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-pixel.milk-title-tier-4 > .milk-title-ink {
    position: relative;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-pixel.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 0;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(90deg, #5b4bdb 0%, #8f6cff 22%, #53d7ff 44%, #8f6cff 66%, #5b4bdb 88%, #8f6cff 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-pixel-living-gradient 5.6s linear infinite, milk-pixel-sprite-load .72s steps(4,end) 1 both !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-pixel.milk-title-tier-4 .milk-title-letter {
    z-index: 1;
    background: none !important;
    color: #8f6cff !important;
    -webkit-text-fill-color: #8f6cff !important;
    opacity: 0;
    transform: none;
    animation: milk-pixel-quick-glitch 9.4s steps(1,end) infinite !important;
    animation-delay: calc(var(--letter-index, 0) * .035s) !important;
}

@keyframes milk-pixel-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 240% 50%; }
}

@keyframes milk-pixel-sprite-load {
    0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateY(2px); }
    25% { opacity: .65; clip-path: inset(0 72% 0 0); }
    50% { opacity: .82; clip-path: inset(0 43% 0 0); transform: translateY(-1px); }
    75% { opacity: .94; clip-path: inset(0 18% 0 0); }
    100% { opacity: 1; clip-path: inset(0); transform: translateY(0); }
}

@keyframes milk-pixel-quick-glitch {
    0%, 55%, 67%, 100% { opacity: 0; transform: translate(0); clip-path: inset(0); text-shadow: none; }
    57% { opacity: .92; transform: translateX(-2px); clip-path: inset(0 0 58% 0); text-shadow: 3px 0 #53d7ff, -2px 0 #5b4bdb; }
    59% { opacity: .96; transform: translateX(2px); clip-path: inset(42% 0 0 0); text-shadow: -3px 0 #53d7ff, 2px 0 #5b4bdb; }
    61% { opacity: .82; transform: translateX(-1px); clip-path: polygon(0 0,100% 0,100% 30%,45% 30%,45% 68%,100% 68%,100% 100%,0 100%); }
    63% { opacity: 1; transform: translateX(1px); clip-path: inset(0); text-shadow: 2px 0 #53d7ff; }
    65% { opacity: 0; transform: translateX(0); clip-path: inset(0); text-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-pixel.milk-title-tier-4 > .milk-title-ink::before {
        animation: none !important;
        opacity: 1 !important;
        clip-path: none !important;
        transform: none !important;
        background-position: 50% 50% !important;
    }
    .milk-title.milk-title-font-pixel.milk-title-tier-4 .milk-title-letter { animation: none !important; opacity: 0 !important; transform: none !important; }
}

.site-animations-off .milk-title.milk-title-font-pixel.milk-title-tier-4 > .milk-title-ink::before {
    animation: none !important;
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    background-position: 50% 50% !important;
}
.site-animations-off .milk-title.milk-title-font-pixel.milk-title-tier-4 .milk-title-letter { animation: none !important; opacity: 0 !important; transform: none !important; }

/* Moonlit: midnight blue -> misty periwinkle -> pale moonlight. */
.milk-title.milk-title-font-moonlit {
    --title-gradient-start: #27324f !important;
    --title-gradient-mid: #5f6f9c;
    --title-gradient-end: #c7cbe8 !important;
}

.milk-title.milk-title-font-moonlit:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 600 !important;
    letter-spacing: .018em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-moonlit:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 50%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-moonlit.milk-title-tier-3 > .milk-title-ink { background-size: 220% 100% !important; }

/* Tier 4 floats as one word beneath a single slow moonbeam. */
.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 {
    transform-origin: 50% 70%;
    animation: milk-moonlit-float 8.8s ease-in-out infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink {
    position: relative;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 0;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(90deg, #27324f 0%, #5f6f9c 22%, #c7cbe8 44%, #5f6f9c 66%, #27324f 88%, #5f6f9c 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 1.5px rgba(199, 203, 232, .34));
    animation: milk-moonlit-living-gradient 7.6s linear infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::after {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 2;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(100deg, transparent 34%, rgba(247,248,255,.08) 42%, rgba(247,248,255,.96) 50%, rgba(218,224,247,.42) 56%, transparent 66%) !important;
    background-size: 300% 100% !important;
    background-position: -180% 50%;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none;
    animation: milk-moonbeam-sweep 10.2s ease-in-out infinite !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-moonlit.milk-title-tier-4 .milk-title-letter {
    z-index: 1;
    background: none !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    animation: none !important;
    transform: none !important;
}

@keyframes milk-moonlit-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 240% 50%; }
}

@keyframes milk-moonbeam-sweep {
    0%, 12%, 86%, 100% { opacity: 0; background-position: -180% 50%; }
    18% { opacity: .38; }
    46% { opacity: .8; }
    76% { opacity: .44; background-position: 180% 50%; }
    84% { opacity: 0; background-position: 190% 50%; }
}

@keyframes milk-moonlit-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1.15px); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-moonlit.milk-title-tier-4,
    .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::before,
    .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::after {
        animation: none !important;
        transform: none !important;
    }
    .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }
}

.site-animations-off .milk-title.milk-title-font-moonlit.milk-title-tier-4,
.site-animations-off .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::before,
.site-animations-off .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::after {
    animation: none !important;
    transform: none !important;
}
.site-animations-off .milk-title.milk-title-font-moonlit.milk-title-tier-4 > .milk-title-ink::after { opacity: 0 !important; }

/* Whimsical: periwinkle -> orchid pink -> blush -> buttercream. */
.milk-title.milk-title-font-whimsical {
    --title-gradient-start: #8f7be8 !important;
    --title-gradient-mid: #d59adf;
    --title-gradient-soft: #f4c6d8;
    --title-gradient-end: #f6df9f !important;
}

.milk-title.milk-title-font-whimsical:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Henny Penny', 'Griffy', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: .018em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-whimsical:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 33%, var(--title-gradient-soft) 66%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-whimsical.milk-title-tier-3 > .milk-title-ink { background-size: 240% 100% !important; }

/* Tier 4 keeps a long quiet rest around one soft, staggered skip. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter {
    --whimsical-hop: -1.55px;
    transform-origin: 50% 88%;
    background-image: linear-gradient(90deg, #8f7be8 0%, #d59adf 22%, #f4c6d8 44%, #f6df9f 66%, #8f7be8 88%, #d59adf 100%) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-whimsical-living-gradient 6.4s linear infinite, milk-whimsical-soft-skip 9.2s ease-in-out infinite !important;
    animation-delay: calc(var(--letter-index, 0) * -.18s), calc(var(--letter-index, 0) * .115s) !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter:nth-child(even) { --whimsical-hop: -1.2px; }
.milk-title.milk-title.milk-title.milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter:nth-child(3n) { --whimsical-hop: -2.1px; }

@keyframes milk-whimsical-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 300% 50%; }
}

@keyframes milk-whimsical-soft-skip {
    0%, 32%, 64%, 100% { transform: translateY(0) rotate(0); }
    41% { transform: translateY(var(--whimsical-hop)) rotate(-1deg); }
    50% { transform: translateY(-.35px) rotate(.6deg); }
    58% { transform: translateY(0) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter {
        animation: none !important;
        transform: none !important;
        background-position: 50% 50% !important;
    }
}
.site-animations-off .milk-title.milk-title-font-whimsical.milk-title-tier-4 .milk-title-letter {
    animation: none !important;
    transform: none !important;
    background-position: 50% 50% !important;
}

/* Gothic: blackened plum -> mulberry -> oxblood -> muted crimson. */
.milk-title.milk-title-font-gothic {
    --title-gradient-start: #2b1834 !important;
    --title-gradient-mid: #5a2147;
    --title-gradient-oxblood: #8b1e3f;
    --title-gradient-end: #c04a5a !important;
}

.milk-title.milk-title-font-gothic:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Pirata One', 'UnifrakturCook', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: .018em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-gothic:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-mid) 33%, var(--title-gradient-oxblood) 66%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-gothic.milk-title-tier-3 > .milk-title-ink { background-size: 240% 100% !important; }

/* Tier 4 stays still while an irregular candle glow shifts across its shadow. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-gothic.milk-title-tier-4 .milk-title-letter {
    background-image: linear-gradient(90deg, #2b1834 0%, #5a2147 20%, #8b1e3f 40%, #c04a5a 60%, #8b1e3f 78%, #2b1834 100%) !important;
    background-size: 280% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    transform: none !important;
    animation: milk-gothic-candle-flicker 8.6s ease-in-out infinite !important;
    animation-delay: 0s !important;
}

@keyframes milk-gothic-living-gradient {
    from { background-position: 0% 50%; }
    to { background-position: 280% 50%; }
}

@keyframes milk-gothic-candle-flicker {
    0%, 18% { opacity: .88; background-position: 0% 50%; text-shadow: -1px 1px 1px rgba(54, 13, 35, .28), 0 0 3px rgba(139, 30, 63, .1); }
    23% { opacity: .97; background-position: 54% 50%; text-shadow: 1px 1px 2px rgba(54, 13, 35, .38), 0 0 4px rgba(192, 74, 90, .2); }
    27% { opacity: .92; background-position: 68% 50%; text-shadow: 0 1px 1px rgba(43, 24, 52, .34), -1px 0 3px rgba(139, 30, 63, .12); }
    43% { opacity: 1; background-position: 118% 50%; text-shadow: 1px 2px 2px rgba(54, 13, 35, .42), 0 0 5px rgba(192, 74, 90, .25); }
    47% { opacity: .93; background-position: 130% 50%; text-shadow: -1px 1px 1px rgba(43, 24, 52, .36), 1px 0 3px rgba(139, 30, 63, .14); }
    66% { opacity: .98; background-position: 184% 50%; text-shadow: 0 2px 2px rgba(54, 13, 35, .4), -1px 0 4px rgba(192, 74, 90, .2); }
    72% { opacity: .89; background-position: 202% 50%; text-shadow: 1px 1px 1px rgba(43, 24, 52, .32), 0 0 2px rgba(139, 30, 63, .1); }
    84% { opacity: .95; background-position: 244% 50%; text-shadow: -1px 2px 2px rgba(54, 13, 35, .38), 1px 0 4px rgba(192, 74, 90, .18); }
    100% { opacity: .88; background-position: 280% 50%; text-shadow: -1px 1px 1px rgba(54, 13, 35, .28), 0 0 3px rgba(139, 30, 63, .1); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-gothic.milk-title-tier-4 .milk-title-letter {
        animation: none !important;
        filter: none !important;
        text-shadow: 0 1px 1px rgba(54, 13, 35, .3) !important;
        background-position: 50% 50% !important;
    }
}
.site-animations-off .milk-title.milk-title-font-gothic.milk-title-tier-4 .milk-title-letter {
    animation: none !important;
    filter: none !important;
    text-shadow: 0 1px 1px rgba(54, 13, 35, .3) !important;
    background-position: 50% 50% !important;
}

/* A separate candlelit highlight keeps the Tier 4 gradient visibly alive. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-gothic.milk-title-tier-4 > .milk-title-ink {
    position: relative !important;
    display: inline-block !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-gothic.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 2;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(100deg, transparent 20%, rgba(139, 30, 63, .12) 35%, rgba(242, 151, 147, .7) 49%, rgba(192, 74, 90, .22) 61%, transparent 78%) !important;
    background-size: 260% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none;
    animation: milk-gothic-candle-sweep 8.6s ease-in-out infinite !important;
}

@keyframes milk-gothic-candle-sweep {
    0%, 12% { opacity: .15; background-position: -170% 50%; }
    36% { opacity: .72; }
    68% { opacity: .48; background-position: 170% 50%; }
    78%, 100% { opacity: .12; background-position: 190% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-gothic.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .18 !important; background-position: 50% 50% !important; }
}
@media all {
.site-animations-off .milk-title.milk-title-font-gothic.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .18 !important; background-position: 50% 50% !important; }
}

/* Enchanted: forest green -> mossy jade -> twilight violet -> antique gold. */
.milk-title.milk-title-font-enchanted {
    --title-gradient-start: #315c57 !important;
    --title-gradient-jade: #5f7f68;
    --title-gradient-violet: #9b8ac4;
    --title-gradient-end: #e2bd72 !important;
}

.milk-title.milk-title-font-enchanted:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Eagle Lake', 'Montez', Georgia, serif !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    letter-spacing: .012em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-enchanted:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-jade) 33%, var(--title-gradient-violet) 66%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-enchanted.milk-title-tier-3 > .milk-title-ink { background-size: 240% 100% !important; }

.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter {
    position: relative;
    z-index: 2;
    transform-origin: 50% 90%;
    background-image: linear-gradient(90deg, #315c57 0%, #5f7f68 20%, #9b8ac4 40%, #e2bd72 60%, #9b8ac4 80%, #315c57 100%) !important;
    background-size: 260% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-enchanted-awakening 9.6s ease-in-out infinite !important;
    animation-delay: calc(var(--letter-index, 0) * .105s) !important;
}

/* A quiet antique-gold light travels over the living Tier 4 gradient. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 3;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(100deg, transparent 20%, rgba(95, 127, 104, .1) 35%, rgba(235, 211, 144, .76) 49%, rgba(155, 138, 196, .2) 61%, transparent 78%) !important;
    background-size: 260% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none;
    animation: milk-enchanted-storylight 9.6s ease-in-out infinite !important;
}

/* Fine fleurons read as tiny curling vines and stay outside the word. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:first-child::before,
.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:last-child::after {
    display: block !important;
    position: absolute !important;
    z-index: 4;
    top: -.16em;
    width: .72em;
    font-family: Georgia, serif !important;
    font-size: .72em;
    font-weight: 400 !important;
    line-height: 1;
    color: #5f7f68 !important;
    -webkit-text-fill-color: #5f7f68 !important;
    background: none !important;
    text-shadow: 0 0 2px rgba(226, 189, 114, .35);
    pointer-events: none;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:first-child::before {
    content: '❧' !important;
    right: calc(100% + .06em);
    transform-origin: 100% 80%;
    animation: milk-enchanted-vine-left 9.6s ease-in-out infinite !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:last-child::after {
    content: '❦' !important;
    left: calc(100% + .06em);
    transform-origin: 0 80%;
    animation: milk-enchanted-vine-right 9.6s ease-in-out infinite !important;
}

@keyframes milk-enchanted-awakening {
    0%, 24%, 63%, 100% { transform: translateY(0); }
    35% { transform: translateY(-1.45px); }
    46% { transform: translateY(-.35px); }
    55% { transform: translateY(0); }
}
@keyframes milk-enchanted-storylight {
    0%, 14% { opacity: .08; background-position: -170% 50%; }
    34% { opacity: .62; }
    65% { opacity: .42; background-position: 170% 50%; }
    76%, 100% { opacity: .08; background-position: 190% 50%; }
}
@keyframes milk-enchanted-vine-left {
    0%, 22%, 70%, 100% { opacity: 0; transform: scale(.2) rotate(-24deg); }
    36% { opacity: .78; transform: scale(.9) rotate(-4deg); }
    48% { opacity: 1; transform: scale(1) rotate(3deg); }
    60% { opacity: .62; transform: scale(.82) rotate(-2deg); }
}
@keyframes milk-enchanted-vine-right {
    0%, 22%, 70%, 100% { opacity: 0; transform: scale(.2) rotate(24deg); }
    36% { opacity: .78; transform: scale(.9) rotate(4deg); }
    48% { opacity: 1; transform: scale(1) rotate(-3deg); }
    60% { opacity: .62; transform: scale(.82) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; }
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .1 !important; background-position: 50% 50% !important; }
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:first-child::before,
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:last-child::after { display: none !important; animation: none !important; }
}
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; }
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .1 !important; background-position: 50% 50% !important; }
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:first-child::before,
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:last-child::after { display: none !important; animation: none !important; }

/* Dreamer: sleepy blue -> lavender mist -> dusty pink -> warm cloudlight. */
.milk-title.milk-title-font-dreamer {
    --title-gradient-start: #7f8fc7 !important;
    --title-gradient-lavender: #aaa6d8;
    --title-gradient-pink: #d7b8d9;
    --title-gradient-end: #f1d8c7 !important;
}

.milk-title.milk-title-font-dreamer:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Satisfy', 'Cookie', cursive !important;
    font-size: 1.12em !important;
    font-weight: 400 !important;
    letter-spacing: .012em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-dreamer:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-lavender) 33%, var(--title-gradient-pink) 66%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-dreamer.milk-title-tier-3 > .milk-title-ink { background-size: 240% 100% !important; }

.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 > .milk-title-ink {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter {
    --dreamer-rise: -.82px;
    --dreamer-fall: .3px;
    position: relative;
    z-index: 2;
    transform-origin: 50% 75%;
    background-image: linear-gradient(90deg, #7f8fc7 0%, #aaa6d8 20%, #d7b8d9 40%, #f1d8c7 60%, #d7b8d9 80%, #7f8fc7 100%) !important;
    background-size: 280% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-dreamer-cloud-drift 9.8s ease-in-out infinite !important;
    animation-delay: calc(var(--letter-index, 0) * -.46s) !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter:nth-child(even) { --dreamer-rise: -1.05px; --dreamer-fall: .22px; }
.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter:nth-child(3n) { --dreamer-rise: -.62px; --dreamer-fall: .42px; }

/* Only one inner letter softly slips out of focus during the long cycle. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter:nth-child(5) {
    animation: milk-dreamer-cloud-drift 9.8s ease-in-out infinite, milk-dreamer-soft-focus 14.4s ease-in-out infinite !important;
    animation-delay: calc(var(--letter-index, 0) * -.46s), -4.8s !important;
}

/* A very pale highlight keeps the Tier 4 haze gently alive. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-dreamer.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 3;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(100deg, transparent 18%, rgba(170, 166, 216, .12) 34%, rgba(255, 239, 226, .72) 49%, rgba(215, 184, 217, .18) 63%, transparent 80%) !important;
    background-size: 280% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none;
    animation: milk-dreamer-cloudlight 12.6s ease-in-out infinite !important;
}

@keyframes milk-dreamer-cloud-drift {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(var(--dreamer-rise)); }
    58% { transform: translateY(var(--dreamer-fall)); }
    78% { transform: translateY(calc(var(--dreamer-rise) * .3)); }
}
@keyframes milk-dreamer-soft-focus {
    0%, 37%, 58%, 100% { opacity: 1; text-shadow: 0 0 0 rgba(127, 143, 199, 0); }
    45% { opacity: .88; text-shadow: 0 0 1.7px rgba(127, 143, 199, .58); }
    51% { opacity: .95; text-shadow: 0 0 .7px rgba(170, 166, 216, .34); }
}
@keyframes milk-dreamer-cloudlight {
    0%, 14% { opacity: .06; background-position: -175% 50%; }
    38% { opacity: .46; }
    70% { opacity: .3; background-position: 170% 50%; }
    82%, 100% { opacity: .06; background-position: 190% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; opacity: 1 !important; text-shadow: none !important; }
    .milk-title.milk-title-font-dreamer.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .08 !important; background-position: 50% 50% !important; }
}
.site-animations-off .milk-title.milk-title-font-dreamer.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; opacity: 1 !important; text-shadow: none !important; }
.site-animations-off .milk-title.milk-title-font-dreamer.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .08 !important; background-position: 50% 50% !important; }

/* Fairy: mint wing shimmer -> lilac -> blush -> fairy-light gold. */
.milk-title.milk-title-font-fairy {
    --title-gradient-start: #8fc9b5 !important;
    --title-gradient-lilac: #c4b2e3;
    --title-gradient-blush: #f3b8d4;
    --title-gradient-end: #f6e7a8 !important;
}

.milk-title.milk-title-font-fairy:is(.milk-title-tier-2, .milk-title-tier-3, .milk-title-tier-4) {
    font-family: 'Mystery Quest', 'Emilys Candy', Georgia, serif !important;
    font-size: 1.04em !important;
    font-weight: 400 !important;
    letter-spacing: .018em !important;
}

.milk-title.milk-title.milk-title.milk-title-font-fairy:is(.milk-title-tier-1, .milk-title-tier-2, .milk-title-tier-3) > .milk-title-ink {
    background-image: linear-gradient(90deg, var(--title-gradient-start) 0%, var(--title-gradient-lilac) 33%, var(--title-gradient-blush) 66%, var(--title-gradient-end) 100%) !important;
}

.milk-title.milk-title-font-fairy.milk-title-tier-3 > .milk-title-ink { background-size: 240% 100% !important; }

.milk-title.milk-title.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 .milk-title-letter {
    --fairy-brush-tilt: -.75deg;
    position: relative;
    z-index: 2;
    transform-origin: 50% 85%;
    background-image: linear-gradient(90deg, #8fc9b5 0%, #c4b2e3 20%, #f3b8d4 40%, #f6e7a8 60%, #f3b8d4 80%, #8fc9b5 100%) !important;
    background-size: 270% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation: milk-fairy-wing-brush 9.2s ease-in-out infinite !important;
    animation-delay: calc(var(--letter-index, 0) * .32s) !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 .milk-title-letter:nth-child(even) { --fairy-brush-tilt: .75deg; }

/* A pale shimmer follows the fairy-light without covering the lettering. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::before {
    content: attr(data-title-text) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    z-index: 3;
    width: max-content !important;
    min-width: 100% !important;
    font: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    white-space: pre;
    background-image: linear-gradient(100deg, transparent 20%, rgba(143, 201, 181, .12) 34%, rgba(255, 248, 202, .86) 49%, rgba(243, 184, 212, .2) 63%, transparent 80%) !important;
    background-size: 270% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: none;
    animation: milk-fairy-letter-shimmer 9.2s ease-in-out infinite !important;
}

/* A three-pixel fairy-light with a short mint, lilac, and blush trail. */
.milk-title.milk-title.milk-title.milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    z-index: 5;
    width: 4px !important;
    min-width: 0 !important;
    max-width: 4px !important;
    height: 4px !important;
    left: -3%;
    top: 55%;
    border-radius: 50%;
    border: 1px solid rgba(155, 138, 196, .58) !important;
    box-sizing: border-box;
    background: #fff8ca !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    box-shadow: 0 0 3px 1px rgba(226, 205, 126, .96), 0 0 7px 2px rgba(196, 178, 227, .42), -4px 2px 0 -1px rgba(243, 184, 212, .88), -7px -1px 0 -1px rgba(196, 178, 227, .8), -10px 1px 0 -1px rgba(143, 201, 181, .72);
    pointer-events: none;
    animation: milk-fairy-light-loop 9.2s cubic-bezier(.45,.05,.55,.95) infinite !important;
}

@keyframes milk-fairy-wing-brush {
    0%, 22%, 43%, 100% { transform: translateY(0) rotate(0); }
    30% { transform: translateY(-1px) rotate(var(--fairy-brush-tilt)); }
    36% { transform: translateY(-.25px) rotate(calc(var(--fairy-brush-tilt) * -.35)); }
}
@keyframes milk-fairy-letter-shimmer {
    0%, 14% { opacity: .08; background-position: -175% 50%; }
    36% { opacity: .68; }
    67% { opacity: .42; background-position: 170% 50%; }
    78%, 100% { opacity: .08; background-position: 190% 50%; }
}
@keyframes milk-fairy-light-loop {
    0%, 11%, 100% { opacity: 0; left: -3%; top: 58%; transform: scale(.65); }
    18% { opacity: 1; left: 7%; top: -20%; transform: scale(1); }
    32% { opacity: .95; left: 34%; top: 28%; transform: scale(.9); }
    47% { opacity: 1; left: 61%; top: -25%; transform: scale(1.08); }
    62% { opacity: .92; left: 91%; top: 36%; transform: scale(.88); }
    76% { opacity: 1; left: 68%; top: 105%; transform: scale(1); }
    88% { opacity: .82; left: 24%; top: 82%; transform: scale(.78); }
    95% { opacity: 0; left: -4%; top: 50%; transform: scale(.55); }
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-fairy.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; }
    .milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .1 !important; background-position: 50% 50% !important; }
    .milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::after { display: none !important; animation: none !important; }
}
.site-animations-off .milk-title.milk-title-font-fairy.milk-title-tier-4 .milk-title-letter { animation: none !important; transform: none !important; }
.site-animations-off .milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::before { animation: none !important; opacity: .1 !important; background-position: 50% 50% !important; }
.site-animations-off .milk-title.milk-title-font-fairy.milk-title-tier-4 > .milk-title-ink::after { display: none !important; animation: none !important; }

/* Enchanted borrows Petal's approved unfurl, recolored as woodland leaves. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter {
    --petal-turn: 1;
    transform-origin: 50% 88%;
    will-change: transform, background-position;
    animation: milk-title-gradient-flow 7.8s linear infinite, milk-letter-petal-unfurl 7.8s cubic-bezier(.26,.72,.34,1) infinite !important;
    animation-delay: 0s, calc(var(--letter-index, 0) * .12s) !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:nth-child(even) {
    --petal-turn: -1;
}

/* Retire Enchanted's earlier outer fleurons. */
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:first-child::before,
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter:last-child::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink {
    position: relative !important;
    overflow: visible !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before,
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: auto !important;
    width: 4px !important;
    min-width: 0 !important;
    max-width: 4px !important;
    height: 2.5px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 85% 18% 82% 20% !important;
    line-height: 1 !important;
    opacity: 0;
    pointer-events: none;
    -webkit-text-fill-color: initial !important;
    box-shadow: 0 0 0 .6px rgba(35, 72, 57, .42), 0 1px 2px rgba(35, 72, 57, .3) !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before {
    left: 72% !important;
    top: 12% !important;
    background: #5f7f68 !important;
    animation: milk-petal-drift-right 7.8s ease-out infinite !important;
}
.milk-title.milk-title.milk-title.milk-title.milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::after {
    left: 31% !important;
    top: 20% !important;
    background: #315c57 !important;
    animation: milk-petal-drift-left 7.8s ease-out .28s infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter,
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before,
    .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::after {
        animation: none !important;
        transform: none !important;
        opacity: 0 !important;
    }
}
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 .milk-title-letter,
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::before,
.site-animations-off .milk-title.milk-title-font-enchanted.milk-title-tier-4 > .milk-title-ink::after {
    animation: none !important;
    transform: none !important;
    opacity: 0 !important;
}
/* Exclusive Clueless label: dark ink must win over the shared Tier 1 gradient. */
.milk-title.milk-title.milk-title.milk-title-font-cher:is(.milk-title-tier-0,.milk-title-tier-1) > .milk-title-ink {
    background: linear-gradient(180deg, #514b55 0%, #111218 46%, #2b2118 100%) !important;
    background-size: 100% 100% !important;
    background-position: 50% 50% !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}