/* HolyShift Applied AI - motion layer (pairs with motion.js) */

/* appear effects are driven by motion.js from Framer's data (no CSS needed) */

/* letter-by-letter statement: colours are set by motion.js as you scroll */

/* marquees are driven by motion.js (measured speeds, hover slow-down) */
ul.hs-marquee { will-change: transform; }

/* accordions */
[hidden] { display: none !important; }
/* Framer captured the open item mid colour-transition: retheme.py pins the title and body colours inline */
.hs-acc-closed, .hs-acc-open { cursor: pointer; }
.hs-motion .hs-acc-open.hs-anim { animation: hs-fade .35s ease; }
@keyframes hs-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* the asterisk in the section-title tickers turns once every 30s */
.hs-motion .hs-spin { animation: hs-spin 30s linear infinite; }
@keyframes hs-spin { to { transform: rotate(-360deg); } }

/* closed strips: the number pill sits centred (its translateX(-50%) was lost in the snapshot) */
[data-hs-group="approach"] .framer-hxl480 { transform: translateX(-50%) !important; border-radius: 100px !important; }

/* the open approach panel hides its vertical strip label (template keeps it at opacity 0) */
.hs-acc-open[data-hs-group="approach"] .framer-1pbz76c-container { opacity: 0 !important; }

/* founder photo card in the vision block: 30% larger than the template's 320px */
.framer-1f7iwmt { max-width: 416px !important; }

/* the featured drawings, larger than the template's 270px and centred in their area
   (the snapshot lost the template's translate(-50%,-50%) on the approach object) */
.framer-19oz1o0 { width: 430px !important; height: 430px !important; transform: translate(-50%, -50%) !important; }
.framer-1nphcmz { width: 400px !important; height: 400px !important; }
@media (max-width: 809px) { .framer-19oz1o0 { width: 260px !important; height: 260px !important; } .framer-1nphcmz { width: 260px !important; height: 260px !important; } }

/* the featured object in the approach panel floats gently (measured: a few px up and down, continuous) */
.hs-motion .hs-float { animation: hs-float 3.2s ease-in-out infinite; }
@keyframes hs-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }

/* "How we work" stones: each tile bobs up and down in turn, first to last, then the loop restarts */
.hs-stones .hs-stone { transform-box: fill-box; transform-origin: center; }
.hs-motion .hs-stones .hs-stone { animation: hs-bob 2.8s ease-in-out infinite; }
.hs-motion .hs-stones .hs-stone-2 { animation-delay: .35s; }
.hs-motion .hs-stones .hs-stone-3 { animation-delay: .7s; }
.hs-motion .hs-stones .hs-stone-4 { animation-delay: 1.05s; }
@keyframes hs-bob { 0% { transform: translateY(0); } 7% { transform: translateY(-14px); } 14% { transform: translateY(0); } 100% { transform: translateY(0); } }

/* platform strip lens shapes: two positions (41° at rest / -20° shifted), swapped every 1.5s by motion.js */
.hs-lens .framer-1ulnb9e, .hs-lens .framer-10we1b5, .hs-lens .framer-1bfhpqw { transform: rotate(41deg) !important; transition: transform .9s cubic-bezier(.22, 1.4, .36, 1), top .9s cubic-bezier(.22, 1.4, .36, 1), left .9s cubic-bezier(.22, 1.4, .36, 1); }
.hs-lens.hs-lens-b .framer-1ulnb9e, .hs-lens.hs-lens-b .framer-10we1b5, .hs-lens.hs-lens-b .framer-1bfhpqw { transform: rotate(-20deg) !important; }
.hs-lens.hs-lens-b .framer-1ulnb9e { top: -1px; left: 9px; }
.hs-lens.hs-lens-b .framer-10we1b5 { top: 5px; left: 22px; }

/* platform strip rings (measured ~60°/s and ~72°/s, opposite directions) */
/* the template centres this ring with a translate the snapshot lost; it goes in `translate`
   (applied before `rotate`), so the spin pivots on the ring's own centre */
.framer-1nngo1c { transform: none !important; translate: 0 -50%; }
.framer-45cjkf { translate: 0 -50%; }  /* the centre dot: same lost centring shift */
.hs-motion .hs-spin-cw { animation: hs-spin-cw 6s linear infinite; }
.hs-motion .hs-spin-ccw { animation: hs-spin-ccw 5s linear infinite; }
@keyframes hs-spin-cw { to { rotate: 360deg; } }
@keyframes hs-spin-ccw { to { rotate: -360deg; } }

/* testimonial cards: a roomier pill for the photo and logo */
.hs-slideshow .framer-1wg3ekl { padding: 6px 12px 6px 6px !important; gap: 8px !important; }
.hs-slideshow .framer-niawy8 { width: 40px !important; height: 40px !important; }
.hs-slideshow .framer-j385ju { width: 110px !important; height: 32px !important; aspect-ratio: auto !important; }
.hs-slideshow .framer-j385ju img { height: 30px !important; max-width: 110px !important; }

/* testimonial cards: real avatars and logos from the wins wall; on hover the card turns
   black and its text white (0.3s) */
.hs-slideshow a.framer-8N9ef { transition: background-color .3s ease; }
.hs-slideshow a.framer-8N9ef:hover { background-color: #1a1a1a !important; }
.hs-slideshow a.framer-8N9ef .framer-text { transition: color .3s ease; }
.hs-slideshow a.framer-8N9ef:hover .framer-text { --framer-text-color: #fff !important; color: #fff !important; }
.hs-slideshow a.framer-8N9ef:hover .framer-pg03wo { background-color: rgba(255,255,255,.4) !important; }
.hs-slideshow a.framer-8N9ef:hover .framer-ScJvX { color: #fff; fill: #fff; }

/* testimonial arrows: pressed state as on the template */
.hs-slideshow button { transition: background-color .15s ease; }
.hs-slideshow button:active { background-color: #1a1a1a !important; }

/* buttons (dark sections, "Secondary" in the template): dark grey pill, near-black icon
   box on the left. On hover the box grows to fill the pill, the text slides left and the
   icon travels to the right of the text (~0.4s). The icon is a 14-frame pixel sprite
   looping at 200ms a frame, as on the template. */
a[data-framer-name^="Secondary"] { position: relative; background-color: rgb(46, 46, 46) !important; overflow: hidden; }
a[data-framer-name^="Secondary"] .framer-1emdssz { position: absolute; left: 3px; top: 3px; bottom: 3px; width: 65px; border-radius: 14px; background: #1a1a1a !important; transition: width .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name^="Secondary"]:hover .framer-1emdssz { width: calc(100% - 6px); }
a[data-framer-name^="Secondary"] .framer-x5l8-container { position: absolute; top: 50%; left: 18px; width: 30px; height: 15px; margin-top: -7px; transition: left .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name^="Secondary"]:hover .framer-x5l8-container { left: calc(100% - 50px); }
a[data-framer-name^="Secondary"] .framer-yk1t5j { position: relative; z-index: 1; margin-left: 68px; transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name^="Secondary"]:hover .framer-yk1t5j { transform: translateX(-50px); }
/* light-section button ("Primary" in the template): black pill, white icon box with a dark
   icon; on hover the white box fills the pill and the text turns black. Same motion. */
a[data-framer-name="Primary"] { position: relative; background-color: #1a1a1a !important; overflow: hidden; }
a[data-framer-name="Primary"] .framer-1emdssz { position: absolute; left: 3px; top: 3px; bottom: 3px; width: 65px; border-radius: 14px; background: #fff !important; transition: width .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name="Primary"]:hover .framer-1emdssz { width: calc(100% - 6px); }
a[data-framer-name="Primary"] .framer-x5l8-container { position: absolute; top: 50%; left: 18px; width: 30px; height: 15px; margin-top: -7px; filter: none !important; transition: left .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name="Primary"]:hover .framer-x5l8-container { left: calc(100% - 50px); }
a[data-framer-name="Primary"] .framer-yk1t5j { position: relative; z-index: 1; margin-left: 68px; transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
a[data-framer-name="Primary"]:hover .framer-yk1t5j { transform: translateX(-50px); }
a[data-framer-name="Primary"] .framer-yk1t5j p { transition: color .3s ease; }
a[data-framer-name="Primary"]:hover .framer-yk1t5j p { color: #1a1a1a !important; --framer-text-color: #1a1a1a !important; }

/* sprite loop: one frame visible at a time */
.hs-sprite use { visibility: hidden; }
.hs-motion .hs-sprite use { animation: hs-frame 2.8s steps(1, end) infinite; }
.hs-motion-off .hs-sprite use.hs-f4 { visibility: visible; }
@keyframes hs-frame { 0% { visibility: visible; } 7.15% { visibility: hidden; } }
.hs-sprite use.hs-f0 { animation-delay: 0.0s; }
.hs-sprite use.hs-f1 { animation-delay: 0.2s; }
.hs-sprite use.hs-f2 { animation-delay: 0.4s; }
.hs-sprite use.hs-f3 { animation-delay: 0.6s; }
.hs-sprite use.hs-f4 { animation-delay: 0.8s; }
.hs-sprite use.hs-f5 { animation-delay: 1.0s; }
.hs-sprite use.hs-f6 { animation-delay: 1.2s; }
.hs-sprite use.hs-f7 { animation-delay: 1.4s; }
.hs-sprite use.hs-f8 { animation-delay: 1.6s; }
.hs-sprite use.hs-f9 { animation-delay: 1.8s; }
.hs-sprite use.hs-f10 { animation-delay: 2.0s; }
.hs-sprite use.hs-f11 { animation-delay: 2.2s; }
.hs-sprite use.hs-f12 { animation-delay: 2.4s; }
.hs-sprite use.hs-f13 { animation-delay: 2.6s; }
/* results cards on hover (measured on the template): the body darkens to 80% ink and the
   picture area loses its white ground; the template then fades its photo in at 54%
   behind a client logo. We have no client logos, so the photo is shown by default and
   dims to the same 54% on hover. The small tag icon turns dark. No lift. */
a.framer-cFRyW .framer-cpmhks, a.framer-cFRyW .framer-1jfytwx { transition: background-color .3s ease; }
a.framer-cFRyW:hover .framer-cpmhks { background-color: rgba(26, 26, 26, .8) !important; }
a.framer-cFRyW:hover .framer-1jfytwx { background-color: rgba(255, 255, 255, 0) !important; }
a.framer-cFRyW .framer-jh1g71 { transition: filter .3s ease; }
a.framer-cFRyW:hover .framer-jh1g71 { filter: invert(0) !important; }
a.framer-cFRyW .framer-1cj72p0 { opacity: 1 !important; }
/* before/after: the card shows the "before" photo; on hover the assembled photo crossfades in */
a.framer-cFRyW img.hs-after { opacity: 0; transition: opacity .5s cubic-bezier(.22, 1, .36, 1); }
a.framer-cFRyW:hover img.hs-after { opacity: 1; }

/* team cards: smaller than the template's 330px column (row keeps its spacing) */
.hs-bp-desktop .framer-116bwgd { justify-content: center !important; gap: 48px !important; }
.hs-bp-desktop .framer-116bwgd .framer-45lxkn-container { flex: 0 0 270px !important; width: 270px !important; max-width: 270px; }
/* Matej's team photo, zoomed in 20% */
.framer-116bwgd img[src*="matej-zalar"] { transform: scale(1.2); transform-origin: 50% 40%; }
/* FAQ: a closed question grows 5% under the pointer (template: ~0.2s) */
.hs-acc-closed[data-hs-group="faq"] .framer-1z04rk { transition: transform .2s ease !important; }
.hs-acc-closed[data-hs-group="faq"]:hover .framer-1z04rk { transform: scale(1.05) !important; }
/* Remzo's team photo sits a little lower in its card */
.framer-116bwgd img[src*="remzo-hotic"] { transform: translateY(10px) scale(1.04); }
/* hero: six glowing cubes lie on the grass and gather into a stack on the crest as you scroll (motion.js) */
.hs-cubes { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.hs-cube { position: absolute; width: 3.1%; margin-left: -1.55%; margin-top: -1.8%; will-change: transform, left, top; overflow: visible;
  filter: drop-shadow(0 0 6px rgba(255, 225, 160, .95)) drop-shadow(0 0 18px rgba(255, 190, 90, .8)) drop-shadow(0 0 40px rgba(255, 160, 50, .5)); }
.hs-motion .hs-cube { animation: hs-glow 2.6s ease-in-out infinite; }
.hs-cube:nth-child(2n) { animation-delay: -.9s; } .hs-cube:nth-child(3n) { animation-delay: -1.7s; }
@keyframes hs-glow { 0%, 100% { filter: drop-shadow(0 0 6px rgba(255, 225, 160, .95)) drop-shadow(0 0 18px rgba(255, 190, 90, .8)) drop-shadow(0 0 40px rgba(255, 160, 50, .5)); }
  50% { filter: drop-shadow(0 0 8px rgba(255, 235, 180, 1)) drop-shadow(0 0 26px rgba(255, 200, 110, .95)) drop-shadow(0 0 56px rgba(255, 170, 60, .7)); } }
/* the two cubes in the air drift gently until they land */
.hs-motion .hs-cube[data-hs-i="6"] > g, .hs-motion .hs-cube[data-hs-i="7"] > g { animation: hs-hover 3.4s ease-in-out infinite; }
.hs-motion .hs-cube[data-hs-i="7"] > g { animation-delay: -1.5s; animation-duration: 4.1s; }
.hs-cube.hs-landed > g { animation: none !important; }
@keyframes hs-hover { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
/* at the end of the scroll the stack bursts and a glowing screen stands on the crest */
.hs-screen { position: absolute; width: 10%; margin-left: -5%; margin-top: -9.2%; opacity: 0; will-change: transform, opacity;
  filter: drop-shadow(0 0 10px rgba(255, 230, 170, .95)) drop-shadow(0 0 30px rgba(255, 195, 100, .85)) drop-shadow(0 0 70px rgba(255, 165, 55, .6)); }
.hs-motion .hs-screen { animation: hs-glow-screen 2.8s ease-in-out infinite; }
@keyframes hs-glow-screen { 0%, 100% { filter: drop-shadow(0 0 10px rgba(255, 230, 170, .95)) drop-shadow(0 0 30px rgba(255, 195, 100, .85)) drop-shadow(0 0 70px rgba(255, 165, 55, .6)); }
  50% { filter: drop-shadow(0 0 14px rgba(255, 240, 190, 1)) drop-shadow(0 0 42px rgba(255, 205, 120, .95)) drop-shadow(0 0 96px rgba(255, 175, 65, .75)); } }
@media (max-width: 809px) { .hs-cubes { display: none; } }
/* platform card: a knowledge graph whose five clusters light up one after another (7.5s loop) */
.hs-graph { display: block; width: 100%; height: 100%; }
.hs-graph .hs-e { stroke: rgba(255, 255, 255, .16); stroke-width: 1.2; }
.hs-graph .hs-e.hs-gb { stroke: rgba(255, 255, 255, .22); stroke-dasharray: 3 4; }
.hs-graph .hs-n { fill: #6B6B6B; }
.hs-graph .hs-halo { fill: #DCFF54; opacity: 0; }
.hs-motion .hs-graph .hs-n { animation: hs-net-node 7.5s ease-in-out infinite; }
.hs-motion .hs-graph .hs-halo { animation: hs-net-halo 7.5s ease-in-out infinite; }
.hs-motion .hs-graph .hs-e { animation: hs-net-edge 7.5s ease-in-out infinite; }
.hs-graph .hs-g1 { animation-delay: 1.5s !important; } .hs-graph .hs-g2 { animation-delay: 3s !important; }
.hs-graph .hs-g3 { animation-delay: 4.5s !important; } .hs-graph .hs-g4 { animation-delay: 6s !important; }
.hs-motion .hs-graph .hs-e.hs-gb { animation: hs-net-bridge 7.5s linear infinite; }
@keyframes hs-net-node { 0%, 100% { fill: #6B6B6B; } 8%, 22% { fill: #DCFF54; } 30% { fill: #6B6B6B; } }
@keyframes hs-net-halo { 0%, 100% { opacity: 0; } 8%, 20% { opacity: .28; } 30% { opacity: 0; } }
@keyframes hs-net-edge { 0%, 100% { stroke: rgba(255, 255, 255, .16); } 9%, 22% { stroke: rgba(220, 255, 84, .75); } 30% { stroke: rgba(255, 255, 255, .16); } }
@keyframes hs-net-bridge { to { stroke-dashoffset: -70; } }
/* the core in the middle: every node is wired to it; it flashes first, the light runs out along the
   spokes, then the region on the surface lights up (inside out) */
.hs-graph .hs-s { stroke: rgba(255, 255, 255, .07); stroke-width: .8; }
.hs-graph .hs-core { fill: #DCFF54; }
.hs-graph .hs-core-halo { fill: #DCFF54; opacity: .12; }
.hs-motion .hs-graph .hs-s { animation: hs-net-spoke 7.5s ease-in-out infinite; }
.hs-motion .hs-graph .hs-core { animation: hs-net-core 1.5s ease-out infinite; }
.hs-motion .hs-graph .hs-core-halo { animation: hs-net-core-halo 1.5s ease-out infinite; }
@keyframes hs-net-spoke { 0%, 100% { stroke: rgba(255, 255, 255, .07); } 3%, 16% { stroke: rgba(220, 255, 84, .55); } 26% { stroke: rgba(255, 255, 255, .07); } }
@keyframes hs-net-core { 0% { fill: #DCFF54; r: 12px; } 45%, 100% { fill: #B8D93A; r: 9px; } }
@keyframes hs-net-core-halo { 0% { opacity: .5; r: 18px; } 60%, 100% { opacity: .1; r: 30px; } }
/* compliance badges in the stats card: side by side instead of the template's overlapping pile */
.framer-1y2bgm-container, .framer-1pvz1lb-container, .framer-dnl86t-container, .framer-m1kaix-container { width: 56px !important; flex: 0 0 56px !important; }
.framer-1y2bgm-container .framer-87EUM, .framer-1pvz1lb-container .framer-87EUM, .framer-dnl86t-container .framer-87EUM, .framer-m1kaix-container .framer-87EUM { width: 56px !important; }
.framer-15p7md2 { gap: 8px !important; justify-content: center !important; padding: 0 !important; }
/* results source note: a slow ticker under the cards (same engine as the HOLYSHIFT strip) */
.hs-note-ticker { margin: 40px 0 56px; width: 100%; max-width: 100%; align-self: stretch; box-sizing: border-box; overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%); mask: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%); }
.hs-note-ticker ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; white-space: nowrap; width: max-content; }
.hs-note-ticker li { display: flex; align-items: center; flex: 0 0 auto; font: 13px/1.5 Inter, sans-serif; color: #6B6B6B; }
.hs-note-ticker li i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #6B6B6B; margin: 0 40px; opacity: .6; }
/* team cards: on hover a white panel slides in from the left over the photo with the bio and a LinkedIn link */
.framer-116bwgd .framer-14x64ze { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; transform: translateX(-102%); transition: transform .6s cubic-bezier(.22, 1, .36, 1); padding: 22px 20px !important; box-sizing: border-box; border-radius: 20px !important; }
.framer-116bwgd .framer-45lxkn-container:hover .framer-14x64ze { transform: translateX(0); }
.framer-116bwgd .framer-14x64ze .framer-text { font-size: 13.5px !important; line-height: 1.45 !important; }
.framer-116bwgd .framer-14x64ze .framer-44qbn6 { display: none; }
.framer-116bwgd .hs-li { display: inline-block; margin-top: 14px; font: 500 13px/1 Inter, sans-serif; color: #1A1A1A; text-decoration: none; border-bottom: 1px solid #1A1A1A; padding-bottom: 3px; }
.framer-116bwgd .hs-li:hover { color: #6B6B6B; border-color: #6B6B6B; }
/* footer: three glowing cubes take turns rolling along the crest of the hill, one at a time (36s each,
   the next starts as the previous leaves), each a different size on a slightly different path;
   softened and dimmed like the darkened photo behind them */
.hs-roll { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hs-rcube { position: absolute; top: 62%; left: -6%; width: 2.6%; overflow: visible; opacity: .85;
  filter: blur(1.2px) brightness(.8) drop-shadow(0 0 6px rgba(255, 225, 160, .9)) drop-shadow(0 0 18px rgba(255, 190, 90, .7)) drop-shadow(0 0 40px rgba(255, 160, 50, .45)); }
.hs-motion .hs-rcube { animation: hs-roll-a 108s linear infinite; animation-delay: calc(var(--i) * 36s); }
.hs-rcube:nth-child(n+4) { display: none; }
@keyframes hs-roll-a { 0.0% { left: -6%; top: 61.7%; transform: rotate(0deg); } 1.79% { left: 0%; top: 61.7%; transform: rotate(77deg); } 4.17% { left: 8%; top: 66.7%; transform: rotate(180deg); } 7.59% { left: 19.5%; top: 68.7%; transform: rotate(328deg); } 11.01% { left: 31%; top: 65.7%; transform: rotate(476deg); } 14.29% { left: 42%; top: 61.2%; transform: rotate(617deg); } 17.56% { left: 53%; top: 60.2%; transform: rotate(759deg); } 20.83% { left: 64%; top: 62.7%; transform: rotate(900deg); } 24.4% { left: 76%; top: 69.7%; transform: rotate(1054deg); } 27.68% { left: 87%; top: 74.7%; transform: rotate(1196deg); } 30.95% { left: 98%; top: 70.7%; transform: rotate(1337deg); } 33.33% { left: 106%; top: 70.7%; transform: rotate(1440deg); } 100% { left: 106%; top: 70.7%; transform: rotate(1440deg); } }
.hs-rcube[style*='--i:0'] { width: 2.6%; animation-name: hs-roll-a; }
@keyframes hs-roll-b { 0.0% { left: -6%; top: 62.3%; transform: rotate(0deg); } 1.79% { left: 0%; top: 62.3%; transform: rotate(58deg); } 4.17% { left: 8%; top: 67.3%; transform: rotate(135deg); } 7.59% { left: 19.5%; top: 69.3%; transform: rotate(246deg); } 11.01% { left: 31%; top: 66.3%; transform: rotate(357deg); } 14.29% { left: 42%; top: 61.8%; transform: rotate(463deg); } 17.56% { left: 53%; top: 60.8%; transform: rotate(569deg); } 20.83% { left: 64%; top: 63.3%; transform: rotate(675deg); } 24.4% { left: 76%; top: 70.3%; transform: rotate(791deg); } 27.68% { left: 87%; top: 75.3%; transform: rotate(897deg); } 30.95% { left: 98%; top: 71.3%; transform: rotate(1003deg); } 33.33% { left: 106%; top: 71.3%; transform: rotate(1080deg); } 100% { left: 106%; top: 71.3%; transform: rotate(1080deg); } }
.hs-rcube[style*='--i:1'] { width: 3.4%; animation-name: hs-roll-b; }
@keyframes hs-roll-c { 0.0% { left: -6%; top: 61.2%; transform: rotate(0deg); } 1.79% { left: 0%; top: 61.2%; transform: rotate(96deg); } 4.17% { left: 8%; top: 66.2%; transform: rotate(225deg); } 7.59% { left: 19.5%; top: 68.2%; transform: rotate(410deg); } 11.01% { left: 31%; top: 65.2%; transform: rotate(595deg); } 14.29% { left: 42%; top: 60.7%; transform: rotate(771deg); } 17.56% { left: 53%; top: 59.7%; transform: rotate(948deg); } 20.83% { left: 64%; top: 62.2%; transform: rotate(1125deg); } 24.4% { left: 76%; top: 69.2%; transform: rotate(1318deg); } 27.68% { left: 87%; top: 74.2%; transform: rotate(1495deg); } 30.95% { left: 98%; top: 70.2%; transform: rotate(1671deg); } 33.33% { left: 106%; top: 70.2%; transform: rotate(1800deg); } 100% { left: 106%; top: 70.2%; transform: rotate(1800deg); } }
.hs-rcube[style*='--i:2'] { width: 2.0%; animation-name: hs-roll-c; }
@media (max-width: 809px) { .hs-rcube { width: 6% !important; } }