/*
 * Ecliption Liquid Glass experiment
 * ---------------------------------
 * This layer is intentionally isolated to the main page, the `liquid` theme,
 * and desktop viewports. Classic styles remain in common.css and home.css.
 */

@media (min-width: 1024px) {
  html[data-ui-theme="liquid"] {
    --liquid-blur: 16px;
    --liquid-saturation: 138%;
    --liquid-light-bg: rgba(246, 250, 255, 0.74);
    --liquid-light-bg-hover: rgba(249, 252, 255, 0.78);
    --liquid-light-bg-pressed: rgba(231, 243, 253, 0.76);
    --liquid-dark-bg: rgba(15, 30, 67, 0.88);
    --liquid-line: rgba(255, 255, 255, 0.82);
    --liquid-line-soft: rgba(255, 255, 255, 0.58);
    --liquid-inner-line: rgba(42, 70, 125, 0.12);
    --liquid-highlight: rgba(255, 255, 255, 0.9);
    --liquid-ink: #10204e;
    --liquid-ink-soft: #34446f;
    --liquid-accent-ink: color-mix(in srgb, var(--accent) 42%, #10285b 58%);
    --liquid-radius-control: 13px;
    --liquid-radius-arrow: 16px;
    --liquid-radius-primary: 18px;
    --liquid-radius-card: 28px;
    --liquid-radius-inner: 12px;
    --liquid-tint-start: color-mix(in srgb, var(--accent) 24%, rgba(16, 40, 91, 0.84) 76%);
    --liquid-tint-end: color-mix(in srgb, var(--accent-2) 18%, rgba(16, 40, 91, 0.84) 82%);
    --liquid-focus: color-mix(in srgb, var(--accent) 68%, #10204e 32%);
    --liquid-shadow-control:
      0 14px 32px rgba(31, 61, 117, 0.14),
      0 2px 6px rgba(31, 61, 117, 0.08),
      inset 0 1px 0 var(--liquid-highlight),
      inset 0 -1px 0 rgba(65, 91, 143, 0.08);
    --liquid-shadow-hover:
      0 18px 38px rgba(31, 61, 117, 0.19),
      0 3px 8px rgba(31, 61, 117, 0.09),
      inset 0 1px 0 #fff,
      inset 0 -1px 0 rgba(65, 91, 143, 0.08);
    --liquid-shadow-card:
      0 32px 80px rgba(24, 49, 101, 0.25),
      0 8px 24px rgba(24, 49, 101, 0.1),
      inset 0 1px 0 #fff,
      inset 0 -1px 0 rgba(65, 91, 143, 0.09);
  }

  /* Reusable material primitives. They have no effect outside liquid desktop. */
  html[data-ui-theme="liquid"] .page--home .glass-surface,
  html[data-ui-theme="liquid"] .page--home .glass-button,
  html[data-ui-theme="liquid"] .page--home .glass-card {
    border-color: var(--liquid-line);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent 52%),
      linear-gradient(125deg, rgba(255, 255, 255, 0.2), transparent 48%),
      var(--liquid-material-bg, var(--liquid-light-bg));
    box-shadow: var(--liquid-shadow-control);
    color: var(--liquid-ink);
    backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
    -webkit-backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
  }

  html[data-ui-theme="liquid"] .page--home .glass-light {
    --liquid-material-bg: var(--liquid-light-bg);
    color: var(--liquid-ink);
  }

  html[data-ui-theme="liquid"] .page--home .glass-dark {
    --liquid-material-bg: var(--liquid-dark-bg);
    color: #fff;
  }

  html[data-ui-theme="liquid"] .page--home .glass-tinted {
    --liquid-material-bg: rgba(17, 35, 78, 0.9);
    color: #fff;
  }

  html[data-ui-theme="liquid"] .page--home .glass-solid-fallback {
    background: #edf6fc;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home .glass-button {
    overflow: hidden;
  }

  html[data-ui-theme="liquid"] .page--home .glass-card {
    box-shadow: var(--liquid-shadow-card);
  }

  html[data-ui-theme="liquid"] .page--home .brand img {
    filter:
      drop-shadow(0 0 1px rgba(255, 255, 255, 0.96))
      drop-shadow(0 2px 9px rgba(255, 255, 255, 0.54));
  }

  html[data-ui-theme="liquid"] .page--home .brand::before {
    filter:
      saturate(1.08)
      contrast(1.05)
      drop-shadow(0 1px 1px rgba(8, 22, 57, 0.24))
      drop-shadow(0 3px 9px rgba(16, 32, 78, 0.13));
  }

  /* Optical edge: a restrained scientific-lens signature for Ecliption. */
  html[data-ui-theme="liquid"] .page--home .glass-control::before,
  html[data-ui-theme="liquid"] .page--home .subject-tabs::before,
  html[data-ui-theme="liquid"] .page--home .modal-card::before {
    inset: 1px;
    border-radius: inherit;
    background:
      radial-gradient(circle at 10% -12%, rgba(var(--accent-rgb), 0.18), transparent 34%),
      linear-gradient(108deg, rgba(255, 255, 255, 0.76), transparent 26%, transparent 73%, rgba(255, 255, 255, 0.2));
    opacity: 0.82;
  }

  html[data-ui-theme="liquid"] .page--home .subject-tabs::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  /* Primary and navigation controls. Geometry intentionally matches classic. */
  html[data-ui-theme="liquid"] .page--home .icon-button,
  html[data-ui-theme="liquid"] .page--home .action-button,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow {
    border-color: var(--liquid-line);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.08) 54%),
      radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb), 0.12), transparent 64%),
      var(--liquid-light-bg);
    box-shadow: var(--liquid-shadow-control);
    color: var(--liquid-ink);
    backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
    -webkit-backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
  }

  html[data-ui-theme="liquid"] .page--home .icon-button,
  html[data-ui-theme="liquid"] .page--home .action-button,
  html[data-ui-theme="liquid"] .page--home .language-switch {
    border-radius: var(--liquid-radius-control);
  }

  html[data-ui-theme="liquid"] .page--home .carousel-arrow {
    border-radius: var(--liquid-radius-arrow);
  }

  html[data-ui-theme="liquid"] .page--home .icon-button:hover,
  html[data-ui-theme="liquid"] .page--home .action-button:hover,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow:hover {
    border-color: #fff;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.12) 54%),
      radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb), 0.16), transparent 66%),
      var(--liquid-light-bg-hover);
    box-shadow: var(--liquid-shadow-hover);
  }

  html[data-ui-theme="liquid"] .page--home .icon-button:active,
  html[data-ui-theme="liquid"] .page--home .action-button:active,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow:active {
    border-color: rgba(255, 255, 255, 0.76);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 58%),
      var(--liquid-light-bg-pressed);
    box-shadow:
      0 7px 18px rgba(31, 61, 117, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.76),
      inset 0 2px 5px rgba(43, 68, 120, 0.08);
  }

  html[data-ui-theme="liquid"] .page--home .glass-button:disabled,
  html[data-ui-theme="liquid"] .page--home .language-switch button:disabled,
  html[data-ui-theme="liquid"] .page--home .subject-tab:disabled,
  html[data-ui-theme="liquid"] .page--home .glass-button[aria-disabled="true"] {
    border-color: rgba(102, 121, 153, 0.28);
    background: rgba(231, 238, 246, 0.94);
    box-shadow: none;
    color: #65738d;
    cursor: not-allowed;
    opacity: 1;
    transform: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home button:focus-visible,
  html[data-ui-theme="liquid"] .page--home a:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.98);
    outline-offset: 2px;
  }

  html[data-ui-theme="liquid"] .page--home .icon-button:focus-visible,
  html[data-ui-theme="liquid"] .page--home .action-button:focus-visible,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow:focus-visible {
    box-shadow:
      0 0 0 5px var(--liquid-focus),
      var(--liquid-shadow-control);
  }

  /* Language control: one blur layer, solid selected segment. */
  html[data-ui-theme="liquid"] .page--home .language-switch {
    border-color: var(--liquid-line);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.34), transparent 56%),
      var(--liquid-light-bg);
    box-shadow: var(--liquid-shadow-control);
    backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
    -webkit-backdrop-filter: blur(var(--liquid-blur)) saturate(var(--liquid-saturation));
  }

  html[data-ui-theme="liquid"] .page--home .language-switch::after {
    border-color: rgba(255, 255, 255, 0.94);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(244, 249, 254, 0.72)),
      color-mix(in srgb, var(--accent) 12%, #f6faff 88%);
    box-shadow:
      0 6px 15px rgba(34, 66, 126, 0.16),
      inset 0 1px 0 #fff,
      inset 0 -1px 0 rgba(var(--accent-rgb), 0.1);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch button {
    color: var(--liquid-ink-soft);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch button:hover {
    color: var(--liquid-ink);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch button:active {
    color: color-mix(in srgb, var(--accent) 62%, #10204e 38%);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch button[aria-pressed="true"] {
    color: var(--liquid-ink);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch:hover {
    border-color: #fff;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 56%),
      var(--liquid-light-bg-hover);
    box-shadow: var(--liquid-shadow-hover);
    transform: translateY(-1px);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--liquid-focus);
  }

  html[data-ui-theme="liquid"] .page--home .language-switch:has(button:focus-visible) {
    box-shadow:
      0 0 0 3px rgba(255, 255, 255, 0.9),
      0 0 0 6px var(--liquid-focus),
      var(--liquid-shadow-control);
  }

  /* Subject selectors: one narrow shared glass shelf, no nested blur. */
  html[data-ui-theme="liquid"] .page--home .subject-tabs {
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: var(--liquid-radius-primary);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent 56%),
      rgba(246, 250, 255, 0.74);
    box-shadow:
      0 12px 30px rgba(35, 66, 122, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      inset 0 -1px 0 rgba(61, 85, 136, 0.07);
    backdrop-filter: blur(14px) saturate(132%);
    -webkit-backdrop-filter: blur(14px) saturate(132%);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab {
    isolation: isolate;
    z-index: 1;
    color: var(--liquid-ink-soft);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.52);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab::after {
    z-index: -1;
    top: 3px;
    right: -7px;
    bottom: 3px;
    left: -7px;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: var(--liquid-radius-inner);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(244, 249, 254, 0.7)),
      color-mix(in srgb, var(--accent) 12%, #f6faff 88%);
    box-shadow:
      0 6px 15px rgba(38, 69, 129, 0.12),
      inset 0 -2px 0 rgba(var(--accent-rgb), 0.16);
    opacity: 0;
    transform: scale(0.92);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab:hover {
    color: var(--liquid-ink);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab:active {
    color: color-mix(in srgb, var(--accent) 58%, #10204e 42%);
    transform: translateY(0) scale(0.98);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab.is-active {
    color: var(--liquid-ink);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab.is-active::after {
    opacity: 1;
    transform: scale(1);
  }

  html[data-ui-theme="liquid"] .page--home .subject-tab:focus-visible {
    border-radius: 10px;
    outline: 0;
    box-shadow:
      inset 0 0 0 2px rgba(255, 255, 255, 0.96),
      0 0 0 2px var(--liquid-focus);
  }

  /* The worlds remain borderless. A focus ring appears only for keyboard use. */
  html[data-ui-theme="liquid"] .page--home .subject-slide:focus-visible {
    outline: 0;
  }

  html[data-ui-theme="liquid"] .page--home .subject-slide:focus-visible .subject-slide__island-frame {
    outline: 4px solid var(--liquid-focus);
    outline-offset: 5px;
  }

  html[data-ui-theme="liquid"] .page--home .subject-slide.is-prev:hover .subject-slide__island,
  html[data-ui-theme="liquid"] .page--home .subject-slide.is-next:hover .subject-slide__island {
    filter: saturate(0.9) contrast(0.98) drop-shadow(0 18px 24px rgba(42, 75, 125, 0.19));
  }

  html[data-ui-theme="liquid"] .page--home .subject-slide.is-active:hover .subject-slide__island {
    filter:
      saturate(1.05)
      contrast(1.015)
      drop-shadow(0 24px 30px rgba(31, 65, 108, 0.2))
      drop-shadow(0 5px 13px rgba(var(--accent-rgb), 0.12))
      brightness(1.01);
  }

  html[data-ui-theme="liquid"] .page--home .subject-slide:active .subject-slide__island {
    filter: saturate(0.98) drop-shadow(0 16px 22px rgba(42, 75, 125, 0.17)) brightness(0.98);
  }

  /* Tinted primary action: dark optical glass keeps white text AA-safe. */
  html[data-ui-theme="liquid"] .page--home .subject-entry {
    border-radius: var(--liquid-radius-primary);
    border-color: rgba(255, 255, 255, 0.7);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 42%),
      linear-gradient(135deg, var(--liquid-tint-start), var(--liquid-tint-end)),
      rgba(15, 31, 70, 0.94);
    box-shadow:
      0 20px 46px rgba(19, 39, 86, 0.3),
      0 8px 24px rgba(var(--accent-rgb), 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.62),
      inset 0 -1px 0 rgba(5, 17, 46, 0.3);
    color: #fff;
    text-shadow: 0 1px 2px rgba(7, 17, 43, 0.3);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 1px;
    border-radius: inherit;
    background:
      linear-gradient(112deg, rgba(255, 255, 255, 0.52), transparent 27%, transparent 72%, rgba(255, 255, 255, 0.12));
    opacity: 0.56;
    pointer-events: none;
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry > * {
    position: relative;
    z-index: 1;
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry:hover {
    border-color: rgba(255, 255, 255, 0.88);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 42%),
      linear-gradient(
        135deg,
        color-mix(in srgb, var(--accent) 28%, rgba(16, 40, 91, 0.86) 72%),
        color-mix(in srgb, var(--accent-2) 22%, rgba(16, 40, 91, 0.86) 78%)
      ),
      rgba(14, 29, 66, 0.94);
    box-shadow:
      0 24px 54px rgba(19, 39, 86, 0.34),
      0 10px 28px rgba(var(--accent-rgb), 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry:active {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 54%),
      linear-gradient(135deg, var(--liquid-tint-start), var(--liquid-tint-end)),
      rgba(12, 27, 62, 0.96);
    box-shadow:
      0 10px 24px rgba(19, 39, 86, 0.24),
      inset 0 2px 5px rgba(3, 12, 34, 0.25),
      inset 0 1px 0 rgba(255, 255, 255, 0.48);
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry:focus-visible {
    box-shadow:
      0 0 0 5px var(--liquid-focus),
      0 20px 46px rgba(19, 39, 86, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.62);
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry__arrow {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  /* Modal: a single large glass surface; nested rows stay solid. */
  html[data-ui-theme="liquid"] .page--home .instruction-modal::backdrop {
    background: rgba(13, 27, 61, 0.46);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home .modal-card {
    border-radius: var(--liquid-radius-card);
    border-color: rgba(255, 255, 255, 0.86);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 42%),
      radial-gradient(circle at 8% 0%, rgba(var(--accent-rgb), 0.12), transparent 42%),
      rgba(238, 247, 253, 0.88);
    box-shadow: var(--liquid-shadow-card);
    backdrop-filter: blur(20px) saturate(136%);
    -webkit-backdrop-filter: blur(20px) saturate(136%);
  }

  html[data-ui-theme="liquid"] .page--home .modal-card .eyebrow,
  html[data-ui-theme="liquid"] .page--home .modal-card li > span {
    color: var(--liquid-accent-ink);
  }

  html[data-ui-theme="liquid"] .page--home .modal-icon {
    background: linear-gradient(145deg, var(--liquid-tint-start), var(--liquid-tint-end));
  }

  html[data-ui-theme="liquid"] .page--home .modal-close {
    border-color: rgba(255, 255, 255, 0.9);
    background: rgba(242, 248, 253, 0.9);
    box-shadow:
      0 8px 18px rgba(31, 59, 112, 0.12),
      inset 0 1px 0 #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home .modal-close:hover {
    border-color: #fff;
    background: #fff;
    box-shadow:
      0 11px 23px rgba(31, 59, 112, 0.16),
      inset 0 1px 0 #fff;
    transform: translateY(-1px);
  }

  html[data-ui-theme="liquid"] .page--home .modal-close:active {
    background: #e9f1f8;
    box-shadow: inset 0 2px 5px rgba(43, 68, 120, 0.1);
    transform: translateY(0) scale(0.97);
  }

  html[data-ui-theme="liquid"] .page--home .modal-close:focus-visible {
    box-shadow:
      0 0 0 5px var(--liquid-focus),
      0 8px 18px rgba(31, 59, 112, 0.12),
      inset 0 1px 0 #fff;
  }

  html[data-ui-theme="liquid"] .page--home .modal-card li {
    border-color: rgba(55, 81, 133, 0.12);
    background: rgba(247, 251, 254, 0.82);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.96),
      0 5px 15px rgba(35, 63, 117, 0.06);
  }

  html[data-ui-theme="liquid"] .page--home .modal-card li small {
    color: #52617e;
  }

  /* Small dark information surface. */
  html[data-ui-theme="liquid"] .page--home .toast {
    border-color: rgba(255, 255, 255, 0.62);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 54%),
      var(--liquid-dark-bg);
    box-shadow:
      0 18px 48px rgba(15, 30, 67, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.36);
    color: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Dense fallback for browsers without backdrop-filter support. */
@media (min-width: 1024px) {
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-ui-theme="liquid"] .page--home .glass-surface,
    html[data-ui-theme="liquid"] .page--home .glass-button,
    html[data-ui-theme="liquid"] .page--home .glass-card,
    html[data-ui-theme="liquid"] .page--home .icon-button,
    html[data-ui-theme="liquid"] .page--home .action-button,
    html[data-ui-theme="liquid"] .page--home .language-switch,
    html[data-ui-theme="liquid"] .page--home .subject-tabs,
    html[data-ui-theme="liquid"] .page--home .carousel-arrow,
    html[data-ui-theme="liquid"] .page--home .modal-card {
      background-color: rgba(239, 247, 253, 0.96);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    html[data-ui-theme="liquid"] .page--home .subject-entry,
    html[data-ui-theme="liquid"] .page--home .toast {
      background-color: #142c62;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
  }
}

/* Respect the platform's reduced-transparency preference without changing layout. */
@media (min-width: 1024px) and (prefers-reduced-transparency: reduce) {
  html[data-ui-theme="liquid"] .page--home .glass-surface,
  html[data-ui-theme="liquid"] .page--home .glass-button,
  html[data-ui-theme="liquid"] .page--home .glass-card,
  html[data-ui-theme="liquid"] .page--home .icon-button,
  html[data-ui-theme="liquid"] .page--home .action-button,
  html[data-ui-theme="liquid"] .page--home .language-switch,
  html[data-ui-theme="liquid"] .page--home .subject-tabs,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow,
  html[data-ui-theme="liquid"] .page--home .modal-card {
    background-color: rgba(239, 247, 253, 0.96);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-ui-theme="liquid"] .page--home .subject-entry,
  html[data-ui-theme="liquid"] .page--home .toast {
    background-color: #142c62;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  html[data-ui-theme="liquid"] .page--home .icon-button:hover,
  html[data-ui-theme="liquid"] .page--home .action-button:hover,
  html[data-ui-theme="liquid"] .page--home .language-switch:hover,
  html[data-ui-theme="liquid"] .page--home .subject-tab:hover,
  html[data-ui-theme="liquid"] .page--home .carousel-arrow:hover,
  html[data-ui-theme="liquid"] .page--home .subject-entry:hover {
    transform: none;
  }
}