@font-face {
    font-display: swap;
  font-family: Theinhardt;
  src: url('fonts/Theinhardt-Regular.woff2') format('woff2'),
       url('fonts/Theinhardt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
    font-display: swap;
  font-family: Theinhardt;
  src: url('fonts/Theinhardt-Medium.woff2') format('woff2'),
       url('fonts/Theinhardt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
    font-display: swap;
  font-family: Theinhardt;
  src: url('fonts/Theinhardt-Medium-Italic.woff2') format('woff2'),
       url('fonts/Theinhardt-Medium-Italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}



html { height:100%; scroll-behavior: smooth; box-sizing: content-box !important;}
body { height:100%; overflow:hidden; margin:0; padding:0; background-color:#000000; }

body, div, p {
    font-family: "Theinhardt", Arial, sans-serif; 
    font-size:20.25px; 
    font-weight: 400;
    color: #0e3034;
    line-height: 1.3;
    box-sizing: content-box !important;
}


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

td {
    border: none !important;
}

.emstd {
    font-family: "Theinhardt", Arial, sans-serif; 
    font-weight: 500;
    font-style: italic;
}

em {
    font-family: "Theinhardt", Arial, sans-serif;
    font-weight: 500;
    font-style: italic;
}

.emqt {
    font-family: "Theinhardt", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
}

.quote2 {
    font-family: "Theinhardt", Arial, sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 28px;
    line-height: 1.1;
    padding: 16px 0px 8px 0px;
    color: #67033f;
}

.launch_btn_arrow {
    height: 12px;
    padding-left: 8px;
}

h1 {
    font-family: "Theinhardt", Arial, sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
    margin: 4px 0 8px 0;    
}

.h1sub {
    font-size: 32px;
    /* color: #67033f; */
}

.intro {
    font-size: 40px;
}

h2 {
    font-family: "Theinhardt", Arial, sans-serif; 
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

h3 {
    font-family: "Theinhardt", Arial, sans-serif; 
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0;
}

.ttip {
    color: inherit;
    margin:0;
}

#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}

::-moz-selection { /* Code for Firefox */
    background: #ff7364;
}

::selection {
    background: #ff7364;
}

.hs_content {
    padding: 0 48px 0 0;
    letter-spacing: normal;
    font-synthesis: none;
}

.hs_content h1 {
    margin: 0 0 8px 0;
}

.hs_content h2 {
    font-size:20px;
    margin: 0 0 24px 0;
}

.hs_content .quote {
    font-family: "Theinhardt", Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

.hs_content p {
    font-family: "Theinhardt", Arial, sans-serif;
    font-weight: 400;
    font-size:20px; 
    line-height: 1.5;
    margin: 16px 0 24px 0;
}

.hs_content p:first-of-type {
    margin-top: 24px;
}

.hs_content em {
    font-weight: 400;
}

.hs_content strong {
    font-family: "Theinhardt", Arial, sans-serif;
    font-size: 28px;    
    line-height: 2;
    font-weight: 500;
    padding: 48px 0 32px 0;
}
.hs_content .scrollfader,  .hs_content .scrollfader2 {
    position: fixed;
    bottom: -1px;
    left:0;
    height:32px;
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);
}

.hs_content .scrollfader {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.hs_content .scrollfader2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


@media screen and (max-width: 413px) and (orientation: portrait) {
    .hs_content {
        padding: 0 28px 0 0;
    }

    h1, .intro {
        font-size:32px;
    }
  
    .h1sub {
        font-size: 20px;
    }
    
    .quote2 {
        font-size: 20px;
    }


    h2 {
        font-size:12px;
    }

    .hs_content .quote {
        font-size:20px;
    }

    .hs_content h2 {
        font-size:16px;
    }

    .hs_content h3 {
        font-size:12px;
    }

    .hs_content p {
        font-size:16px;
        line-height: 1.4;
        margin: 14px 0;
    }
}

@media screen and (max-width: 950px) and (orientation: landscape) {
    .hs_content {
        padding: 0 28px 0 0;
    }
    
    h1, .intro {
        font-size:32px;
    }
  
    .h1sub {
        font-size: 20px;
    }
    
    .quote2 {
        font-size: 20px;
    }

    h2 {
        font-size:12px;
    }
    
    .hs_content h2 {
        font-size:16px;
    }
    
    .hs_content h3 {
        font-size:12px;
    }

    .hs_content p {
        font-size:16px;
        line-height: 1.4;
        margin: 14px 0;
    }
}

@media (pointer: fine) {
    .cursor {
        opacity: 0;
        width: 96px;
        height: 96px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        position: absolute;
        z-index: 5000;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.25);
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
        /* right:0;
        bottom:0; */

        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);

    }

    .cursor_text {
        color: #ffffff;
        opacity: 1;
        z-index: 5000;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        pointer-events: none;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
    }

    /* Works on Firefox */
    * {
    scrollbar-width: thin;
    scrollbar-color: #0e3034 rgba(0,0,0,0.1);
    }

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
    width: 10px;
    }

    *::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
    }

    *::-webkit-scrollbar-thumb {
    background-color: #0e3034;
    }
}

@media (pointer: coarse) {
    .cursor, .cursor_text {
        display: none;
    }
}