/* Bus World cinematic journey statement. Scoped to this homepage section only. */
.bw-journey-statement{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:clamp(460px,36vw,600px);
  overflow:hidden;
  background-color:#111;
  background-image:var(--bw-js-background-image);
  background-position:var(--bw-js-position-desktop,center center);
  background-size:var(--bw-js-background-size,cover);
  background-repeat:var(--bw-js-background-repeat,no-repeat);
  color:#fff;
}

.bw-journey-statement__overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(0,0,0,var(--bw-js-overlay-opacity,.5));
  pointer-events:none;
}

.bw-journey-statement__container{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:inherit;
  padding-top:var(--bw-js-desktop-top,150px);
  padding-bottom:var(--bw-js-desktop-bottom,150px);
}

.bw-journey-statement__content{
  width:min(100%,var(--bw-js-text-width,1080px));
  margin-inline:auto;
}

.bw-journey-statement--align-center .bw-journey-statement__content{text-align:center}
.bw-journey-statement--align-left .bw-journey-statement__content{text-align:left;margin-left:0}
.bw-journey-statement--align-right .bw-journey-statement__content{text-align:right;margin-right:0}

.bw-journey-statement__eyebrow{
  margin:0;
  color:#F30101;
  font-family:var(--font-interface);
  font-size:clamp(11px,.78vw,15px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.bw-journey-statement__line{
  display:block;
  width:clamp(48px,4vw,68px);
  height:2px;
  margin:18px auto 0;
  background:#F30101;
}

.bw-journey-statement--align-left .bw-journey-statement__line{margin-left:0}
.bw-journey-statement--align-right .bw-journey-statement__line{margin-right:0}

.bw-journey-statement__title{
  margin:clamp(24px,2.5vw,38px) 0 0;
  color:#fff;
  font-family:var(--font-display);
  font-size:clamp(48px,4.7vw,82px);
  font-style:normal;
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.bw-journey-statement__paragraph{
  width:min(100%,var(--bw-js-paragraph-width,920px));
  margin:clamp(24px,2.6vw,38px) auto 0;
  color:rgba(255,255,255,var(--bw-js-paragraph-opacity,.92));
  font-family:var(--font-interface);
  font-size:clamp(16px,1.35vw,22px);
  font-weight:400;
  line-height:1.62;
  text-wrap:pretty;
}

.bw-journey-statement--align-left .bw-journey-statement__paragraph{margin-left:0}
.bw-journey-statement--align-right .bw-journey-statement__paragraph{margin-right:0}

.bw-journey-statement--text-shadow .bw-journey-statement__title{
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}

.bw-journey-statement--text-shadow .bw-journey-statement__paragraph{
  text-shadow:0 1px 12px rgba(0,0,0,.34);
}

@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .bw-journey-statement--fixed-desktop{
    background-attachment:fixed;
  }
}

@media (max-width:1199px){
  .bw-journey-statement{
    min-height:clamp(430px,49vw,540px);
    background-position:var(--bw-js-position-tablet,center center);
    background-attachment:scroll;
  }

  .bw-journey-statement__container{
    padding-top:var(--bw-js-tablet-top,120px);
    padding-bottom:var(--bw-js-tablet-bottom,120px);
  }

  .bw-journey-statement__title{
    font-size:clamp(44px,6.2vw,68px);
  }

  .bw-journey-statement__paragraph{
    font-size:clamp(16px,1.8vw,20px);
  }
}

@media (max-width:767px){
  .bw-journey-statement{
    min-height:0;
    background-position:var(--bw-js-position-mobile,68% center);
    background-attachment:scroll;
  }

  .bw-journey-statement__container{
    padding-top:var(--bw-js-mobile-top,90px);
    padding-bottom:var(--bw-js-mobile-bottom,90px);
  }

  .bw-journey-statement__content{
    width:100%;
  }

  .bw-journey-statement__eyebrow{
    font-size:10px;
    letter-spacing:.14em;
  }

  .bw-journey-statement__line{
    width:46px;
    margin-top:14px;
  }

  .bw-journey-statement__title{
    margin-top:22px;
    font-size:clamp(38px,10.4vw,52px);
    line-height:1.04;
  }

  .bw-journey-statement__paragraph{
    margin-top:22px;
    font-size:clamp(15px,4.3vw,18px);
    line-height:1.58;
  }
}

@media (max-width:430px){
  .bw-journey-statement__title{
    font-size:clamp(36px,10.5vw,45px);
  }
}

@media (prefers-reduced-motion:reduce){
  .bw-journey-statement,
  .bw-journey-statement *{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}