/* Non-destructive hero fixes: show full image (less zoom) */
.hero-2 .hero-portfolio-revealing-slide-inner {
  /* show more of the image by reducing its rendered size (less zoom) */
  background-size: 80% auto !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

@media (max-width: 1399px) {
  .hero-2 .hero-portfolio-revealing-slide-inner {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
    background-size: 32% auto !important;
  }
}

@media (max-width: 991px) {
  .hero-2 .hero-portfolio-revealing-slide-inner {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
   /* background-size: cover !important;  small screens: keep cover so visual stays strong */
    background-position: center center !important;
  }
}

/* Desktop-only: slightly zoom out the hero background so left/right bowls are visible
   This only changes background-size on desktop and preserves all other styles. */
@media screen and (min-width: 768px) {
  .hero-2 .hero-portfolio-revealing-slide-inner {
    background-size: 67% auto !important;
    background-position: center center !important;
  }
}

/* Mobile-only: minimal heading wrap fix (affects only the H1) */
@media screen and (max-width: 767px) {
  .hero-2 .hero-portfolio-revealing-slide-heading,
  .hero-2 .hero-portfolio-revealing-slide-heading h1 {
    white-space: normal !important;
    width: 100% !important;
    max-width: calc(100% - 36px) !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    text-align: center !important;
  }
}

/* Mobile-only: only adjust the H1 wrapping without touching hero/background */
@media screen and (max-width: 767px) {
  .hero-2 .hero-portfolio-revealing-slide-heading {
    white-space: normal !important;
    width: auto !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    box-sizing: border-box !important;
  }
}