/* Takeaway: eight modules, one 3D object each. A shelf of eight slots fills while the visitor scrolls, a big outlined number sits behind every card, modal. Only transform/opacity are animated. */
.takeaway {
  --tk-big: 104px; /* size of the big module number */
  --tk-shelf: calc((min(420px, 100vw - 2 * var(--size-gutter)) - 40px) / 8 + 12px); /* height of the glass shelf on phones */
}
/* module colors (decoration: --m-a/--m-b; text: --m-ink) */
.tk-m1 { --m-a: var(--color-m1-a, var(--color-sun)); --m-b: var(--color-m1-b, var(--color-accent)); --m-ink: var(--color-m1-ink, var(--color-accent-text)); }
.tk-m2 { --m-a: var(--color-m2-a, var(--color-sun)); --m-b: var(--color-m2-b, var(--color-accent)); --m-ink: var(--color-m2-ink, var(--color-accent-text)); }
.tk-m3 { --m-a: var(--color-m3-a, var(--color-sun)); --m-b: var(--color-m3-b, var(--color-accent)); --m-ink: var(--color-m3-ink, var(--color-accent-text)); }
.tk-m4 { --m-a: var(--color-m4-a, var(--color-sun)); --m-b: var(--color-m4-b, var(--color-accent)); --m-ink: var(--color-m4-ink, var(--color-accent-text)); }
.tk-m5 { --m-a: var(--color-m5-a, var(--color-sun)); --m-b: var(--color-m5-b, var(--color-accent)); --m-ink: var(--color-m5-ink, var(--color-accent-text)); }
.tk-m6 { --m-a: var(--color-m6-a, var(--color-sun)); --m-b: var(--color-m6-b, var(--color-accent)); --m-ink: var(--color-m6-ink, var(--color-accent-text)); }
.tk-m7 { --m-a: var(--color-m7-a, var(--color-sun)); --m-b: var(--color-m7-b, var(--color-accent)); --m-ink: var(--color-m7-ink, var(--color-accent-text)); }
.tk-m8 { --m-a: var(--color-m8-a, var(--color-sun)); --m-b: var(--color-m8-b, var(--color-accent)); --m-ink: var(--color-m8-ink, var(--color-accent-text)); }

.takeaway__pin { display: grid; grid-template-columns: 1fr; }
.takeaway__stage-col { grid-area: 1 / 1; pointer-events: none; }
.takeaway__sticky { position: sticky; top: calc(var(--size-header-h) + 6px); z-index: 5; }
.takeaway__stage { position: relative; }
.takeaway__spacer { display: none; }
.takeaway__show { display: none; }

/* ---- shelf: eight slots ---- */
.takeaway__kit { width: 100%; max-width: 440px; margin-inline: auto; }
.takeaway__kit-head {
  display: none; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px;
  font-size: var(--size-text-xs); font-weight: 700; color: var(--color-ink-2);
}
.takeaway__kit-count { font-variant-numeric: tabular-nums; }
.takeaway__kit-count b { font-weight: 700; color: var(--color-ink); }
.takeaway__slots { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.tk-slot {
  position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 14px;
  background: var(--color-card); box-shadow: var(--shadow-card); border: 1.5px dashed transparent;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.tk-slot > * { grid-area: 1 / 1; }
.tk-slot__img {
  display: block; width: 78%; height: auto; user-select: none; -webkit-user-drag: none;
  transition: opacity .25s ease, transform .35s var(--ease-spring);
}
.tk-slot__n { display: none; font-size: 13px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--color-ink-2); }
.tk-slot.is-pop { animation: tk-pop .42s var(--ease-spring) 1; }
@keyframes tk-pop { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.16); } }
/* empty slot: only while the scene is live; without JS the shelf stays full */
.is-live .tk-slot:not(.is-filled) { background: transparent; box-shadow: none; border-color: color-mix(in srgb, var(--color-ink) 22%, transparent); }
.is-live .tk-slot:not(.is-filled) .tk-slot__img { opacity: 0; transform: scale(.6); }
.is-live .tk-slot:not(.is-filled) .tk-slot__n { display: block; }
.is-live .tk-slot.is-pop .tk-slot__img { transition: none; } /* the picture appears at once, the slot itself bounces */
.is-live .tk-slot.is-current { box-shadow: 0 0 0 2px var(--color-navy-2); }
.is-live .tk-slot.is-filled.is-current { box-shadow: 0 0 0 2px var(--color-navy-2), var(--shadow-card); }

/* the copy of an object that flies to its slot (added to <body> by JS; the header, z-index 50, stays above it) */
.tk-fly {
  position: fixed; z-index: 40; max-width: none; margin: 0; pointer-events: none; transform-origin: 50% 50%;
  filter: drop-shadow(0 10px 14px color-mix(in srgb, var(--color-navy-deep) 30%, transparent));
  transition: transform .6s cubic-bezier(.55, 0, .25, 1), opacity .6s;
}

/* ---- finale: all eight collected (layer built and removed by JS, always on <body>; scrolling and clicks go through it) ---- */
.tk-finale { position: fixed; inset: 0; z-index: 85; overflow: hidden; pointer-events: none; } /* above the header (50) and the phone action bar (80), under the cookie banner (90), for about 3.5 s; clicks pass through */
.tk-fin-bg {
  position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease;
  background: color-mix(in srgb, var(--color-bg) 72%, transparent);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .tk-fin-bg { background: color-mix(in srgb, var(--color-bg) 92%, transparent); }
}
.tk-fin-bg.is-on { opacity: 1; }
.tk-fin-bg.is-out { transition-duration: .45s; }
.tk-fin-ring { position: absolute; inset: 0; transform-origin: 50% 50%; transition: rotate 1.8s var(--ease-inout); }
/* translate / scale / rotate are separate properties, so the flight, the turn and the pulse never write the same one */
.tk-fin-obj {
  position: absolute; width: var(--fin-s); height: var(--fin-s); max-width: none; margin: 0;
  filter: drop-shadow(0 10px 14px color-mix(in srgb, var(--color-navy-deep) 30%, transparent));
  transition: translate .7s var(--ease-spring) var(--d, 0ms), scale .7s var(--ease-spring) var(--d, 0ms), opacity .3s ease var(--d, 0ms);
}
.tk-fin-obj.is-orbit {
  transition: translate .7s var(--ease-spring), scale .7s var(--ease-spring), rotate 1.8s var(--ease-inout);
  animation: tk-fin-pulse 1.8s var(--ease-inout) 1;
}
.tk-fin-obj.is-back {
  transition: translate .6s var(--ease-inout) var(--d, 0ms), scale .6s var(--ease-inout) var(--d, 0ms), opacity .3s ease var(--d, 0ms);
  animation: none;
}
@keyframes tk-fin-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.tk-fin-text {
  position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: max-content; max-width: calc(var(--fin-r) * 1.3); margin: 0;
  text-align: center; font-family: var(--font-display); font-weight: 600; font-size: clamp(28px, 4.4vw, 56px); line-height: 1.05; color: var(--color-ink);
  opacity: 0; scale: .92; transition: opacity .45s var(--ease-out), scale .45s var(--ease-out);
}
.tk-fin-text.is-on { opacity: 1; scale: 1; }
.tk-fin-text.is-out { transition-duration: .3s; }
.tk-fin-burst { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
.tk-ray {
  position: absolute; left: -1.5px; top: 0; width: 3px; border-radius: 2px; transform-origin: 50% 0;
  background: linear-gradient(var(--color-sun), transparent);
  transition: transform .9s var(--ease-out), opacity .45s ease-in .45s;
}
.tk-ray.is-navy { background: linear-gradient(var(--color-navy-2), transparent); }

/* phones and tablets: the shelf is a glass capsule under the header (same glass as the header capsules) */
@media (max-width: 1023px) {
  .takeaway__slots {
    max-width: 420px; margin-inline: auto; padding: 6px; gap: 4px; border-radius: var(--size-radius-pill);
    background: var(--color-glass-light);
    -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
    box-shadow: 0 4px 16px -8px color-mix(in srgb, var(--color-ink) 20%, transparent);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .takeaway__slots { background: var(--color-card); }
  }
  .tk-slot { border-radius: 50%; background: var(--color-bg-alt); box-shadow: none; }
  .tk-slot__img { width: 92%; }
}

/* ---- cards ---- */
.takeaway__cards { grid-area: 1 / 1; display: grid; gap: 72px; padding: calc(var(--tk-shelf) + 68px) 0 0; align-content: start; list-style: none; margin: 0; }
.takeaway__card { position: relative; }
.takeaway__box {
  position: relative; z-index: 1; padding: 24px;
  background: var(--color-card); border: 1px solid var(--color-line); border-radius: var(--size-radius-lg); box-shadow: var(--shadow-card);
}
/* big outlined number with a light fill: peeks out above the card, its lower half is hidden behind the box */
.takeaway__big {
  position: absolute; z-index: 0; left: -0.04em; top: 0; transform: translateY(-58%);
  font-family: var(--font-display); font-weight: 600; font-variant-numeric: lining-nums; font-size: var(--tk-big); line-height: 1; letter-spacing: -.02em;
  color: color-mix(in srgb, var(--color-navy-2) 9%, transparent); -webkit-text-stroke: 2px var(--color-navy-2);
  pointer-events: none; user-select: none;
}
/* the module's object over the card's top-right corner */
.takeaway__card-obj {
  position: absolute; z-index: 2; right: 14px; top: 0; width: 84px; height: 84px;
  transform: translateY(-46%) rotate(-6deg);
  filter: drop-shadow(0 12px 16px color-mix(in srgb, var(--color-navy-deep) 30%, transparent));
  pointer-events: none; user-select: none; -webkit-user-drag: none;
}
.takeaway__eyebrow { margin: 0; font-size: var(--size-text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--m-ink); }
.takeaway__num {
  display: inline-block;
  padding: 2px 12px;
  border-radius: var(--size-radius-pill);
  font-weight: 600;
  font-size: var(--size-text-sm);
  color: var(--color-white);
  background: var(--m-ink, var(--color-accent-text));
  transition: background var(--dur-slow), color var(--dur-slow);
}
.takeaway__title { font-family: var(--font-body); font-weight: 700; font-size: 1.6rem; line-height: 1.15; margin-top: 12px; }
.takeaway__line { color: var(--color-ink-2); margin-top: 6px; }
.takeaway__peek { display: none; }
.takeaway__topics { margin-top: 14px; }
.takeaway__topics-label { font-size: var(--size-text-sm); font-weight: 600; color: var(--color-ink-2); letter-spacing: .04em; text-transform: uppercase; }
.takeaway__chips { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.takeaway__chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 10px;
  border: 1.5px solid var(--color-line); border-radius: var(--size-radius-pill);
  background: var(--color-card); color: var(--color-ink); font-size: var(--size-text-sm); font-weight: 500; line-height: 1.3;
}
.takeaway__chip::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--m-a), var(--m-b)); }

.takeaway__open,
.takeaway__more > summary {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; padding: 0;
  background: none; border: 0; cursor: pointer; list-style: none;
  color: var(--color-blue); font: 600 var(--size-text-sm) var(--font-body);
  text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px;
}
.takeaway__open[hidden] { display: none; }
.takeaway__more > summary::-webkit-details-marker { display: none; }
.takeaway__more[open] > summary { margin-bottom: 4px; }
.takeaway__more-body { padding-bottom: 6px; }
.has-js .takeaway__more { display: none; }
.takeaway__module { font-family: var(--font-body); font-size: var(--size-h3); font-weight: 700; line-height: 1.25; margin-top: 12px; }

.takeaway__points { margin-top: 10px; padding-left: 1.2em; list-style: disc; display: grid; gap: 6px; color: var(--color-ink-2); }
.takeaway__points .takeaway__points { margin-top: 6px; list-style: circle; }
.takeaway__more-body p { margin-top: 8px; }
.takeaway__end { text-align: center; font-family: var(--font-body); font-weight: 700; font-size: 1.5rem; margin-top: 40px; }

/* ---- modal: one dialog, sidebar + panels ---- */
.takeaway__dialog {
  padding: 0; border: 0; background: var(--color-card); color: var(--color-ink); overflow: hidden;
  width: 100%; max-width: none; height: 100%; max-height: none; border-radius: 0;
  box-shadow: var(--shadow-phone);
}
.takeaway__dialog[open] {
  display: grid; grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr);
  height: 100vh; height: 100dvh;
  animation: tk-dlg-in var(--dur-base) var(--ease-out) both;
}
.takeaway__dialog::backdrop { background: color-mix(in srgb, var(--color-ink) 55%, transparent); }
@keyframes tk-dlg-in { from { opacity: 0; transform: translateY(12px); } }
.tkm__side { display: none; }
.tkm__content { grid-row: 1; overflow-y: auto; overscroll-behavior: contain; position: relative; touch-action: pan-y; }
.tkm__panel {
  position: relative; padding: 68px 22px 28px; font-size: 18px; line-height: 1.6;
}
.tkm__panel[hidden] { display: none; }
.tkm__panel > * { max-width: 62ch; }
.tkm__panel.is-in { animation: tk-pane-in .32s var(--ease-out) both; }
.tkm__panel.is-in.is-back { animation-name: tk-pane-in-back; }
@keyframes tk-pane-in { from { opacity: 0; transform: translateX(18px); } }
@keyframes tk-pane-in-back { from { opacity: 0; transform: translateX(-18px); } }
.tkm__title { font-family: var(--font-display); font-size: clamp(26px, 4vw, 34px); font-weight: 600; line-height: 1.15; margin-top: 12px; }
.tkm__title::after { content: ''; display: block; width: 64px; height: 4px; border-radius: 2px; margin-top: 12px; background: linear-gradient(90deg, var(--m-a), var(--m-b)); }
.tkm__close {
  position: absolute; top: 10px; right: 10px; z-index: 3; width: 48px; height: 48px; display: grid; place-items: center; cursor: pointer;
  background: var(--color-paper-2); border: 0; border-radius: 50%; color: var(--color-ink);
}
.tkm__close .icon, .tkm__nav .icon { width: 22px; height: 22px; }
@media (hover: hover) { .tkm__close:hover { background: var(--color-line); } }
.tkm__bar {
  grid-row: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--color-line); background: var(--color-card);
}
.tkm__nav {
  width: 48px; height: 48px; display: grid; place-items: center; cursor: pointer;
  background: var(--color-paper-2); border: 0; border-radius: 50%; color: var(--color-ink);
}
.tkm__nav:disabled { visibility: hidden; }
.tkm__count { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--color-ink-2); }
.takeaway__lead { margin-top: 18px; color: var(--color-ink-2); }
.takeaway__part { font-family: var(--font-body); font-size: 22px; font-weight: 700; line-height: 1.25; margin-top: 30px; }
.tkm__panel .takeaway__points { margin-top: 12px; gap: 10px; color: var(--color-ink); }
.tkm__panel .takeaway__points .takeaway__points { color: var(--color-ink-2); margin-top: 8px; gap: 6px; }
.tkm__panel .takeaway__num { display: inline-block; }

@media (min-width: 768px) {
  .takeaway__dialog { width: min(1080px, calc(100vw - 48px)); height: min(86vh, 780px); border-radius: var(--size-radius-lg); }
  .takeaway__dialog[open] { height: min(86vh, 780px); grid-template-rows: minmax(0, 1fr); grid-template-columns: 290px minmax(0, 1fr); }
  .tkm__bar { display: none; }
  .tkm__side { display: block; grid-row: 1; grid-column: 1; overflow-y: auto; background: var(--color-paper-2); border-right: 1px solid var(--color-line); padding: 18px 12px; }
  .tkm__content { grid-column: 2; }
  .tkm__panel { padding: 44px clamp(28px, 4vw, 52px) 48px 44px; }
  .tkm__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
  .tkm__tab {
    position: relative; width: 100%; min-height: 56px; display: flex; align-items: center; gap: 12px; text-align: left; cursor: pointer;
    padding: 8px 12px 8px 14px; border: 0; border-radius: var(--size-radius); background: none; color: var(--color-ink-2); font: inherit;
    transition: background .25s ease, color .25s ease;
  }
  .tkm__dot { flex: none; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, var(--m-a), var(--m-b)); }
  .tkm__tab-text { display: grid; gap: 1px; }
  .tkm__tab-num { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
  .tkm__tab-title { font-weight: 600; line-height: 1.25; }
  .tkm__tab::before {
    content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 4px; border-radius: 2px;
    background: linear-gradient(to bottom, var(--m-a), var(--m-b)); opacity: 0; transition: opacity .25s ease;
  }
  .tkm__tab[aria-current="true"] { background: var(--color-card); color: var(--m-ink); box-shadow: var(--shadow-card); }
  .tkm__tab[aria-current="true"]::before { opacity: 1; }
  .tkm__tab[aria-current="true"] .tkm__dot { box-shadow: 0 0 0 4px color-mix(in srgb, var(--m-a) 30%, transparent); }
  @media (hover: hover) { .tkm__tab:hover { background: color-mix(in srgb, var(--m-a) 14%, var(--color-paper-2)); } }
}

/* ---- tablet and up: stage left, cards right ---- */
@media (min-width: 1024px) {
  .takeaway { --tk-big: clamp(150px, 14vw, 210px); }
  .takeaway__big { -webkit-text-stroke-width: 2.5px; }
  .takeaway__pin { grid-template-columns: 42fr 58fr; gap: 56px; }
  .takeaway__stage-col { grid-column: 1; pointer-events: auto; }
  .takeaway__sticky { top: calc(var(--size-header-h-desktop) + 24px); height: min(620px, calc(100vh - var(--size-header-h-desktop) - 48px)); }
  .takeaway__stage { height: 100%; display: flex; flex-direction: column; justify-content: center; }
  .takeaway__kit { max-width: 360px; }
  .takeaway__kit-head { display: flex; }
  .takeaway__slots { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .takeaway__cards { grid-column: 2; gap: calc(var(--tk-big) * .44 + 36px); padding: calc(var(--tk-big) * .46) 0 8vh; }
  .takeaway__title { font-size: 1.8rem; }

  /* Live desktop: the whole stage is pinned, one module at a time, one big object floats above the shelf. */
  .is-live .takeaway__pin {
    grid-template-rows: minmax(0, 1fr);
    position: sticky; top: var(--size-header-h-desktop);
    height: calc(100vh - var(--size-header-h-desktop)); min-height: 520px; align-items: center;
  }
  .is-live .takeaway__stage-col { grid-row: 1; align-self: center; height: min(620px, 100%); }
  .is-live .takeaway__sticky { position: relative; top: 0; height: 100%; }
  .is-live .takeaway__stage { justify-content: flex-start; }
  .is-live .takeaway__spacer { display: block; height: calc(8 * 55vh); }
  .is-live .takeaway__cards { grid-row: 1; display: grid; padding: calc(var(--tk-big) * .46) 0 0; gap: 0; align-self: center; }
  .is-live .takeaway__card {
    grid-area: 1 / 1;
    opacity: 0; visibility: hidden; transform: translateY(18px);
    transition: opacity .35s ease, transform .45s var(--ease-out), visibility 0s .35s;
  }
  .is-live .takeaway__card.is-active { opacity: 1; visibility: visible; transform: none; transition: opacity .35s ease .12s, transform .45s var(--ease-out) .12s, visibility 0s; }
  .is-live .takeaway__box { padding: clamp(28px, 3vw, 44px); }
  .is-live .takeaway__card-obj { display: none; }
  /* the number moves with its card */
  .is-live .takeaway__big { opacity: 0; transform: translateY(-40%); transition: opacity .3s ease, transform .3s var(--ease-out); }
  .is-live .takeaway__card.is-active .takeaway__big { opacity: 1; transform: translateY(-58%); transition: opacity var(--dur-slow) var(--ease-out) .12s, transform var(--dur-slow) var(--ease-out) .12s; }
  .is-live .takeaway__title { font-size: var(--size-h2); line-height: 1.1; }
  .is-live .takeaway__line { font-size: var(--size-lead); }
  .is-live .takeaway__peek { display: block; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--color-line); }
  .is-live .takeaway__peek .takeaway__module { margin-top: 0; }
  .is-live .takeaway__peek p { margin-top: 8px; color: var(--color-ink-2); }

  /* the big current object */
  .is-live .takeaway__show { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; align-items: center; justify-content: center; }
  .is-live .takeaway__kit { flex: none; max-width: 440px; margin-top: 16px; }
  .is-live .takeaway__slots { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
  .takeaway__float { width: 100%; display: grid; justify-items: center; align-items: center; }
  .is-live .takeaway__obj {
    grid-area: 1 / 1; width: min(300px, 70%); height: auto; pointer-events: none; user-select: none; -webkit-user-drag: none;
    filter: drop-shadow(0 18px 22px color-mix(in srgb, var(--color-navy-deep) 35%, transparent));
    opacity: 0; transform: translateY(24px) scale(.92);
    transition: opacity .28s ease-in, transform .28s ease-in;
  }
  .is-live .takeaway__obj.is-on { opacity: 1; transform: none; transition: none; animation: tk-obj-in .65s var(--ease-spring) backwards; }
  @keyframes tk-obj-in { from { opacity: 0; transform: translateY(-48px) scale(.86) rotate(-8deg); } }
  /* soft shadow on the floor under the object */
  .takeaway__floor {
    display: block; flex: none; width: min(180px, 42%); height: 22px; margin-top: -30px;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--color-navy-deep) 18%, transparent), transparent);
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  .is-live .takeaway__float { animation: tk-float 6s ease-in-out infinite; }
  .is-live .takeaway__floor { animation: tk-floor 6s ease-in-out infinite; }
}
@keyframes tk-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes tk-floor { 0%, 100% { transform: scale(1); } 50% { transform: scale(.86); } }

@media (prefers-reduced-motion: reduce) {
  .is-live .takeaway__float, .is-live .takeaway__floor, .tk-slot.is-pop, .is-live .takeaway__obj.is-on { animation: none; }
  .is-live .takeaway__obj, .is-live .takeaway__big, .is-live .takeaway__card.is-active .takeaway__big, .tk-slot, .tk-slot__img, .tk-fly { transition: none; }
  .takeaway__dialog[open], .tkm__panel.is-in { animation: none; }
  .tk-finale { display: none; }
}