* {
  font-family: "Montserrat", sans-serif; }

*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
  background-color: #fff; }

.banner {
  height: 100vh;
  color: #fff;
  padding: calc(clamp(2.5rem, 3.636vw + 1.648rem, 4.375rem)); }
  .banner:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 1;
    pointer-events: none;
    z-index: 0;
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.719) 100%) 0% 0% no-repeat padding-box; }
  .banner .media video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block; }
  .banner .content {
    z-index: 1;
    height: 100%;
    max-width: 855px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    .banner .content h1 {
      margin: 80px 0 0 0;
      font-size: calc(clamp(3.125rem, 2.885vw + 2.404rem, 5rem)); }
    .banner .content__head {
      display: inline-block;
      background: #000;
      width: max-content;
      padding: 5px;
      border-radius: 5px;
      vertical-align: middle;
      position: absolute;
      top: 0;
      left: 0; }
      .banner .content__head .logo {
        vertical-align: middle; }

.link-arrow {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 1.286rem;
  position: relative;
  text-decoration: none;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  line-height: 1;
  font-weight: 500;
  margin-top: 6rem; }
  .link-arrow:after {
    display: inline-block;
    content: "";
    width: 1rem;
    margin-left: .5rem;
    height: 2px;
    background-color: currentColor;
    transition: width ease .3s, margin ease .3s; }
  .link-arrow:before {
    display: inline-block;
    order: 10;
    margin-left: -6px;
    margin-right: 1rem;
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: width ease 0.3s, margin ease 0.3s; }
  .link-arrow:hover:after {
    width: 2rem; }

.animate-up {
  opacity: 0;
  animation: fadeInUp 1.5s ease-out forwards; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(5rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.page-loader{background:#fff;display:grid;place-items:center;transition:opacity 0.4s ease;position:fixed;left:0;right:0;bottom:0;top:0;z-index:99999;width:100%}.page-loader .loader-line{--color: white;--size-mid: 6vmin;--size-dot: 1.5vmin;--size-bar: 0.4vmin;--size-square: 3vmin;position:relative;margin-top:5px;width:100%;display:grid;place-items:center}.page-loader .loader-line:before{content:"";box-sizing:border-box;position:absolute;height:var(--size-bar);width:6vmin;background-color:var(--brand-color);animation:loader-4 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite}.page-loader .loader-line:after{content:"";box-sizing:border-box;position:absolute}.loaded .page-loader{display:none}@keyframes loader-4{0%,44%,88.1%,100%{transform-origin:left}0%,100%,88%{transform:scaleX(0)}44.1%,88%{transform-origin:right}33%,44%{transform:scaleX(1)}}
/*# sourceMappingURL=video.css.map */