/* Homepage hero — a market stall in the first rain: three open umbrellas
   over a wooden counter, a prize dry under each with a paper price tag
   hung from its rib, rain streaking down a grey-violet sky behind with
   the sun breaking through and wet leaves at the edges, and cutting chai
   steaming on the counter. The countdown hangs on an enamel sign nailed
   to the counter's front. After dark a rainy evening: streetlights
   blurred behind the rain, warm light pooled under the umbrellas. */

.mo-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(60% 70% at 84% 0%, rgba(255, 226, 160, .5), transparent 70%),
    radial-gradient(70% 80% at 10% 100%, rgba(19, 163, 154, .12), transparent 70%),
    var(--rain-faint),
    linear-gradient(180deg, #f6f8f3 0%, #eef3ef 60%, #e6eee9 100%);
}
html.dark .mo-hero {
  background:
    radial-gradient(55% 60% at 74% 95%, rgba(255, 190, 100, .14), transparent 70%),
    radial-gradient(50% 60% at 10% 0%, rgba(79, 208, 195, .1), transparent 70%),
    var(--rain-faint),
    linear-gradient(180deg, #0e0f22 0%, #131530 60%, #181a38 100%);
}
.mo-hero > .mo-band { position: relative; z-index: 3; }

.mo-hero__inner {
  position: relative; z-index: 2;
  max-width: 80rem;
  margin: 0 auto;
  padding: 2.25rem 1rem 1.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  align-items: center;
}
@media (min-width: 640px) { .mo-hero__inner { padding: 2.75rem 1.5rem 2rem; } }
@media (min-width: 1024px) {
  .mo-hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
    gap: 2.75rem;
    padding: 2rem 2rem 1.5rem;
  }
}

.mo-hero__kicker {
  display: inline-flex; align-items: center; gap: .55rem;
  max-width: 100%;
  margin: 0 0 .9rem;
  padding: .32rem .9rem .32rem .5rem;
  font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: #0a5853;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(13, 127, 118, .22);
  border-radius: 999px;
  overflow-wrap: anywhere;
}
[dir="rtl"] .mo-hero__kicker { padding: .32rem .5rem .32rem .9rem; }
.mo-hero__kicker .mo-brolly { width: 20px; height: 20px; }
html.dark .mo-hero__kicker { color: #ffd38a; background: rgba(25, 27, 51, .75); border-color: rgba(255, 197, 110, .25); }
.mo-hero__title {
  margin: 0;
  font-size: clamp(2.5rem, 4.8vw, 4.1rem);
  line-height: 1.06;
  font-weight: 600;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.mo-hero__title > span { display: block; text-wrap: balance; }
.mo-hero__accent { color: #0d7f76; }
html.dark .mo-hero__accent { color: #ffc56e; }
.mo-hero__text { margin: 1rem 0 0; max-width: 34rem; font-size: clamp(1.02rem, 1.4vw, 1.15rem); line-height: 1.6; color: var(--ink-2); }
.mo-hero__ctas { margin-top: 1.6rem; display: flex; flex-wrap: wrap; gap: .75rem; }
.mo-hero .ed-btn-secondary { background: rgba(255, 255, 255, .88); border-color: rgba(31, 34, 64, .14); }
html.dark .mo-hero .ed-btn-secondary { background: rgba(25, 27, 51, .7); border-color: rgba(255, 197, 110, .28); }
.mo-hero__cta2 i { color: #e0952a; font-size: .8rem; }

/* Stats on white tiles, each under a strip of the umbrellas' scallops */
.mo-stats { margin-top: 1.9rem; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: .75rem; max-width: min(34rem, calc(var(--n, 3) * 11.5rem)); }
.mo-stat {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; gap: .05rem;
  padding: 1.3rem .55rem .95rem; text-align: center; text-decoration: none;
  background: #ffffff;
  border: 1px solid rgba(31, 34, 64, .1);
  border-radius: 16px;
  box-shadow: 0 10px 22px -16px rgba(31, 34, 64, .5);
  transition: transform .18s ease, box-shadow .18s ease;
}
.mo-stat::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 10px; background: var(--mo-band) 0 0 / 46px 10px; }
.mo-stat:nth-child(2)::before { background-position: -11px 0; }
.mo-stat:nth-child(3)::before { background-position: -23px 0; }
html.dark .mo-stat { background: rgba(25, 27, 51, .88); border-color: rgba(255, 197, 110, .16); }
html .mo-stat.hero-stat-link:hover { opacity: 1; transform: translateY(-4px); box-shadow: 0 18px 26px -16px rgba(31, 34, 64, .55); }
.mo-stat__num { font-family: var(--font-ui); font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; letter-spacing: -.01em; line-height: 1.1; color: var(--ink); overflow-wrap: normal; font-variant-numeric: tabular-nums; }
.mo-stat__label { font-size: .82rem; font-weight: 600; line-height: 1.3; color: var(--ink-2); overflow-wrap: anywhere; }

/* ── The stall ──
   Sized by its column; umbrellas, tags and the counter are in container
   units so the composition keeps its shape from a phone to a desktop. */
.mo-hero__scene { position: relative; visibility: visible; max-height: none; overflow: visible; }
.mo-stall { position: relative; container-type: inline-size; padding-bottom: 1cqw; }

/* The sky behind the stall, seen between its posts */
.mo-stall__sky {
  position: absolute; z-index: 0; left: 2%; right: 2%; top: 5cqw; height: 47cqw;
  border-radius: 5cqw 5cqw 0 0;
  overflow: hidden;
  background:
    radial-gradient(45% 55% at 82% 8%, rgba(255, 236, 190, .95), rgba(255, 220, 150, .35) 45%, transparent 75%),
    radial-gradient(70% 50% at 20% 100%, rgba(214, 236, 214, .7), transparent 75%),
    linear-gradient(180deg, #858bb2 0%, #a5adc8 38%, #c6d1db 72%, #d8e3e2 100%);
  box-shadow: inset 0 0 0 1px rgba(31, 34, 64, .06);
}
html.dark .mo-stall__sky {
  background:
    radial-gradient(50% 40% at 50% 100%, rgba(255, 190, 100, .3), transparent 75%),
    var(--bokeh) 0 30% / 420px 178px,
    linear-gradient(180deg, #14152e 0%, #1d1f42 55%, #2a2b52 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 197, 110, .1);
}
/* Sun breaking through: soft rays from behind the cloud bank */
.mo-stall__sun {
  position: absolute; right: 6%; top: -12%; width: 46%; aspect-ratio: 1;
  background: repeating-conic-gradient(from -10deg at 50% 50%, rgba(255, 244, 214, .5) 0 4deg, transparent 4deg 16deg);
  -webkit-mask: radial-gradient(closest-side, #000 20%, transparent 100%);
  mask: radial-gradient(closest-side, #000 20%, transparent 100%);
}
html.dark .mo-stall__sun { display: none; }
@media (prefers-reduced-motion: no-preference) {
  /* 112deg is seven ray widths, so it stops on a frame matching the start */
  .mo-stall__sun { animation: mo-rays 40s linear .3111 both; }
}
@keyframes mo-rays { to { transform: rotate(360deg); } }
.mo-stall__clouds { position: absolute; left: 0; top: 0; width: 100%; height: 15cqw; }
.mo-cloud { fill: #6f7499; }
.mo-cloud--back { fill: #9298bb; }
.mo-cloud--lit { fill: none; stroke: #fff4d6; stroke-opacity: .7; stroke-width: 1.6; vector-effect: non-scaling-stroke; }
html.dark .mo-cloud--lit { display: none; }
html.dark .mo-cloud { fill: #0f1024; }
html.dark .mo-cloud--back { fill: #1a1b3a; opacity: 1; }
.mo-stall__sky .mo-rain { opacity: .75; }
html:not(.dark) .mo-stall__sky .mo-rain { opacity: 1; }
/* Wet leaves at the corners, glossy after the rain */
.mo-stall__leaves { position: absolute; bottom: -2%; width: 26%; height: auto; }
.mo-stall__leaves--l { left: -3%; }
.mo-stall__leaves--r { right: -3%; transform: scaleX(-1); }
.mo-leaf { fill: #2f7d45; }
.mo-leaf--2 { fill: #3f9a52; }
.mo-leaf--3 { fill: #26683a; }
.mo-leaf__vein { fill: none; stroke: #bfe6b4; stroke-opacity: .5; stroke-width: 1.4; }
html.dark .mo-leaf { fill: #17402a; }
html.dark .mo-leaf--2 { fill: #1d5233; }
html.dark .mo-leaf--3 { fill: #133622; }
html.dark .mo-leaf__vein { stroke: #ffc56e; stroke-opacity: .25; }

/* The goods: one column per umbrella */
.mo-stall__goods {
  list-style: none; margin: 0 6% 0 4%; padding: 0;
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr));
  height: 52cqw;
}
.mo-stall__goods > :only-child { width: 46%; justify-self: center; }
.mo-good { position: relative; display: block; min-width: 0; }
/* The umbrella, a little wider than its column so the canopies overlap
   like an awning, on a wooden pole down to the counter */
.mo-good__umb {
  position: absolute; z-index: 1; left: 50%; top: 0; width: 118%; transform: translateX(-50%);
  --u-1: #e2533f; --u-2: #f6f0e2;
  filter: drop-shadow(0 .8cqw .6cqw rgba(31, 34, 64, .22));
}
.mo-good:nth-child(3n+2) .mo-good__umb { --u-1: #13a39a; --u-2: #f4b42a; z-index: 2; top: -1.4cqw; }
.mo-good:nth-child(3n+3) .mo-good__umb { --u-1: #6b5bb5; --u-2: #f6f0e2; }
html.dark .mo-good__umb { --u-tip: #d9cdb2; --u-rib: rgba(0, 0, 0, .3); --u-hem: rgba(0, 0, 0, .35); filter: drop-shadow(0 0 2.4cqw rgba(255, 190, 100, .22)) brightness(.92); }
.mo-good__umb svg { display: block; width: 100%; height: auto; }
.mo-good::before {
  content: ''; position: absolute; z-index: 0; left: 50%; top: 10cqw; bottom: 0; width: max(3px, .9cqw); margin-left: max(-1.5px, -.45cqw);
  background: linear-gradient(90deg, #6e4a2e, #9b6c44 50%, #5e3e26);
  border-radius: 2px;
}
html.dark .mo-good::before { background: linear-gradient(90deg, #4a3220, #7d5838 50%, #3d2a1b); }
/* Drops gathering at two of each canopy's rib tips and falling */
.mo-good__umb .mo-drip { top: 63%; --fall: 9cqw; }
.mo-good__umb .mo-drip:nth-child(2) { left: 22.4%; }
.mo-good__umb .mo-drip:nth-child(3) { left: 77.6%; }
@media (prefers-reduced-motion: no-preference) {
  .mo-good__umb { animation: mo-sway 5s ease-in-out 3 both; animation-delay: calc(var(--i, 0) * -1.6s); transform-origin: 50% 30%; }
}
@keyframes mo-sway { 0%, 100% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(1deg); } }

.mo-good__link {
  position: absolute; z-index: 3; left: 0; right: 0; top: 15.5cqw; bottom: 0;
  display: flex; flex-direction: column; align-items: center;
  color: #1f2240; text-decoration: none;
}
/* The price tag: cream card with a punched hole, hung on a string from
   the umbrella */
.mo-good__tag {
  position: relative;
  display: flex; flex-direction: column; align-items: center; gap: .1rem;
  max-width: 96%; margin-top: 2.6cqw;
  padding: calc(.9rem + .4cqw) .65rem .5rem;
  background: #fbf8ef;
  border-radius: 1.4cqw;
  box-shadow: 0 .8cqw 1.6cqw -.8cqw rgba(31, 34, 64, .55), inset 0 0 0 1px rgba(31, 34, 64, .08);
  text-align: center;
  transform-origin: 50% -2.6cqw;
  rotate: -2deg;
}
.mo-good:nth-child(even) .mo-good__tag { rotate: 2.5deg; }
.mo-good__tag::before {
  content: ''; position: absolute; left: 50%; top: -2.6cqw; width: 1.5px; height: calc(2.6cqw + .5rem); margin-left: -.75px;
  background: #5b4a3a;
}
.mo-good__tag::after {
  content: ''; position: absolute; left: 50%; top: .32rem; width: .5rem; height: .5rem; margin-left: -.25rem;
  border-radius: 50%; background: #c9d4da; box-shadow: inset 0 1px 1px rgba(31, 34, 64, .4), 0 0 0 2px #f4b42a;
}
html.dark .mo-good__tag { background: #f8f2e2; box-shadow: 0 0 2.4cqw -.4cqw rgba(255, 190, 100, .45), inset 0 0 0 1px rgba(31, 34, 64, .08); }
html.dark .mo-good__tag::after { background: #2a2c55; }
html.dark .mo-good__tag::before { background: #d9cdb2; }
@media (prefers-reduced-motion: no-preference) {
  .mo-good__tag { animation: mo-swing 4.2s ease-in-out 3 both; animation-delay: calc(var(--i, 0) * -1.3s); }
}
@keyframes mo-swing { 0%, 100% { transform: rotate(-1.5deg); } 50% { transform: rotate(1.5deg); } }
.mo-good__kind {
  display: inline-flex; align-items: center; gap: .3rem;
  font-size: max(.6rem, 1.7cqw); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #0a5853;
}
.mo-good__kind .mo-drop { width: max(.5rem, 1.4cqw); height: max(.7rem, 1.96cqw); }
.mo-good__name { font-weight: 700; font-size: max(.74rem, 2.35cqw); line-height: 1.2; overflow-wrap: anywhere; text-wrap: balance; }
/* The prize, on the counter in the dry */
.mo-good__prize {
  flex: 1 1 auto; min-height: 0; width: 74%;
  display: flex; align-items: flex-end; justify-content: center;
  padding-top: 1.4cqw;
}
.mo-good__prize img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 1cqw .8cqw rgba(31, 34, 64, .3)); transition: transform .3s ease; }
html.dark .mo-good__prize img { filter: drop-shadow(0 0 2cqw rgba(255, 190, 100, .28)); }
.mo-good__link:hover .mo-good__prize img, .mo-good__link:focus-visible .mo-good__prize img { transform: translateY(-1cqw) scale(1.04); }
.mo-good__link:focus-visible { outline: 3px solid var(--theme-500); outline-offset: 4px; border-radius: 12px; }

/* The counter: a teak plank, its top lit, planks down its front */
.mo-stall__counter {
  position: relative; z-index: 4;
  height: 6cqw; margin: -.4cqw 0 0;
  border-radius: 1cqw 1cqw .6cqw .6cqw;
  background:
    linear-gradient(180deg, #d9a272 0 1.6cqw, #8a5330 1.6cqw 1.9cqw, transparent 1.9cqw),
    repeating-linear-gradient(90deg, transparent 0 9.6cqw, rgba(0, 0, 0, .14) 9.6cqw 9.9cqw),
    linear-gradient(180deg, #a86a3e, #8e5531);
  box-shadow: 0 1.6cqw 2.4cqw -1.4cqw rgba(31, 34, 64, .55);
}
html.dark .mo-stall__counter {
  background:
    linear-gradient(180deg, #b47c4c 0 1.6cqw, #5b3720 1.6cqw 1.9cqw, transparent 1.9cqw),
    repeating-linear-gradient(90deg, transparent 0 9.6cqw, rgba(0, 0, 0, .2) 9.6cqw 9.9cqw),
    linear-gradient(180deg, #74472a, #5a361f);
  box-shadow: 0 0 4cqw -1cqw rgba(255, 190, 100, .3);
}
.mo-stall__chai { position: absolute; right: 1.2%; bottom: 4.6cqw; width: 6.6cqw; }
.mo-stall__chai svg { display: block; width: 100%; height: auto; --steam: rgba(255, 255, 255, .9); --glass: rgba(230, 242, 245, .6); }
[dir="rtl"] .mo-stall__chai { right: auto; left: 1.6%; }

/* ── The sign: white enamel with a teal rim, nailed to the counter ── */
.mo-sign {
  position: relative; z-index: 5;
  margin: -1.6cqw 5% 0;
  padding: max(.85rem, 2.4cqw) max(.8rem, 2.6cqw) max(.85rem, 2.3cqw);
  text-align: center;
  background: #fbf8ef;
  border-radius: 2cqw;
  box-shadow: inset 0 0 0 max(3px, .8cqw) #0d7f76, inset 0 0 0 max(4.5px, 1.1cqw) #fbf8ef, inset 0 0 0 max(5.5px, 1.35cqw) rgba(13, 127, 118, .5), 0 1.8cqw 3cqw -1.6cqw rgba(31, 34, 64, .6);
}
.mo-sign::before, .mo-sign::after {
  content: ''; position: absolute; top: max(.5rem, 1.4cqw); width: max(6px, 1.3cqw); height: max(6px, 1.3cqw); border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ffffff, #8c96a0 70%); box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.mo-sign::before { left: max(.55rem, 1.6cqw); }
.mo-sign::after { right: max(.55rem, 1.6cqw); }
html.dark .mo-sign { background: #f8f2e2; box-shadow: inset 0 0 0 max(3px, .8cqw) #179a91, inset 0 0 0 max(4.5px, 1.1cqw) #f8f2e2, inset 0 0 0 max(5.5px, 1.35cqw) rgba(23, 154, 145, .5), 0 0 6cqw -1cqw rgba(255, 190, 100, .45); }
.mo-sign__part { display: flex; flex-direction: column; align-items: center; gap: max(.45rem, 1.3cqw); }
.mo-sign__title {
  margin: 0; padding: 0 max(1rem, 3cqw); font-size: max(1.15rem, 3.6cqw); font-weight: 600; line-height: 1.2; color: #1f2240; text-wrap: balance;
  overflow-wrap: anywhere;
}
.mo-sign__title--small { font-family: var(--font-ui); font-size: max(.74rem, 1.9cqw); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #0a5853; }
.mo-sign__greet { margin: 0; padding: 0 max(1rem, 3cqw); font-size: max(1.5rem, 5cqw); font-weight: 600; line-height: 1.1; color: #1f2240; text-wrap: balance; overflow-wrap: anywhere; }
.mo-sign__note { margin: 0; font-size: max(.8rem, 2.1cqw); font-weight: 600; line-height: 1.35; color: #3b3f5f; text-wrap: balance; }
.mo-sign__part--on { gap: max(.35rem, 1cqw); }

/* The countdown on four paper tags, one per umbrella colour */
.mo-count { display: flex; justify-content: center; gap: max(.5rem, 2.4cqw); direction: ltr; }
.mo-count__unit { display: flex; flex-direction: column; align-items: center; gap: max(.25rem, .7cqw); }
.mo-count__unit[hidden], .mo-hero__kicker-count [hidden] { display: none; }
.mo-count__tag {
  position: relative; display: flex; align-items: center; justify-content: center;
  width: max(3.4rem, 11cqw); height: max(3.4rem, 10.4cqw); padding-top: max(.55rem, 1.6cqw);
  background: #e2533f; color: #ffffff;
  clip-path: polygon(22% 0, 78% 0, 100% 18%, 100% 100%, 0 100%, 0 18%);
  border-radius: 0 0 max(6px, 1.4cqw) max(6px, 1.4cqw);
  box-shadow: inset 0 -.5cqw 0 rgba(0, 0, 0, .12);
}
.mo-count__tag::before {
  content: ''; position: absolute; left: 50%; top: max(.3rem, .9cqw); width: max(.45rem, 1.3cqw); height: max(.45rem, 1.3cqw); margin-left: max(-.225rem, -.65cqw);
  border-radius: 50%; background: #fbf8ef; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35);
}
html.dark .mo-count__tag::before { background: #f8f2e2; }
.mo-count__unit:nth-child(2) .mo-count__tag { background: #f4b42a; color: #1f2240; }
.mo-count__unit:nth-child(3) .mo-count__tag { background: #0d7f76; }
.mo-count__unit:nth-child(4) .mo-count__tag { background: #6b5bb5; }
.mo-count__num {
  font-family: var(--font-display); font-weight: 600; font-size: max(1.5rem, 5cqw); line-height: 1;
  font-variant-numeric: lining-nums tabular-nums; letter-spacing: .01em;
}
.mo-count__label { font-size: max(.64rem, 1.6cqw); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #3b3f5f; }

/* Phones: the umbrellas take more of the width, the tags their own room */
@media (max-width: 639px) {
  .mo-stall__sky { height: 64cqw; top: 6cqw; }
  .mo-stall__goods { height: 70cqw; margin: 0 5% 0 3%; }
  .mo-good__link { top: 17cqw; }
  .mo-good__tag { padding: .95rem .35rem .45rem; border-radius: 8px; max-width: 100%; }
  .mo-good__name { font-size: .7rem; }
  .mo-good__kind { font-size: .56rem; letter-spacing: .06em; }
  .mo-good__prize { width: 84%; }
  .mo-stall__counter { height: 8cqw; }
  .mo-stall__chai { width: 7.4cqw; bottom: 6cqw; }
  .mo-sign { margin: -2cqw 2% 0; }
  .mo-count__label { font-size: .6rem; letter-spacing: .06em; }
}

/* After dark each umbrella holds a pool of warm light under its canopy */
html.dark .mo-good::after {
  content: ''; position: absolute; z-index: 0; left: -14%; right: -14%; top: 11cqw; height: 34cqw; pointer-events: none;
  background: radial-gradient(50% 46% at 50% 12%, rgba(255, 200, 120, .26), rgba(255, 190, 100, .08) 60%, transparent 75%);
}

/* Phones: the stall leaves the page and one teal umbrella stands open in
   the top corner, so the shop's first row shows on the first screen. The
   sign's countdown and greeting move into the kicker. */
.mo-hero__emblem, .mo-hero__kicker-season { display: none; }
@media (max-width: 639px) {
  .mo-hero__scene { display: none; }
  .mo-hero__inner { padding-bottom: 2rem; }
  .mo-hero__copy { position: relative; z-index: 1; }
  .mo-hero__kicker { margin-inline-end: 5rem; border-radius: 18px; line-height: 1.35; }
  .mo-hero__kicker-season { display: inline; font-variant-numeric: tabular-nums; }
  .mo-hero__kicker-count { white-space: nowrap; }
  .mo-hero__kicker:has(.mo-hero__kicker-season:not([data-mo-over])) .mo-hero__kicker-name { display: none; }
  .mo-hero__kicker-season[data-mo-over] { display: none; }
  .mo-hero__emblem {
    display: block; position: absolute; top: .55rem; inset-inline-end: .7rem; width: 4.9rem;
    --u-1: #13a39a; --u-2: #f4b42a;
    filter: drop-shadow(0 4px 4px rgba(31, 34, 64, .22));
    transform-origin: 50% 30%;
  }
  html.dark .mo-hero__emblem { --u-tip: #d9cdb2; --u-rib: rgba(0, 0, 0, .3); --u-hem: rgba(0, 0, 0, .35); filter: drop-shadow(0 0 10px rgba(255, 190, 100, .25)) brightness(.92); }
  .mo-hero__emblem svg { display: block; width: 100%; height: auto; }
  [dir="rtl"] .mo-hero__emblem svg { transform: scaleX(-1); }
}
@media (max-width: 639px) and (prefers-reduced-motion: no-preference) {
  .mo-hero__emblem { animation: mo-emblem-sway 5s ease-in-out 3 both; }
}
@keyframes mo-emblem-sway { 0%, 100% { rotate: -2deg; } 50% { rotate: 2deg; } }