/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */
* {
  box-sizing: border-box;
}
*:focus{
  outline:none;
}
[data-whatintent='keyboard'] *:focus {
  outline: 3px dashed orange;
  outline-offset: 7px;
}
[data-whatintent='keyboard'] .story-screen--17 a:focus {
  outline: 2px dashed orange;
  outline-offset: 0;
  text-decoration:underline;
}
body {
  font-family: 'Quicksand', sans-serif;
  background-color: #EDE8DB;
}
button {
  border:none;
  background-color: transparent;
}
main {
  
}
@keyframes pulseZero{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.3);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseOne{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(2.5);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseTwo{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.2);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseThree{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.2);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseFour{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.1);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseFive{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.4);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseSeven{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.3);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseEight{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(2.5);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseNine{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.5);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseTen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.15);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseEleven{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.2);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseTwelve{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.7);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseThirteen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.5);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseFourteen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.5);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseFifteen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.2);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseSixteen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.1);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
@keyframes pulseSeventeen{
    0%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
    50%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1.15);
      }
    100%{
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 1); transform:scale(1);
      }
}
.animate .text-cta--0{
  animation: pulseZero 1.7s infinite;
  transform-origin: 65% 20%;
  cursor:pointer;
}
.animate .text-cta--1{
  animation: pulseOne 1.9s infinite;
  transform-origin: 45% 60%;
  cursor:pointer;
}
.animate .text-cta--2{
  animation: pulseTwo 1.9s infinite;
  transform-origin: 35% 35%;
  cursor:pointer;
}
.animate .text-cta--3{
  animation: pulseThree 1.9s infinite;
  transform-origin: 75% 55%;
  cursor:pointer;
}

.animate .text-cta--4{
  animation: pulseFour 1.7s infinite;
  transform-origin: 45% 50%;
  cursor:pointer;
}
.animate .text-cta--5{
  animation: pulseFive 2.4s infinite;
  transform-origin: 95% 80%;
  transform: translate(50px, 100px);
  cursor:pointer;
}
.animate .text-cta--7{
  animation: pulseSeven 1.7s infinite;
  transform-origin: 25% 37%;
  cursor:pointer;
}
.animate .text-cta--8{
  animation: pulseEight 1.7s infinite;
  transform-origin: 45% 55%;
  cursor:pointer;
}
.animate .text-cta--9{
  animation: pulseNine 1.7s infinite;
  transform-origin: 40% 80%;
  cursor:pointer;
}
.animate .text-cta--10{
  animation: pulseTen 1.7s infinite;
  transform-origin: 45% 50%;
  cursor:pointer;
}
.animate .text-cta--11{
  animation: pulseEleven 1.7s infinite;
  transform-origin: 45% 80%;
  cursor:pointer;
}
.animate .text-cta--12{
  animation: pulseTwelve 1.7s infinite;
  transform-origin: 15% 46%;
  cursor:pointer;
}
.animate .text-cta--13{
  animation: pulseThirteen 1.7s infinite;
  transform-origin: 50% 30%;
  cursor:pointer;
}
.animate .text-cta--14{
  animation: pulseFourteen 1.7s infinite;
  transform-origin: 40% 60%;
  cursor:pointer;
}
.animate .text-ct--15{
  animation: pulseFifteen 1.7s infinite;
  transform-origin: 40% 50%;
  cursor:pointer;
}
.animate .text-cta--16{
  animation: pulseSixteen 1.7s infinite;
  transform-origin: 50% 80%;
  cursor:pointer;
}
.animate .text-cta--17{
  animation: pulseSeventeen 1.7s infinite;
  transform-origin: 50% 30%;
  cursor:pointer;
}
.body--with-graphics{
  background-image:url('../images/page-bg-tree-01-02.svg'), url('../images/page-bg-01-02.svg'), url('../images/page-bg-tree-02-02.svg'), url('../images/page-bg-04-05-05.svg');
  background-position: 5% 90%, 15% 30%, 90% 5%, 90% 90%;
  background-size: auto 20%, auto 35%, auto 12%, auto 40%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.loading-modal{
  display:flex;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 5;
  background-color: #EDE8DB;
  justify-content: center;
  align-items:center;
  align-content:center;
  flex-direction: column;
}
.loading-modal svg{
    width:180px;
    height: auto;
}
.loading-modal p{
    font-weight:600;
    font-size:1.8em;
    color: #666;
    margin:5px 0 0;
    text-align:center;
}
.page-loading{
  background-color: #EDE8DB;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 5
}
.page-loading:before{
  content:'Loading';
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='ffffc0c7-9297-4a4b-ad2c-ae76002268aa' data-name='fafeed1b-8670-459f-a887-a685162b16d0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 144.91 48.77'%3E%3Cdefs%3E%3Cstyle%3E.e603748f-33f5-4a48-8442-b44af861de24{fill:none}.aea15ac2-ffce-4e85-8a75-301438315e6f{clip-path:url(%23fcfc6c84-7103-4357-bfdb-72a85e2d5bda)}.bfe809bf-0c37-4989-9c74-73cfcbd78dd9{fill:%23999}%3C/style%3E%3CclipPath id='fcfc6c84-7103-4357-bfdb-72a85e2d5bda'%3E%3Crect class='e603748f-33f5-4a48-8442-b44af861de24' width='144.83' height='47.71'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='b4cadd7e-8c27-46d7-b436-5ae3671c89ba' data-name='bc32d2d0-274f-4b91-9349-682fa37a2e98'%3E%3Cg id='e92e18d7-ce61-4cee-8854-802ad3193f58' data-name='a47896cb-1925-4b98-a5e2-7a708281c9d9'%3E%3Cg class='aea15ac2-ffce-4e85-8a75-301438315e6f'%3E%3Cg class='aea15ac2-ffce-4e85-8a75-301438315e6f'%3E%3Cg%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M109,11.8a52.87,52.87,0,0,0-7.12-.06,44.82,44.82,0,0,0-11.09,1.78c-2.81.92-4,1.77-4,4.46v27.9a.91.91,0,0,0,.83,1h5.67a.93.93,0,0,0,1-.85V18.57c4.2-1.15,10.29-1.26,14.75-.89a.79.79,0,0,0,.86-.7V12.75a1,1,0,0,0-.88-.95'/%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M17.16,42.14a27.45,27.45,0,0,0,8.19-1.31c.91-.26,1.18.13,1.31.66l.65,3a1.07,1.07,0,0,1-.64,1.36h-.08A31,31,0,0,1,16,47.58c-12.18,0-16-5.89-16-18s3.8-18,16-18a31.12,31.12,0,0,1,10.61,1.7,1.07,1.07,0,0,1,.74,1.3v.08l-.65,3c-.13.53-.4.92-1.31.66A27.86,27.86,0,0,0,17.18,17c-7.34,0-9.56,3.14-9.56,12.57s2.22,12.51,9.56,12.51'/%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M57.76,46.79a38.1,38.1,0,0,1-8.84.92c-6.55,0-15.52-.52-15.52-11,0-8.58,5.11-9.3,10.87-10.29l11.92-2V22c0-2-.13-3.41-2-4.2a15.51,15.51,0,0,0-5.37-.65A48.61,48.61,0,0,0,37.33,19a2.32,2.32,0,0,1-.46.07.77.77,0,0,1-.78-.59l-.79-3.6a1,1,0,0,1,.7-1.1,50.26,50.26,0,0,1,14.1-2.16c4.65,0,7.73.66,9.76,1.77,3.41,1.9,3.73,5,3.73,8.45V40c0,4.78-1.31,5.77-5.83,6.81M46.24,31.27c-2.69.46-5.24.85-5.24,5.31,0,5.63,4.58,6,8.12,6a22.28,22.28,0,0,0,7.07-1V29.63Z'/%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M143.85,46.86h-5.44a1,1,0,0,1-1-1V22.36c0-4.06-1.5-5.37-5.37-5.37a41.73,41.73,0,0,0-9.69,1.38V45.88a.91.91,0,0,1-.83,1h-5.61a1,1,0,0,1-1-1V18c0-2.49.85-3.47,4.39-4.58a56.45,56.45,0,0,1,13.43-1.84c8,0,12.18,2.23,12.18,9.76v24.5a.91.91,0,0,1-.83,1h-.17'/%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M77.26,7.5h-4a1.73,1.73,0,0,1-1.71-1.71h0V1.65A1.64,1.64,0,0,1,73.15,0h4a1.72,1.72,0,0,1,1.72,1.71V5.85A1.64,1.64,0,0,1,77.26,7.5'/%3E%3Cpath class='bfe809bf-0c37-4989-9c74-73cfcbd78dd9' d='M71.51,14.52V40.43a.33.33,0,0,0,.33.33h0a.32.32,0,0,0,.23-.09L75,37.94a.34.34,0,0,1,.46,0l2.88,2.72a.34.34,0,0,0,.48,0,.31.31,0,0,0,.09-.22V14.52a1.67,1.67,0,0,0-1.66-1.65H73.16a1.65,1.65,0,0,0-1.65,1.65h0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:center center;
  background-size:180px auto;
  display:flex;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  padding-top: 100px;
  z-index: 6;
  justify-content: center;
  align-items:center;
  align-content:center;
  flex-direction: column;
  font-weight:600;
    font-size:1.8em;
    color: #666;
    margin:5px 0 0;
    text-align:center;
}

.container{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1; overflow: hidden;}@keyframes side-to-side-small{0%{transform:translatex(0) rotate(-90deg)}50%{transform:translatex(-2vw)}100%{transform:translatex(0) rotate(-90deg)}}@keyframes side-to-side-medium{0%{transform:translatex(0) rotate(-120deg)}50%{transform:translatex(-4vw)}100%{transform:translatex(0) rotate(-120deg)}}@keyframes side-to-side-large{0%{transform:translatex(0) rotate(250deg)}50%{transform:translatex(-6vw)}100%{transform:translatex(0) rotate(250deg)}}@keyframes fall{100%{transform:translatey(123vh)}}.leaf .x-axis{width:2vmax;height:2vmax;border-top-left-radius:5vmax;border-bottom-left-radius:5vmax;border-bottom-right-radius:.1vmax;border-top-right-radius:5vmax}.brown-leaf .x-axis{background-image:url(../images/leaf-1.svg);background-size:100% auto}.red-leaf .x-axis{background-image:url(../images/leaf-2.svg)}.yellow-leaf .x-axis{background-image:url(../images/leaf-3.svg)}.green-leaf .x-axis{background-image:url(../images/leaf-4.svg)}.small-move .x-axis{animation:side-to-side-small 4s cubic-bezier(.48,0,.46,1) 3.5 forwards}.medium-move .x-axis{animation:side-to-side-medium 10s cubic-bezier(.48,0,.46,1) 5.05 forwards}.large-move .x-axis{animation:side-to-side-large 8s cubic-bezier(.48,0,.46,1) 3.05 forwards}.leaf .y-axis{animation:fall 8s ease-out forwards}



.app {

  height: 100vh;
  overflow-y: scroll;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;

 -ms-scroll-snap-type: mandatory; /* IE/Edge */ 
 -webkit-scroll-snap-type: mandatory; /* Safari */  
  -webkit-scroll-snap-destination: 0% 0%;  
  -webkit-overflow-scrolling: touch; /* important for iOS */ 
  scroll-snap-type: y mandatory; /* Chrome Canary */  
  scroll-snap-type: mandatory; /* Firefox */   

  position: relative;
  z-index: 2;
  
}

.story-screen{

  scroll-snap-align: start;
  height: 100vh;
  max-width:64vh;
  /*overflow:hidden;*/
  position: relative;
  margin-left:auto;
  margin-right:auto;
  background-color:#AEAAA1;
}

.intro-modal {

   display:none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  /*  */

    .story-screen{
      overflow:hidden;
    }
    .text-cta{
      outline:1px dotted black !important;
    }
    .intro-modal {
      display:block;
      position: absolute;
      top:0;
      left:0;
      bottom: 0;
      right: 0;
      z-index: 10;
      background-color: #EDE8DB;
      color: #000;
    }
    .intro-modal__logo{
      max-width:400px;
      margin:0 auto;
      display: block;
    }
    .intro-modal__inner{
      max-width:400px;
      margin:0 auto;
      font-size:1.2em;
      text-align: center;
      line-height: 1.2;
    }
    .intro-modal__inner__header{
      font-size:1.8em;
      line-height: 1.1;
    }
    .intro-modal__inner a {
      color: #EA5736;
      text-decoration:none;
    }
    .intro-modal__inner a:hover{
      text-decoration:underline;
    }
}
.story-screen--with-border{
  border-left: 20px solid white;
  border-right: 20px solid white;
  box-sizing: content-box;
}
.story-screen--footer{
  background-color:#AEAAA1;
  position:absolute; bottom:0; left:0; right:0; height:3%; z-index:2;
}
.story-screen:nth-child(11){
    background-color: #fff;
  }
  .story-screen:nth-child(12){
    background-color: #3C5743;
  }
  .story-screen:nth-child(14),
  .story-screen:nth-last-child(2),
  .story-screen:nth-last-child(1) {
    background-color: #EDE8DB;
  }
  .story-screen:nth-last-child(1){
    background-image: url('../images/last-screen-03.svg');
      background-repeat:no-repeat;
      background-position:50% 100%;
      background-size: 70% auto;
  }

  
  .story-screen:nth-last-child(1) .last-screen-inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 100px;
      right: 0;
      font-size: 1.15em;
      line-height: 1.4;
      overflow: auto;
      
  }
  .story-screen--with-border.story-screen:nth-last-child(1) .last-screen-inner {

      top: 0;
      left: 8%;
      bottom: 100px;
      right: 0%;
  }

  .last-screen-inner-inner{
      background: rgba(237, 232, 219, 0.85);
      height: auto;
      padding:8%;
  }

  .story-screen--with-border.story-screen:nth-last-child(1) .last-screen-inner-inner{
      
      padding:8% 16% 0 8%;

  }
  .story-screen:nth-last-child(1) .last-screen-inner a {
      color:#EA5736;
      text-decoration:none;
      font-weight: 600;

  } 
  .story-screen:nth-last-child(1) .last-screen-inner a:hover {
      text-decoration:underline;
  }

  
  .story-screen:nth-last-child(1) .last-screen-inner h2{
      font-size: 1.3em;
  }

.story-screen__text {
    display:none;
    position:absolute;
    z-index: 3;
    top:2%;
    padding:5% 0 80px 5%;
    min-height: 50%; 
    /*right:-400px;*/
    right:0;
    width:320px;
    background-color: #EDE8DB;
    border:6px solid #EA5736;
    border-radius: 20px 0 0 20px;
}
.no-js .story-screen__text{
    display:block;
}
.story-screen__text__header{
  line-height: 1.3;
    font-size: 1.1rem;
    font-weight: bold;
    margin:0 0 1rem 0;
}
.story-screen__text__inner{
      max-height: 60vh;
      padding:0 5% 0 0;
      overflow:auto;
}
.story-screen__text__close{
      position:absolute;
      right:2px;
      top:2px;
      z-index: 5;
      cursor:pointer;
      display:block;
      width:30px;
      height:30px;
      overflow: hidden;
      text-indent: -999em;
      background-color: #EDE8DB;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg id='b91ef90e-ae13-42c8-af47-d88a8fee7c52' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.32 44.32'%3E%3Cdefs%3E%3Cstyle%3E.a7e57a54-4efe-4b34-814a-3a0e80af24a6,.b20fbf41-f806-446e-a5ec-b3488adb128c%7Bfill:%23ede8db;%7D.a93665e4-b937-4481-bee3-01ece890e693%7Bfill:%23aeaaa1;%7D.a77f9e84-9d96-44fa-a941-baeb98caa40f%7Bfill:%233c5743;%7D.a0fa9e9e-52c0-4dbb-a77e-5008458d568e,.b171b4ad-ff6f-48c3-9d50-c7ab2b3ee49d%7Bfill:none;%7D.a0fa9e9e-52c0-4dbb-a77e-5008458d568e,.b171b4ad-ff6f-48c3-9d50-c7ab2b3ee49d,.b20fbf41-f806-446e-a5ec-b3488adb128c%7Bstroke:%23ea5736;stroke-miterlimit:10;%7D.a0fa9e9e-52c0-4dbb-a77e-5008458d568e%7Bstroke-width:5.4px;%7D.b171b4ad-ff6f-48c3-9d50-c7ab2b3ee49d%7Bstroke-linecap:round;stroke-width:2.31px;%7D.e73210d1-9490-40d5-a0db-592f17c76cb6%7Bfill:%23a2a081;%7D.a705baad-b915-42ce-8bd4-123716b284ec%7Bfill:%2377a9a2;fill-rule:evenodd;%7D.b20fbf41-f806-446e-a5ec-b3488adb128c%7Bstroke-width:6px;%7D.f45f67ae-eb6c-403d-999f-8d54c4bbb975%7Bfill:%23ea5736;%7D%3C/style%3E%3C/defs%3E%3Crect class='a7e57a54-4efe-4b34-814a-3a0e80af24a6' x='-407.82' y='-966.32' width='465.11' height='2577.36'/%3E%3Cpath class='a93665e4-b937-4481-bee3-01ece890e693' d='M24.17,696.91l32.63,4.48,1.07-296.87C11.93,318.26,21,336.77-25,246.74-52,193.82-79.6,140.41-93.47,82.63a370.21,370.21,0,0,1,1.1-176.5H-210.58a370.21,370.21,0,0,0-1.11,176.5c13.87,57.78,41.42,111.19,68.45,164.11,46,90,91.2,180.54,130.78,273.57C15,584.9,40.11,656.34,21.27,724c-1,3.53-4.2,7.92-7.28,5.93'/%3E%3Cpath class='a77f9e84-9d96-44fa-a941-baeb98caa40f' d='M57.87,404.52C21.66,346.19-14.49,281.25-44,219.28s-52.31-127.81-60-196c-2.36-20.89-3.28-42.19.8-62.81l160-.34Z'/%3E%3Cline class='a0fa9e9e-52c0-4dbb-a77e-5008458d568e' x1='18.63' y1='77.18' x2='18.63' y2='37.19'/%3E%3Cpath class='b171b4ad-ff6f-48c3-9d50-c7ab2b3ee49d' d='M8.34,39.76S9.27,50.1,18.63,53.87'/%3E%3Cpath class='b171b4ad-ff6f-48c3-9d50-c7ab2b3ee49d' d='M28.75,35.77S27.53,48,18.63,48'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='30.41' cy='34.19' r='8.04'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='36.04' cy='12.37' r='8.04'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='2.72' cy='13.17' r='9.61'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='17.85' cy='36.56' r='6.27'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='38.45' cy='25.44' r='10.35'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='-2.42' cy='25.44' r='9.26'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='14.5' cy='7.64' r='13.79'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='24.8' cy='9.6' r='11.02'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='16.73' cy='23.39' r='13.79'/%3E%3Ccircle class='e73210d1-9490-40d5-a0db-592f17c76cb6' cx='6.7' cy='34.19' r='8.03'/%3E%3Cpath class='a705baad-b915-42ce-8bd4-123716b284ec' d='M16.12,67.08a28.26,28.26,0,0,0,.15-2.92A30.82,30.82,0,0,0-14.56,33.34a30.74,30.74,0,0,0-21.56,8.8,17,17,0,0,0-9.26-2.75,17,17,0,0,0-17,17A17,17,0,0,0-61.74,61,25.1,25.1,0,0,0-79.41,85a25,25,0,0,0,2.14,10.14H29.52a20.53,20.53,0,0,0-13.4-28Z'/%3E%3Cpath class='b20fbf41-f806-446e-a5ec-b3488adb128c' d='M57.48,657.21h-377a31.1,31.1,0,0,1-31.09-31.1V17.59A31.09,31.09,0,0,1-319.55-13.5h377'/%3E%3Ccircle class='f45f67ae-eb6c-403d-999f-8d54c4bbb975' cx='22.16' cy='22.16' r='22.16'/%3E%3Cpath class='a7e57a54-4efe-4b34-814a-3a0e80af24a6' d='M28.75,14.77l-5.13,7,5.13,7a1.47,1.47,0,0,1-.33,2.05,1.5,1.5,0,0,1-.86.3,1.55,1.55,0,0,1-1.22-.62l-4.53-6.24-4.56,6.24a1.54,1.54,0,0,1-1.19.62,1.43,1.43,0,0,1-.87-.3,1.48,1.48,0,0,1-.35-2.05l5.13-7-5.13-7a1.48,1.48,0,0,1,.35-2,1.4,1.4,0,0,1,2.06.32l4.56,6.21L26.34,13a1.43,1.43,0,0,1,2.08-.32A1.46,1.46,0,0,1,28.75,14.77Z'/%3E%3C/svg%3E");
    
    }

.story-screen__graphic {
  width:100%;
    height:auto;
    display:block;
}
.story-screen__footer{
    display: block;
    position: fixed;
    z-index: -2;
    width: 64vh;
    max-width: 100%;
    bottom: 0;
    background-color: #062837;
    color: #fff;
    text-align: center;
    padding: 1vh 10px;
    transform: translate3d(0,0,0); /* iOS flicker fix*/
}
.story-screen__footer--show{
    z-index: 3;
}
.story-screen__audio-ctrl{
    position:absolute;
    bottom:10px;
    left: calc(50% - 25px);
    cursor:pointer;
    width:50px;
    height:50px;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -999em;
    overflow: hidden;
  }
  .story-screen__audio__loading{
    display: none;
    position:absolute;
    bottom:10px;
    left: calc(50% - 60px);
    line-height: 50px;
    width:120px;
    font-weight:600;
    font-size:1.2em;
    text-align:center;
    background-color:#EA5736;
    color:#fff;
  }
  .story-screen__audio__loading--last{
    bottom:30px;
    line-height: 51px;
  }
  .story-screen__audio-ctrl--last{
    bottom:30px;
    left: calc(50% - 17px);
  }
  .story-screen__audio-ctrl.paused {
      background-image: url("data:image/svg+xml,%3Csvg id='a87be89d-000a-4447-999e-2af5f0de46ad' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124.71 114.42'%3E%3Cdefs%3E%3Cstyle%3E.bcd210f3-7090-4cdb-b350-a4c0c49f9791,.fa0e2601-7e93-47db-b244-335d5f1ab316%7Bfill:%23ede8db;%7D.b7637181-f8db-4f50-8ca3-226bc60a70db%7Bfill:%233c5743;%7D.fa83fd7e-f749-40db-a6ef-0ee0ecd426a6%7Bfill:%23aeaaa1;%7D.bd3d26b0-4deb-481e-9e6c-8b536fa5d6fa%7Bfill:%234d4d4c;%7D.bcd210f3-7090-4cdb-b350-a4c0c49f9791%7Bstroke:%23ea5736;stroke-miterlimit:10;stroke-width:6px;%7D.fdd236b3-5da3-4639-9bdb-09c2f292e26a%7Bfill:%23ea5736;%7D%3C/style%3E%3C/defs%3E%3Crect class='fa0e2601-7e93-47db-b244-335d5f1ab316' x='-199.56' y='-640.61' width='465.11' height='2577.36'/%3E%3Cpolygon class='b7637181-f8db-4f50-8ca3-226bc60a70db' points='133.02 187.69 265.55 187.69 266.63 -544.39 217.82 -465.54 133.02 -113.2 115.72 162.98 133.02 187.69'/%3E%3Cpath class='fa83fd7e-f749-40db-a6ef-0ee0ecd426a6' d='M133,187.69c53.83-71.32,55.07-153.11,57.92-242S186-233,200.91-320.77,258-497.3,335.8-542.06l-81.11.3C174.75-500.82,128.22-414.18,109-327.26S93.11-150.32,85.85-61.64,58.78,118.85,1.48,187.49Z'/%3E%3Crect class='fa83fd7e-f749-40db-a6ef-0ee0ecd426a6' x='-198.48' y='-23.55' width='367.12' height='47.23'/%3E%3Crect class='bd3d26b0-4deb-481e-9e6c-8b536fa5d6fa' x='11.69' y='-472.78' width='12.75' height='623.23' rx='2.41' transform='matrix(1, 0.04, -0.04, 1, -5.72, -0.74)'/%3E%3Cpath class='bcd210f3-7090-4cdb-b350-a4c0c49f9791' d='M266.42,157.36h-377a31.09,31.09,0,0,1-31.09-31.09V-482.25a31.1,31.1,0,0,1,31.09-31.1h377'/%3E%3Cg id='a4de47c5-e55c-4d4e-ac84-5c55f743e0c0' data-name='DZFlyL.tif'%3E%3Cpath class='fdd236b3-5da3-4639-9bdb-09c2f292e26a' d='M97,20.88c11.16,9.62,17.23,21.63,17.22,36.39S108.1,84,97,93.59c1.92,2.88,3.81,5.69,5.69,8.52A56.19,56.19,0,0,0,124.61,54c-1-17.09-8.55-30.92-21.84-41.81ZM85.35,38.3a26.1,26.1,0,0,1,0,37.89q2.88,4.29,5.77,8.63c17.33-14.63,16.72-41.33,0-55.16Z'/%3E%3Cpath class='fdd236b3-5da3-4639-9bdb-09c2f292e26a' d='M63.56,0l1.62.46a10.44,10.44,0,0,1,7.6,9.76c0,.16,0,.33,0,.49q0,46.55,0,93.09c0,8.24-8.33,13-15.67,9.42a8.16,8.16,0,0,1-2.36-1.86A209.91,209.91,0,0,0,28.81,86.61a15.1,15.1,0,0,0-10-3.38A67.12,67.12,0,0,1,9,83.05c-4.66-.56-7.53-3.44-8.73-8A3.76,3.76,0,0,0,0,74.52V39.94a1.65,1.65,0,0,0,.18-.31c1.48-5.52,5.25-8.43,11-8.43,2.72,0,5.44-.05,8.15,0a13.26,13.26,0,0,0,8.92-3C32.06,25.09,36,22,39.57,18.53c4.88-4.63,9.58-9.46,14.2-14.36C55.41,2.44,57,.88,59.37.37c.51-.11,1-.25,1.51-.37Z'/%3E%3Cpath class='fdd236b3-5da3-4639-9bdb-09c2f292e26a' d='M97,20.88l5.78-8.67C116.06,23.1,123.59,36.93,124.61,54a56.19,56.19,0,0,1-21.93,48.09c-1.88-2.83-3.77-5.64-5.69-8.52C108.1,84,114.2,72,114.21,57.27S108.15,30.5,97,20.88Z'/%3E%3Cpath class='fdd236b3-5da3-4639-9bdb-09c2f292e26a' d='M85.35,38.3l5.77-8.64c16.73,13.83,17.34,40.53,0,55.16q-2.89-4.33-5.77-8.63A26.1,26.1,0,0,0,85.35,38.3Z'/%3E%3C/g%3E%3C/svg%3E");
    }
   .story-screen__audio-ctrl.playing {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cpath style='fill:%23EA5736' d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M27,46h-8V14h8V46z M41,46h-8V14h8V46z'/%3E%3C/svg%3E%0A");
    }
  .pulse-box{
  position:absolute;
  left: 0;
  top: 0;
  width:40px;
  height:40px;
  background-color: red;
  cursor:pointer;
}

.js-required{
  position:absolute;
  z-index: 7;
  top:0;
  left:25px;
  right:25px;
  text-align:center;
  line-height: 1.3; 
}
.js-required p {
  text-align:center;
  width: 63vh;
  max-width: 99%;
  margin:0 auto;
  padding: 2em 1em;
  font-weight:400;
  line-height: 1.3;
  background: rgba(255,0,0,0.1);
}
.js-required p a {
  color:#EA5736;
}

@media only screen and (min-width:1920px) and (min-height:800px) and (orientation: landscape) {

  .story-screen__text{
      
       width: 520px;
  }

  .story-screen__text__header{

      font-size: 1.4vw;
  }

  .story-screen:nth-last-child(1) .last-screen-inner {

      font-size: 1.15vw;
      
  }
  .story-screen__text__inner{

      font-size: 1.15vw;
  }
  .story-screen__footer{
      font-size: 1.15vw;
  }

  .js-required p{
      font-size: 1.15vw;
  }

  
}