/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.5_webpack@5.111.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.28_typescript@5.9.3_webpack@5.111.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.1_sass@1.105.0_webpack@5.111.1/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/home-hero/styles/src/home-hero.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-hero__wrapper{
  box-sizing:content-box;
  margin:0 auto;
  max-width:80rem;
  padding-inline:4rem;
  position:relative;
}
@media (max-width:480px){
  .home-hero__wrapper{
    padding-inline:2rem;
  }
}

.home-hero__wrapper>.wp-block-image:before{
  background-image:url(/wp-content/themes/tibeg/assets/img/shadow.svg);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:20rem;
  left:50%;
  position:absolute;
  transform:var(--shadow-transform, translate(-53%, 46%));
  width:120%;
  z-index:-1;
}

.home-hero{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  padding-block:var(--spacing-m);
  position:relative;
  right:50%;
  width:100vw;
}
.home-hero h1{
  font-size:clamp(3rem, 10vw, 7.5rem);
}
.home-hero__wrapper{
  max-width:var(--max-width-wide);
  position:static;
}
.home-hero__wrapper>.wp-block-group{
  width:55%;
}
@media (max-width:950px){
  .home-hero__wrapper>.wp-block-group{
    width:100%;
  }
}
.home-hero__wrapper>.wp-block-image{
  --shadow-transform:translate(-43%, 37%) skew(62deg, 3deg) scale(1.1);
  height:auto;
  left:calc(50% + 4rem);
  position:absolute;
  top:var(--spacing-m);
  transform:translateY(-20%);
  width:100rem;
}
@media (max-width:950px){
  .home-hero__wrapper>.wp-block-image{
    --shadow-transform:translate(-53%, 67%);
    left:unset;
    margin-top:3rem;
    max-width:unset;
    position:relative;
    top:unset;
    transform:none;
    width:160%;
    z-index:-1;
  }
}
.home-hero__pattern{
  height:auto;
  max-width:unset;
  min-width:210rem;
  mix-blend-mode:lighten;
  position:absolute;
  right:0;
  top:0;
  transform:translate(37%, -32%);
  width:175%;
  z-index:-2;
}
.home-hero .wp-block-paragraph{
  max-width:40rem;
}
.home-hero .wp-block-list{
  grid-template-columns:repeat(2, 1fr);
  max-width:50rem;
}
@media (max-width:768px){
  .home-hero .wp-block-list{
    grid-template-columns:1fr;
  }
}

/*! Add Soul */
/*# sourceMappingURL=home-hero.css.map*/