/* Homepage Featured Projects component section.
   This is separate from generated theme CSS so the layout survives rebuilds. */

/* Homepage service-card palette. The custom properties are intentionally
   fixed so light/dark mode cannot change a card's background or typography. */
.evum-service-card {
  background-color: var(--evum-card-bg) !important;
  color: var(--evum-card-text) !important;
}

.evum-service-card--channel-creation {
  --evum-card-bg: #9E8BE5;
  --evum-card-text: #161616;
  --evum-card-border: rgba(22, 22, 22, 0.42);
  --evum-card-button-bg: #161616;
  --evum-card-button-text: #FFFFFF;
}

.evum-service-card--channel-management {
  --evum-card-bg: #856BE4;
  --evum-card-text: #161616;
  --evum-card-border: rgba(22, 22, 22, 0.42);
  --evum-card-button-bg: #161616;
  --evum-card-button-text: #FFFFFF;
}

.evum-service-card--content-creation {
  --evum-card-bg: #553CAD;
  --evum-card-text: #FFFFFF;
  --evum-card-border: rgba(255, 255, 255, 0.5);
  --evum-card-button-bg: #FFFFFF;
  --evum-card-button-text: #161616;
}

.evum-service-card--commission {
  --evum-card-bg: #1C1C1C;
  --evum-card-text: #FFFFFF;
  --evum-card-border: rgba(255, 255, 255, 0.5);
  --evum-card-button-bg: #FFFFFF;
  --evum-card-button-text: #161616;
}

.evum-service-card .mxd-services-stack__title h3,
.evum-service-card .mxd-services-stack__info p,
.evum-service-card .mxd-services-cards__tags .tag {
  color: var(--evum-card-text) !important;
}

.evum-service-card .mxd-services-cards__tags .tag {
  border-color: var(--evum-card-border) !important;
}

.evum-service-card .mxd-services-stack__controls .btn-round {
  background-color: var(--evum-card-button-bg) !important;
  border-color: var(--evum-card-button-bg) !important;
  color: var(--evum-card-button-text) !important;
}

.evum-service-card .mxd-services-stack__controls .btn-round i {
  color: inherit !important;
}

/* Responsive site-wide polish for Evum custom sections. */
html,
body {
  min-width: 0 !important;
  max-width: 100%;
  overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

section,
.mxd-wrapper,
.mxd-project,
.mxd-section {
  min-width: 0 !important;
}

.mxd-page-content img,
.mxd-page-content video {
  max-width: 100%;
}

.mxd-section.padding-default,
.mxd-section.padding-pre-title,
.mxd-section.padding-pre-grid,
.mxd-section.padding-grid-pre-mtext,
.mxd-section.padding-blog,
.mxd-section.padding-stacked-section {
  padding-bottom: clamp(8rem, 8vw, 14rem);
}

.evum-section-heading-actions .mxd-section-title__hrcontrols,
.evum-blog-preview-section .mxd-section-title__hrcontrols {
  justify-content: flex-start;
}

/* Homepage service stack: pinned on desktop, readable full cards below desktop. */
@media only screen and (max-width: 991px) {
  .stack-wrapper.in-content-stack {
    margin-top: 0 !important;
  }

  .evum-featured-components .mxd-demo-components__object.obj-03 {
    bottom: -6rem;
    left: -3rem;
    width: 12rem !important;
  }
  .evum-faq-layout__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .faqs-section{
    margin-bottom: 0 !important;
  }
  .mxd-section.padding-default.mobile-title {
    padding-bottom: 5rem !important;
  }

  .evum-footer__wordmark {
    font-size: clamp(6.4rem, 4vw, 3.2rem) !important;
  }
  .mxd-footer__fullwidth-text.personal{
    margin-top: -61px !important;
  }
  .mxd-promo__content{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    margin: 1.2rem 0 2rem 0;
  }
  .evum-who-media{
    margin-top: 26px !important;
    min-height: 55rem !important;
  }

  .mxd-block__name.name-manifest {
    margin-bottom: 1.2rem;
    padding-top: 0;  
  }
  .how-it-work-span{
    font-size: 28px !important;
  }
  .evum-who-overlay{
    padding: 3rem 1rem !important;
  }
  .divider-image-1{
    background: rgba(0, 0, 0, 0.5) !important;
  }
  .mxd-divider__image img {
    width: 100%;
  height: 74% !important;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mxd-section.padding-default, .mxd-section.padding-pre-title, .mxd-section.padding-pre-grid, .mxd-section.padding-grid-pre-mtext, .mxd-section.padding-stacked-section{
    padding-bottom: clamp(0rem, 0vw, 10rem) !important;
  }
  .mxd-section.padding-blog{
    padding-top: 7rem !important;
  }
  .blog-title{
    margin-bottom: 2rem !important;
  }
  .testimonials-slider-2{
    margin-bottom: 60px !important;
  }
  .about-paragraph-container{
    padding: 46px 1.5rem 27px !important;
 }

 .form-container{
      margin-bottom: 60px;
    position: relative;
 }
 .mxd-stats-cards__image2{
  position: absolute;
    left: 40px;
    top: 28rem;
    width: 100%;
    max-width: 400px;
    height: auto;
    padding: 0 4rem 0 0;
    z-index: 0;
 }
 .mxd-stats-cards__image3{
  position: absolute;
    left: 0px;
    top: 18rem;
    width: 100%;
    max-width: 508px;
    height: auto;
    padding: 0 0rem 0 0;
    z-index: 0;
 }
  .evum-header-logo{
    width: 3.6rem;
    height: 2.6rem;
    object-fit: cover;
    object-position: center;
  }
  .btn-mobile-icon{
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
  .mxd-nav__hamburger {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.7rem;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    top: -5.5px;
  }
  .mxd-section.padding-pre-manifest.mobile-point-subtitle{
    padding-bottom: 4.7rem !important;
  }
  .evum-approach-scroll__title h2 span {
    display: contents !important;
  }
  .stack-wrapper.in-content-stack .stack-offset {
    display: none !important;
  }

  .stack-wrapper.in-content-stack .services-stack {
    top: 0 !important;
    display: grid;
    gap: 2.4rem;
    height: auto !important;
    min-height: 0 !important;
  }

  .stack-wrapper.in-content-stack .stack-item {
    position: relative !important;
    width: 90% !important;
    display: block;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__inner {
    height: auto !important;
    min-height: 54rem;
    padding: 3.2rem 2.4rem 2.4rem;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__title,
  .stack-wrapper.in-content-stack .mxd-services-stack__info {
    width: 100% !important;
    max-width: none !important;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__title {
    margin-bottom: 2.4rem;
    padding-right: 6.5rem;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__title h3 {
    font-size: clamp(3.8rem, 10vw, 5.6rem);
    line-height: 0.98;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__info {
    margin-bottom: 2.2rem;
  }

  .stack-wrapper.in-content-stack .mxd-services-cards__tags {
    gap: 0.8rem;
  }

  .stack-wrapper.in-content-stack .mxd-services-cards__tags .tag {
    font-size: 1.3rem;
  }

  .stack-wrapper.in-content-stack .services-stack__image {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 19rem;
    margin-top: auto;
    overflow: visible;
  }

  .stack-wrapper.in-content-stack .services-stack__image .service-img {
    position: static !important;
    display: block;
    width: min(78%, 34rem);
    height: auto !important;
    max-height: 24rem;
    object-fit: contain;
  }

  .stack-wrapper.in-content-stack .services-stack__image .service-img-m {
    display: none !important;
  }

  .stack-wrapper.in-content-stack .services-stack__image .service-img-s {
    display: block !important;
  }
}

@media only screen and (min-width: 992px) {
  .stack-wrapper.in-content-stack .services-stack {
    top: clamp(-6rem, -5vw, -2.5rem);
    height: clamp(64rem, 72vh, 76rem);
    min-height: 64rem;
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__inner {
    padding: clamp(3.4rem, 3.2vw, 5rem);
  }

  .stack-wrapper.in-content-stack .mxd-services-stack__title h3 {
    font-size: clamp(5.2rem, 5.2vw, 7rem);
    line-height: 0.95;
  }

  .stack-wrapper.in-content-stack .services-stack__image .service-img {
    right: clamp(2rem, 4vw, 6.4rem);
    bottom: 3%;
    width: min(42vw, 58rem);
    height: auto;
    max-height: 88%;
    object-fit: contain;
  }
}

@media only screen and (min-width: 1600px) {
  .stack-wrapper.in-content-stack .services-stack {
    height: 76rem;
  }
}

.evum-featured-components {
  position: relative;
  overflow: hidden;
}

.evum-featured-components .mxd-demo-components {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(30rem, 31vw, 40rem);
  padding: 0;
  isolation: isolate;
}

.evum-featured-components__marquee {
  position: relative;
  z-index: 3;
}

.evum-featured-components__item {
  width: clamp(30rem, 40vw, 58rem);
  margin-top: 0;
}

.evum-featured-components__card {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  /* padding: 1rem; */
  isolation: isolate;
  text-decoration: none;
  /* background-color: var(--base-tint);
  border-color: var(--st-muted); */
  margin-top: 0;
  margin-bottom: 0;
}

.evum-featured-components__card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 1rem;
  pointer-events: none;
  border-radius: 1rem;
  /* background: linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, 0.82) 100%); */
}

.evum-featured-components__card img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  object-fit: cover;
  transition: transform 0.7s var(--_animbezier);
}

.evum-featured-components__card span {
  position: absolute;
  z-index: 2;
  right: clamp(1.8rem, 2vw, 3rem);
  bottom: clamp(1.8rem, 2vw, 3rem);
  left: clamp(1.8rem, 2vw, 3rem);
  color: #fff;
  font: normal var(--fw-medium) clamp(2rem, 2.1vw, 3.4rem)/1.08 var(--_font-accent);
  letter-spacing: -0.035em;
}

.evum-featured-components__card:hover img {
  transform: scale(1.035);
}

.evum-featured-components__card:focus-visible,
.evum-featured-components__heading:focus-visible {
  outline: 0.3rem solid var(--accent);
  outline-offset: 0.5rem;
}

.mxd-demo-components__title .evum-featured-components__heading {
  color: var(--t-bright);
  font: normal var(--fw-medium) 5rem/1.1 var(--_font-accent);
  letter-spacing: -0.06rem;
  text-decoration: none;
}

.evum-featured-components .mxd-demo-components__title {
  z-index: 2;
}

.evum-featured-components .mxd-demo-components__objects {
  z-index: 1;
  pointer-events: none;
}

.evum-featured-components .mxd-demo-components__object.obj-01 {
  top: -5rem;
  right: 1rem;
  width: 14rem;
}

.evum-featured-components .mxd-demo-components__object.obj-02 {
  right: 1.5rem;
  bottom: 3rem;
  width: 7rem;
}

.evum-featured-components .mxd-demo-components__object.obj-03 {
  bottom: -6rem;
  left: -3rem;
  width: 21rem;
}

@media only screen and (min-width: 768px) {
  .evum-section-heading-actions .mxd-section-title__hrcontrols,
  .evum-blog-preview-section .mxd-section-title__hrcontrols {
    justify-content: flex-end;
  }

  .mxd-demo-components__title .evum-featured-components__heading {
    font-size: 8rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-01 {
    top: -8rem;
    right: 5%;
    width: 24rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-02 {
    right: 4%;
    bottom: 5rem;
    width: 10rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-03 {
    bottom: -10rem;
    left: 1%;
    width: 32rem;
  }
}

@media only screen and (min-width: 1200px) {
  .evum-featured-components .mxd-demo-components__object.obj-01 {
    top: -12rem;
    right: 8%;
    width: 34rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-02 {
    right: 4%;
    bottom: 6rem;
    width: 14rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-03 {
    bottom: -14rem;
    left: 3%;
    width: 42rem;
  }
}

@media only screen and (min-width: 1600px) {
  .mxd-section.padding-default,
  .mxd-section.padding-pre-title,
  .mxd-section.padding-pre-grid,
  .mxd-section.padding-grid-pre-mtext,
  .mxd-section.padding-blog,
  .mxd-section.padding-stacked-section {
    padding-bottom: clamp(10rem, 7vw, 16rem);
  }

  .evum-featured-components__item {
    width: clamp(42rem, 36vw, 64rem);
  }

  .mxd-demo-components__title .evum-featured-components__heading {
    font-size: 10rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-01 {
    top: -15rem;
    right: 9%;
    width: 28rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-02 {
          right: -3%;
        bottom: 2rem;
        width: 15rem;
  }

  .evum-featured-components .mxd-demo-components__object.obj-03 {
        bottom: -11rem;
        left: 3%;
        width: 29rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .evum-featured-components__card img {
    transition: none;
  }
}