@charset "UTF-8";

* {
  box-sizing: border-box;
}

html, body, h1, p, a, main, footer {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: georgiapro, georgia, serif;
}

body {
  background-color: #FFF8F8;
}

main, footer {
  display: block;
}

a {
  color: #1E1E1E;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: color .3s, text-decoration-color .3s;
  text-decoration-thickness: 0.06em;
  text-decoration-skip
}

a:hover {
  color: #666;
  text-decoration-color: #666;
}

h1 {
  font-family: georgiapro-condensed, georgia, serif;
  font-weight: 400;
  font-size: 3.5rem;
  letter-spacing: -0.06em;
  text-align: center;
  color: #020202;
  margin: 12vh 2rem 10vh 2rem;
  line-height: .95;
}

@media screen and (min-width: 20em) {
  h1 {
    font-size: calc(3.5rem + (9 - 3.5) * ((100vw - 20rem)/(46 - 20)));
  }
}

@media screen and (min-width: 46em) {
  h1 {
    font-size: 9rem;
  }
}

@media screen and (min-width: 107em) {
  h1 {
    font-size: 11rem;
  }  
}

h1 span {
  font-family: verdana-pro-condensed, verdana, sans-serif;
  font-weight: 700;
  font-size: 94%;
  letter-spacing: -0.05em;
  color: #EF2551;
}

p {
  color: #1E1E1E;
  line-height: 1.375;
}

p a {
  font-style: italic;
}

p + p {
  text-indent: 1.25em;
}

.text p {
  font-size: 1rem;
}

@media screen and (min-width: 20em) {
  .text p {
    font-size: calc(1rem + (1.25 - 1) * ((100vw - 20rem)/(46 - 20)));
  }
}

@media screen and (min-width: 46em) {
  .text p {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 107em) {
  .text p {
    font-size: 1.5rem;
  }
}


.text p span {
  font-feature-settings: 'smcp' 1, 'c2sc' 1;
  letter-spacing: 0.03em;
}

.text {
  -webkit-columns: 2 21rem;
  -moz-columns: 2 21rem;
  columns: 2 21rem;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  padding: 0 1rem;
  margin: 0 auto;
  max-width: 58rem;
}

@media screen and (min-width: 107em) {
  .text {
    max-width: 69rem;
  }
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 1;
}

@media screen and (min-width: 46em) {
  ul {
    text-align: right;
  }
}

li {
  margin-bottom: 1rem;
}

@media screen and (min-width: 46em) {
  li {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0;
  }
}

li + li {
  margin-right: 0;
}

li a {
  font-feature-settings: 'smcp' 1, 'c2sc' 1;
  letter-spacing: 0.03em;  
}

footer {
  padding: 0 1rem;
  display: flex;
  margin: 0 auto;
  max-width: 58rem;
  margin-top: 10vh;
  margin-bottom: 1rem;
  flex-direction: column-reverse;
}

@media screen and (min-width: 46em) {
  footer {
    flex-direction: row;
  }  
}

@media screen and (min-width: 107em) {
  footer {
    max-width: 69rem;
  }
}

footer p {
  font-style: italic;
}

footer p span {
  font-style: normal;
}