/* Small site-specific overrides loaded after main.min.css */

/* Avoid first-paint flash: GSAP fades these in after images load; without this, the first
   paint shows them at full opacity, then deferred app.js snaps them to 0 (visible blink). */
.loading__item,
.loading__fade {
  opacity: 0;
}

.mxd-promo__content{
  gap:clamp(2.4rem,3vw,4.8rem);
  margin:clamp(6rem,7vw,10rem) 0 clamp(6.4rem,7vw,10.4rem) 0;
}
@media only screen and (min-width:768px){
  .mxd-promo__content{
    margin:clamp(7.2rem,6vw,11rem) 0 clamp(7.6rem,6vw,11.4rem) 0;
  }
}
@media only screen and (min-width:1600px){
  .mxd-promo__content{margin:12.8rem 0 13.6rem 0;}
}

/* Home hero (mobile): reduce top whitespace above headline */
@media only screen and (max-width:767.98px){
  .mxd-hero-section{padding-top:0 !important;}
  .mxd-hero-01__top{
    justify-content:flex-start !important;
    padding-top:0 !important;
    padding-bottom:4.2rem !important;
  }
  .mxd-hero-01__title-wrap{
    padding-top:0 !important;
    margin-top:12rem !important;
  }
  .hero-01-title{margin:0 !important;}
}

/* Pinned project previews: main.min.css still points at removed template images */
.preview-image-1 {
  background-image: url("../img/works/magictap-website.webp");
}
.preview-image-2 {
  background-image: url("../img/works/rudrakshvedhastudio-website.webp");
}
.preview-image-3 {
  background-image: url("../img/works/inknsouls-website.webp");
}
.preview-image-4 {
  background-image: url("../img/works/MMindiaWebsitemockup.webp");
}
.preview-image-5 {
  background-image: url("../img/works/inknsouls-website.webp");
}
.preview-image-6 {
  background-image: url("../img/works/MMindiaWebsitemockup.webp");
}
.preview-image-7 {
  background-image: url("../img/works/magictap-website.webp");
}