:root {
  --ease-ink: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exhale: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-hand: cubic-bezier(0.55, 0.08, 0.45, 0.92);
  --ease-settle: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --ease-scroll: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-cut-in: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-drift: linear;
  --ease-machine: linear;
  --t-lift: 80ms;
  --t-beat: 240ms;
  --t-exhale: 400ms;
  --t-ink: 700ms;
  --t-dissolve: 900ms;
  --t-engrave: 1300ms;
  --t-fill: 600ms;
  --t-iris: 1150ms;
  --t-auto-max: 4500ms;
  --be-stage-max: 1720px;
  --be-bars-ink: #121212;
  --be-scrim-mask: linear-gradient(transparent, rgb(0 0 0 / 0.067) 0.833rem, rgb(0 0 0 / 0.25) 1.667rem, rgb(0 0 0 / 0.5) 2.5rem,
    rgb(0 0 0 / 0.75) 3.333rem, rgb(0 0 0 / 0.933) 4.167rem, #000 5rem, #000 calc(100% - 5rem), rgb(0 0 0 / 0.933) calc(100% - 4.167rem),
    rgb(0 0 0 / 0.75) calc(100% - 3.333rem), rgb(0 0 0 / 0.5) calc(100% - 2.5rem), rgb(0 0 0 / 0.25) calc(100% - 1.667rem),
    rgb(0 0 0 / 0.067) calc(100% - 0.833rem), transparent);
}
.be-motion {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  min-width: var(--tap);
  min-height: var(--tap);
  padding: 0 0.7em;
  border: 1.5px solid var(--rule-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.1;
  white-space: nowrap;
  transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.be-motion:hover {
  border-color: var(--ink);
  background: var(--surface);
}
.be-motion-state {
  font-variant-caps: all-small-caps;
  letter-spacing: var(--track-label);
  color: var(--ink-soft);
}
.be-motion[aria-pressed="false"] {
  background: var(--surface-2);
  border-color: var(--deep);
}
.be-motion[aria-pressed="false"] .be-motion-state {
  color: var(--ink);
}
.be-motion[aria-disabled="true"] {
  cursor: not-allowed;
}
.be-motion--header {
  display: none;
}
@media (min-width: 75rem) {
  .be-motion--header {
    display: inline-flex;
  }
}
.be-menu-motion {
  display: flex;
  justify-content: flex-end;
  padding-block: var(--space-xs) 0;
}
.be-footer-motion {
  margin: 0;
}
@media (min-width: 52rem) {
  .be-footer-motion {
    grid-column: 1 / -1;
  }
}
.be-scene {
  --be-stage-ar: 21 / 9;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: auto;
  max-width: none;
  margin-inline: 0;
  margin-block: var(--space-2xl);
  background-color: var(--deep);
  isolation: isolate;
  view-timeline: --be-scene block;
  scroll-margin-top: var(--be-stage-top, var(--header-h));
}
:where(main) > .be-scene:first-child {
  margin-block-start: 0;
}
.be-scene + .be-scene {
  margin-block-start: 0;
}
.be-scene:has(+ .be-scene) {
  margin-block-end: 0;
}
.be-scene > .be-scene-stage,
.be-scene > .be-depth,
.be-scene > .be-scene-cards {
  grid-area: 1 / 1;
}
.be-scene > .be-scene-stage,
.be-scene > .be-depth {
  justify-self: center;
  align-self: start;
  width: min(100%, var(--be-stage-max));
  aspect-ratio: var(--be-stage-ar);
}
.be-scene-stage {
  position: relative;
  z-index: 0;
  overflow: hidden;
  overflow: clip;
  container-type: size;
  background-color: color-mix(in srgb, var(--deep) 58%, #000);
}
.be-scene--hero > .be-scene-stage,
.be-scene--hero > .be-depth {
  aspect-ratio: auto;
  height: max(36rem, 100svh - var(--header-h));
}
.be-scene--scope {
  --be-stage-ar: 2.39;
}
@media (max-width: 40rem) {
  .be-scene {
    --be-stage-ar: 4 / 5;
  }
  .be-scene--hero > .be-scene-stage,
  .be-scene--hero > .be-depth {
    height: max(28rem, 82svh);
  }
  .be-scene--scope {
    --be-stage-ar: 16 / 9;
  }
}
.be-scene-plate {
  --be-pw: max(100cqw, 100cqh * var(--ar, 1.7917));
  --be-ph: max(100cqh, 100cqw / var(--ar, 1.7917));
  position: absolute;
  z-index: 0;
  left: calc((100cqw - var(--be-pw)) * var(--fx, 0.5));
  top: calc((100cqh - var(--be-ph)) * var(--fy, 0.5));
  width: var(--be-pw);
  height: var(--be-ph);
  transform-origin: calc(var(--fx, 0.5) * 100%) calc(var(--fy, 0.5) * 100%);
  transform: var(--be-still, none);
  pointer-events: none;
}
.be-scene-picture,
.be-scene-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.be-scene-img {
  object-fit: cover;
  transition: filter var(--dur-slow) var(--ease-out);
}
[data-register="predator-black"] .be-scene-img {
  filter: grayscale(0.85) brightness(0.82) contrast(1.06);
}
.be-scene-iris {
  --be-pw: max(100cqw, 100cqh * var(--ar, 1.7917));
  --be-ph: max(100cqh, 100cqw / var(--ar, 1.7917));
  position: absolute;
  inset: 0;
  transform-origin: calc(var(--fx, 0.5) * 100cqw) calc(var(--fy, 0.5) * 100cqh);
}
:is(.be-move--pan-west, .be-move--pan-east, .be-move--tilt-down, .be-move--tilt-up, .be-move--crane-up,
  .be-move--crane-down, .be-move--dolly) > .be-scene-stage > .be-scene-iris {
  transform-origin: calc((100cqw - var(--be-pw)) * var(--fx, 0.5) + var(--be-pw) / 2)
    calc((100cqh - var(--be-ph)) * var(--fy, 0.5) + var(--be-ph) / 2);
}
.be-scene-light,
.be-scene-lens {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.be-scene-lens {
  z-index: 3;
}
.be-scene-lens::before,
.be-scene-lens::after {
  content: "";
  position: absolute;
  inset: 0;
}
.be-scene-lens::before {
  background: var(--grade);
  opacity: var(--grade-opacity);
  mix-blend-mode: soft-light;
  transition: background-color var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);
}
.be-scene-lens::after {
  background: radial-gradient(ellipse 72% 70% at 50% 48%, transparent 56%, var(--vignette) 100%);
}
.be-scene-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.be-scene-layer[data-be-layer-mode="black"] {
  background: #050403;
}
.be-scene-stage[data-be-mouth] {
  -webkit-mask: var(--be-mouth, none) center / 100% 100% no-repeat;
  mask: var(--be-mouth, none) center / 100% 100% no-repeat;
}
.be-scene-cards {
  position: relative;
  z-index: 2;
  justify-self: center;
  align-self: end;
  width: min(100%, var(--be-stage-max));
  display: grid;
  justify-items: center;
  align-content: end;
  gap: var(--space-m);
  padding: var(--space-xl) var(--gutter);
  pointer-events: none;
}
.be-scene-cards > * {
  pointer-events: auto;
}
.be-scene-card {
  max-width: 26rem;
  margin: 0;
  padding: 1.1rem 1.4rem;
  border-radius: var(--radius-l);
  background: var(--paper);
  background: color-mix(in srgb, var(--paper) 94%, transparent);
  color: var(--ink);
  box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 0.25);
}
.be-scene-card > :last-child {
  margin-bottom: 0;
}
.be-scene--pin > .be-scene-cards {
  --be-scrim-over: 0;
  grid-area: 2 / 1;
  align-self: start;
  align-content: start;
}
.be-depth {
  position: relative;
  z-index: 1;
  overflow: hidden;
  overflow: clip;
  pointer-events: none;
}
.be-scene-stage > .be-depth {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.be-depth::before,
.be-depth::after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}
.be-depth::before {
  background-color: color-mix(in srgb, var(--deep) 40%, #0b0806);
  opacity: 0.6;
}
.be-depth::after {
  background-color: color-mix(in srgb, var(--deep) 22%, #050302);
}
.be-depth--grass::before {
  top: auto;
  height: 30%;
  -webkit-mask-image: url(../img/cinema-grass-far.svg?v=249b4d9765);
  mask-image: url(../img/cinema-grass-far.svg?v=249b4d9765);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: left bottom;
  mask-position: left bottom;
}
.be-depth--grass::after {
  top: auto;
  bottom: -2%;
  height: 26%;
  -webkit-mask-image: url(../img/cinema-grass-near.svg?v=6333610c61);
  mask-image: url(../img/cinema-grass-near.svg?v=6333610c61);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: 30% bottom;
  mask-position: 30% bottom;
}
.be-depth--hedge::before {
  top: auto;
  height: 34%;
  -webkit-mask-image: url(../img/cinema-hedge-far.svg?v=fac04c7358);
  mask-image: url(../img/cinema-hedge-far.svg?v=fac04c7358);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: left bottom;
  mask-position: left bottom;
}
.be-depth--hedge::after {
  top: auto;
  bottom: -3%;
  height: 24%;
  -webkit-mask-image: url(../img/cinema-hedge-near.svg?v=c7fef8c526);
  mask-image: url(../img/cinema-hedge-near.svg?v=c7fef8c526);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: 60% bottom;
  mask-position: 60% bottom;
}
.be-depth--roots::before {
  bottom: auto;
  height: 32%;
  -webkit-mask-image: url(../img/cinema-roots-far.svg?v=3c32596c51);
  mask-image: url(../img/cinema-roots-far.svg?v=3c32596c51);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: left top;
  mask-position: left top;
}
.be-depth--roots::after {
  bottom: auto;
  top: -3%;
  height: 26%;
  -webkit-mask-image: url(../img/cinema-roots-near.svg?v=f2b2d9ea7f);
  mask-image: url(../img/cinema-roots-near.svg?v=f2b2d9ea7f);
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  -webkit-mask-position: 40% top;
  mask-position: 40% top;
}
.be-depth--arches::before,
.be-depth--arches::after {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.be-depth--arches::before {
  -webkit-mask-image: url(../img/cinema-arches-far.svg?v=7f1c8c0250);
  mask-image: url(../img/cinema-arches-far.svg?v=7f1c8c0250);
  background-color: color-mix(in srgb, var(--deep) 55%, #0b0f0d);
  opacity: 0.5;
}
.be-depth--arches::after {
  -webkit-mask-image: url(../img/cinema-arches-near.svg?v=3c82b1219d);
  mask-image: url(../img/cinema-arches-near.svg?v=3c82b1219d);
  background-color: color-mix(in srgb, var(--deep) 35%, #050706);
  opacity: 0.92;
}
.be-depth--painted::before,
.be-depth--painted::after {
  -webkit-mask: none;
  mask: none;
  background-color: transparent;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto 100%;
  opacity: 1;
}
.be-depth--painted.be-depth--grass::after { background-position: 30% bottom; }
.be-depth--painted.be-depth--hedge::after { background-position: 60% bottom; }
.be-depth--painted.be-depth--roots::before { background-position: left top; }
.be-depth--painted.be-depth--roots::after { background-position: 40% top; }
.be-bars {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  container-type: size;
}
.be-bars-host {
  position: relative;
}
.be-bars::before,
.be-bars::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: max(6cqh, (100cqh - 100cqw / 2.39) / 2);
  background: var(--be-bars-ink);
  transform: scaleY(0);
  transition: transform 600ms var(--ease-settle);
}
@media (orientation: portrait) {
  .be-bars::before,
  .be-bars::after {
    height: 8%;
  }
}
.be-bars::before {
  top: 0;
  transform-origin: top;
}
.be-bars::after {
  bottom: 0;
  transform-origin: bottom;
}
.be-bars[data-be-bars="on"]::before,
.be-bars[data-be-bars="on"]::after {
  transform: scaleY(1);
}
html[data-be-motion="reduce"] .be-bars::before,
html[data-be-motion="reduce"] .be-bars::after {
  transition: none;
}
.be-window[data-be-open] .be-window-img {
  transform: var(--be-open-still, none);
}
@media (prefers-reduced-motion: no-preference) {
  html:not([data-be-motion="reduce"]) .be-look .be-window-img {
    animation: be-look 4.2s ease-in-out both;
  }
}
@keyframes be-look {
  0% { transform: none; }
  28.57% { transform: translateX(-3%) scale(1.07); }
  66.67% { transform: translateX(3%) scale(1.07); }
  100% { transform: none; }
}
html[data-be-motion="reduce"] :is(.be-scene, .be-window) *,
html[data-be-motion="reduce"] :is(.be-scene, .be-window) *::before,
html[data-be-motion="reduce"] :is(.be-scene, .be-window) *::after {
  animation: none !important;
}
html[data-be-motion="reduce"] .be-scene {
  min-height: 0;
}
html[data-be-motion="reduce"] .be-menu {
  animation: none;
}
html[data-be-motion="reduce"] .be-scene > :is(.be-scene-stage, .be-depth) {
  position: relative;
  top: auto;
}
@media (prefers-reduced-motion: reduce) {
  :is(.be-scene, .be-window) *,
  :is(.be-scene, .be-window) *::before,
  :is(.be-scene, .be-window) *::after {
    animation: none !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html:not([data-be-motion="reduce"]) .be-scene--pin {
    min-height: calc(var(--be-len, 1) * 100svh);
  }
  html:not([data-be-motion="reduce"]) .be-scene--pin > .be-scene-stage,
  html:not([data-be-motion="reduce"]) .be-scene--pin > .be-depth {
    position: sticky;
    top: var(--be-stage-top, var(--header-h));
    height: calc(100svh - var(--be-stage-top, var(--header-h)));
    aspect-ratio: auto;
  }
  html:not([data-be-motion="reduce"]) .be-scene--pin > .be-scene-cards {
    --be-scrim-over: 1;
    grid-area: 1 / 1;
    align-self: stretch;
    align-content: space-evenly;
    gap: var(--space-2xl);
    padding: 45svh var(--gutter) 12svh;
  }
  @media (max-width: 40rem) {
    html:not([data-be-motion="reduce"]) .be-scene--pin > .be-scene-cards {
      padding-top: 52svh;
    }
  }
  html:not([data-be-motion="reduce"]) .be-scene.is-live .be-scene-plate {
    will-change: transform;
  }
}
@media (max-width: 40rem), (pointer: coarse) {
  html.be-scene-on .be-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--paper);
  }
}
.be-scene {
  --be-s0: 1;
  --be-s1: 1.08;
  --be-pan: 6%;
  --be-pan-s: 1.14;
  --be-tilt: 6%;
  --be-tilt-s: 1.14;
  --be-crane: 5%;
  --be-crane-s: 1.14;
  --be-crane-ds: 0.02;
  --be-through: 2.1;
  --be-range: cover 0% cover 100%;
}
@media (max-width: 40rem), (min-width: 100rem) {
  .be-scene {
    --be-s1: 1.06;
    --be-pan: 4%;
    --be-pan-s: 1.08;
    --be-tilt: 3.5%;
    --be-tilt-s: 1.08;
    --be-crane: 3%;
    --be-crane-s: 1.08;
    --be-through-in: 1.06;
  }
}
@media (max-width: 40rem) {
  .be-scene {
    --be-through: 1.08;
  }
}
.be-move--push { --be-move: be-push; }
.be-move--pull { --be-move: be-pull; }
.be-move--pan-west { --be-move: be-pan-west; }
.be-move--pan-east { --be-move: be-pan-east; }
.be-move--tilt-down { --be-move: be-tilt-down; }
.be-move--tilt-up { --be-move: be-tilt-up; }
.be-move--crane-up { --be-move: be-crane-up; }
.be-move--crane-down { --be-move: be-crane-down; }
.be-move--dolly { --be-move: be-push; --be-move-ease: var(--ease-machine); }
.be-move--hold { --be-move: none; }
@keyframes be-push { from { transform: scale(var(--be-s0)); } to { transform: scale(var(--be-s1)); } }
@keyframes be-pull { from { transform: scale(var(--be-s1)); } to { transform: scale(var(--be-s0)); } }
@keyframes be-pan-west {
  from { transform: translateX(calc(-1 * var(--be-pan))) scale(var(--be-pan-s)); }
  to { transform: translateX(var(--be-pan)) scale(var(--be-pan-s)); }
}
@keyframes be-pan-east {
  from { transform: translateX(var(--be-pan)) scale(var(--be-pan-s)); }
  to { transform: translateX(calc(-1 * var(--be-pan))) scale(var(--be-pan-s)); }
}
@keyframes be-tilt-down {
  from { transform: translateY(var(--be-tilt)) scale(var(--be-tilt-s)); }
  to { transform: translateY(calc(-1 * var(--be-tilt))) scale(var(--be-tilt-s)); }
}
@keyframes be-tilt-up {
  from { transform: translateY(calc(-1 * var(--be-tilt))) scale(var(--be-tilt-s)); }
  to { transform: translateY(var(--be-tilt)) scale(var(--be-tilt-s)); }
}
@keyframes be-crane-up {
  from { transform: translateY(calc(-1 * var(--be-crane))) scale(var(--be-crane-s)); }
  to { transform: translateY(var(--be-crane)) scale(calc(var(--be-crane-s) - var(--be-crane-ds))); }
}
@keyframes be-crane-down {
  from { transform: translateY(var(--be-crane)) scale(calc(var(--be-crane-s) - var(--be-crane-ds))); }
  to { transform: translateY(calc(-1 * var(--be-crane))) scale(var(--be-crane-s)); }
}
@keyframes be-depth-far-y { from { transform: translateY(0); } to { transform: translateY(4%); } }
@keyframes be-depth-near-y { from { transform: translateY(0); } to { transform: translateY(12%); } }
@keyframes be-depth-far-x { from { transform: translateX(-2%); } to { transform: translateX(2%); } }
@keyframes be-depth-near-x { from { transform: translateX(-6%); } to { transform: translateX(6%); } }
@keyframes be-iris-frame {
  0% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0)); }
  10% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.0267)); }
  20% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.0887)); }
  30% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.1908)); }
  40% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.3323)); }
  50% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.5)); }
  60% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.6677)); }
  70% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.8092)); }
  80% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.9113)); }
  90% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 0.9733)); }
  100% { transform: scale(calc(0.46 + (var(--be-i1, 2.1) - 0.46) * 1)); }
}
@keyframes be-iris-counter {
  0% { scale: calc(1 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0)); }
  10% { scale: calc(1.001 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.0267)); }
  20% { scale: calc(1.004 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.0887)); }
  30% { scale: calc(1.008 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.1908)); }
  40% { scale: calc(1.013 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.3323)); }
  50% { scale: calc(1.02 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.5)); }
  60% { scale: calc(1.027 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.6677)); }
  70% { scale: calc(1.032 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.8092)); }
  80% { scale: calc(1.036 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.9113)); }
  90% { scale: calc(1.039 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 0.9733)); }
  100% { scale: calc(1.04 / (0.46 + (var(--be-i1, 2.1) - 0.46) * 1)); }
}
@keyframes be-open-frame { from { transform: scale(0.88); } to { transform: scale(1); } }
@keyframes be-open-img { from { transform: scale(1.14); } to { transform: scale(1); } }
@keyframes be-drift { from { transform: translateX(3%) scale(1.08); } to { transform: translateX(-3%) scale(1.08); } }
@keyframes be-layer-dissolve { from { opacity: 0; } to { opacity: 1; } }
@keyframes be-layer-settle { from { transform: scale(1.06); } to { transform: scale(1); } }
@keyframes be-layer-cut { 0%, 49.9% { opacity: 0; } 50%, 100% { opacity: 1; } }
@keyframes be-layer-black { 0%, 39.9% { opacity: 0; } 40%, 100% { opacity: 1; } }
@keyframes be-wipe-out { from { opacity: 1; transform: translateX(104cqw); } to { opacity: 1; transform: translateX(0); } }
@keyframes be-wipe-in { from { transform: translateX(-104cqw); } to { transform: translateX(0); } }
@keyframes be-through {
  0% { transform: scale(1); }
  70% { transform: scale(var(--be-s1)); }
  100% { transform: scale(var(--be-through)); }
}
@keyframes be-through-in { from { opacity: 0; transform: scale(var(--be-through-in, 1.12)); } to { opacity: 1; transform: scale(1); } }
@keyframes be-bars-close { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    html:not([data-be-motion="reduce"]) .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      animation: var(--be-move, none) var(--be-move-ease, var(--ease-scroll)) both;
      animation-timeline: --be-scene;
      animation-range: var(--be-range);
    }
    html:not([data-be-motion="reduce"]) .be-scene-stage .be-scene-iris > .be-scene-plate:not(.be-scene-layer > *) {
      animation: var(--be-move, none) var(--be-move-ease, var(--ease-scroll)) both, be-iris-counter linear both;
      animation-timeline: --be-scene, --be-scene;
      animation-range: var(--be-range), entry 30% entry 100%;
    }
    html:not([data-be-motion="reduce"]) :is(.be-move--pan-west, .be-move--pan-east, .be-move--tilt-down, .be-move--tilt-up,
      .be-move--crane-up, .be-move--crane-down, .be-move--dolly) > .be-scene-stage .be-scene-plate {
      transform-origin: 50% 50%;
    }
    html:not([data-be-motion="reduce"]) .be-scene .be-depth::before,
    html:not([data-be-motion="reduce"]) .be-scene .be-depth::after {
      animation: be-depth-far-y linear both;
      animation-timeline: --be-scene;
      animation-range: var(--be-range);
    }
    html:not([data-be-motion="reduce"]) .be-scene .be-depth::after { animation-name: be-depth-near-y; }
    html:not([data-be-motion="reduce"]) :is(.be-move--pan-west, .be-move--pan-east) .be-depth::before { animation-name: be-depth-far-x; }
    html:not([data-be-motion="reduce"]) :is(.be-move--pan-west, .be-move--pan-east) .be-depth::after { animation-name: be-depth-near-x; }
    html:not([data-be-motion="reduce"]) .be-move--pan-east .be-depth::before,
    html:not([data-be-motion="reduce"]) .be-move--pan-east .be-depth::after { animation-direction: reverse; }
    html:not([data-be-motion="reduce"]) :is(.be-move--hold, .be-move--dolly) .be-depth::before,
    html:not([data-be-motion="reduce"]) :is(.be-move--hold, .be-move--dolly) .be-depth::after { animation: none; }
    html:not([data-be-motion="reduce"]) .be-scene-iris {
      clip-path: var(--be-clip, none);
      animation: be-iris-frame linear both;
      animation-timeline: --be-scene;
      animation-range: entry 30% entry 100%;
    }
    html:not([data-be-motion="reduce"]) .be-bars[data-be-bars="scroll"]::before,
    html:not([data-be-motion="reduce"]) .be-bars[data-be-bars="scroll"]::after {
      transition: none;
      animation: be-bars-close linear both;
      animation-timeline: --be-scene;
      animation-range: entry 60% contain 15%;
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer {
      --be-lr: var(--be-layer-range, cover 40% cover 60%);
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --be-scene;
    }
    html:not([data-be-motion="reduce"]) .be-scene--pin .be-scene-layer {
      --be-lr: var(--be-layer-range, contain 0% contain 100%);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="dissolve"] {
      animation-name: be-layer-dissolve;
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="dissolve"] > .be-scene-plate {
      animation: be-layer-settle linear both;
      animation-timeline: --be-scene;
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="cut"] {
      animation-name: be-layer-cut;
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="black"] {
      animation-name: be-layer-black;
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="wipe-west"] {
      animation-name: be-wipe-out;
      animation-timing-function: var(--ease-settle);
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="wipe-west"] > .be-scene-plate {
      animation: be-wipe-in var(--ease-settle) both;
      animation-timeline: --be-scene;
      animation-range: var(--be-lr);
    }
    html:not([data-be-motion="reduce"]) .be-scene-stage:has(> [data-be-layer-mode="push-through"]) .be-scene-plate:not(.be-scene-layer > *) {
      animation: be-through var(--ease-machine) both;
      animation-timeline: --be-scene;
      animation-range: var(--be-range);
      transform-origin: var(--be-through-origin, 50% 50%);
    }
    html:not([data-be-motion="reduce"]) .be-scene-layer[data-be-layer-mode="push-through"] {
      animation-name: be-through-in;
      animation-range: var(--be-layer-range, cover 70% cover 100%);
    }
    html:not([data-be-motion="reduce"]) .be-window[data-be-open] .be-window-frame {
      animation: be-open-frame var(--ease-settle) both;
      animation-timeline: view();
      animation-range: entry 0% entry 90%;
    }
    html:not([data-be-motion="reduce"]) .be-window[data-be-open] .be-window-img {
      animation: be-open-img var(--ease-settle) both, be-drift linear both;
      animation-timeline: view(), view();
      animation-range: entry 0% entry 90%, cover 0% cover 100%;
      animation-composition: replace, add;
    }
  }
  @supports not (animation-timeline: view()) {
    html.be-sda-js:not([data-be-motion="reduce"]) .be-scene {
      --be-q: var(--be-p, 0);
      --be-k: calc(var(--be-q) * 2 - 1);
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--push > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: scale(calc(var(--be-s0) + (var(--be-s1) - var(--be-s0)) * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--dolly > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform-origin: 50% 50%;
      transform: scale(calc(var(--be-s0) + (var(--be-s1) - var(--be-s0)) * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--pull > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: scale(calc(var(--be-s1) - (var(--be-s1) - var(--be-s0)) * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--pan-west > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateX(calc(var(--be-pan) * var(--be-k))) scale(var(--be-pan-s));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--pan-east > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateX(calc(var(--be-pan) * var(--be-k) * -1)) scale(var(--be-pan-s));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--tilt-down > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateY(calc(var(--be-tilt) * var(--be-k) * -1)) scale(var(--be-tilt-s));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--tilt-up > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateY(calc(var(--be-tilt) * var(--be-k))) scale(var(--be-tilt-s));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--crane-up > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateY(calc(var(--be-crane) * var(--be-k))) scale(calc(var(--be-crane-s) - var(--be-crane-ds) * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-move--crane-down > .be-scene-stage .be-scene-plate:not(.be-scene-layer > *) {
      transform: translateY(calc(var(--be-crane) * var(--be-k) * -1)) scale(calc(var(--be-crane-s) - var(--be-crane-ds) + var(--be-crane-ds) * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) :is(.be-move--pan-west, .be-move--pan-east, .be-move--tilt-down, .be-move--tilt-up,
      .be-move--crane-up, .be-move--crane-down) > .be-scene-stage .be-scene-plate {
      transform-origin: 50% 50%;
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-scene .be-depth::before {
      transform: translateY(calc(4% * var(--be-q)));
    }
    html.be-sda-js:not([data-be-motion="reduce"]) .be-scene .be-depth::after {
      transform: translateY(calc(12% * var(--be-q)));
    }
  }
}
.be-scene-layer[data-be-layer-mode="wipe-west"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -12px;
  z-index: 2;
  width: 24px;
  background: url(../img/cinema-chalk-edge.svg?v=37d4f37d7d) center / 100% 100% no-repeat;
}
[data-be-freeze] :is(.be-scene-stage, .be-scene-iris, .be-scene-plate, .be-scene-layer, .be-window-frame, .be-window-img),
[data-be-freeze] .be-depth::before,
[data-be-freeze] .be-depth::after,
[data-be-freeze] .be-bars::before,
[data-be-freeze] .be-bars::after {
  animation-play-state: paused !important;
}
.be-titlecard {
  display: grid;
  justify-items: center;
  gap: var(--space-2xs);
  max-width: 44rem;
  margin: 0 auto;
  text-align: center;
}
.be-titlecard > * {
  margin: 0;
}
.be-titlecard-kicker {
  color: var(--ink-soft);
}
.be-titlecard .be-glyph {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  color: var(--accent-ink);
}
.be-titlecard-title {
  font-size: var(--step-5);
  font-weight: var(--weight-display);
  line-height: 1.05;
  letter-spacing: var(--track-display);
  text-transform: uppercase;
  font-feature-settings: "case";
  text-wrap: balance;
}
h2.be-titlecard-title {
  font-size: var(--step-4);
}
.be-titlecard-rule {
  width: min(22rem, 70%);
  height: 0.6rem;
  margin-top: var(--space-3xs);
  background-color: var(--accent);
  -webkit-mask: url(../img/chalk-line.svg?v=7b4b5b9bea) center / 100% 100% no-repeat;
  mask: url(../img/chalk-line.svg?v=7b4b5b9bea) center / 100% 100% no-repeat;
}
.be-scene-cards {
  overflow-x: clip;
}
.be-scene-cards .be-titlecard {
  --ink: #F4EAD8;
  --ink-soft: #E2D6C0;
  --accent-ink: #E8C987;
  padding: var(--space-l) clamp(2rem, 13%, 6rem) var(--space-xl);
  color: var(--ink);
  text-shadow: 0 1px 3px rgb(10 7 4 / 0.7), 0 0 18px rgb(10 7 4 / 0.6);
}
.be-scene-cards :is(.be-titlecard, .be-scrim) {
  position: relative;
  isolation: isolate;
}
.be-scene-cards :is(.be-titlecard, .be-scrim)::before {
  --h: var(--be-scrim-reach, clamp(7rem, 15vw, 15rem));
  --c: var(--be-scrim-color, rgb(16 11 7));
  --a: calc(100vw + 1rem);
  --s: calc(1 - var(--be-scrim-start, 0));
  --e: calc(1 - var(--be-scrim-end, 0));
  content: "";
  position: absolute;
  z-index: -1;
  inset: -3rem -100vw;
  opacity: calc(var(--be-scrim, 0.55) * var(--be-scrim-over, 1));
  background: linear-gradient(90deg, transparent calc((var(--a) - var(--h)) * var(--s)),
    color-mix(in srgb, var(--c) 6.7%, transparent) calc((var(--a) - var(--h) * 0.833) * var(--s)),
    color-mix(in srgb, var(--c) 25%, transparent) calc((var(--a) - var(--h) * 0.667) * var(--s)),
    color-mix(in srgb, var(--c) 50%, transparent) calc((var(--a) - var(--h) * 0.5) * var(--s)),
    color-mix(in srgb, var(--c) 75%, transparent) calc((var(--a) - var(--h) * 0.333) * var(--s)),
    color-mix(in srgb, var(--c) 93.3%, transparent) calc((var(--a) - var(--h) * 0.167) * var(--s)),
    var(--c) calc(var(--a) * var(--s)), var(--c) calc(100% - var(--a) * var(--e)),
    color-mix(in srgb, var(--c) 93.3%, transparent) calc(100% - (var(--a) - var(--h) * 0.167) * var(--e)),
    color-mix(in srgb, var(--c) 75%, transparent) calc(100% - (var(--a) - var(--h) * 0.333) * var(--e)),
    color-mix(in srgb, var(--c) 50%, transparent) calc(100% - (var(--a) - var(--h) * 0.5) * var(--e)),
    color-mix(in srgb, var(--c) 25%, transparent) calc(100% - (var(--a) - var(--h) * 0.667) * var(--e)),
    color-mix(in srgb, var(--c) 6.7%, transparent) calc(100% - (var(--a) - var(--h) * 0.833) * var(--e)),
    transparent calc(100% - (var(--a) - var(--h)) * var(--e)));
  -webkit-mask: var(--be-scrim-mask);
  mask: var(--be-scrim-mask);
  pointer-events: none;
}
@supports (color: oklch(from currentColor l c h)) {
  .be-scene-cards :is(.be-titlecard, .be-scrim)::before {
    --c: var(--be-scrim-color, oklch(from currentColor clamp(0.16, (0.5 - l) * 100, 0.97) calc(c * 0.4) h));
  }
}
.be-scene-cards .be-scrim .be-titlecard::before {
  content: none;
}
.be-scene-cards .be-titlecard .be-titlecard-rule {
  background-color: #E8C987;
}
[data-be-titlecard="machine"] .be-titlecard-title {
  letter-spacing: 0.1em;
}
[data-be-titlecard="machine"] .be-titlecard-rule {
  height: 2px;
  background-color: var(--deep);
  -webkit-mask: none;
  mask: none;
}
.be-super {
  display: inline-grid;
  justify-items: start;
  gap: 0.35rem;
  margin: 0;
  font-size: var(--step--1);
  font-weight: 560;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-feature-settings: "case";
  line-height: 1.3;
}
.be-super::after {
  content: "";
  width: 3.2rem;
  height: 0.4rem;
  background-color: currentColor;
  opacity: 0.7;
  -webkit-mask: url(../img/chalk-line.svg?v=7b4b5b9bea) center / 100% 100% no-repeat;
  mask: url(../img/chalk-line.svg?v=7b4b5b9bea) center / 100% 100% no-repeat;
}
.be-scene-cards .be-super {
  justify-self: start;
  padding: 0.4rem 2.6rem 0.45rem 0.7rem;
  background: linear-gradient(90deg, rgb(18 14 10 / 0.78) 62%, rgb(18 14 10 / 0));
  color: #F3E9D6;
}
.be-window > .be-super {
  position: absolute;
  left: clamp(0.75rem, 4%, 2rem);
  bottom: clamp(0.75rem, 6%, 2.25rem);
  z-index: 2;
  padding: 0.4rem 2.6rem 0.45rem 0.7rem;
  background: linear-gradient(90deg, rgb(18 14 10 / 0.78) 62%, rgb(18 14 10 / 0));
  color: #F3E9D6;
}
.be-count--marks {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}
.be-marks {
  width: 15rem;
  max-width: 100%;
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
.be-marks:not([data-be-marks="30"]) {
  width: 7.5rem;
}
.be-chapter-card {
  position: relative;
  margin: var(--space-2xl) 0 var(--space-m);
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--surface-2);
  aspect-ratio: 2.39;
}
.be-chapter-card-frame,
.be-chapter-card .be-picture {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  inline-size: auto;
  max-inline-size: none;
}
.be-chapter-card .be-picture-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--be-card-focal, 50% 50%);
}
.be-chapter-card--type {
  display: grid;
  place-items: center;
  background: var(--deep);
  color: var(--paper);
}
.be-chapter-card-type {
  margin: 0;
  font-size: var(--step-2);
  font-style: italic;
  text-align: center;
}
.be-menu-link {
  --i: 0;
}
.be-menu-ring {
  position: absolute;
  left: calc(var(--space-3xs) + 1.125rem - 1.85rem);
  top: 50%;
  width: 3.7rem;
  height: 3.7rem;
  margin-top: -1.85rem;
  color: var(--accent-ink);
  stroke-width: 0.85;
  pointer-events: none;
}
.be-menu-link[aria-current="page"]::before {
  content: none;
}
.be-menu-list > li:nth-child(2) .be-menu-link { --i: 1; }
.be-menu-list > li:nth-child(3) .be-menu-link { --i: 2; }
.be-menu-list > li:nth-child(4) .be-menu-link { --i: 3; }
.be-menu-list > li:nth-child(5) .be-menu-link { --i: 4; }
.be-menu-list > li:nth-child(6) .be-menu-link { --i: 5; }
.be-menu-list > li:nth-child(7) .be-menu-link { --i: 6; }
.be-menu-list > li:nth-child(8) .be-menu-link { --i: 7; }
.be-menu-list > li:nth-child(9) .be-menu-link { --i: 8; }
.be-menu-list > li:nth-child(10) .be-menu-link { --i: 9; }
@keyframes be-menu-wipe {
  from {
    -webkit-mask: linear-gradient(#000, #000) 100% 0 / 0% 100% no-repeat;
    mask: linear-gradient(#000, #000) 100% 0 / 0% 100% no-repeat;
  }
  to {
    -webkit-mask: linear-gradient(#000, #000) 100% 0 / 100% 100% no-repeat;
    mask: linear-gradient(#000, #000) 100% 0 / 100% 100% no-repeat;
  }
}
@keyframes be-chalk { from { stroke-dashoffset: 1.1; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: no-preference) {
  html:not([data-be-motion="reduce"]) .be-menu:not([hidden]) {
    animation: be-menu-wipe 220ms var(--ease-cut-in) backwards;
  }
  html:not([data-be-motion="reduce"]) .be-menu:not([hidden]) .be-menu-link svg path {
    stroke-dasharray: 1 2;
    animation: be-chalk 300ms var(--ease-hand) both;
    animation-delay: calc(120ms + var(--i) * 60ms);
  }
  html:not([data-be-motion="reduce"]) .be-menu:not([hidden]) .be-menu-ring path {
    animation-duration: 520ms;
    animation-delay: calc(240ms + var(--i) * 60ms);
  }
}
html {
  --be-dusk: var(--glow);
}
.be-footer {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--be-dusk) 20%, transparent), transparent 9rem), var(--grain);
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
html[data-be-motion="reduce"]::view-transition-group(*),
html[data-be-motion="reduce"]::view-transition-old(*),
html[data-be-motion="reduce"]::view-transition-new(*) {
  animation: none !important;
}
.be-header {
  view-transition-name: be-header;
}
::view-transition-group(be-header),
::view-transition-new(be-header) {
  animation: none;
}
::view-transition-old(be-header) {
  display: none;
}
::view-transition {
  background-color: var(--paper);
}
::view-transition-old(root) {
  animation: be-vt-out 200ms cubic-bezier(0.4, 0, 1, 1) both;
}
::view-transition-new(root) {
  animation: be-vt-in 360ms cubic-bezier(0, 0, 0.2, 1) 80ms both;
}
@keyframes be-vt-out { to { opacity: 0; } }
@keyframes be-vt-in { from { opacity: 0; } }
html[data-page="warren"]::view-transition-old(root) {
  animation: none;
}
html[data-page="warren"]::view-transition-new(root) {
  animation: be-vt-burrow 800ms var(--ease-settle) both;
}
@keyframes be-vt-burrow {
  from { clip-path: ellipse(2% 3% at 50% 58%); }
  to { clip-path: ellipse(95% 120% at 50% 58%); }
}
html[data-page="crossing"]::view-transition-old(root) {
  animation: none;
}
html[data-page="crossing"]::view-transition-new(root) {
  animation: be-vt-west 560ms var(--ease-settle) both;
}
@keyframes be-vt-west {
  from { clip-path: polygon(100% 0, 100% 100%, 103.5% 100%, 102% 91%, 104.5% 79%, 102.5% 68%, 101% 61%, 104% 58%, 103% 39%, 101.5% 22%, 104% 0); }
  to { clip-path: polygon(100% 0, 100% 100%, -4.5% 100%, -6% 91%, -3.5% 79%, -5.5% 68%, -7% 61%, -4% 58%, -5% 39%, -6.5% 22%, -4% 0); }
}
html[data-page="briar-hill"]::view-transition-old(root) {
  animation: none;
}
html[data-page="briar-hill"]::view-transition-new(root) {
  animation: be-vt-circle 700ms linear both;
}
@keyframes be-vt-circle {
  from { clip-path: circle(0% at 50% 50%); }
  to { clip-path: circle(72% at 50% 50%); }
}
html[data-page="read"]::view-transition-old(root) {
  animation-duration: 150ms;
}
html[data-page="read"]::view-transition-new(root) {
  animation-duration: 150ms;
  animation-delay: 150ms;
}
html[data-page="cast"]::view-transition {
  background-color: #2A1F16;
}
html[data-page="cast"]::view-transition-old(root) {
  animation-duration: 200ms;
}
html[data-page="cast"]::view-transition-new(root) {
  animation-duration: 400ms;
  animation-delay: 200ms;
}
html[data-page="film"]::view-transition {
  background-color: #000;
}
html[data-page="film"]::view-transition-old(root) {
  animation-duration: 160ms;
}
html[data-page="film"]::view-transition-new(root) {
  animation-duration: 480ms;
  animation-delay: 160ms;
}
.be-window[data-be-cut-live] > .be-window-frame,
picture[data-be-cut-live],
.be-scene-stage[data-be-cut-live],
html[data-be-cut-in] .be-window[data-be-cut="establishing"] > .be-window-frame,
html[data-be-cut-in] picture[data-be-cut="establishing"],
html[data-be-cut-in] .be-scene-stage[data-be-cut="establishing"] {
  view-transition-name: be-cut;
}
::view-transition-group(be-cut) {
  animation-duration: 640ms;
  animation-timing-function: var(--ease-settle);
}
::view-transition-old(be-cut),
::view-transition-new(be-cut) {
  height: 100%;
  object-fit: cover;
  mix-blend-mode: normal;
}
::view-transition-old(be-cut) {
  animation: none;
}
::view-transition-new(be-cut) {
  animation: be-vt-in 200ms linear 440ms both;
}
::view-transition-old(be-cut):only-child {
  animation: be-vt-out 200ms cubic-bezier(0.4, 0, 1, 1) both;
}
::view-transition-new(be-cut):only-child {
  animation: be-vt-in 360ms cubic-bezier(0, 0, 0.2, 1) 80ms both;
}
@media (forced-colors: active) {
  .be-scene-lens,
  .be-scene-light,
  .be-bars,
  .be-depth {
    display: none;
  }
  .be-scene-card {
    border: 1px solid CanvasText;
    background: Canvas;
    box-shadow: none;
  }
  .be-motion[aria-pressed="false"] {
    border: 2px solid Highlight;
  }
  .be-titlecard-rule,
  .be-super::after {
    background-color: CanvasText;
  }
}
@media print {
  .be-scene {
    display: block;
    min-height: 0;
    margin-block: 1rem;
    background: none;
  }
  .be-scene-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: 60vh;
  }
  .be-scene-lens,
  .be-scene-light,
  .be-scene-layer,
  .be-bars,
  .be-depth,
  .be-motion {
    display: none;
  }
  .be-scene-cards {
    display: block;
    padding: 0.5rem 0;
  }
  .be-scene-card {
    box-shadow: none;
    background: none;
    padding: 0;
  }
}