@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ASPECT RATIO
 * ---------------------------------------------------------- */
section.block__hero {
  background-color: #DD372A;
  height: 100vh;
  height: 100dvh;
  min-height: 600px;
}
section.block__hero #img-hero-section {
  object-position: center bottom;
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media (max-width: 1199.98px) {
  section.block__hero #img-hero-section {
    object-fit: cover !important;
  }
}
section.block__hero .hero-title {
  font-size: clamp(3.6rem, 18vw, 20rem);
  line-height: 0.95;
  transform: translateY(60%);
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  section.block__hero .hero-title {
    font-size: clamp(5rem, 16vw, 14rem);
    transform: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
  }
}
@media (max-width: 767.98px) {
  section.block__hero .hero-title {
    font-size: clamp(3.5rem, 20vw, 8rem);
    transform: none;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}