.hero {
  --u: calc(100cqw / 1672);
  container-type: inline-size;
  background: var(--brown);
}
.composition { display: flex; flex-direction: column; }
.hero-copy {
  order: -1;
  padding: clamp(27px, 7vw, 46px) var(--gutter) clamp(25px, 6vw, 36px);
  background: #fff;
}
.hero-copy h1 {
  font-size: clamp(37px, 10.4vw, 76px);
  line-height: .95;
  font-weight: 900;
  letter-spacing: -.057em;
}
.hero-copy h1 span { display: block; }
.hero-copy h1 b { color: var(--orange); }
.hero-copy p { margin-top: 13px; font-weight: 520; line-height: 1.36; }
.hero-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 3px;
  font-weight: 580;
  text-decoration: none;
}
.hero-link span:first-child { border-bottom: 2px solid var(--orange); }
.hero-link span:last-child { color: #994400; font-size: 1.25em; }
.visual {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  background: #514036;
}
.scene {
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  aspect-ratio: 1.19;
}
.scene--studio { grid-column: 1 / -1; aspect-ratio: 1.19; }
.scene-canvas {
  --u: calc(100cqw / var(--crop));
  position: absolute;
  left: calc(var(--crop-x) * -1 * var(--u));
  top: calc(var(--crop-y) * -1 * var(--u));
  width: calc(1672 * var(--u));
  height: calc(941 * var(--u));
}
.scene--studio { --crop: 405; --crop-x: 0; --crop-y: 327; --x: 0; --y: 235; --w: 540; --h: 541; }
.scene--magazine { --crop: 400; --crop-x: 463; --crop-y: 246; --x: 356; --y: 66; --w: 613; --h: 692; }
.scene--pulse { --crop: 218; --crop-x: 912; --crop-y: 270; --x: 700; --y: 66; --w: 637; --h: 710; }
.scene--market { --crop: 260; --crop-x: 1335; --crop-y: 265; --x: 1105; --y: 66; --w: 567; --h: 710; }
.scene-photo {
  position: absolute;
  top: calc(var(--y) * var(--u));
  left: calc(var(--x) * var(--u));
  width: calc(var(--w) * var(--u));
  height: calc(var(--h) * var(--u));
}
.scene-photo img { width: 100%; height: 100%; object-fit: cover; }
.scene-effects { position: absolute; inset: 0; pointer-events: none; }
.scene-effects img:not(.laser), .headline-slope { position: absolute; inset: 0; width: 100%; height: 100%; }
.headline-slope { display: none; pointer-events: none; }
.trace-rest { opacity: .17; }
.laser {
  position: absolute;
  top: calc(482.5 * var(--u));
  left: calc(319.5 * var(--u));
  width: calc(7 * var(--u));
  height: calc(7 * var(--u));
  overflow: visible;
  filter: drop-shadow(0 0 calc(6 * var(--u)) #ff7314);
}
.motion:not(.track-glow) { opacity: 0; }
.hero-bottom { color: #fff; background: var(--brown); padding: 12px var(--gutter) 10px; }
.hero-bottom :is(a, button):focus-visible { outline-color: #ffc995; }
.route {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
}
.route-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 70px;
  padding: 9px 0 10px 20px;
  border-bottom: 1px solid #705c50;
  text-decoration: none;
}
.route-item strong { font-size: clamp(14px, 3.75vw, 21px); line-height: 1.18; letter-spacing: -.03em; }
.route-item > span:last-child { color: #efe4db; font-size: 12px; line-height: 1.3; }
.route-item:hover strong { text-decoration: underline; }
.route-point { position: absolute; left: 3px; top: 14px; width: 9px; height: 9px; }
.route-point img { position: absolute; inset: 0; width: 100%; height: 100%; }
.route-point img:first-child { inset: -94.44%; width: 288.88%; height: 288.88%; max-width: none; }
.route-point .route-ring { inset: -3px; width: 15px; height: 15px; max-width: none; }
.route-track { display: block; position: relative; grid-column: 1 / -1; height: 14px; pointer-events: none; }
.track-line, .track-glow, .track-signal { position: absolute; top: 7px; height: 2px; border-radius: 2px; }
.track-line, .track-glow { left: 4%; right: 4%; background: linear-gradient(90deg, transparent, #f9700c 12% 88%, transparent); }
.track-glow { height: 3px; filter: blur(3px); opacity: .48; }
.track-signal {
  --u: calc((100cqw - 2 * var(--gutter)) / 1300);
  left: 7%;
  width: calc(82 * var(--u));
  background: linear-gradient(90deg, transparent, #fff2d1 65%, transparent);
  box-shadow: 0 0 7px 1px #ff660b;
}
.hero-controls { display: flex; flex-wrap: wrap; gap: 3px 16px; align-items: center; justify-content: space-between; }
.hero-controls > a, .motion-toggle { min-height: 44px; display: inline-flex; align-items: center; font-size: .75rem; color: #fff; }
.motion-toggle { border: 0; padding: 0; background: none; cursor: pointer; text-underline-offset: .18em; }
.motion-toggle:hover { text-decoration: underline; }

@media (min-width: 650px) and (max-width: 959px) {
  .visual { grid-template-columns: 1.65fr 1fr 1fr 1fr; }
  .scene { aspect-ratio: auto; min-height: 250px; }
  .scene--studio { grid-column: auto; }
  .scene--magazine { --crop: 285; --crop-x: 475; --crop-y: 210; }
  .scene--pulse { --crop: 205; --crop-x: 916; --crop-y: 185; }
  .scene--market { --crop: 252; --crop-x: 1295; --crop-y: 188; }
  .route { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 960px) {
  .composition {
    position: relative;
    display: block;
    height: calc(875 * var(--u));
    min-height: 500px;
    overflow: hidden;
  }
  .hero-copy {
    position: absolute;
    z-index: 1;
    top: calc(36 * var(--u));
    left: calc(55 * var(--u));
    padding: 0;
    background: transparent;
  }
  .hero-copy h1 { font-size: calc(72 * var(--u)); line-height: .917; letter-spacing: -.043em; }
  .hero-copy p { margin-top: calc(12 * var(--u)); font-size: max(13px, calc(19 * var(--u))); }
  :lang(kk) .hero-copy p { max-width: calc(422 * var(--u)); }
  .hero-link { margin-top: 0; min-height: max(36px, calc(46 * var(--u))); font-size: max(15px, calc(23 * var(--u))); }
  .hero-link span:last-child { color: #af4b04; }
  .visual {
    position: absolute;
    display: block;
    top: calc(-66 * var(--u));
    left: 0;
    width: 100%;
    height: calc(941 * var(--u));
    background: linear-gradient(#8f8277, #4c3c32 68%, #382c25);
  }
  .scene, .scene-canvas { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
  .scene { container-type: normal; mask-repeat: no-repeat; mask-size: 100% 100%; }
  .scene-canvas { --u: calc(100cqw / 1672); }
  .scene--studio { mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2NzIiIGhlaWdodD0iOTQxIiB2aWV3Qm94PSIwIDAgMTY3MiA5NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzIwODsmIzE0ODsmIzIwODsmIzE4NDsmIzIwODsmIzE3NjsmIzIwODsmIzE3OTsmIzIwODsmIzE5MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwODsmIzE4NzsmIzIwOTsmIzE0MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwOTsmIzE0MzsgJiMyMDg7JiMxODg7JiMyMDg7JiMxNzY7JiMyMDk7JiMxMjk7JiMyMDg7JiMxODY7JiMyMDg7JiMxNzY7Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTAgMzY2TDU0MCAyNjBMMzYwIDc1OEgwVjM2NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg=="); }
  .scene--magazine { mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2NzIiIGhlaWdodD0iOTQxIiB2aWV3Qm94PSIwIDAgMTY3MiA5NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzIwODsmIzE0ODsmIzIwODsmIzE4NDsmIzIwODsmIzE3NjsmIzIwODsmIzE3OTsmIzIwODsmIzE5MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwODsmIzE4NzsmIzIwOTsmIzE0MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwOTsmIzE0MzsgJiMyMDg7JiMxODg7JiMyMDg7JiMxNzY7JiMyMDk7JiMxMjk7JiMyMDg7JiMxODY7JiMyMDg7JiMxNzY7Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYxMSA2Nkg5NjlMNzIzIDc1OEgzNjBMNjExIDY2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K"); }
  .scene--pulse { mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2NzIiIGhlaWdodD0iOTQxIiB2aWV3Qm94PSIwIDAgMTY3MiA5NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzIwODsmIzE0ODsmIzIwODsmIzE4NDsmIzIwODsmIzE3NjsmIzIwODsmIzE3OTsmIzIwODsmIzE5MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwODsmIzE4NzsmIzIwOTsmIzE0MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwOTsmIzE0MzsgJiMyMDg7JiMxODg7JiMyMDg7JiMxNzY7JiMyMDk7JiMxMjk7JiMyMDg7JiMxODY7JiMyMDg7JiMxNzY7Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTk2OSA2NkgxMzM2TDExMTQgNzU4SDcyM0w5NjkgNjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo="); }
  .scene--market { mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2NzIiIGhlaWdodD0iOTQxIiB2aWV3Qm94PSIwIDAgMTY3MiA5NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzIwODsmIzE0ODsmIzIwODsmIzE4NDsmIzIwODsmIzE3NjsmIzIwODsmIzE3OTsmIzIwODsmIzE5MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwODsmIzE4NzsmIzIwOTsmIzE0MDsmIzIwODsmIzE4OTsmIzIwODsmIzE3NjsmIzIwOTsmIzE0MzsgJiMyMDg7JiMxODg7JiMyMDg7JiMxNzY7JiMyMDk7JiMxMjk7JiMyMDg7JiMxODY7JiMyMDg7JiMxNzY7Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzMzYgNjZIMTY3MlY3NThIMTExNEwxMzM2IDY2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K"); }
  .headline-slope { display: block; }
  .hero-bottom {
    position: absolute;
    top: calc(612 * var(--u));
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background: linear-gradient(transparent 0, #382c251a calc(23.67 * var(--u)), #382c255e calc(44.71 * var(--u)), #382c25d6 calc(68.38 * var(--u)), #382c25 calc(78.9 * var(--u)));
  }
  .route { display: block; position: relative; }
  .route-track { display: block; position: absolute; inset: 0; pointer-events: none; }
  .track-line, .track-glow, .track-signal { position: absolute; }
  .track-line, .track-glow { left: calc(104 * var(--u)); width: calc(1438 * var(--u)); }
  .track-line {
    top: calc(90 * var(--u));
    height: max(1px, calc(1.5 * var(--u)));
    background: linear-gradient(90deg, transparent, #f9700c 6% 85%, transparent);
  }
  .track-glow { top: calc(88 * var(--u)); height: calc(4 * var(--u)); background: #f9700c9e; filter: blur(calc(5 * var(--u))); opacity: .48; }
  .track-signal {
    --u: calc(100cqw / 1672);
    top: calc(89.1 * var(--u));
    left: calc(153 * var(--u));
    width: calc(82 * var(--u));
    height: calc(3.2 * var(--u));
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, #ffa138bf 43%, #fff2d1 64%, transparent);
    box-shadow: 0 0 calc(15 * var(--u)) 1px #ff660b;
  }
  .route-item--studio { --at: 104; --until: 389; }
  .route-item--magazine { --at: 449; --until: 755; }
  .route-item--pulse { --at: 814; --until: 1150; }
  .route-item--market { --at: 1208; --until: 1620; }
  .route-item {
    position: absolute;
    top: calc(115 * var(--u));
    left: calc(var(--at) * var(--u));
    width: calc((var(--until) - var(--at)) * var(--u));
    padding: 0 calc(14 * var(--u)) 0 0;
    min-height: 42px;
    border: 0;
  }
  .route-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(5 * var(--u));
    height: calc(52 * var(--u));
    border-right: 1px solid #ffffff61;
  }
  .route-item strong { font-size: max(16px, calc(29 * var(--u))); }
  .route-item > span:last-child { font-size: max(11px, calc(17 * var(--u))); }
  .route-point {
    top: calc(-33 * var(--u));
    left: calc((var(--point) - var(--at) - 9) * var(--u));
    width: calc(18 * var(--u));
    height: calc(18 * var(--u));
  }
  .route-point .route-ring { inset: calc(-2 * var(--u)); width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
  .hero-controls { position: absolute; left: calc(104 * var(--u)); right: calc(52 * var(--u)); bottom: calc(12 * var(--u)); }
  .hero-controls > a { font-size: max(12px, calc(16 * var(--u))); }
}

@media (min-width: 960px) and (max-width: 1150px) {
  .hero-controls { bottom: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .motion { animation: none !important; }
}

.hero .motion { --cycle: 4.5s; }
.hero[data-paused] .motion { animation-play-state: paused; }

@keyframes hero-315-8068-opacity {
  0% { opacity: 0; }
  3.556% { opacity: 0; }
  12.029% { animation-timing-function: ease-in-out; opacity: 0.86; }
  90.667% { opacity: 0; }
  100% { opacity: 0; }
}

.hero:where([data-motion-ready]) [data-motion="315:8068"] { animation: hero-315-8068-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8074-opacity {
  0% { opacity: 0; }
  12.029% { opacity: 0; }
  31.329% { animation-timing-function: ease-in-out; opacity: 0.86; }
  90.667% { opacity: 0; }
  100% { opacity: 0; }
}

.hero:where([data-motion-ready]) [data-motion="315:8074"] { animation: hero-315-8074-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8080-opacity {
  0% { opacity: 0; }
  31.329% { opacity: 0; }
  52.298% { animation-timing-function: ease-in-out; opacity: 0.86; }
  90.667% { opacity: 0; }
  100% { opacity: 0; }
}

.hero:where([data-motion-ready]) [data-motion="315:8080"] { animation: hero-315-8080-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8086-opacity {
  0% { opacity: 0; }
  52.298% { opacity: 0; }
  65.062% { animation-timing-function: ease-in-out; opacity: 0.86; }
  90.667% { opacity: 0; }
  100% { opacity: 0; }
}

.hero:where([data-motion-ready]) [data-motion="315:8086"] { animation: hero-315-8086-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8092-opacity {
  0% { opacity: 0; }
  65.062% { opacity: 0; }
  76.889% { animation-timing-function: ease-in-out; opacity: 0.86; }
  90.667% { opacity: 0; }
  100% { opacity: 0; }
}

.hero:where([data-motion-ready]) [data-motion="315:8092"] { animation: hero-315-8092-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8098-opacity {
  0% { opacity: 0; }
  3.333% { opacity: 0; }
  6% { opacity: 1; }
  76.889% { animation-timing-function: ease-in-out; opacity: 1; }
  81.333% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8098-transform {
  0% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
  3.556% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
  12.029% { transform: translate(calc(101 * var(--u)), calc(-18 * var(--u))); }
  31.329% { transform: translate(calc(50 * var(--u)), calc(210 * var(--u))); }
  52.298% { transform: translate(calc(-201 * var(--u)), calc(172 * var(--u))); }
  65.062% { transform: translate(calc(-140 * var(--u)), calc(30 * var(--u))); }
  76.889% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
  100% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
}

.hero:where([data-motion-ready]) [data-motion="315:8098"] { animation: hero-315-8098-opacity var(--cycle) linear infinite both, hero-315-8098-transform var(--cycle) linear infinite both; }

@keyframes hero-315-8112-opacity {
  0% { opacity: 0; }
  20.222% { opacity: 0; }
  26.444% { opacity: 0.8; }
  36.444% { animation-timing-function: ease-in-out; opacity: 0.95; }
  49.333% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8112-transform {
  0% { transform: translate(calc(-47 * var(--u)), calc(0 * var(--u))); }
  21.111% { animation-timing-function: ease-in-out; transform: translate(calc(-47 * var(--u)), calc(0 * var(--u))); }
  48.667% { transform: translate(calc(239 * var(--u)), calc(0 * var(--u))); }
  100% { transform: translate(calc(239 * var(--u)), calc(0 * var(--u))); }
}

.hero:where([data-motion-ready]) [data-motion="315:8112"] { animation: hero-315-8112-opacity var(--cycle) linear infinite both, hero-315-8112-transform var(--cycle) linear infinite both; }

@keyframes hero-294-8059-opacity {
  0% { opacity: 0.48; }
  6.889% { animation-timing-function: ease-out; opacity: 0.5; }
  10.222% { animation-timing-function: ease-in-out; opacity: 1; }
  18.889% { opacity: 0.52; }
  29.333% { animation-timing-function: ease-out; opacity: 0.5; }
  32.667% { animation-timing-function: ease-in-out; opacity: 1; }
  41.333% { opacity: 0.52; }
  51.778% { animation-timing-function: ease-out; opacity: 0.5; }
  55.111% { animation-timing-function: ease-in-out; opacity: 1; }
  63.778% { opacity: 0.52; }
  74.222% { animation-timing-function: ease-out; opacity: 0.5; }
  77.556% { animation-timing-function: ease-in-out; opacity: 1; }
  86.222% { opacity: 0.52; }
  100% { opacity: 0.48; }
}

.hero:where([data-motion-ready]) [data-motion="294:8059"] { animation: hero-294-8059-opacity var(--cycle) linear infinite both; }

@keyframes hero-315-8122-opacity {
  0% { opacity: 0; }
  6.444% { opacity: 0.94; }
  77.556% { animation-timing-function: ease-in-out; opacity: 0.96; }
  85.556% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8122-transform {
  0% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
  10.222% { transform: translate(calc(0 * var(--u)), calc(0 * var(--u))); }
  32.667% { transform: translate(calc(361 * var(--u)), calc(0 * var(--u))); }
  55.111% { transform: translate(calc(725 * var(--u)), calc(0 * var(--u))); }
  77.556% { transform: translate(calc(1118 * var(--u)), calc(0 * var(--u))); }
  100% { transform: translate(calc(1118 * var(--u)), calc(0 * var(--u))); }
}

.hero:where([data-motion-ready]) [data-motion="315:8122"] { animation: hero-315-8122-opacity var(--cycle) linear infinite both, hero-315-8122-transform var(--cycle) linear infinite both; }

@keyframes hero-315-8149-opacity {
  0% { opacity: 0; }
  6.889% { animation-timing-function: ease-out; opacity: 0; }
  10.222% { animation-timing-function: ease-in-out; opacity: 0.95; }
  20.667% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8149-transform {
  0% { transform: scale(0.7, 0.7); }
  6.889% { animation-timing-function: ease-out; transform: scale(0.7, 0.7); }
  10.222% { animation-timing-function: ease-out; transform: scale(1.05, 1.05); }
  20.667% { transform: scale(2.28, 2.28); }
  100% { transform: scale(2.28, 2.28); }
}

.hero:where([data-motion-ready]) [data-motion="315:8149"] { animation: hero-315-8149-opacity var(--cycle) linear infinite both, hero-315-8149-transform var(--cycle) linear infinite both; }

@keyframes hero-315-8158-opacity {
  0% { opacity: 0; }
  29.333% { animation-timing-function: ease-out; opacity: 0; }
  32.667% { animation-timing-function: ease-in-out; opacity: 0.95; }
  43.111% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8158-transform {
  0% { transform: scale(0.7, 0.7); }
  29.333% { animation-timing-function: ease-out; transform: scale(0.7, 0.7); }
  32.667% { animation-timing-function: ease-out; transform: scale(1.05, 1.05); }
  43.111% { transform: scale(2.28, 2.28); }
  100% { transform: scale(2.28, 2.28); }
}

.hero:where([data-motion-ready]) [data-motion="315:8158"] { animation: hero-315-8158-opacity var(--cycle) linear infinite both, hero-315-8158-transform var(--cycle) linear infinite both; }

@keyframes hero-315-8167-opacity {
  0% { opacity: 0; }
  51.778% { animation-timing-function: ease-out; opacity: 0; }
  55.111% { animation-timing-function: ease-in-out; opacity: 0.95; }
  65.556% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8167-transform {
  0% { transform: scale(0.7, 0.7); }
  51.778% { animation-timing-function: ease-out; transform: scale(0.7, 0.7); }
  55.111% { animation-timing-function: ease-out; transform: scale(1.05, 1.05); }
  65.556% { transform: scale(2.28, 2.28); }
  100% { transform: scale(2.28, 2.28); }
}

.hero:where([data-motion-ready]) [data-motion="315:8167"] { animation: hero-315-8167-opacity var(--cycle) linear infinite both, hero-315-8167-transform var(--cycle) linear infinite both; }

@keyframes hero-315-8176-opacity {
  0% { opacity: 0; }
  74.222% { animation-timing-function: ease-out; opacity: 0; }
  77.556% { animation-timing-function: ease-in-out; opacity: 0.95; }
  88% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes hero-315-8176-transform {
  0% { transform: scale(0.7, 0.7); }
  74.222% { animation-timing-function: ease-out; transform: scale(0.7, 0.7); }
  77.556% { animation-timing-function: ease-out; transform: scale(1.05, 1.05); }
  88% { transform: scale(2.28, 2.28); }
  100% { transform: scale(2.28, 2.28); }
}

.hero:where([data-motion-ready]) [data-motion="315:8176"] { animation: hero-315-8176-opacity var(--cycle) linear infinite both, hero-315-8176-transform var(--cycle) linear infinite both; }