@charset "UTF-8";

@font-face {
  font-family: "Arima Regular";
  src:
       url("Arima-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arima Bold";
  src:
       url("Arima-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}


/* normalize */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1rem;
  line-height: 1;
}
[hidden] {
  display: none;
}

html {
  height: 100%;
  font-size: 62.5%;
  font-display: swap;
}

body {
  min-height: 100%;
}



@supports (font-size: 1vw) {

  @media all and (orientation: landscape) {
    html {
    font-size: 1vw;
    }
  }
  @media all and (-webkit-min-device-pixel-ratio: 2)
             and (max-device-width: 840px)
             and (orientation: landscape) {
    html {
      font-size: 1.2vw;
    }
  }

}

@supports (font-size: 1vh) {

  @media all and (orientation: portrait) {
    html {
    font-size: 1vh;
    }
  }
  @media all and (-webkit-min-device-pixel-ratio: 2)
             and (max-device-width: 840px)
             and (orientation: portrait) {
    html {
    font-size: 1.2vh;
    }
  }

}

header,
main,
article,
section,
details,
figure,
figcaption,
aside,
nav,
footer {
  display: block;
}


img {
  max-width: 100%;
  height: auto;
  image-rendering: crisp-edges;
}

ul {
  list-style: outside disc;
}
ol {
  list-style: outside decimal;
}
  nav ul, nav ol {
    list-style: none;
  }
  ol ol, ol ul, ul ol, ul ul {
    padding: 0 0 0 1.25em;
  }


h1 {
  font-size: 3.6rem;
  line-height: 3.6rem;
  padding: 2.4rem 0 1.8rem
}
h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 2.7rem 0 .9rem
}
h3 {
  font-size: 1.9rem;
  line-height: 2.4rem;
  padding: 1rem 0 .4rem
}
h4 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: .6rem 0
}
h5 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: .4rem 0 .8rem
}
h6 {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.4rem;
  padding: 1.9rem 0 .5rem
}

p {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: .4rem 0 .8rem 0;
}
figcaption p {
  font-size: 1.2rem;
  line-height: 2.4rem;
  padding: 1.9rem 0 .5rem
}


blockquote {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: .4rem 0 2.4rem 0;
  text-align: right;
}
  blockquote > p {
     padding: .4rem 0 .8rem 0;
     text-align: left;
     font-style: italic;
  }
  blockquote cite, q.inline {
  font-size: 1.4rem;
  line-height: 2.4rem;
     font-style: italic;
  }
  /*
    blockquote cite:before {
      font-style: normal;
      content: "— ";
    }
  */

blockquote > p:before {
  position: absolute;
  content: "\000AB";
  left: -1em;
  line-height: 1.8rem;
  font-size: 1.7rem;
}

blockquote > p:after {
  content: " \000BB";
  line-height: 1.8rem;
  font-size: 1.7rem;
}


details {
  padding: .4rem 0 .8rem 0;
}

summary {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.1rem;
  cursor: pointer;
  list-style-type: none;
}
  summary:focus {
    outline: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  summary::-moz-details-marker {
    display: none;
  }
  summary::-ms-details-marker {
    display: none;
  }
  summary:before {
    position: absolute;
    content: "\025B8";
    left: -1em;
  }
  details[open] > summary:before {
  content: "\025BE"
  }


address {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: .4rem 0 .5rem
}

ul {
  padding: .4rem 0 1.4rem;
  list-style: outside disc
}

ol {
  padding: .4rem 0 1.4rem;
  list-style: outside decimal
}

dl {
  padding: .4rem 0 1.4rem
}

li, dt, dd {
  font-size: 1.4rem;
  line-height: 2.1rem
}

li:last-of-type {
  padding-bottom: .6rem
}
dd + dt:before {
  content: "\A";
  white-space: pre;
}

a {
  font: inherit;
}

b {
  font: inherit;
}

strong {
  font: inherit;
  font-weight: bold;
}
em {
  font: inherit;
  font-style: italic;
}

sub, sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.25em;
}

del {
  font: inherit;
  text-decoration: line-through;
  color: inherit;
}

ins {
  font: inherit;
  text-decoration: underline;
  color: inherit;
}

mark {
  font: inherit;
  background: none;
  box-shadow: inset 0 -1.5em 0 #ef0;
}

span {
  font: inherit;
}

time {
  font: inherit;
}



/* layout */

body {
  padding: 0;
}

#words {

}
#word {
  /*
  position: absolute;
  top: -4rem;
  */
  padding: 4rem 0 0 0;
}
#word p {
  font-size: 200%;
  line-height: 1;
}

#header {
}

#about {

}

#contact {

}

#partner {
  padding: 1rem 0 0 2rem;
}

#partner img {
  width: 18rem;
  height: auto;
}

#events {

}


#footer {

}



/* brand */

body {
  font-family: "Arima Regular", serif;
  font-weight: normal;
  font-stretch: normal;
  color: #000;
  background: #fff;
  /*
  background: rgb(135,189,37);
  */
}

h1,
h2,
h3,
h4 {
  font-family: "Arima Regular", serif;
  font-weight: normal;
  font-stretch: normal;
  word-break: break-all;
}


#header {
  margin: -14rem 0 0 0;
  background: url("bg-header.svg") no-repeat 0 0;
  background-size: cover;
  min-height: 34rem;
  padding: 16rem 0 3rem 2rem;
}

#header h2 {
}
#header h2 a {
  display: inline-block;
  width: 27rem;
  height: 6.3rem;
  text-decoration: none;
  color: transparent;
  font-size: 3.8rem;
  letter-spacing: -.1rem;
  line-height: 1.2;
  display: inline-block;
  background: url("logo-2025.svg") no-repeat 0 0;
  background-size: contain;
}


#word {
  margin: 0 0 12rem 0;
  width: 100%;
  padding: 8rem 2rem 6rem 0;
  /*
  background: url("bg-section-fff.svg") no-repeat 0 0;
  background-size: cover;
  */
}
#word p {
  font-size: 5.4rem;
  line-height: 1;
  color: rgb(25,187,236);
  word-break: break-all;
}
#words {
  padding: 0 0 0 2rem;
}

#about {
  display: none;
  /*
  position: relative;
  top: -34rem;
  */
}

#partner {
  position: relative;
  bottom: -8rem;
  padding: 6rem 0 4rem 2rem;

  background: url("bg-section.svg") no-repeat 0 0;
  background-size: cover;

}

#about h3 {
  width: 26.4rem;
  position: relative;
  top: 8.4rem;
  left: 6.2rem;
  color: #fff;
  font-size: 1.1rem;
}

#about h4 {
  position: relative;
  width: 28.2rem;
  top: 12.8rem;
  left: 4.5rem;
  color: #fff;
  font-size: 0.9rem;
}

main {
    min-height: calc(100vh - 46.3rem);
}



#events {
  position: relative;
  bottom: -10rem;
  padding: 2rem 0 0 2rem;

  background: url("bg-section-fff.svg") no-repeat 0 0;
  background-size: cover;}
#events h4 {
}
#events ul {
  list-style: none;
}
#events dt {
  color: rgb(25,187,236);
}

#events figure {
  width: 24rem;
  padding: 0 0 1rem 0;
}
#events img {
  width: 100%;
  margin: 0 0 .5rem 0;
}



#contact {
  display: none;
}

#footer {
  background: rgb(135,189,37) url("bg-footer.svg") no-repeat 0 0;
  background-size: cover;
  min-height: 4rem;
  padding: 13rem 0 2rem 2rem;
  color: #111;


}
#footer p {
  font-size: 0.9rem;
}


a:link,
a:visited {
  color: rgb(25,187,236);
}
a:hover,
a:active {
  color: rgb(135,189,37);
}

#partner p {
  color: #000;
}
#partner a:link,
#partner a:visited {
  color: #000;
}
#partner a:hover,
#partner a:active {
  color: #fff;
}


/*


#Words {
  background: url("bg-section.svg") no-repeat 0 0  rgb(167,199,19);
  background-size: cover;

  position: relative;
  top: -8rem;
  padding: 0 0 10rem 8.4rem;

}

#words p {
  font-size: 5.4em;
  color: #fff;

}

#partner img {
  max-width: 20em;
}


*/