.module-hero {
    position: relative;
    --height: 100vh;
    height: var(--height);
    color: var(--base-color-white);
  }
  
  
  
  
  
  
  
  
  
  .module-hero .module-inner {
    position: relative;
    z-index: 2;
    height: var(--height);
    display: flex;
    flex-flow: column nowrap;
    padding-inline: var(--page-padding-left-l);
  }
  
  .module-hero .module-wrap {
    margin-top: auto;
    padding-bottom: calc(157 * var(--px));
  }
  
  .module-hero .subheadline {
    margin-top: 1.06666666666666666666em;
  }
  
  .scroll-hint {
    position: absolute;
    bottom: 2.11764705882352941176em;
    left: var(--page-padding-left);
    z-index: 2;
  }
  
  .scroll-hint > span {
    writing-mode: sideways-lr;
    animation: scroll-hint infinite alternate 1.25s var(--ttf-3);
  }
  
  @keyframes scroll-hint {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
  
  
  
  
  
  
  
  
  
  
  
  .module-hero .background {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  .module-hero .background :is(img, video) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-hero {
      --height: 407px;
    }
    
    .module-hero .scroll-hint {
      display: none;
    }
    
    .module-hero .module-inner {
      padding-inline: var(--page-padding-left);
    }
    
    .module-hero .module-wrap {
      padding-bottom: 50px;
      margin-top: 125px;
    }
    
  }