
/* Further hero tuning: smaller brand title, smaller contained visual, extra top spacing */
#intro.aws-hero,
.aws-hero {
  padding-top: 42px !important;
}

#intro.aws-hero .aws-hero-copy h1,
#intro.aws-hero #hero-title {
  font-size: clamp(36px, 4.5vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
}

#intro.aws-hero .aws-hero-visual {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 14px 14px 22px !important;
}

#intro.aws-hero .aws-console-card {
  width: 92% !important;
  max-width: 92% !important;
  margin: 0 auto !important;
}

#intro.aws-hero .aws-console-card img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

#intro.aws-hero .aws-floating-stat {
  transform: scale(0.88) !important;
  transform-origin: center center !important;
}
#intro.aws-hero .stat-one {
  left: 14px !important;
  bottom: 18px !important;
}
#intro.aws-hero .stat-two {
  right: 14px !important;
  top: 42px !important;
}

@media (max-width: 991px) {
  #intro.aws-hero,
  .aws-hero {
    padding-top: 34px !important;
  }
  #intro.aws-hero .aws-hero-copy h1,
  #intro.aws-hero #hero-title {
    font-size: clamp(34px, 6.2vw, 50px) !important;
  }
  #intro.aws-hero .aws-console-card {
    width: 94% !important;
    max-width: 94% !important;
  }
}

@media (max-width: 767px) {
  #intro.aws-hero,
  .aws-hero {
    padding-top: 28px !important;
  }
  #intro.aws-hero .aws-hero-copy h1,
  #intro.aws-hero #hero-title {
    font-size: clamp(28px, 8.3vw, 40px) !important;
    line-height: 1.06 !important;
  }
  #intro.aws-hero .aws-hero-visual {
    padding: 12px 8px 18px !important;
  }
  #intro.aws-hero .aws-console-card {
    width: 96% !important;
    max-width: 96% !important;
  }
  #intro.aws-hero .aws-floating-stat {
    transform: scale(0.8) !important;
  }
  #intro.aws-hero .stat-one {
    left: 6px !important;
    bottom: 8px !important;
  }
  #intro.aws-hero .stat-two {
    right: 6px !important;
    top: 24px !important;
  }
}
