@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --quatenary: #181818;
  --tertiary--900: #383110;
  --tertiary--50: #fefcf1;
  --tertiary-950: #201c04;
}

.body {
  background-color: var(--quatenary);
  font-family: Interdisplay, Impact, sans-serif;
}

.coming-soon__inner {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.bullet-image {
  height: 60vh;
  max-height: 1400px;
  margin-bottom: -100px;
}

.c-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.c-img.c-cover {
  object-fit: contain;
}

.uc-h2 {
  color: var(--tertiary--900);
  letter-spacing: -.04em;
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.uc-h2.c-center {
  color: var(--tertiary--50);
  text-align: center;
  font-size: 64px;
}

.coming-soon {
  width: 100%;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.coming-soon__cover {
  background-color: var(--tertiary-950);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.c-date-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.date-text {
  color: var(--tertiary--50);
  text-transform: uppercase;
  line-height: 129%;
}

.date-text.cc-dark {
  text-shadow: 0 1px 2px #201c0466, 0 0 24px #201c0433;
}

.bullet-logo {
  height: 50px;
}

.coming-soon__dupcover {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 767px) {
  .c-img {
    object-fit: cover;
  }

  .c-img.cc-logo {
    object-fit: contain;
  }
}

@media screen and (max-width: 479px) {
  .bullet-image {
    height: 450px;
  }

  .c-img {
    object-fit: cover;
  }

  .c-img.cc-logo {
    object-fit: contain;
  }

  .uc-h2.c-center {
    font-size: 40px;
  }
}


@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}