@charset "utf-8";
address,
article,
aside,
button,
blockquote,
body,
dd,
dialog,
dl,
dt,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
li,
nav,
ol,
p,
pre,
section,
td,
th,
tr,
ul {
  margin: 0;
  padding: 0;
}

body {
  background: #141414;
  margin: 0;
  padding: 0;
  margin-top:0;
  font-family: "FT1";
  width: 100vw;
  color: #dddcd2;
  line-height: 0;
  touch-action: manipulation !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: "FT1"; src: url("Items-CondensedLight.otf") format("opentype");
}

@font-face {
  font-family: "FT2";
  src: url("Items-CondensedMedium.otf")
    format("opentype");
}

a {
  text-decoration: none;
  color: #dddcd2 !important;
}
::-webkit-scrollbar {
  display: none !important;
  width: 0px !important;
  opacity: 0 !important;
}
#smooth-content {
  overflow: visible;
  width: 100%;
  height: auto;
  z-index: 100;
}
html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.transition-fade {
  transition: 0.1s;
  opacity: 1; /*transition-delay: .3s;*/
}
html.is-animating .transition-fade {
  opacity: 0;
}
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

h1 {
  font-family: "FT1" !important;	
  margin: 0;
  padding: 0;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.1em;
  text-align: left;
  text-transform: none;
}

h2 {
  font-family: "FT2";
  margin: 0;
  padding: 0;
  font-size: 35vw;
  font-weight: 300;
  line-height: 0.8em;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: none;
}

.mainframe {
  opacity: 1 !important;
  transition: opacity 0.25s;
}
.mainframe.is-hidden {
  opacity: 0 !important;
}
svg {
  position: absolute;
  fill: #dddcd2;
  stroke-width: 0px; /*stroke: #e3dac9;*/
}
.svgcontain {
  width: 25vw;
  height: 25vw;
  overflow: visible;
  position: relative;
}
.caption3 {
  display: none;
}
.textContainer1 {
  position: relative;
  width: 40vw;
  padding: 10em;
  margin-left: 60vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.section {
  position: relative;
  width: auto;
  overflow-x: hidden !important;
}
.split {
  will-change: transform;
  overflow: visible;
  margin-bottom: 1em;
}
.line {
  overflow: hidden;
  display: block;
}
.topSection {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: flex-end;
}
.bottomSection {
  position: relative;
  width: 100vw;
  height: 70vh;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 800px) {
	
	
	
  .topSection {
    position: relative;
    width: 100vw;
    height: 33vh;
    display: flex;
    justify-content: flex-end;
  }
  .bottomSection {
    position: relative;
    width: 100vw;
    height: 70vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .textContainer1 {
    position: relative;
    width: 80vw;
    padding: 10vw;
  }
  .line {
    overflow: hidden;
    display: block;
  }
  .split {
    will-change: transform;
    overflow: visible;
    padding-bottom: 0.5em;
  }
  .section {
    position: relative;
    width: 100vw;
    overflow-x: hidden !important;
  }
  .svgcontain {
    padding-left: 5vw;
    width: 100vw;
    height: 100vw;
    overflow: visible;
    position: relative;
  }
  h1 {
    font-size: 5vw;
    line-height: 1.1em;
    overflow: visible;
    padding-bottom: 1em;
  }


h2 {
  font-family: "FT2";
  margin: 0;
  padding: 0;
  font-size: 80vw;
  font-weight: 300;
  line-height: 0.8em;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: none;
}
	
}
*:focus {
  outline: 0;
  outline: none;
}