/* Dynamic layer: restrained motion without changing the site's layout. */
.poma-dynamic-enabled .hero-product::before,
.poma-dynamic-enabled .hero-product::after {
  display: none;
}

.poma-dynamic-enabled .eyebrow {
  gap: 9px;
}

.poma-dynamic-enabled .eyebrow span {
  display: block;
  width: 24px;
  height: 1px;
  flex: 0 0 24px;
  background: currentColor;
  opacity: .28;
  transform: scaleX(.2);
  transform-origin: 0 50%;
  transition: opacity .5s ease, transform .8s cubic-bezier(.16, 1, .3, 1);
}

.poma-dynamic-enabled .is-dynamic-visible .eyebrow span,
.poma-dynamic-enabled .eyebrow.is-dynamic-visible span {
  opacity: 1;
  transform: scaleX(1);
}

.poma-dynamic-enabled .filament-card__model {
  transform: translate3d(var(--dynamic-media-x, 0), var(--dynamic-media-y, 0), 0) scale(var(--dynamic-media-scale, 1));
  transition: opacity .18s ease, transform .65s cubic-bezier(.16, 1, .3, 1);
}

.poma-dynamic-enabled .filament-card:hover .filament-card__model,
.poma-dynamic-enabled .filament-card:focus-within .filament-card__model {
  --dynamic-media-scale: 1.025;
  transform: translate3d(var(--dynamic-media-x, 0), var(--dynamic-media-y, 0), 0) scale(var(--dynamic-media-scale));
}

.poma-dynamic-enabled .filament-swatch {
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease, border-color .3s ease;
}

.poma-dynamic-enabled .filament-swatch:hover {
  transform: scale(1.13);
}

.poma-dynamic-enabled .filament-swatch.is-selected {
  animation: poma-swatch-select .42s cubic-bezier(.16, 1, .3, 1);
}

.poma-dynamic-enabled .price-card,
.poma-dynamic-enabled .price-card--featured {
  transition: background-color .35s ease !important;
}

.poma-dynamic-enabled .price-card::after {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 2px;
  background: #0071e3;
  transform: scaleY(0);
  transform-origin: 50% 50%;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1);
}

.poma-dynamic-enabled .price-card:hover {
  background: #f5f5f7 !important;
}

.poma-dynamic-enabled .price-card:hover::after,
.poma-dynamic-enabled .price-card:focus-within::after,
.poma-dynamic-enabled .price-card.is-selected::after {
  transform: scaleY(1);
}

.poma-dynamic-enabled .faq details {
  position: relative;
}

.poma-dynamic-enabled .faq details::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: #0071e3;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1);
  pointer-events: none;
}

.poma-dynamic-enabled .faq details:hover::before,
.poma-dynamic-enabled .faq details[open]::before {
  transform: scaleX(1);
}

.poma-dynamic-enabled .faq summary {
  transition: color .3s ease;
}

.poma-dynamic-enabled .faq details:hover summary,
.poma-dynamic-enabled .faq details[open] summary {
  color: #0071e3;
}

@keyframes poma-swatch-select {
  0% { transform: scale(.88); }
  62% { transform: scale(1.14); }
  100% { transform: scale(1); }
}

@media (max-width: 720px) {
  .poma-dynamic-enabled .filament-card__model,
  .poma-dynamic-enabled .filament-card:hover .filament-card__model,
  .poma-dynamic-enabled .filament-card:focus-within .filament-card__model {
    --dynamic-media-x: 0px;
    --dynamic-media-y: 0px;
    --dynamic-media-scale: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .poma-dynamic-enabled .filament-swatch.is-selected {
    animation: none;
  }

  .poma-dynamic-enabled .eyebrow span,
  .poma-dynamic-enabled .filament-card__model,
  .poma-dynamic-enabled .filament-swatch,
  .poma-dynamic-enabled .price-card,
  .poma-dynamic-enabled .price-card::after,
  .poma-dynamic-enabled .faq details::before,
  .poma-dynamic-enabled .faq summary {
    transition: none !important;
  }
}