/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/home-hero/styles/src/home-hero.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.home-hero{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  padding-top:12rem;
  position:relative;
  right:50%;
  width:100vw;
}
.home-hero__shape{
  height:calc(100% + 6rem);
  left:0;
  max-width:unset;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:bottom center;
     object-position:bottom center;
  position:absolute;
  top:0;
  transform:translateX(-2px);
  width:calc(100% + 4px);
  z-index:-1;
}
.home-hero .content{
  align-items:end;
}
.home-hero h1,.home-hero p{
  --row:1;
}
.home-hero h1{
  --column:var(--col-left);
  color:var(--color-gold-100);
  font-size:clamp(3rem, 6vw, 6rem);
  margin-bottom:0;
}
.home-hero p{
  --column:var(--col-right);
  color:#fff;
  margin:0;
}
.home-hero .wp-block-video{
  aspect-ratio:1715/852;
  border-radius:var(--border-l);
  cursor:pointer;
  grid-column:1 /  -1;
  height:auto;
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  margin-top:6rem;
  overflow:hidden;
  position:relative;
  right:50%;
  transform:translateX(6rem);
  width:100vw;
  width:calc(100vw - 12rem);
}
.home-hero .wp-block-video:after{
  background-image:url(/wp-content/themes/apicem/assets/img/icons/play-circle.svg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  display:block;
  height:3rem;
  left:50%;
  pointer-events:none;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  transition:transform .4s var(--ease-smooth);
  width:3rem;
}
.home-hero .wp-block-video:hover:after{
  transform:translate(-50%, -50%) scale(1.2);
}

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