#services .mxd-services-cards__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem 1rem;
}
#services .mxd-services-cards__tags a.tag{
  text-decoration:none;
  cursor:pointer;
}
#services .mxd-services-cards__tags a.tag:hover{
  opacity:.78;
}

@media only screen and (max-width:991px){
  #services .services-stack{
    height:80vh;
    min-height:62rem;
  }
  #services .mxd-services-stack__inner{
    padding:0 0 2.2rem;
  }
  #services .mxd-services-stack__controls{
    z-index:3;
  }
  #services .services-stack__image{
    order:-1;
    position:relative;
    z-index:0;
    flex:0 0 15.6rem;
    width:100%;
    height:15.6rem;
    min-height:15.6rem;
    max-height:15.6rem;
    margin:0;
    overflow:hidden;
    pointer-events:none;
  }
  #services .services-stack__image .service-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
  }
  #services .mxd-services-stack__title{
    position:relative;
    z-index:2;
    flex-shrink:0;
    margin:2rem 2.4rem 1.4rem;
    padding-right:5.2rem;
  }
  #services .mxd-services-stack__title h3{
    font-size:clamp(3rem,8vw,4.4rem);
    line-height:1.08;
  }
  #services .mxd-services-stack__info{
    position:relative;
    z-index:2;
    flex:1 1 auto;
    min-height:0;
    width:100%;
    margin:0;
    padding:0 2.4rem;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  #services .mxd-services-cards__tags{
    gap:.55rem .65rem;
    margin-bottom:1.2rem;
  }
  #services .mxd-services-cards__tags .tag{
    font-size:1.15rem;
    padding:.4rem 1rem;
    line-height:1.25;
  }
}

.za-home-manifest .row{
  justify-content:center;
}
.za-home-manifest .col-xl-7,
.za-home-manifest .mxd-grid-item{
  flex:0 0 auto;
  width:100%;
  max-width:min(140rem,96vw);
  margin-inline:auto;
  padding-left:0;
  padding-right:0;
}
.za-home-manifest .mxd-block__content,
.za-home-manifest .mxd-block__manifest{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  width:100%;
}
.za-home-manifest .za-manifest-title{
  margin:0 0 1.6rem;
  max-width:none;
  width:100%;
  font-family:var(--_font-accent,"Funnel Display",sans-serif);
  font-size:clamp(3rem,4.2vw,5.2rem);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.03em;
  color:var(--st-bright,#161616);
}
.za-home-manifest .mxd-manifest{
  margin:0 auto;
  max-width:none !important;
  width:100%;
  font-family:var(--_font-default,"Funnel Sans",sans-serif) !important;
  font-size:clamp(2.2rem,2.8vw,3.6rem) !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  color:var(--st-bright,#161616);
}
.za-home-manifest .mxd-manifest .word,
.za-home-manifest .mxd-manifest .char{
  font-family:inherit;
  font-weight:400 !important;
}
.za-home-manifest .word{
  display:inline-block;
  white-space:nowrap;
}
.za-home-manifest .char{
  display:inline-block;
}
.za-home-manifest .mxd-manifest__controls{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1.8rem;
  margin-top:4.8rem;
}
@media only screen and (min-width:768px){
  .za-home-manifest .za-manifest-title{margin-bottom:1.4rem}
  .za-home-manifest .mxd-manifest__controls{margin-top:5.6rem;gap:2.2rem}
}

#za-bento .za-bento-cap{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
}
#za-bento .za-bento-cap p{
  margin:0;
}
#za-bento .za-bento-cap:hover p{
  opacity:.82;
}

#za-bento .marquee__top,
#za-bento .marquee__bottom,
#za-bento .za-mq-drag{
  cursor:grab;
  touch-action:pan-y;
  -webkit-user-select:none;
  user-select:none;
}
#za-bento .za-mq-drag.is-dragging{
  cursor:grabbing;
  touch-action:none;
  will-change:transform;
}
#za-bento .za-mq-drag img,
#za-bento .za-mq-drag a{
  -webkit-user-drag:none;
  user-select:none;
}
#za-bento .za-mq-drag.is-dragging a{
  pointer-events:none;
}

#za-bento .marquee__link{
  display:block;
  width:100%;
  height:100%;
}
#za-bento .marquee__link img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
}

.mxd-hero-01__video-wrap,
.mxd-divider__video,
.menu-promo__video{
  overflow:hidden;
  background:#111 center / cover no-repeat;
  position:relative;
}
.mxd-hero-01__video-wrap > video,
.menu-promo__video > video,
.mxd-divider__video > video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
  z-index:1;
}
.mxd-hero-01__video-wrap:has(iframe) > video,
.menu-promo__video:has(iframe) > video,
.mxd-divider__video:has(iframe) > video{
  opacity:0;
}
.za-yt-clip{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:2;
  pointer-events:none;
  background:transparent;
}
.mxd-hero-01__video-wrap iframe.za-yt-fill,
.mxd-divider__video iframe.za-yt-fill,
.za-yt-clip iframe.za-yt-fill,
iframe.menu-video.za-yt-fill,
iframe.mxd-hero-01__video{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  border:0;
  pointer-events:none;
  transform:translate(-50%,-50%);
  z-index:2;
  max-width:none;
}
.mxd-divider{
  position:relative;
}
.mxd-divider__video img.za-yt-cover,
.mxd-hero-01__video-wrap img.za-yt-cover,
.menu-promo__video img.za-yt-cover{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:opacity .25s ease, visibility .25s ease;
}
img.za-yt-cover.is-live{
  opacity:0;
  visibility:hidden;
}
img.za-yt-cover{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  background:#111;
}
img.za-yt-cover[src*="hqdefault"]{
  transform:scale(1.12);
}
.mxd-hero-01__video-btn,
.mxd-divider__trigger{
  z-index:5;
  opacity:1 !important;
  visibility:visible !important;
}
.mxd-hero-01__video-btn .showreel-trigger,
.mxd-divider__trigger .showreel-trigger{
  display:flex !important;
  pointer-events:auto;
}

.za-vid-pop{
  display:none;
  position:fixed;
  inset:0;
  z-index:80;
  align-items:center;
  justify-content:center;
  padding:2.4rem;
  background:rgba(12,10,9,.78);
}
.za-vid-pop.is-on{display:flex}
.za-vid-pop__box{
  position:relative;
  width:min(96rem,100%);
  aspect-ratio:16/9;
  background:#000;
  border-radius:1.2rem;
  overflow:hidden;
}
.za-vid-pop__box iframe,
.za-vid-pop__box video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}
.za-vid-pop__x{
  position:absolute;
  top:-3.2rem;
  right:0;
  width:3.2rem;
  height:3.2rem;
  border:0;
  background:transparent;
  color:#faf7f6;
  font-size:2.8rem;
  line-height:1;
  cursor:pointer;
}

@media only screen and (max-width:1199px){
  #za-showreel{
    display:none !important;
  }
  .mxd-divider__trigger{
    display:none !important;
  }
  .mxd-hero-01{
    overflow-x:hidden;
  }
  .mxd-hero-01__video-wrap{
    width:100%;
    aspect-ratio:16 / 9;
    height:auto;
    min-height:0;
    border-radius: var(--_radius-m, 1.6rem);
    overflow: hidden;
  }
  .mxd-hero-01__video-wrap .mxd-hero-01__video,
  .mxd-hero-01__video-wrap iframe.za-yt-fill,
  .mxd-hero-01__video-wrap img.za-yt-cover,
  .mxd-hero-01__video-wrap .za-yt-clip,
  .mxd-hero-01__video-wrap video{
    border-radius: inherit;
  }
  .mxd-hero-01__video-btn{
    display:flex !important;
    inset:0;
    padding:0;
    align-items:center;
    justify-content:center;
    z-index:5;
    opacity:1 !important;
    visibility:visible !important;
  }
  .mxd-hero-01__video-btn .showreel-trigger{
    transform:none !important;
    margin:0 !important;
  }
  .mxd-hero-01__data-wrap{
    padding:4.8rem 0 5.6rem;
  }
  #za-bento{
    overflow:hidden;
  }
}

.za-hide-caption,
#za-showreel .mxd-section-title__descr{
  display:none !important;
}

.mxd-section.padding-mtext,
.mxd-approach-list,
.mxd-section:has(.mxd-approach-list),
.swiper-testimonials,
.mxd-section:has(.swiper-testimonials),
.mxd-pinned-projects,
#projects,
.mxd-block__name.name-manifest,
#za-atelier,
.za-atelier{
  display:none !important;
}
