O:41:"Symfony\Component\AssetMapper\MappedAsset":12:{s:10:"sourcePath";s:41:"/home/assotax/www/assets/styles/hero.scss";s:10:"publicPath";s:31:"/assets/styles/hero-MAmbYBU.css";s:23:"publicPathWithoutDigest";s:23:"/assets/styles/hero.css";s:15:"publicExtension";s:3:"css";s:7:"content";s:1946:"@use "variables";
@use "placeholders";

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(2rem, 1.8rem + 1vw, 3rem);
  padding-top: clamp(2rem, 1.8rem + 1vw, 3rem);
  background: linear-gradient(to bottom, #fff7d3 0%, #eb9b6a 70%);

  &--front {
      height: calc(100svh - variables.$navbar-height-mobile);

      @media screen and (min-width: variables.$breakpoint) {
          height: calc(100svh - variables.$navbar-height-desktop);
        }

        &::before {
          content: "";
          position: absolute;
          inset: 0;
          background-image: url("../images/45-degree-fabric-light-FITJuH0.png"); // https://www.transparenttextures.com/
          pointer-events: none;
        }
  }

  &__title {
    @extend %title;
    margin-bottom: 0;
    position: relative;
    font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
    line-height: 1;
    z-index: 1;

    @media screen and (min-width: 700px) {
      .line-break {
        display: none;
      }
    }
  }

  &__text {
    width: 85vw;
    text-align: center;
    color: rgb(223, 113, 50);
    font-size: clamp(1.4rem, 1.14rem + 1.3vw, 2.7rem);
    // margin: auto;
    z-index: 1;

    @media screen and (min-width: variables.$breakpoint) {
      // width: 50vw;
    }
  }

  // &__discover {
  //   // position: absolute;
  //   width: 100%;
  //   // bottom: .6rem;
  //   display: flex;
  //   flex-direction: column;
  //   align-items: center;
  //   animation: 1s linear 1s infinite alternate discoverArrow;
  //   z-index: 1;

  //   @media screen and (min-width: variables.$breakpoint) {
  //     bottom: 2rem;
  //   }

  //   & span {
  //     margin: 0;
  //     font-size: calc(0.6rem + 0.4vw);
  //     margin-bottom: .70rem;
  //     letter-spacing: .05em;
  //     text-transform: uppercase;
  //   }
  // }

  @keyframes discoverArrow {
    100% {
      transform: translateY(15px);
    }
  }
}";s:6:"digest";s:32:"30099b60151b6c2545365c5cf53038bb";s:13:"isPredigested";b:0;s:11:"logicalPath";s:16:"styles/hero.scss";s:8:"isVendor";b:0;s:55:" Symfony\Component\AssetMapper\MappedAsset dependencies";a:1:{i:0;O:41:"Symfony\Component\AssetMapper\MappedAsset":12:{s:10:"sourcePath";s:58:"/home/assotax/www/assets/images/45-degree-fabric-light.png";s:10:"publicPath";s:49:"/assets/images/45-degree-fabric-light-FITJuH0.png";s:23:"publicPathWithoutDigest";s:41:"/assets/images/45-degree-fabric-light.png";s:15:"publicExtension";s:3:"png";s:7:"content";N;s:6:"digest";s:32:"1484c9b87d1145d64b66f9751bfd7331";s:13:"isPredigested";b:0;s:11:"logicalPath";s:33:"images/45-degree-fabric-light.png";s:8:"isVendor";b:0;s:55:" Symfony\Component\AssetMapper\MappedAsset dependencies";a:0:{}s:59:" Symfony\Component\AssetMapper\MappedAsset fileDependencies";a:0:{}s:60:" Symfony\Component\AssetMapper\MappedAsset javaScriptImports";a:0:{}}}s:59:" Symfony\Component\AssetMapper\MappedAsset fileDependencies";a:0:{}s:60:" Symfony\Component\AssetMapper\MappedAsset javaScriptImports";a:0:{}}