/* 
  Custom Styles for Ascendmetric Clone
  Use this file to override any styles from the main Webflow CSS.
*/

/* 1. Remove Webflow Branding */
.w-webflow-badge {
  display: none !important;
  visibility: hidden !important;
}

/* 2. Global Typography Adjustments */
/* You can change the base font size here */
html {
  font-size: 16px;
}

body {
  /* Example: Change global line height or font smoothing */
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* 3. Heading Adjustments */
h1,
.hero-title {
  /* Example: Adjust hero title size */
  /* font-size: 5rem; */
}

.display-01.hero-title {
  font-size: 120px;
  /* Reduced from 180px */
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  .display-01.hero-title {
    font-size: 80px;
  }
}

@media screen and (max-width: 479px) {
  .display-01.hero-title {
    font-size: 60px;
  }
}

/* 4. Easy Visual Asset Replacement */
/* If you want to change a background image via CSS, do it here: */
/*
.section-hero {
  background-image: url('../images/your-new-hero.jpg') !important;
}
*/