.landing-conference-hero{
  background:#fde3d2;
  color:#fff;
  min-height:500px;
  overflow:hidden;
  position:relative;
}
@media screen and (min-width:768px){
  .landing-conference-hero{
    background:#515458;
    min-height:600px;
  }
}

.landing-conference-hero__bg{
  background-image:var(--landing-conference-hero-image);
  background-position:100% bottom;
  background-repeat:no-repeat;
  background-size:cover;
  bottom:0;
  height:50%;
  position:absolute;
  width:100%;
}
.landing-conference-hero__bg:before{
  background:linear-gradient(180deg, #fde3d2 0, hsla(24,91%,91%,0));
  content:"";
  height:6%;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
@media screen and (min-width:768px){
  .landing-conference-hero__bg{
    background-position:50%;
    height:100%;
    top:0;
  }
  .landing-conference-hero__bg:before{
    display:none;
  }
}

.landing-conference-hero__inner{
  min-height:inherit;
  position:relative;
  z-index:1;
}

.landing-conference-hero__content{
  max-width:560px;
  padding:24px 8px 0;
}
@media screen and (min-width:768px){
  .landing-conference-hero__content{
    max-width:600px;
    padding:60px 16px 56px;
  }
}

.landing-conference-hero__title{
  color:#001b70;
  font-size:26px;
  font-weight:500;
  line-height:30px;
  margin:0 0 12px;
}
@media screen and (min-width:768px){
  .landing-conference-hero__title{
    font-size:46px;
    line-height:54px;
    margin:0 0 20px;
  }
}

.landing-conference-hero__description{
  color:#5a556e;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:24px;
  margin-bottom:20px;
}
@media screen and (min-width:768px){
  .landing-conference-hero__description{
    font-size:24px;
    line-height:28px;
    margin-bottom:30px;
    opacity:.85;
  }
}

.landing-conference-hero__promo{
  align-items:end;
  color:#f60;
  margin-bottom:16px;
  overflow:visible;
  position:relative;
}

.landing-conference-hero__promo-title{
  display:block;
  font-family:var(--font-medium);
  font-size:16px;
  line-height:20px;
}
@media screen and (min-width:768px){
  .landing-conference-hero__promo-title{
    font-size:22px;
    line-height:28px;
  }
}

.landing-conference-hero__btn{
  bottom:8px;
  left:16px;
  position:absolute;
}
@media screen and (min-width:576px){
  .landing-conference-hero__btn{
    left:24px;
  }
}
@media screen and (min-width:768px){
  .landing-conference-hero__btn{
    bottom:30px;
    left:32px;
  }
}
@media screen and (min-width:1400px){
  .landing-conference-hero__btn{
    left:16px;
  }
}

.landing-conference-hero__btn .component-button{
  margin:1rem 0;
  width:auto;
}
@media screen and (min-width:768px){
  .landing-conference-hero__btn .component-button{
    margin:initial;
  }
}

.landing-conference-hero__btn .component-button__item{
  width:auto;
}

.landing-conference-hero__btn--orange .component-button__item{
  background-color:#f60;
  border-color:#f60;
  color:#fff;
  font-size:20px;
  line-height:22px;
}
.landing-conference-hero__btn--orange .component-button__item:hover{
  background-color:#fff;
  border-color:#f60;
  color:#f60;
}