/* Premium prototype styles.
   This file is loaded only by index-premium.php. */

.premium-page {
  --premium-ink: #171329;
  --premium-violet: #4f2dff;
  --premium-red: #e2001a;
  --premium-gold: #d9a441;
  --premium-soft: #f6f4ff;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(79, 45, 255, 0.06), transparent 25%),
    radial-gradient(circle at 92% 42%, rgba(226, 0, 26, 0.05), transparent 24%),
    var(--background-color);
}

.premium-page::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(66, 49, 115, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66, 49, 115, 0.025) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

/* Branded loading moment */
.premium-loader {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 50% 42%, rgba(103, 70, 255, 0.42), transparent 30%),
    #151126;
  transition: opacity 0.65s ease, visibility 0.65s ease;
}

.premium-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.premium-loader-mark {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  background: linear-gradient(145deg, var(--premium-violet), #281b89);
  box-shadow: 0 25px 70px rgba(79, 45, 255, 0.42);
  font-family: var(--heading-font);
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  animation: premiumLoaderPulse 1.4s ease-in-out infinite;
}

.premium-loader-mark.premium-loader-name {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: clamp(1.5rem, 5vw, 2.35rem);
  letter-spacing: 0.02em;
  text-align: center;
  animation: premiumLoaderName 1.4s ease-in-out infinite;
}

@keyframes premiumLoaderName {
  0%, 100% {
    opacity: .72;
    transform: translateY(2px);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}

.premium-loader p {
  margin: 20px 0 14px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.premium-loader-line {
  width: 210px;
  height: 2px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.12);
}

.premium-loader-line span {
  display: block;
  width: 45%;
  height: 100%;
  background: linear-gradient(90deg, var(--premium-violet), #ff3250);
  animation: premiumLoaderLine 1s ease-in-out infinite alternate;
}

@keyframes premiumLoaderPulse {
  50% { transform: translateY(-5px) scale(1.025); }
}

@keyframes premiumLoaderLine {
  from { transform: translateX(-20%); }
  to { transform: translateX(145%); }
}

/* Scroll progress */
.premium-scroll-progress {
  position: fixed;
  z-index: 10000;
  inset: 0 0 auto;
  height: 3px;
  pointer-events: none;
}

.premium-scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--premium-violet), var(--premium-red));
  transform: scaleX(0);
  transform-origin: left;
  will-change: transform;
}

/* A single scroll-driven digital signal connects the full page. */
.premium-flow-rail {
  position: fixed;
  z-index: 900;
  top: 18vh;
  right: 16px;
  width: 12px;
  height: 64vh;
  pointer-events: none;
  opacity: 0.72;
}

.premium-flow-track {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 2px;
  border-radius: 99px;
  background: linear-gradient(to bottom,
    rgba(79, 45, 255, 0.08),
    rgba(79, 45, 255, 0.4),
    rgba(226, 0, 26, 0.35),
    rgba(226, 0, 26, 0.07));
}

.premium-flow-track::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9), transparent);
  background-size: 100% 72px;
  animation: premiumSignalFlow 2.6s linear infinite;
}

.premium-flow-signal {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--premium-violet), var(--premium-red));
  box-shadow:
    0 0 0 5px rgba(79, 45, 255, 0.1),
    0 0 22px rgba(79, 45, 255, 0.52);
  transform: translateY(calc(var(--flow-progress, 0) * (64vh - 12px)));
  transition: transform 0.1s linear;
}

@keyframes premiumSignalFlow {
  from { background-position: 0 -72px; }
  to { background-position: 0 72px; }
}

/* Floating glass navigation */
.premium-page .header {
  transition: padding 0.4s ease, filter 0.4s ease;
}

.premium-page .header .header-container {
  border: 1px solid rgba(255, 255, 255, 0.52);
  background: rgba(239, 237, 249, 0.78);
  box-shadow: 0 14px 40px rgba(29, 22, 54, 0.08);
  backdrop-filter: blur(18px) saturate(150%);
}

.premium-page.scrolled .header {
  padding-top: 7px;
}

.premium-page.scrolled .header .header-container {
  box-shadow: 0 12px 34px rgba(29, 22, 54, 0.14);
}

.premium-page .navmenu a::after {
  width: 0;
  transition: width 0.3s ease;
}

.premium-page .navmenu a:hover::after,
.premium-page .navmenu a.active::after {
  width: 25px;
}

/* Cinematic hero */
.premium-page .hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100vh;
}

.premium-page .hero::before,
.premium-page .hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(10px);
  opacity: 0.65;
  animation: premiumOrbFloat 10s ease-in-out infinite alternate;
}

.premium-page .hero::before {
  left: -240px;
  top: 70px;
  background: radial-gradient(circle, rgba(79, 45, 255, 0.18), transparent 68%);
}

.premium-page .hero::after {
  right: -210px;
  bottom: -90px;
  background: radial-gradient(circle, rgba(226, 0, 26, 0.13), transparent 68%);
  animation-delay: -4s;
}

@keyframes premiumOrbFloat {
  to { transform: translate3d(28px, -24px, 0) scale(1.08); }
}

.premium-page .hero-title {
  max-width: 100%;
  overflow: visible;
  font-size: clamp(3rem, 5vw, 4.15rem);
  letter-spacing: -0.035em;
  line-height: 1.02;
  white-space: normal;
  overflow-wrap: normal;
  background: linear-gradient(105deg, #171329 10%, #442bd0 62%, #e2001a 115%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.premium-page .hero-image-wrapper {
  perspective: 1100px;
}

.premium-page .hero-image {
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 28px;
  box-shadow: 0 42px 90px rgba(35, 24, 76, 0.2);
  transform: rotateY(-2deg) rotateX(1deg);
  transition: transform 0.5s ease;
}

.premium-page .hero-image-wrapper:hover .hero-image {
  transform: rotateY(0) rotateX(0) scale(1.015);
}

.premium-page .floating-badges .badge-item {
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 34px rgba(36, 27, 68, 0.14);
  backdrop-filter: blur(14px);
  animation: premiumBadgeFloat 4.5s ease-in-out infinite;
}

.premium-page .floating-badges .badge-item:nth-child(2) { animation-delay: -1.5s; }
.premium-page .floating-badges .badge-item:nth-child(3) { animation-delay: -3s; }

@keyframes premiumBadgeFloat {
  50% { transform: translateY(-7px); }
}

.premium-hero-enter {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--hero-delay, 0ms);
}

.premium-hero-enter.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth section rhythm */
.premium-page .section {
  position: relative;
}

.premium-page .section:nth-of-type(even)::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 0;
  width: min(1120px, 86%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(79, 45, 255, 0.2), transparent);
  transform: translateX(-50%);
}

.premium-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition:
    opacity 0.75s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.premium-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Premium cards and pointer lighting */
.premium-page .feature-card,
.premium-page .client-card,
.premium-page .stat-item,
.premium-page .media-feature-card {
  position: relative;
  overflow: hidden;
}

.premium-page .feature-card::before,
.premium-page .client-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(280px circle at var(--spot-x, 50%) var(--spot-y, 50%),
    rgba(93, 65, 255, 0.14), transparent 52%);
  transition: opacity 0.3s ease;
}

.premium-page .feature-card:hover::before,
.premium-page .client-card:hover::before {
  opacity: 1;
}

.premium-page .feature-card > *,
.premium-page .client-card > * {
  position: relative;
  z-index: 1;
}

.premium-page .feature-card {
  border: 1px solid rgba(72, 55, 127, 0.09);
  box-shadow: 0 12px 40px rgba(42, 31, 78, 0.07);
  transform-style: preserve-3d;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.premium-page .feature-card:hover {
  border-color: rgba(79, 45, 255, 0.24);
  box-shadow: 0 24px 58px rgba(42, 31, 78, 0.14);
}

.premium-page .feature-icon {
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.premium-page .feature-card:hover .feature-icon {
  transform: translateY(-4px) rotate(-4deg) scale(1.06);
}

.premium-service-link {
  width: fit-content;
  margin: auto auto 0;
  padding-top: 9px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--premium-violet);
  font-size: 0.78rem;
  font-weight: 800;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.premium-service-link i {
  transition: transform 0.3s ease;
}

.premium-page .feature-card:hover .premium-service-link,
.premium-service-link:focus-visible {
  opacity: 1;
  transform: translateY(0);
}

.premium-service-link:hover i {
  transform: translateX(4px);
}

/* Statistics with visual progress */
.premium-page .stat-item {
  border: 1px solid rgba(79, 45, 255, 0.09);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(79, 45, 255, 0.24), rgba(226, 0, 26, 0.14)) border-box;
  box-shadow: 0 14px 36px rgba(36, 27, 68, 0.07);
}

.premium-page .stat-item::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--premium-violet), var(--premium-red));
  transform: scaleX(var(--stat-fill, 0));
  transform-origin: left;
  transition: transform 0.14s linear;
}

/* Award spotlight */
.premium-page #puraskar .image-wrapper {
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 30px 72px rgba(44, 32, 82, 0.17);
}

.premium-page #puraskar .image-wrapper::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -40% auto -40% -60%;
  width: 28%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 235, 173, 0.42), transparent);
  transform: skewX(-18deg);
}

.premium-page #puraskar .image-wrapper.is-visible::after {
  animation: premiumAwardShine 1.4s ease 0.5s both;
}

.premium-page #puraskar .image-wrapper.is-visible .floating-card {
  animation: premiumAwardBadge 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.35s both;
}

@keyframes premiumAwardShine {
  to { left: 135%; }
}

@keyframes premiumAwardBadge {
  from { opacity: 0; transform: translateY(18px) rotate(-4deg) scale(0.94); }
  to { opacity: 1; transform: translateY(0) rotate(0) scale(1); }
}

.premium-page #puraskar h2 {
  position: relative;
  display: inline-block;
}

.premium-page #puraskar h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 74px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--premium-gold), transparent);
}

/* Editorial FM presentation */
.premium-page .media-feature-card {
  border-radius: 32px;
  box-shadow: 0 34px 90px rgba(39, 31, 77, 0.16);
}

.premium-page .media-main-image {
  transition: transform 8s ease;
}

.premium-page .media-feature-card.is-visible .media-main-image {
  transform: scale(1.035);
}

.premium-page .section-eyebrow i {
  position: relative;
}

.premium-page .section-eyebrow i::after {
  content: "";
  position: absolute;
  inset: -6px;
  border: 1px solid currentColor;
  border-radius: 50%;
  animation: premiumRadioWave 1.8s ease-out infinite;
}

@keyframes premiumRadioWave {
  from { opacity: 0.7; transform: scale(0.55); }
  to { opacity: 0; transform: scale(1.45); }
}

.premium-page .news-feature-link {
  box-shadow: 0 16px 38px rgba(20, 15, 38, 0.25);
}

/* Client showcase */
.premium-page .client-sectors {
  display: none;
}

.premium-page .client-card {
  transition: opacity 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

.premium-page .client-card.is-filtered {
  display: none;
}

.premium-page .client-logo img {
  filter: none;
  opacity: 1;
  transition: transform 0.35s ease;
}

.premium-page .client-card:hover .client-logo img {
  transform: scale(1.05);
}

.premium-page .mexico-cafe-logo img {
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
}

.premium-page .client-card:hover .mexico-cafe-logo img {
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
  transform: scale(1.05);
}

/* Premium testimonial stories */
.premium-page #testimonials {
  overflow: hidden;
  padding: 100px 0 88px;
  background:
    radial-gradient(circle at 8% 14%, rgba(79, 45, 255, 0.11), transparent 24%),
    radial-gradient(circle at 92% 82%, rgba(226, 0, 26, 0.08), transparent 22%),
    linear-gradient(145deg, #f8f7ff, #fff 54%, #faf8ff);
}

.premium-testimonials-heading {
  max-width: 760px;
  margin-bottom: 38px;
  text-align: center;
}

.premium-testimonials-heading .section-eyebrow {
  margin-inline: auto;
}

.premium-testimonials-heading h2 {
  margin-bottom: 12px;
  font-size: clamp(2.2rem, 4vw, 3.35rem);
  letter-spacing: -0.035em;
}

.premium-testimonials-heading p {
  margin: 0;
  color: #716a80;
  font-size: 1rem;
}

.premium-page #testimonials .testimonials-slider {
  max-width: 980px;
  margin-inline: auto;
  padding: 8px 12px 78px;
  overflow: hidden;
}

.premium-page #testimonials .swiper-slide {
  height: auto;
}

.premium-page #testimonials .testimonial-item {
  position: relative;
  min-height: 360px;
  height: 100%;
  padding: 58px 64px 48px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(128, 98, 255, 0.34), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(226, 0, 26, 0.17), transparent 24%),
    linear-gradient(135deg, #171329, #292044 68%, #211935) !important;
  box-shadow: 0 32px 76px rgba(30, 22, 59, 0.24);
}

.premium-page #testimonials .testimonial-item .row,
.premium-page #testimonials .testimonial-item .col-lg-12 {
  height: 100%;
}

.premium-page #testimonials .testimonial-item .col-lg-12 {
  display: flex;
  flex-direction: column;
}

.premium-page #testimonials .testimonial-item::before {
  content: "\201C";
  position: absolute;
  right: 42px;
  top: -12px;
  color: rgba(255, 255, 255, 0.09);
  font-family: Georgia, serif;
  font-size: 12rem;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

.premium-page #testimonials .testimonial-item::after {
  content: "★★★★★";
  position: absolute;
  left: 64px;
  top: 34px;
  color: #ffc857;
  font-size: 0.84rem;
  letter-spacing: 0.16em;
}

.premium-page #testimonials .testimonial-item h2 {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 20px 0 20px;
  color: #fff;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.premium-page #testimonials .testimonial-item p {
  position: relative;
  z-index: 1;
  max-width: 790px;
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.04rem;
  font-style: normal;
  line-height: 1.75;
}

.premium-page #testimonials .testimonial-item .profile {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 22px;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: auto;
}

.premium-page #testimonials .testimonial-item .profile > i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 15px;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(111, 79, 255, 0.9), rgba(79, 45, 255, 0.46));
  font-size: 1.85rem !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.premium-page #testimonials .testimonial-item .profile-info h3 {
  color: #fff;
  font-size: 1rem;
}

.premium-page #testimonials .testimonial-item .profile-info span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.premium-page #testimonials .swiper-navigation {
  bottom: 5px;
}

.premium-page #testimonials .swiper-button-prev,
.premium-page #testimonials .swiper-button-next {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(79, 45, 255, 0.16);
  color: var(--premium-violet);
  background: #fff;
  box-shadow: 0 10px 26px rgba(42, 31, 78, 0.11);
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.premium-page #testimonials .swiper-button-prev:hover,
.premium-page #testimonials .swiper-button-next:hover {
  color: #fff;
  background: var(--premium-violet);
  transform: translateY(-3px);
}

.premium-page #testimonials .swiper-button-prev::after,
.premium-page #testimonials .swiper-button-next::after {
  font-size: 0.95rem;
  font-weight: 900;
}

/* Magnetic affordances */
.premium-magnetic {
  will-change: transform;
  transition: transform 0.22s ease;
}

@media (max-width: 991px) {
  .premium-page .hero {
    min-height: auto;
  }

  .premium-page .hero .row .col-lg-6:first-child {
    order: 0;
    margin-bottom: 2.5rem;
  }

  .premium-page .hero .row .col-lg-6:nth-child(2) {
    order: 1;
  }

  .premium-page .hero .row .col-lg-12 {
    order: 2;
  }

  .premium-page .hero-title {
    font-size: clamp(2.35rem, 11vw, 2.85rem);
    line-height: 1.06;
  }
}

@media (max-width: 1199px) {
  .premium-page.mobile-nav-active .header .header-container {
    backdrop-filter: none !important;
    transition: none;
  }
}

@media (max-width: 767px) {
  .premium-page::before {
    background-size: 32px 32px;
  }

  .premium-page .header {
    padding-top: 0;
  }

  .premium-page .hero {
    padding-top: 135px;
  }

  .premium-page .hero-image {
    border-radius: 20px;
    transform: none;
  }

  .premium-page .client-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 4px 0 12px;
  }

  .premium-page .client-card {
    min-height: 168px;
    padding: 12px 9px;
  }

  .premium-page .client-logo {
    height: 76px;
    padding: 6px;
  }

  .premium-page .client-logo img {
    max-height: 66px;
  }

  .premium-page .client-monogram {
    width: 58px;
    height: 58px;
    border-radius: 17px;
    font-size: 1rem;
  }

  .premium-page .client-card h3 {
    min-height: 32px;
    font-size: 0.74rem;
  }

  .premium-page .client-sector {
    font-size: 0.52rem;
  }

  .premium-page .media-feature-card {
    border-radius: 22px;
  }

  .premium-page #testimonials {
    padding: 76px 0 64px;
  }

  .premium-testimonials-heading {
    padding-inline: 22px;
    margin-bottom: 26px;
  }

  .premium-testimonials-heading h2 {
    font-size: 2.05rem;
  }

  .premium-page #testimonials .testimonials-slider {
    padding: 6px 15px 72px;
  }

  .premium-page #testimonials .testimonial-item {
    min-height: 430px;
    padding: 54px 24px 28px;
    border-radius: 23px;
  }

  .premium-page #testimonials .testimonial-item::before {
    right: 12px;
    top: 0;
    font-size: 8rem;
  }

  .premium-page #testimonials .testimonial-item::after {
    left: 24px;
    top: 27px;
  }

  .premium-page #testimonials .testimonial-item h2 {
    margin-top: 12px;
    font-size: 1.48rem;
  }

  .premium-page #testimonials .testimonial-item p {
    margin-bottom: 25px;
    font-size: 0.94rem;
    line-height: 1.65;
  }

  .premium-page #testimonials .testimonial-item .profile {
    margin-top: auto;
  }
}

@media (hover: none), (pointer: coarse) {
  .premium-page .feature-card {
    transform: none !important;
  }
}

@media (max-width: 767px) {
  .premium-flow-rail {
    right: 4px;
    width: 8px;
    opacity: 0.48;
  }

  .premium-flow-track {
    left: 3px;
  }

  .premium-flow-signal {
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-page *,
  .premium-page *::before,
  .premium-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .premium-reveal {
    opacity: 1;
    transform: none;
  }
}