/* ==========================================================================
   SgHeroSlider — stage, stacked items, transitions, drag, entrance animations, UI.
   The slides are SgHeroSlide children; the rules below style them from here
   (scoped CSS applies to descendants, so the slider controls their motion).
   ========================================================================== */
.cc_b3eorip4_FbFlYz8jTY .sg-hs { --hs-ctl: #ffffff; --hs-ease: cubic-bezier(0.77, 0, 0.18, 1); --hs-aoff: 20px; overflow: hidden; }

/* Inset card (width ≠ bleed): sits below the header with a real gap. It never
   carries data-sg-hero, so the header keeps its spacer; if a header overlays the
   page anyway it can publish --sg-header-overlay and the gap stays visible. */
.cc_b3eorip4_FbFlYz8jTY .sg-hs--inset { padding-top: calc(var(--sg-pt, 0px) + var(--sg-header-overlay, 0px)); }

.cc_b3eorip4_FbFlYz8jTY .sg-hs__stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: var(--st-h, 720px);
  aspect-ratio: var(--st-ar, auto);
  min-height: var(--st-min, 0px);
  background: #0e1116;
  outline-offset: -4px;
  touch-action: pan-y;
  --hs-asz: var(--hs-as, 40px);
}
/* the header does not overlay an inset card: no extra top room inside the slides */
.cc_b3eorip4_FbFlYz8jTY .sg-hs--inset .sg-hs__stage { --sg-header-offset: 0px; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs--inset.sg-hs--screen .sg-hs__stage { height: calc(100svh - var(--sg-header-h, 72px) - var(--sg-pt, 0px) - var(--sg-pb, 0px)); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs--rounded .sg-hs__stage { border-radius: var(--sg-r-media); }

/* keyboard focus on the stage: an inset ring (an outer one is clipped at the page edge) */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__stage:focus-visible { box-shadow: none; border-radius: 0; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs--rounded .sg-hs__stage:focus-visible { border-radius: var(--sg-r-media); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__stage:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  border-radius: inherit;
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px var(--sg-accent);
  pointer-events: none;
}

.cc_b3eorip4_FbFlYz8jTY .sg-hs--swipe .sg-hs__stage { cursor: grab; }
/* text stays selectable (codes, phone numbers) except during a drag */
.cc_b3eorip4_FbFlYz8jTY .sg-hs.is-dragging .sg-hs__stage { cursor: grabbing; -webkit-user-select: none; user-select: none; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs.is-dragging .sg-hs__stage a { pointer-events: none; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs__stage--empty { display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg, #1a2029, #0e1116); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__empty { color: rgba(255, 255, 255, 0.7); text-align: center; max-width: 420px; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs__track { position: absolute; inset: 0; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item { position: absolute; inset: 0; visibility: hidden; z-index: 0; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-active { visibility: visible; z-index: 2; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-prev { visibility: visible; z-index: 1; }
/* only the active slide takes clicks (a fading-out slide may sit on top for a moment) */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item:not(.is-active) { pointer-events: none; }
/* the slide fills the stage whatever wrapper the renderer puts in between
   (IkasComponentRenderer: div[display:contents] > div#id-0 > .sg-hsl) */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item > [id], .cc_b3eorip4_FbFlYz8jTY .sg-hs__item > [id] > [id] { position: absolute; inset: 0; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item .sg-hsl { position: absolute; inset: 0; min-height: 0; height: auto; }

/* ---------- slide transitions (only after the first navigation; a drag uses its own set below) ---------- */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel]) .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel]) .sg-hs__item.is-prev { animation-duration: var(--hs-speed, 1000ms); animation-timing-function: var(--hs-ease); animation-fill-mode: both; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="fade"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fade-in; animation-timing-function: ease; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="zoom-fade"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-zoom-in; animation-timing-function: var(--sg-ease-out); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="zoom-fade"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-zoom-away; animation-timing-function: var(--sg-ease-out); }

.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="slide"][data-dir="next"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-in-right; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="slide"][data-dir="next"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-out-left; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="slide"][data-dir="prev"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-in-left; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="slide"][data-dir="prev"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-out-right; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="next"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-in-right; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="next"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-plx-out-left; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="prev"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-in-left; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="prev"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-plx-out-right; }
/* counter-move of the incoming image inside its sliding frame = depth */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="next"] .sg-hs__item.is-active .sg-hsl__media { animation: cc_b3eorip4_FbFlYz8jTY_hs-plx-inner-next var(--hs-speed, 1000ms) var(--hs-ease) both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="parallax"][data-dir="prev"] .sg-hs__item.is-active .sg-hsl__media { animation: cc_b3eorip4_FbFlYz8jTY_hs-plx-inner-prev var(--hs-speed, 1000ms) var(--hs-ease) both; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="curtain"][data-dir="next"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-wipe-next; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="curtain"][data-dir="prev"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-wipe-prev; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-moved]:not([data-rel])[data-tr="curtain"] .sg-hs__item.is-active .sg-hsl__media { animation: cc_b3eorip4_FbFlYz8jTY_hs-settle calc(var(--hs-speed, 1000ms) * 1.5) var(--sg-ease-out) both; }

@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-zoom-in { from { opacity: 0; transform: scale(1.08); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-zoom-away { from { transform: none; } to { transform: scale(0.96); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-in-right { from { transform: translate3d(100%, 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-in-left { from { transform: translate3d(-100%, 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-out-left { from { transform: none; } to { transform: translate3d(-100%, 0, 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-out-right { from { transform: none; } to { transform: translate3d(100%, 0, 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-plx-out-left { from { transform: none; opacity: 1; } to { transform: translate3d(-38%, 0, 0); opacity: 0.35; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-plx-out-right { from { transform: none; opacity: 1; } to { transform: translate3d(38%, 0, 0); opacity: 0.35; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-plx-inner-next { from { transform: translate3d(-55%, 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-plx-inner-prev { from { transform: translate3d(55%, 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-wipe-next { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-wipe-prev { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-settle { from { transform: scale(1.14); } to { transform: none; } }

/* ---------- drag / swipe ----------
   index.tsx writes --hs-p (signed pull, -1…1 of the stage width) and --hs-a (its
   size) on the stage while dragging; --hs-side is 1 when the next slide is pulled
   in from the right, -1 for the previous one from the left. On release it sets
   data-rel="commit" (finish the move) or "snap" (spring back) plus --hs-rp / --hs-ra
   (the release position) and --hs-rd (duration). Static rules hold the end state;
   the animations start from where the pointer let go. */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-peek { visibility: visible; z-index: 1; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"] .sg-hs__item.is-prev:not(.is-peek), .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"] .sg-hs__item.is-prev:not(.is-peek) { visibility: hidden; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"] .sg-hs__item.is-peek { will-change: transform, opacity; }
/* the incoming slide shows its image only; its text plays the entrance once it is active */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel]:not([data-fx="none"]) .sg-hs__item.is-peek .sg-hsl__inner { opacity: 0; }

/* follow the pointer: slide / parallax move, fade / zoom dissolve, curtain wipes */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="slide"] .sg-hs__item.is-active { transform: translate3d(calc(var(--hs-p, 0) * 100%), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="slide"] .sg-hs__item.is-peek, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="parallax"] .sg-hs__item.is-peek { transform: translate3d(calc((var(--hs-p, 0) + var(--hs-side, 1)) * 100%), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="parallax"] .sg-hs__item.is-active { transform: translate3d(calc(var(--hs-p, 0) * 38%), 0, 0); opacity: calc(1 - var(--hs-a, 0) * 0.65); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-tr="parallax"] .sg-hs__item.is-peek, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-tr="curtain"] .sg-hs__item.is-peek { z-index: 3; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="parallax"] .sg-hs__item.is-peek .sg-hsl__media { transform: translate3d(calc(var(--hs-side, 1) * -55% * (1 - var(--hs-a, 0))), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="fade"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="zoom-fade"] .sg-hs__item.is-active { opacity: calc(1 - min(1, var(--hs-a, 0) * 1.5)); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="zoom-fade"] .sg-hs__item.is-peek { transform: scale(calc(1.08 - min(1, var(--hs-a, 0) * 1.5) * 0.08)); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="curtain"][data-side="next"] .sg-hs__item.is-peek { clip-path: inset(0 0 0 calc((1 - var(--hs-a, 0)) * 100%)); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="curtain"][data-side="prev"] .sg-hs__item.is-peek { clip-path: inset(0 calc((1 - var(--hs-a, 0)) * 100%) 0 0); }
/* image-led transitions: the active image also leans with the pointer */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item .sg-hsl__bg { transition: translate calc(420ms * var(--sg-speed, 1)) var(--sg-ease-out); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="fade"] .sg-hs__item.is-active .sg-hsl__bg, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="zoom-fade"] .sg-hs__item.is-active .sg-hsl__bg, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="drag"][data-tr="curtain"] .sg-hs__item.is-active .sg-hsl__bg { translate: calc(var(--hs-p, 0) * 48px) 0; transition: none; }

/* release past the threshold: finish the move from the release point */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"] .sg-hs__item.is-prev { animation-duration: var(--hs-rd, 500ms); animation-timing-function: var(--sg-ease-out); animation-fill-mode: both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="slide"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="parallax"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-in; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="slide"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-out; transform: translate3d(calc(var(--hs-side, 1) * -100%), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="parallax"] .sg-hs__item.is-prev { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-plx-out; transform: translate3d(calc(var(--hs-side, 1) * -38%), 0, 0); opacity: 0.35; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="parallax"] .sg-hs__item.is-active .sg-hsl__media { animation: cc_b3eorip4_FbFlYz8jTY_hs-r-plx-inner var(--hs-rd, 500ms) var(--sg-ease-out) both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="fade"] .sg-hs__item.is-prev, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="zoom-fade"] .sg-hs__item.is-prev { z-index: 3; opacity: 0; animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-fade-out; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="zoom-fade"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-zoom-in; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="curtain"][data-side="next"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-wipe-next; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="commit"][data-tr="curtain"][data-side="prev"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-r-wipe-prev; }

/* release below the threshold: spring back */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"] .sg-hs__item.is-peek { animation-duration: var(--hs-rd, 320ms); animation-timing-function: var(--sg-ease-out); animation-fill-mode: both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="slide"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-back; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="parallax"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-plx-back; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="slide"] .sg-hs__item.is-peek, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="parallax"] .sg-hs__item.is-peek { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-peek; transform: translate3d(calc(var(--hs-side, 1) * 100%), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="parallax"] .sg-hs__item.is-peek .sg-hsl__media { animation: cc_b3eorip4_FbFlYz8jTY_hs-s-plx-inner var(--hs-rd, 320ms) var(--sg-ease-out) both; transform: translate3d(calc(var(--hs-side, 1) * -55%), 0, 0); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="fade"] .sg-hs__item.is-active, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="zoom-fade"] .sg-hs__item.is-active { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-fade-back; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="curtain"][data-side="next"] .sg-hs__item.is-peek { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-wipe-next; clip-path: inset(0 0 0 100%); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-rel="snap"][data-tr="curtain"][data-side="prev"] .sg-hs__item.is-peek { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-s-wipe-prev; clip-path: inset(0 100% 0 0); }

@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-in { from { transform: translate3d(calc((var(--hs-rp, 0) + var(--hs-side, 1)) * 100%), 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-out { from { transform: translate3d(calc(var(--hs-rp, 0) * 100%), 0, 0); } to { transform: translate3d(calc(var(--hs-side, 1) * -100%), 0, 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-plx-out {
  from { transform: translate3d(calc(var(--hs-rp, 0) * 38%), 0, 0); opacity: calc(1 - var(--hs-ra, 0) * 0.65); }
  to { transform: translate3d(calc(var(--hs-side, 1) * -38%), 0, 0); opacity: 0.35; }
}
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-plx-inner { from { transform: translate3d(calc(var(--hs-side, 1) * -55% * (1 - var(--hs-ra, 0))), 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-fade-out { from { opacity: calc(1 - min(1, var(--hs-ra, 0) * 1.5)); } to { opacity: 0; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-zoom-in { from { transform: scale(calc(1.08 - min(1, var(--hs-ra, 0) * 1.5) * 0.08)); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-wipe-next { from { clip-path: inset(0 0 0 calc((1 - var(--hs-ra, 0)) * 100%)); } to { clip-path: inset(0 0 0 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-r-wipe-prev { from { clip-path: inset(0 calc((1 - var(--hs-ra, 0)) * 100%) 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-back { from { transform: translate3d(calc(var(--hs-rp, 0) * 100%), 0, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-plx-back {
  from { transform: translate3d(calc(var(--hs-rp, 0) * 38%), 0, 0); opacity: calc(1 - var(--hs-ra, 0) * 0.65); }
  to { transform: none; opacity: 1; }
}
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-peek { from { transform: translate3d(calc((var(--hs-rp, 0) + var(--hs-side, 1)) * 100%), 0, 0); } to { transform: translate3d(calc(var(--hs-side, 1) * 100%), 0, 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-plx-inner { from { transform: translate3d(calc(var(--hs-side, 1) * -55% * (1 - var(--hs-ra, 0))), 0, 0); } to { transform: translate3d(calc(var(--hs-side, 1) * -55%), 0, 0); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-fade-back { from { opacity: calc(1 - min(1, var(--hs-ra, 0) * 1.5)); } to { opacity: 1; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-wipe-next { from { clip-path: inset(0 0 0 calc((1 - var(--hs-ra, 0)) * 100%)); } to { clip-path: inset(0 0 0 100%); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-s-wipe-prev { from { clip-path: inset(0 calc((1 - var(--hs-ra, 0)) * 100%) 0 0); } to { clip-path: inset(0 100% 0 0); } }

/* ---------- Ken Burns on the active slide (slow push-in for the whole stay) ---------- */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-active .sg-hsl--kb .sg-hsl__bg .sg-mf__img, .cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-active .sg-hsl--kb .sg-hsl__bg .sg-mf__video {
  animation: cc_b3eorip4_FbFlYz8jTY_hs-kb calc(var(--hs-interval, 6000ms) + var(--hs-speed, 1000ms) + 2000ms) linear both;
}
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-kb { from { transform: scale(1.001); } to { transform: scale(1.09); } }

/* ---------- entrance of the active slide's content ---------- */
.cc_b3eorip4_FbFlYz8jTY .sg-hs { --hs-cdelay: calc(var(--hs-speed, 1000ms) * 0.35); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs:not([data-moved]) { --hs-cdelay: 180ms; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-active .sg-hsl__anim, .cc_b3eorip4_FbFlYz8jTY .sg-hs[data-tm="none"] .sg-hs__item.is-active .sg-hsl__title {
  animation: cc_b3eorip4_FbFlYz8jTY_hs-rise calc(1000ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
  animation-delay: calc(var(--hs-cdelay) + var(--sg-i, 0) * 110ms * var(--sg-speed, 1));
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="fade"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-fade; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="scale"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-scale; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="zoom"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-zoom; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="blur"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-blur; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="mask"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-mask; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="curtain"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-curtain; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="left"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-left; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="right"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation-name: cc_b3eorip4_FbFlYz8jTY_hs-fx-right; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="none"] .sg-hs__item.is-active :is(.sg-hsl__anim, .sg-hsl__title) { animation: none; }

/* eyebrow rule draws itself */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__item.is-active .sg-hsl__eyebrow-line { animation: cc_b3eorip4_FbFlYz8jTY_hs-draw calc(900ms * var(--sg-speed, 1)) var(--sg-ease-out) both; animation-delay: calc(var(--hs-cdelay) + 120ms); }

/* headline: masked lines or rising words */
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-tm="lines"] .sg-hs__item.is-active .sg-hsl__lin {
  animation: cc_b3eorip4_FbFlYz8jTY_hs-line calc(1100ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
  animation-delay: calc(var(--hs-cdelay) + var(--sg-i, 0) * 110ms + var(--l, 0) * 120ms);
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-tm="words"] .sg-hs__item.is-active .sg-hsl__w > span {
  animation: cc_b3eorip4_FbFlYz8jTY_hs-word calc(900ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
  animation-delay: calc(var(--hs-cdelay) + var(--sg-i, 0) * 110ms + var(--w, 0) * 55ms);
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs[data-fx="none"] .sg-hs__item.is-active :is(.sg-hsl__lin, .sg-hsl__w > span, .sg-hsl__eyebrow-line) { animation: none; }

@keyframes cc_b3eorip4_FbFlYz8jTY_hs-rise { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-scale { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-zoom { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-blur { from { opacity: 0; filter: blur(12px); transform: translate3d(0, 12px, 0); } to { opacity: 1; filter: none; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-mask { from { clip-path: inset(0 0 100% 0); transform: translate3d(0, 18px, 0); } to { clip-path: inset(-10% -10% -10% -10%); transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-curtain { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(-10% -10% -10% -10%); } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-left { from { opacity: 0; transform: translate3d(-48px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-fx-right { from { opacity: 0; transform: translate3d(48px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-draw { from { transform: scaleX(0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-line { from { transform: translate3d(0, 110%, 0); } to { transform: none; } }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-word { from { transform: translate3d(0, 110%, 0) rotate(4deg); } to { transform: none; } }

/* ---------- scroll depth (heliostaki): image sinks, content lifts and fades ---------- */
.cc_b3eorip4_FbFlYz8jTY .sg-hs--depth { --hs-t: max(0, (var(--sg-progress, 0.5) - 0.5) * 2); }
@media (min-width: 768px) {
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--depth .sg-hs__item.is-active .sg-hsl__bg { transform: translate3d(0, calc(var(--hs-t) * 22%), 0); }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--depth .sg-hs__item.is-active .sg-hsl__inner { transform: translate3d(0, calc(var(--hs-t) * -70px), 0); opacity: calc(1 - var(--hs-t) * 1.4); }
}

/* ---------- autoplay clock + UI ---------- */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__timer { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; animation: cc_b3eorip4_FbFlYz8jTY_hs-clock var(--hs-interval, 6000ms) linear both; }
@keyframes cc_b3eorip4_FbFlYz8jTY_hs-clock { from { transform: translateX(0); } to { transform: translateX(1px); } }

/* content keeps clear of the controls bar */
.cc_b3eorip4_FbFlYz8jTY .sg-hs--ui .sg-hsl { --hsl-pad-b: calc(clamp(48px, 7vw, 104px) + 44px); --hsl-pad-b-m: 104px; }

.cc_b3eorip4_FbFlYz8jTY .sg-hs__ui { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; pointer-events: none; color: var(--hs-ctl); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__ui-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: calc(var(--sg-container) + var(--sg-gutter) * 2);
  margin-inline: auto;
  padding: 0 var(--sg-gutter) clamp(20px, 3vw, 36px);
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs__ui-in > * { pointer-events: auto; }

/* progress bars */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bars { display: flex; align-items: center; gap: 10px; flex: 1; max-width: 560px; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar {
  flex: 1 1 0;
  min-width: 36px;
  max-width: 120px;
  display: grid;
  gap: 8px;
  padding: 10px 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar-num { font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; opacity: 0.55; transition: opacity var(--sg-t-mid); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar.is-active .sg-hs__bar-num { opacity: 1; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar-track { position: relative; display: block; height: 2px; overflow: hidden; border-radius: 2px; background: color-mix(in srgb, var(--hs-ctl) 30%, transparent); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar-fill { position: absolute; inset: 0; background: var(--hs-ctl); transform: scaleX(0); transform-origin: left center; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar.is-done .sg-hs__bar-fill { transform: scaleX(1); opacity: 0.55; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar.is-active .sg-hs__bar-fill { transform: scaleX(1); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__bar.is-active .sg-hs__bar-fill.is-timing { animation: cc_b3eorip4_sg-bar var(--hs-interval, 6000ms) linear both; }
@media (hover: hover) { .cc_b3eorip4_FbFlYz8jTY .sg-hs__bar:hover .sg-hs__bar-num { opacity: 1; } }

/* dots */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__dots { display: flex; align-items: center; gap: 4px; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__dot { position: relative; width: 28px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 999px;
  background: var(--hs-ctl);
  opacity: 0.45;
  transition: width var(--sg-t-mid) var(--sg-ease-out), margin var(--sg-t-mid) var(--sg-ease-out), opacity var(--sg-t-mid);
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs__dot.is-active::before { width: 24px; margin-left: -12px; opacity: 1; }

/* numbers "01 — 04" */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums { display: inline-flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-cur { display: inline-flex; overflow: hidden; font-size: 20px; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-cur > span { display: inline-block; animation: cc_b3eorip4_FbFlYz8jTY_hs-line calc(600ms * var(--sg-speed, 1)) var(--sg-ease-out) both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-line { position: relative; width: 72px; height: 2px; overflow: hidden; background: color-mix(in srgb, var(--hs-ctl) 30%, transparent); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-fill { position: absolute; inset: 0; background: var(--hs-ctl); transform-origin: left center; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-fill.is-timing { animation: cc_b3eorip4_sg-bar var(--hs-interval, 6000ms) linear both; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-total { opacity: 0.6; }

/* play / arrows */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__ctl { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__btn {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--hs-ctl) 40%, transparent);
  border-radius: 50%;
  background: color-mix(in srgb, #0a0c0e 18%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--hs-ctl);
  cursor: pointer;
  transition: background var(--sg-t-fast), color var(--sg-t-fast), border-color var(--sg-t-fast), transform var(--sg-t-fast) var(--sg-ease-out);
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs__btn--play { width: 44px; height: 44px; }
@media (hover: hover) { .cc_b3eorip4_FbFlYz8jTY .sg-hs__btn:hover { background: var(--hs-ctl); color: #111315; border-color: var(--hs-ctl); } }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__btn:active { transform: scale(0.92); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__btn:focus-visible { border-radius: 50%; }

/* side arrows: vertically centred on the left / right edge of the slide */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side {
  position: absolute;
  top: 50%;
  z-index: 6;
  display: grid;
  place-items: center;
  width: var(--hs-asz);
  height: var(--hs-asz);
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--hs-ctl) 42%, transparent);
  border-radius: 50%;
  /* dark glass + soft shadow: readable on light and dark photos alike */
  background: color-mix(in srgb, #0a0c0e 36%, transparent);
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
  backdrop-filter: blur(10px) saturate(1.2);
  box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.5);
  color: var(--hs-ctl);
  cursor: pointer;
  translate: 0 -50%;
  transition: background var(--sg-t-fast), color var(--sg-t-fast), border-color var(--sg-t-fast), scale var(--sg-t-fast) var(--sg-ease-out);
}
/* the visible circle may be small, the tap target stays ≥ 44px */
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side::after { content: ""; position: absolute; inset: min(0px, calc((var(--hs-asz) - 44px) / 2)); border-radius: 50%; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side--prev { left: var(--hs-aoff); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side--next { right: var(--hs-aoff); }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side-ic { width: 46%; height: 46%; transition: translate var(--sg-t-fast) var(--sg-ease-out); }
@media (hover: hover) {
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__side:hover { background: var(--hs-ctl); border-color: var(--hs-ctl); color: #111315; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__side--prev:hover .sg-hs__side-ic { translate: -2px 0; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__side--next:hover .sg-hs__side-ic { translate: 2px 0; }
}
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side:active { scale: 0.92; }
.cc_b3eorip4_FbFlYz8jTY .sg-hs__side:focus-visible { border-radius: 50%; box-shadow: var(--sg-focus); }
/* slide text never runs under the side arrows */
.cc_b3eorip4_FbFlYz8jTY .sg-hs--sides .sg-hsl { --hsl-pad-x: max(0px, calc(var(--hs-aoff) + var(--hs-asz) + 12px - var(--sg-gutter))); }

@media (max-width: 1023px) {
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__bars { max-width: 380px; }
}
@media (max-width: 767px) {
  .cc_b3eorip4_FbFlYz8jTY .sg-hs { --hs-aoff: 10px; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--inset { padding-top: calc(var(--sg-pt-m, var(--sg-pt, 0px)) + var(--sg-header-overlay, 0px)); }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__stage {
    height: var(--st-h-m, var(--st-h, 560px));
    aspect-ratio: var(--st-ar-m, var(--st-ar, auto));
    min-height: var(--st-min-m, var(--st-min, 0px));
    --hs-asz: var(--hs-as-m, 34px);
  }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--inset.sg-hs--screen .sg-hs__stage {
    height: calc(100svh - var(--sg-header-h, 72px) - var(--sg-pt-m, var(--sg-pt, 0px)) - var(--sg-pb-m, var(--sg-pb, 0px)));
  }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--sides .sg-hsl { --hsl-pad-x: max(0px, calc(var(--hs-aoff) + var(--hs-asz) + 8px - var(--sg-gutter))); }
  /* the narrower text column between the side arrows: long words must not run under them */
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--sides .sg-hsl__title { overflow-wrap: anywhere; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--sides .sg-hsl__title.sg-display { font-size: min(var(--sg-fs-hero), 10vw); }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--sides .sg-hsl__title.sg-h1 { font-size: min(var(--sg-fs-h1), 9vw); }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__ui-in { gap: 12px; padding-bottom: 18px; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__bar { min-width: 22px; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__bar-num { display: none; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__btn { width: 44px; height: 44px; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__btn--play { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__item, .cc_b3eorip4_FbFlYz8jTY .sg-hs__item *, .cc_b3eorip4_FbFlYz8jTY .sg-hs__nums-cur > span { animation: none !important; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs--depth .sg-hs__item.is-active .sg-hsl__bg, .cc_b3eorip4_FbFlYz8jTY .sg-hs--depth .sg-hs__item.is-active .sg-hsl__inner { transform: none; opacity: 1; }
  .cc_b3eorip4_FbFlYz8jTY .sg-hs__side, .cc_b3eorip4_FbFlYz8jTY .sg-hs__side-ic { transition: none; }
}