/*
Theme Name: TTA
Author: thyme.studio
Author URI: https://thyme.studio
Version: 2025.08
Requires at least: 6.1
Tested up to: 6.8.2
Requires PHP: 8.2.29
Text Domain: tta
*/
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

@font-face {
  font-family: "Montreal";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("includes/fonts/PPNeueMontreal-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "SuisseIntlMono";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("includes/fonts/SuisseIntlMono-Regular.ttf") format("truetype");
}
html, body {
  font-family: "SuisseIntlMono", monospace;
  font-size: 15px;
  line-height: 1.2;
}

.home #wrapper {
  position: relative;
  display: block;
  text-transform: uppercase;
}
.home .wrap {
  padding-right: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
  padding-left: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
}
.home #header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
.home #header .wrap {
  display: flex;
  width: 100%;
  padding-top: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
  padding-bottom: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
  justify-content: space-between;
}
.home #header .title {
  pointer-events: auto;
  font-size: 1.35rem;
}
.home #header .title-short {
  display: none;
  pointer-events: auto;
}
.home #header .year {
  font-size: 1.35rem;
}
.home #main {
  position: relative;
  display: block;
  padding-top: 100vh;
  padding-bottom: 55vh;
}
@media only screen and (min-width: 768px) {
  .home #main {
    padding-top: calc(100vh - clamp(0.6666666667rem, 2dvw, 1.3333333333rem) * 2);
  }
}
.home #main .wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
@media only screen and (min-width: 768px) {
  .home #main .wrap {
    min-height: 0;
    justify-content: normal;
  }
}
.home #main .content {
  position: relative;
  display: block;
  text-align: center;
  font-size: clamp(1rem, 2dvw, 1.33rem);
  padding-bottom: 90vh;
}
.home #main h1, .home #main h2, .home #main h3, .home #main h4, .home #main h5, .home #main h6 {
  position: relative;
  display: block;
  text-transform: uppercase;
  margin-bottom: 1.3em;
}
.home #main h1 span, .home #main h2 span, .home #main h3 span, .home #main h4 span, .home #main h5 span, .home #main h6 span {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .home #main h1 span, .home #main h2 span, .home #main h3 span, .home #main h4 span, .home #main h5 span, .home #main h6 span {
    display: inline-block;
    width: auto;
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
}
.home #main h3 {
  font-size: 1.35rem;
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  .home #main h3 {
    font-family: "Montreal", sans-serif;
    font-size: clamp(2.4rem, 9dvw, 3.7rem);
    font-weight: 900;
  }
}
.home #main p {
  position: relative;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) {
  .home #main p {
    max-width: 46em;
    margin: 0 auto;
  }
}
.home #main p:not(:last-of-type) {
  margin-bottom: 1.2em;
}
.home #main br.desktop-only {
  display: none;
}
@media only screen and (min-width: 768px) {
  .home #main br.desktop-only {
    display: block;
  }
}
.home #footer {
  position: fixed;
  display: block;
  width: 100%;
  height: calc(50vh + 1.8rem);
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
.home #footer .wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
  padding-bottom: clamp(0.6666666667rem, 2dvw, 1.3333333333rem);
  justify-content: space-between;
  font-size: 1.35rem;
}
.home #footer .countdown {
  position: relative;
  display: flex;
  margin: 0 -0.5rem;
  justify-content: space-between;
  font-size: clamp(2.4rem, 9dvw, 3.7rem);
}
.home #footer .logo {
  position: relative;
  display: inline-block;
  font-family: "Montreal", sans-serif;
  font-weight: 900;
  font-size: clamp(9.5rem, 15dvw, 12.5rem);
  line-height: 0.72;
}
@media only screen and (min-width: 768px) {
  .home #footer .logo {
    margin-left: clamp(0rem, 20dvw, 13.4rem);
    bottom: clamp(0rem, 10vh, 13.4rem);
  }
}

html,
body,
#main {
  /* Firefox */
  scrollbar-width: none;
  /* Internet Explorer und altes Edge */
  -ms-overflow-style: none;
}

/* Chrome, Safari, Opera und Chromium-Edge */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#main::-webkit-scrollbar {
  display: none;
}

/*# sourceMappingURL=style.css.map */