.home-page .home-different-section--animated {
  --animate-different-sticky-top: 120px;
}

.home-page .home-different-section--animated .home-different-pin {
  display: grid;
  gap: clamp(1rem, 2.6vw, 1.8rem);
  position: relative;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  width: 100%;
}

@media (min-width: 992px) {
  .home-page .home-different-section--animated,
  .home-page .home-different-section--animated .container-fluid.layout-shell,
  .home-page .home-different-section--animated .home-different-stack,
  .home-page .home-different-section--animated .home-different-row,
  .home-page .home-different-section--animated .home-different-row-bottom {
    overflow: visible;
  }

  .home-page .home-different-section--animated .home-different-row,
  .home-page .home-different-section--animated .home-different-row-bottom {
    align-items: start;
    position: relative;
  }

  .home-page .home-different-section--animated .home-different-row-top .home-different-owl-block,
  .home-page .home-different-section--animated .home-different-row-bottom .home-different-owl-block-success {
    align-self: start;
    height: auto;
    position: static;
    top: auto;
    z-index: auto;
  }

  .home-page .home-different-section--animated .home-different-row-top .home-different-pin,
  .home-page .home-different-section--animated .home-different-row-bottom .home-different-pin {
    z-index: 3;
  }
}

@media (max-width: 991.98px) {
  .home-page .home-different-section--animated .home-different-pin {
    transform: none !important;
  }
}

.contact-page .hero-kicker {
  animation: contact-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.contact-page .hero-title {
  overflow: visible;
}

.contact-page .hero-title-line > span {
  animation: contact-hero-title-rise 0.84s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.contact-page .hero-title-line > span:nth-child(2) {
  animation-delay: 0.12s;
}

.contact-page .hero-subtitle.page-subtitle {
  animation: contact-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
  will-change: opacity, transform, filter;
}

.contact-page .contact-scroll-target {
  --contact-reveal-delay: 0s;
  --contact-reveal-y: 34px;
  --contact-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--contact-reveal-y), 0) scale(var(--contact-reveal-scale));
  transition:
    opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--contact-reveal-delay),
    transform 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--contact-reveal-delay),
    filter 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--contact-reveal-delay),
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  will-change: opacity, transform, filter;
}

.contact-page .contact-scroll-target.contact-scroll-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.contact-page .contact-modern-left h2 {
  animation: contact-panel-reveal 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
  will-change: opacity, transform, filter;
}

.contact-page .contact-modern-left > p {
  animation: contact-panel-reveal 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
  will-change: opacity, transform, filter;
}

.contact-page .contact-modern-form-card.contact-scroll-target,
.contact-page .contact-modern-card.contact-scroll-target {
  --contact-reveal-y: 40px;
}

.contact-page .contact-modern-form-card.contact-scroll-target {
  --contact-reveal-y: 52px;
  --contact-reveal-scale: 0.965;
  transition:
    opacity 0.96s cubic-bezier(0.16, 1, 0.3, 1) var(--contact-reveal-delay),
    transform 0.96s cubic-bezier(0.16, 1, 0.3, 1) var(--contact-reveal-delay),
    filter 0.96s cubic-bezier(0.16, 1, 0.3, 1) var(--contact-reveal-delay),
    box-shadow 0.36s ease,
    border-color 0.36s ease;
}

.contact-page .contact-modern-form-card.contact-scroll-target.contact-scroll-visible {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 26px 64px rgba(7, 10, 20, 0.34);
}

.contact-page .contact-modern-work-lines.contact-scroll-target {
  --contact-reveal-y: 46px;
}

.contact-page .contact-modern-work-btn.contact-scroll-target {
  --contact-reveal-scale: 0.9;
  --contact-work-scale: 0.9;
  transform: translate(-50%, -50%) scale(var(--contact-work-scale));
}

.contact-page .contact-modern-work-btn.contact-scroll-target.contact-scroll-visible {
  --contact-work-scale: 1;
  transform: translate(-50%, -50%) scale(var(--contact-work-scale));
}

@keyframes contact-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes contact-hero-title-rise {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.9em, 0) rotate(2deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes contact-panel-reveal {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 34px, 0) scale(0.985);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-page .contact-scroll-target,
  .contact-page .contact-modern-left h2,
  .contact-page .contact-modern-left > p,
  .contact-page .hero-kicker,
  .contact-page .hero-subtitle.page-subtitle,
  .contact-page .hero-title-line > span {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

.blog-detail-page .hero-kicker {
  animation: blog-detail-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.blog-detail-page .hero-title {
  animation: blog-detail-hero-title 0.92s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
  overflow: visible;
  will-change: opacity, transform, filter;
}

.blog-detail-page .hero-subtitle.page-subtitle {
  animation: blog-detail-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
  will-change: opacity, transform, filter;
}

.blog-detail-page .blog-detail-reveal-target {
  --blog-detail-reveal-delay: 0s;
  --blog-detail-reveal-y: 34px;
  --blog-detail-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--blog-detail-reveal-y), 0) scale(var(--blog-detail-reveal-scale));
  transition:
    opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-detail-reveal-delay),
    transform 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-detail-reveal-delay),
    filter 0.82s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-detail-reveal-delay),
    box-shadow 0.3s ease,
    border-color 0.3s ease;
  will-change: opacity, transform, filter;
}

.blog-detail-page .blog-detail-reveal-target.blog-detail-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.blog-detail-page .blog-detail-feature.blog-detail-reveal-target,
.blog-detail-page .home-blog-card.blog-detail-reveal-target {
  --blog-detail-reveal-y: 42px;
}

.blog-detail-page .blog-detail-body > h2.blog-detail-reveal-target {
  --blog-detail-reveal-y: 28px;
}

@keyframes blog-detail-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes blog-detail-hero-title {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.7em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-detail-page .blog-detail-reveal-target,
  .blog-detail-page .hero-kicker,
  .blog-detail-page .hero-title,
  .blog-detail-page .hero-subtitle.page-subtitle {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

.blog-page .hero-kicker {
  animation: blog-detail-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.blog-page .hero-title {
  overflow: visible;
}

.blog-page .hero-title-line {
  overflow: visible;
}

.blog-page .hero-title-line > span {
  animation: blog-page-hero-line 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.blog-page .hero-title-line:nth-child(2) > span {
  animation-delay: 0.14s;
}

.blog-page .hero-subtitle.page-subtitle {
  animation: blog-detail-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
  will-change: opacity, transform, filter;
}

.blog-page .projects-filter-bar {
  animation: blog-page-panel-rise 0.86s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
  will-change: opacity, transform, filter;
}

.blog-page .blog-page-card-target {
  --blog-page-card-delay: 0s;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, 34px, 0) scale(0.985);
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-page-card-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-page-card-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--blog-page-card-delay);
  will-change: opacity, transform, filter;
}

.blog-page .blog-page-card-target.blog-page-card-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

@keyframes blog-page-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.72em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes blog-page-panel-rise {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 34px, 0) scale(0.985);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-page .hero-kicker,
  .blog-page .hero-title-line > span,
  .blog-page .hero-subtitle.page-subtitle,
  .blog-page .projects-filter-bar,
  .blog-page .blog-page-card-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

.our-work-page .hero-kicker {
  animation: our-work-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.our-work-page .hero-title {
  overflow: visible;
}

.our-work-page .hero-title-line > span {
  animation: our-work-hero-line 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.our-work-page .hero-title-line > span:nth-child(2) {
  animation-delay: 0.12s;
}

.our-work-page .hero-subtitle.page-subtitle {
  animation: our-work-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
  will-change: opacity, transform, filter;
}

.our-work-page .our-work-reveal-target {
  --our-work-reveal-delay: 0s;
  --our-work-reveal-y: 36px;
  --our-work-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--our-work-reveal-y), 0) scale(var(--our-work-reveal-scale));
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--our-work-reveal-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--our-work-reveal-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--our-work-reveal-delay),
    box-shadow 0.32s ease,
    border-color 0.32s ease;
  will-change: opacity, transform, filter;
}

.our-work-page .our-work-reveal-target.our-work-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.our-work-page .project-card.our-work-reveal-target {
  --our-work-reveal-y: 42px;
}

.our-work-page .cta-panel.our-work-reveal-target {
  --our-work-reveal-y: 48px;
  --our-work-reveal-scale: 0.97;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.our-work-page .cta-panel.our-work-reveal-target.our-work-reveal-visible {
  box-shadow: 0 26px 64px rgba(9, 11, 21, 0.24);
}

@keyframes our-work-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes our-work-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.8em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .our-work-page .hero-kicker,
  .our-work-page .hero-title-line > span,
  .our-work-page .hero-subtitle.page-subtitle,
  .our-work-page .our-work-reveal-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

.services-page .hero-kicker {
  animation: services-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.services-page .hero-title {
  overflow: visible;
}

.services-page .hero-title-line {
  overflow: visible;
}

.services-page .hero-title-line > span {
  animation: services-hero-line 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.services-page .hero-title-line:nth-child(2) > span {
  animation-delay: 0.14s;
}

.services-page .hero-subtitle.page-subtitle {
  animation: services-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
  will-change: opacity, transform, filter;
}

.services-page .services-hero-glow {
  animation: services-glow-settle 1.15s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
  transform-origin: 50% 50%;
  will-change: opacity, transform, filter;
}

.services-page .services-reveal-target {
  --services-reveal-delay: 0s;
  --services-reveal-y: 36px;
  --services-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--services-reveal-y), 0) scale(var(--services-reveal-scale));
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--services-reveal-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--services-reveal-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--services-reveal-delay),
    box-shadow 0.32s ease,
    border-color 0.32s ease;
  will-change: opacity, transform, filter;
}

.services-page .services-reveal-target.services-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.services-page .services-dev-visual.services-reveal-target,
.services-page .services-why-figure.services-reveal-target,
.services-page .home-testimonial-video.services-reveal-target,
.services-page .contact-faq-image-wrap.services-reveal-target,
.services-page .services-world-bird.services-reveal-target {
  --services-reveal-y: 48px;
  --services-reveal-scale: 0.97;
}

.services-page .services-dev-right.services-reveal-target,
.services-page .home-portfolio-carousel.services-reveal-target,
.services-page .home-testimonial-content.services-reveal-target,
.services-page .contact-faq-card.services-reveal-target {
  --services-reveal-y: 42px;
  --services-reveal-scale: 0.978;
}

.services-page .about-force-member.services-reveal-target,
.services-page .home-blog-card.services-reveal-target {
  --services-reveal-y: 30px;
}

@keyframes services-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes services-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.78em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes services-glow-settle {
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(0.9) translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-page .hero-kicker,
  .services-page .hero-title-line > span,
  .services-page .hero-subtitle.page-subtitle,
  .services-page .services-hero-glow,
  .services-page .services-reveal-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

.service-detail-page .hero-kicker {
  animation: service-detail-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.service-detail-page .hero-title {
  overflow: visible;
}

.service-detail-page .hero-title-line {
  overflow: visible;
}

.service-detail-page .hero-title-line > span {
  animation: service-detail-hero-line 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.service-detail-page .hero-title-line:nth-child(2) > span {
  animation-delay: 0.14s;
}

.service-detail-page .hero-subtitle.page-subtitle {
  animation: service-detail-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
  will-change: opacity, transform, filter;
}

.service-detail-page .service-detail-reveal-target {
  --service-detail-reveal-delay: 0s;
  --service-detail-reveal-y: 36px;
  --service-detail-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--service-detail-reveal-y), 0)
    scale(var(--service-detail-reveal-scale));
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--service-detail-reveal-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--service-detail-reveal-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--service-detail-reveal-delay),
    box-shadow 0.32s ease,
    border-color 0.32s ease;
  will-change: opacity, transform, filter;
}

.service-detail-page .service-detail-reveal-target.service-detail-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.service-detail-page .service-detail-blurb-card.service-detail-reveal-target,
.service-detail-page .service-detail-why-choose-visual.service-detail-reveal-target,
.service-detail-page .home-testimonial-video.service-detail-reveal-target,
.service-detail-page .contact-faq-image-wrap.service-detail-reveal-target,
.service-detail-page .services-world-bird.service-detail-reveal-target,
.service-detail-page .home-portfolio-carousel.service-detail-reveal-target {
  --service-detail-reveal-y: 48px;
  --service-detail-reveal-scale: 0.97;
}

.service-detail-page .home-different-pillar.service-detail-reveal-target,
.service-detail-page .home-different-story.service-detail-reveal-target,
.service-detail-page .service-detail-why-choose-content.service-detail-reveal-target,
.service-detail-page .home-testimonial-content.service-detail-reveal-target,
.service-detail-page .contact-faq-card.service-detail-reveal-target {
  --service-detail-reveal-y: 42px;
  --service-detail-reveal-scale: 0.978;
}

.service-detail-page .about-force-member.service-detail-reveal-target,
.service-detail-page .home-blog-card.service-detail-reveal-target {
  --service-detail-reveal-y: 30px;
}

@keyframes service-detail-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes service-detail-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.78em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-detail-page .hero-kicker,
  .service-detail-page .hero-title-line > span,
  .service-detail-page .hero-subtitle.page-subtitle,
  .service-detail-page .service-detail-reveal-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

@media (max-width: 767.98px) {
  .services-page .home-testimonial-video.services-reveal-target,
  .service-detail-page .home-testimonial-video.service-detail-reveal-target {
    left: calc(50% + 80px);
    right: auto;
  }

  .services-page .home-testimonial-video.services-reveal-target {
    transform: translate3d(-50%, var(--services-reveal-y), 0)
      scale(var(--services-reveal-scale));
    width: 250px;
  }

  .services-page
    .home-testimonial-video.services-reveal-target.services-reveal-visible {
    transform: translate3d(-50%, 0, 0) scale(1);
  }

  .service-detail-page .home-testimonial-video.service-detail-reveal-target {
    transform: translate3d(-50%, var(--service-detail-reveal-y), 0)
      scale(var(--service-detail-reveal-scale));
    width: 250px;
  }

  .service-detail-page
    .home-testimonial-video.service-detail-reveal-target.service-detail-reveal-visible {
    transform: translate3d(-50%, 0, 0) scale(1);
  }
}

.about-page .hero-kicker {
  animation: about-hero-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
  will-change: opacity, transform, filter;
}

.about-page .hero-title {
  overflow: visible;
}

.about-page .hero-title-line {
  overflow: visible;
}

.about-page .hero-title-line > span {
  animation: about-hero-line 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.about-page .hero-title-line > span:nth-child(2) {
  animation-delay: 0.12s;
}

.about-page .hero-subtitle.page-subtitle {
  animation: about-hero-fade-up 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
  will-change: opacity, transform, filter;
}

.about-page .about-reveal-target {
  --about-reveal-delay: 0s;
  --about-reveal-y: 36px;
  --about-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--about-reveal-y), 0) scale(var(--about-reveal-scale));
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--about-reveal-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--about-reveal-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--about-reveal-delay),
    box-shadow 0.32s ease,
    border-color 0.32s ease;
  will-change: opacity, transform, filter;
}

.about-page .about-reveal-target.about-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.about-page .about-story-visual.about-reveal-target,
.about-page .home-testimonial-video.about-reveal-target,
.about-page .contact-faq-image-wrap.about-reveal-target,
.about-page .services-world-bird.about-reveal-target,
.about-page .home-portfolio-carousel.about-reveal-target {
  --about-reveal-y: 48px;
  --about-reveal-scale: 0.97;
}

.about-page .about-story-right.about-reveal-target,
.about-page .about-tech-stack-logos.about-reveal-target,
.about-page .home-testimonial-content.about-reveal-target,
.about-page .contact-faq-card.about-reveal-target,
.about-page .about-principles-panel.about-reveal-target {
  --about-reveal-y: 42px;
  --about-reveal-scale: 0.978;
}

.about-page .about-force-member.about-reveal-target,
.about-page .home-blog-card.about-reveal-target {
  --about-reveal-y: 30px;
}

@keyframes about-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes about-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.8em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-page .hero-kicker,
  .about-page .hero-title-line > span,
  .about-page .hero-subtitle.page-subtitle,
  .about-page .about-reveal-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

@media (max-width: 767.98px) {
  .about-page .home-testimonial-video.about-reveal-target {
    left: calc(50% + 80px);
    right: auto;
    transform: translate3d(-50%, var(--about-reveal-y), 0)
      scale(var(--about-reveal-scale));
    width: 250px;
  }

  .about-page .home-testimonial-video.about-reveal-target.about-reveal-visible {
    transform: translate3d(-50%, 0, 0) scale(1);
  }
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page) .hero-title {
  overflow: visible;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .hero-title-line {
  overflow: visible;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .hero-title-line
  > span {
  animation: home-page-hero-line 0.92s cubic-bezier(0.22, 1, 0.36, 1) both;
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: opacity, transform, filter;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .hero-title-line:nth-child(2)
  > span {
  animation-delay: 0.14s;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .hero-subtitle.page-subtitle {
  animation: home-page-hero-fade-up 0.84s cubic-bezier(0.22, 1, 0.36, 1) 0.24s
    both;
  will-change: opacity, transform, filter;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-hero-btn {
  animation: home-page-hero-fade-up 0.84s cubic-bezier(0.22, 1, 0.36, 1) 0.34s
    both;
  will-change: opacity, transform, filter;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-reveal-target {
  --home-reveal-delay: 0s;
  --home-reveal-y: 36px;
  --home-reveal-scale: 0.985;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, var(--home-reveal-y), 0) scale(var(--home-reveal-scale));
  transition:
    opacity 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--home-reveal-delay),
    transform 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--home-reveal-delay),
    filter 0.88s cubic-bezier(0.22, 1, 0.36, 1) var(--home-reveal-delay),
    box-shadow 0.32s ease,
    border-color 0.32s ease;
  will-change: opacity, transform, filter;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-reveal-target.home-reveal-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-building-card.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-more-service-card.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-success-stat.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-blog-card.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .about-force-member.home-reveal-target {
  --home-reveal-y: 30px;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-who-owl.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-testimonial-video.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .contact-faq-image-wrap.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .services-world-bird.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-portfolio-carousel.home-reveal-target {
  --home-reveal-y: 48px;
  --home-reveal-scale: 0.97;
}

.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-who-copy.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-testimonial-content.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .contact-faq-card.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-different-pillar.home-reveal-target,
.home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
  .home-different-story.home-reveal-target {
  --home-reveal-y: 42px;
  --home-reveal-scale: 0.978;
}

@keyframes home-page-hero-fade-up {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 22px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes home-page-hero-line {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(0, 0.82em, 0) rotate(1deg);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .hero-title-line
    > span,
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .hero-subtitle.page-subtitle,
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .home-hero-btn,
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .home-reveal-target {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}

@media (max-width: 767.98px) {
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .home-testimonial-video.home-reveal-target {
    left: calc(50% + 80px);
    right: auto;
    transform: translate3d(-50%, var(--home-reveal-y), 0)
      scale(var(--home-reveal-scale));
    width: 250px;
  }

  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .home-testimonial-video.home-reveal-target.home-reveal-visible {
    transform: translate3d(-50%, 0, 0) scale(1);
  }
}

@media (max-width: 320px) {
  .home-page:not(.service-detail-page):not(.blog-page):not(.blog-detail-page)
    .home-testimonial-video.home-reveal-target {
    left: calc(50% + 34px);
    width: 214px;
  }
}