/*
 * MARI homepage — focused refinement pass v4.
 * Loaded after polish-v3.css.
 */

@font-face {
  font-family: "Alice RA";
  src: url("assets/fonts/alice-ra.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

/* Hero scroll cue: quiet, close to the original composition. */

.scroll-cue {
  right: 0;
  bottom: 14px;
  gap: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 12px rgba(0, 25, 92, 0.55);
}

.scroll-cue-icon {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: rgba(1, 53, 161, 0.16);
  box-shadow: none;
  font-size: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.scroll-cue-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 13px;
  width: 2px;
  height: 17px;
  border-radius: 4px;
  background: #fff;
  transform: translateX(-50%);
}

.scroll-cue-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 34px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.65);
  transform: translateX(-50%);
}

/* About: supplied signature, clearer icons and a readable regional map. */

.signature {
  margin-top: 25px;
  color: #319eff;
  font-family: "Alice RA", "Segoe Print", cursive;
  font-size: clamp(58px, 5vw, 78px);
  font-weight: 400;
  font-style: normal;
  line-height: 0.8;
  letter-spacing: 0;
  text-transform: none;
  transform: rotate(-5deg);
  transform-origin: left center;
  text-shadow: 0 8px 28px rgba(0, 116, 255, 0.32);
}

.stat-icon--experience {
  position: relative;
  width: 27px;
  height: 19px;
  margin-left: 1px;
  border: 1.5px solid #dce9fb;
  border-radius: 5px;
}

.stat-icon--experience::before {
  content: "";
  position: absolute;
  left: 7px;
  top: -7px;
  width: 10px;
  height: 7px;
  border: 1.5px solid #dce9fb;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.stat-icon--experience::after {
  content: "";
  position: absolute;
  right: -1.5px;
  left: -1.5px;
  top: 7px;
  height: 4px;
  border-top: 1.5px solid #dce9fb;
  border-bottom: 1px solid rgba(220, 233, 251, 0.3);
}

.stat-icon--type {
  width: 30px;
  height: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1px;
  font-family: Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.08em;
}

.stat-icon--type::before {
  content: "A";
  font-size: 27px;
  line-height: 0.8;
}

.stat-icon--type::after {
  content: "a";
  color: #78c9ff;
  font-size: 17px;
  line-height: 0.85;
}

.stat-icon--education {
  position: relative;
  width: 29px;
  height: 24px;
}

.stat-icon--education::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 2px;
  width: 27px;
  height: 16px;
  background: linear-gradient(135deg, #f2f7ff, #9edaff);
  clip-path: polygon(50% 0, 100% 34%, 50% 70%, 0 34%);
  filter: drop-shadow(0 4px 7px rgba(58, 149, 236, 0.16));
}

.stat-icon--education::after {
  content: "";
  position: absolute;
  left: 7px;
  bottom: 1px;
  width: 15px;
  height: 8px;
  border-right: 1.5px solid #dce9fb;
  border-bottom: 1.5px solid #dce9fb;
  border-left: 1.5px solid #dce9fb;
  border-radius: 0 0 8px 8px;
}

.stat-card small {
  max-width: 145px;
  color: #b2bfd1;
  font-size: 10.5px;
  line-height: 1.35;
}

.russia-map {
  position: relative;
  min-height: 265px;
  margin: -22px -5px -1px;
  overflow: visible;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
}

.russia-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(192, 216, 247, 0.94) 0 1.55px, transparent 1.9px);
  background-size: 6.5px 6.5px;
  -webkit-mask-image: url("assets/world-robinson.svg");
  mask-image: url("assets/world-robinson.svg");
  -webkit-mask-size: 400% auto;
  mask-size: 400% auto;
  -webkit-mask-position: 58% 10%;
  mask-position: 58% 10%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  filter: drop-shadow(0 0 12px rgba(71, 144, 255, 0.15));
}

.russia-map .map-marker {
  left: 36%;
  top: 28%;
  z-index: 2;
  width: 14px;
  height: 14px;
  border-width: 3px;
  box-shadow:
    0 0 0 8px rgba(0, 129, 255, 0.2),
    0 0 34px 16px rgba(0, 129, 255, 0.52);
}

.map-caption {
  grid-template-columns: 48px 1fr;
  gap: 1px 14px;
}

.map-arrow {
  position: relative;
  width: 42px;
  height: 42px;
  border: 2px solid rgba(237, 245, 255, 0.82);
  font-size: 0;
}

.map-arrow i {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: #fff;
  transform: rotate(-42deg);
}

.map-arrow i::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.map-caption p b {
  color: #8ec8ff;
}

/* Direction cards: reference-like identity artwork and restored logo card. */

.identity-art {
  inset: 108px 0 0;
}

.identity-shape--grid {
  z-index: 1;
  left: -4%;
  bottom: -1%;
  width: 79%;
  height: 71%;
  border-radius: 18px 22px 12px 16px;
  background: linear-gradient(145deg, #19daf0, #0788e9);
  clip-path: polygon(0 100%, 0 58%, 47% 27%, 100% 100%);
  transform: none;
  filter: drop-shadow(0 18px 24px rgba(0, 38, 127, 0.24));
}

.identity-shape--grid::after {
  background:
    linear-gradient(45deg, rgba(0, 65, 180, 0.52) 25%, transparent 25%, transparent 75%, rgba(0, 65, 180, 0.52) 75%),
    linear-gradient(45deg, rgba(0, 65, 180, 0.52) 25%, transparent 25%, transparent 75%, rgba(0, 65, 180, 0.52) 75%);
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
}

.identity-shape--dots {
  z-index: 2;
  right: -7%;
  bottom: -2%;
  width: 79%;
  height: 96%;
  border-radius: 25px 25px 17px 20px;
  background:
    radial-gradient(circle, #ff6577 0 13px, transparent 14px) 0 0 / 38px 38px,
    radial-gradient(circle, #ce58a1 0 13px, transparent 14px) 19px 19px / 38px 38px,
    linear-gradient(155deg, #ffb2bd 8%, #ff7088 54%, #ae4fac 100%);
  clip-path: polygon(0 100%, 8% 77%, 58% 3%, 100% 100%);
  transform: none;
  filter: drop-shadow(0 22px 28px rgba(52, 31, 126, 0.3));
}

.identity-shape--dots::after {
  display: none;
}

.logo-art {
  inset: 102px 0 0;
}

.logo-orbit {
  border-color: rgba(198, 235, 255, 0.45);
}

.logo-tile {
  width: 152px;
  height: 152px;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.04)),
    rgba(16, 88, 223, 0.45);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.56),
    0 26px 38px rgba(1, 42, 136, 0.35);
  transform: translate(-50%, -50%) rotate(-8deg);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.logo-tile img {
  width: 98px;
  height: 98px;
}

.preview-art {
  inset: 96px 0 0;
}

.preview-shape--grid {
  left: -8%;
  bottom: -2%;
  width: 66%;
  height: 62%;
}

.preview-shape--dots {
  right: -7%;
  bottom: -3%;
  width: 66%;
  height: 71%;
}

.video-tile {
  right: 5%;
  top: 13%;
  bottom: auto;
  width: 90%;
  height: 57%;
}

/* Mobile-only carousel controls. */

.mobile-slider-tools {
  display: none;
}

/* Works: four equal cards, no oversized ribbon. */

.works-stage {
  height: clamp(500px, 43vw, 630px);
  margin-top: 54px;
}

.works-stage::after {
  display: none;
}

.works-stage .work-card,
.works-stage .work-card--one,
.works-stage .work-card--two,
.works-stage .work-card--three,
.works-stage .work-card--four {
  position: absolute;
  top: auto;
  bottom: -4%;
  z-index: 2;
  width: 25.5%;
  height: 78%;
  border-radius: 24px;
  filter: none;
  transform-origin: 50% 100%;
}

.works-stage .work-card--one {
  left: 1.5%;
  transform: rotate(-7deg) translateY(8%);
}

.works-stage .work-card--two {
  left: 25.5%;
  z-index: 3;
  transform: rotate(-2.5deg) translateY(2%);
}

.works-stage .work-card--three {
  left: 49%;
  z-index: 4;
  transform: rotate(2.5deg) translateY(2%);
}

.works-stage .work-card--four {
  right: 1.5%;
  transform: rotate(7deg) translateY(8%);
}

.works-stage .work-card:hover,
.works-stage .work-card--one:hover,
.works-stage .work-card--two:hover,
.works-stage .work-card--three:hover,
.works-stage .work-card--four:hover {
  z-index: 8;
  transform: rotate(0deg) translateY(-16px);
}

.works-stage .work-card img {
  object-position: center;
}

.works-stage .work-meta b {
  font-size: clamp(17px, 1.65vw, 25px);
}

/* Process: one structured header and aligned, textured cards. */

.process-section {
  padding: clamp(92px, 8vw, 132px) 0;
  background:
    linear-gradient(rgba(119, 170, 232, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(119, 170, 232, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 7% 78%, rgba(255, 93, 129, 0.2), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(0, 139, 255, 0.26), transparent 34%),
    linear-gradient(145deg, #091426, #06101f 72%);
  background-size: 54px 54px, 54px 54px, auto, auto, auto;
}

.process-section::before {
  left: -14%;
  bottom: -48%;
  opacity: 0.72;
}

.process-orbit--one {
  top: auto;
  right: 5%;
  bottom: 12%;
  width: 92px;
  height: 92px;
  opacity: 0.72;
}

.process-orbit--two {
  top: auto;
  right: 17%;
  bottom: 8%;
  width: 48px;
  height: 48px;
}

.process-intro {
  position: relative;
  z-index: 2;
  padding: clamp(28px, 3.5vw, 48px);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.65fr);
  align-items: center;
  gap: clamp(40px, 7vw, 105px);
  overflow: hidden;
  border: 1px solid rgba(176, 208, 245, 0.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 87% 16%, rgba(68, 197, 255, 0.21), transparent 26%),
    linear-gradient(140deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
    rgba(10, 27, 49, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 30px 68px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.process-intro::before {
  content: "";
  position: absolute;
  right: -45px;
  top: -75px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(103, 194, 255, 0.24);
  border-radius: 50%;
  box-shadow:
    0 0 0 30px rgba(88, 178, 255, 0.025),
    0 0 0 60px rgba(88, 178, 255, 0.018);
}

.process-title-group,
.process-note {
  position: relative;
  z-index: 1;
}

.process-title-group .section-kicker {
  margin-bottom: 21px;
  color: rgba(255, 255, 255, 0.65);
}

.process-title-group h2 {
  margin: 0;
  color: var(--mari-white);
  font-size: clamp(50px, 6vw, 90px);
  font-weight: 500;
  line-height: 0.86;
  letter-spacing: -0.072em;
}

.process-note {
  padding: 24px 0 24px 28px;
  border-left: 3px solid var(--mari-coral);
}

.process-note span {
  display: block;
  margin-bottom: 13px;
  color: #fff;
  font: 500 10px/1.35 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.process-note p {
  max-width: 390px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.6;
}

.process-list {
  margin-top: 20px;
  padding-bottom: 0;
  gap: 14px;
  grid-auto-rows: 1fr;
  align-items: stretch;
}

.process-list li,
.process-list li:first-child,
.process-list li:last-child,
.process-list li:nth-child(1),
.process-list li:nth-child(2),
.process-list li:nth-child(3),
.process-list li:nth-child(4) {
  position: relative;
  min-height: 300px;
  padding: 22px 23px 25px;
  overflow: hidden;
  border: 1px solid rgba(176, 208, 245, 0.23);
  border-radius: 24px;
  height: 100%;
  transform: none;
}

.process-list li:nth-child(1) {
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 221, 227, 0.4) 0 7%, transparent 8%),
    linear-gradient(145deg, #fa718d, #cc326b);
}

.process-list li:nth-child(2) {
  background:
    radial-gradient(circle at 86% 18%, rgba(64, 191, 255, 0.4), transparent 27%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02)),
    #10233f;
}

.process-list li:nth-child(3) {
  background:
    linear-gradient(rgba(255, 255, 255, 0.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.065) 1px, transparent 1px),
    linear-gradient(145deg, #0878f3, #0645c5);
  background-size: 25px 25px, 25px 25px, auto;
}

.process-list li:nth-child(4) {
  background:
    radial-gradient(circle, rgba(255, 112, 137, 0.22) 0 4px, transparent 4.8px) 0 0 / 22px 22px,
    linear-gradient(150deg, rgba(255, 112, 137, 0.12), rgba(255, 255, 255, 0.02)),
    #0d2039;
}

.process-list li::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -50px;
  width: 145px;
  height: 145px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.025);
}

.process-list li:nth-child(2)::after {
  border-radius: 26px;
  transform: rotate(24deg);
}

.process-list li:nth-child(3)::after {
  border-width: 2px;
  border-color: rgba(182, 235, 255, 0.32);
  transform: scale(1.15);
}

.process-list li:nth-child(4)::after {
  width: 120px;
  height: 120px;
  border-color: rgba(255, 112, 137, 0.32);
  border-radius: 22px;
  transform: rotate(38deg);
}

.process-list li:nth-child(1)::before,
.process-list li:nth-child(2)::before,
.process-list li:nth-child(3)::before,
.process-list li:nth-child(4)::before {
  color: rgba(255, 255, 255, 0.1);
}

.process-list li:hover,
.process-list li:nth-child(1):hover,
.process-list li:nth-child(2):hover,
.process-list li:nth-child(3):hover,
.process-list li:nth-child(4):hover {
  transform: translateY(-9px);
}

.process-list li > span,
.process-list li > div {
  z-index: 2;
}

@media (max-width: 1240px) {
  .russia-map {
    min-height: 285px;
  }

  .works-stage .work-card,
  .works-stage .work-card--one,
  .works-stage .work-card--two,
  .works-stage .work-card--three,
  .works-stage .work-card--four {
    height: 75%;
  }

  .process-list li,
  .process-list li:first-child,
  .process-list li:last-child {
    min-height: 286px;
  }
}

@media (max-width: 900px) {
  .russia-map {
    min-height: 280px;
  }

  .russia-map::before {
    -webkit-mask-size: 365% auto;
    mask-size: 365% auto;
    -webkit-mask-position: 57% 10%;
    mask-position: 57% 10%;
  }

  .russia-map .map-marker {
    left: 36%;
    top: 28%;
  }

  .works-stage {
    height: 545px;
  }

  .works-stage .work-card,
  .works-stage .work-card--one,
  .works-stage .work-card--two,
  .works-stage .work-card--three,
  .works-stage .work-card--four {
    width: 27%;
    height: 72%;
  }

  .works-stage .work-card--one {
    left: 0;
  }

  .works-stage .work-card--two {
    left: 24.5%;
  }

  .works-stage .work-card--three {
    left: 48.5%;
  }

  .works-stage .work-card--four {
    right: 0;
  }

  .process-intro {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .process-note {
    max-width: 600px;
  }

  .process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-list li:nth-child(3),
  .process-list li:nth-child(4) {
    margin-top: 0;
  }
}

@media (max-width: 700px) {
  .scroll-cue {
    bottom: 9px;
  }

  .scroll-cue-icon {
    width: 48px;
    height: 48px;
  }

  .scroll-cue-icon::before {
    top: 11px;
  }

  .scroll-cue-icon::after {
    top: 32px;
  }

  .signature {
    margin-top: 28px;
    font-size: 66px;
  }

  .stat-card small {
    font-size: 10px;
  }

  .russia-map {
    min-height: 230px;
    margin: -7px 0 -4px;
  }

  .russia-map::before {
    background-size: 5.5px 5.5px;
    -webkit-mask-size: 435% auto;
    mask-size: 435% auto;
    -webkit-mask-position: 58% 10%;
    mask-position: 58% 10%;
  }

  .russia-map .map-marker {
    left: 36%;
    top: 28%;
  }

  .map-arrow {
    width: 40px;
    height: 40px;
  }

  .mobile-slider-tools {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  .mobile-slider-tools > span {
    position: relative;
    padding-left: 23px;
    color: rgba(255, 255, 255, 0.78);
    font: 500 9px/1 var(--mono);
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .mobile-slider-tools > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    transform: translateY(-50%);
  }

  .mobile-slider-tools > span::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 1px;
    background: #fff;
    transform: translateY(-50%);
  }

  .mobile-slider-tools > div {
    display: flex;
    gap: 8px;
  }

  .mobile-slider-tools button {
    width: 42px;
    height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    background: rgba(1, 57, 173, 0.28);
    color: #fff;
    font-size: 21px;
    line-height: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition:
      opacity 0.2s ease,
      background 0.2s ease,
      transform 0.2s ease;
  }

  .mobile-slider-tools button:active {
    transform: scale(0.94);
  }

  .mobile-slider-tools button:disabled {
    opacity: 0.34;
  }

  .direction-grid {
    width: calc(100% + 14px);
    margin: 24px -14px 0 0;
    padding: 0 28px 16px 0;
    display: flex;
    grid-template-columns: none;
    gap: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-left: 0;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
  }

  .direction-grid::after {
    content: "";
    flex: 0 0 1px;
  }

  .direction-card {
    width: min(82vw, 320px);
    height: 420px;
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  .identity-art {
    inset: 104px 0 0;
  }

  .preview-art {
    inset: 94px 0 0;
  }

  .video-tile {
    top: 11%;
    height: 59%;
  }

  .mobile-slider-tools--works {
    margin-top: 32px;
  }

  .mobile-slider-tools--works > span {
    color: #9fb0c7;
  }

  .mobile-slider-tools--works > span::before {
    border-color: #7188a9;
  }

  .mobile-slider-tools--works > span::after {
    background: #7fa4d5;
  }

  .mobile-slider-tools--works button {
    border-color: rgba(145, 177, 218, 0.38);
    background: rgba(18, 39, 70, 0.72);
  }

  .works-stage {
    width: calc(100% + 14px);
    height: auto;
    margin: 14px -14px 0 0;
    padding: 18px 28px 20px 0;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-radius: 24px 0 0 24px;
    scroll-padding-left: 0;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .works-stage::-webkit-scrollbar {
    display: none;
  }

  .works-stage::before,
  .works-stage::after,
  .works-orbit {
    display: none;
  }

  .works-stage::after {
    content: "";
    flex: 0 0 1px;
  }

  .works-stage .work-card,
  .works-stage .work-card--one,
  .works-stage .work-card--two,
  .works-stage .work-card--three,
  .works-stage .work-card--four {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: min(82vw, 330px);
    height: min(104vw, 420px);
    flex: 0 0 min(82vw, 330px);
    border-radius: 19px;
    filter: none;
    transform: none;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  .works-stage .work-card:hover,
  .works-stage .work-card--one:hover,
  .works-stage .work-card--two:hover,
  .works-stage .work-card--three:hover,
  .works-stage .work-card--four:hover {
    transform: none;
  }

  .process-section {
    padding: 76px 0;
  }

  .process-intro {
    padding: 27px 22px 30px;
    gap: 27px;
    border-radius: 24px;
  }

  .process-title-group h2 {
    font-size: 13vw;
  }

  .process-note {
    padding: 18px 0 0;
    border-top: 3px solid var(--mari-coral);
    border-left: 0;
  }

  .process-note p {
    font-size: 13px;
  }

  .process-list {
    margin-top: 13px;
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .process-list li,
  .process-list li:first-child,
  .process-list li:last-child,
  .process-list li:nth-child(1),
  .process-list li:nth-child(2),
  .process-list li:nth-child(3),
  .process-list li:nth-child(4) {
    min-height: 218px;
    height: 100%;
    margin-top: 0;
    padding: 20px 19px 23px;
    border: 1px solid rgba(176, 208, 245, 0.23);
    border-radius: 20px;
    transform: none;
  }

  .process-list li:hover,
  .process-list li:nth-child(1):hover,
  .process-list li:nth-child(2):hover,
  .process-list li:nth-child(3):hover,
  .process-list li:nth-child(4):hover {
    transform: none;
  }

  .process-orbit--one {
    right: -32px;
    bottom: 3%;
    width: 76px;
    height: 76px;
  }

  .process-orbit--two {
    display: none;
  }
}

@media (hover: none) {
  .direction-card:hover {
    transform: none;
  }
}