@font-face{font-family:'EB Garamond';src:url('assets/eb-garamond.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--background:#94ceaf;--space:clamp(200px,27.77778vw,400px);--type:clamp(28px,3.333333vw,48px)}
*{box-sizing:border-box}
html{background:var(--background)}
body{margin:0;color:#000;background:var(--background);font-family:'EB Garamond',Garamond,serif;font-weight:400;-webkit-font-smoothing:antialiased}
main{display:flex;flex-direction:column;align-items:center;gap:var(--space);padding:var(--space) 0 calc(var(--space)*1.5)}
.logo{width:294px;height:400px;animation:dissolve 1s ease-out both}
.logo img{display:block}
.logo .mobile-logo{display:none}
.about,footer{width:59.722222%;max-width:860px;text-align:center}
.about{font-size:var(--type);line-height:1.5}
h1,p,ul{margin:0;padding:0;font-size:inherit;font-weight:400}
h1{margin-bottom:1.5em}
.description{text-wrap:balance}
.members{list-style:none;margin-top:4.5em}
footer{font-size:clamp(20px,2.222222vw,32px);line-height:1.5}
.word{opacity:1;transition:opacity 1s cubic-bezier(.22,.61,.36,1)}
.motion-ready .word{opacity:0}
.motion-ready .word.visible{opacity:1}
@keyframes dissolve{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
  :root{--space:200px;--type:20px}
  .logo{width:184px;height:250px}
  .logo .desktop-logo{display:none}
  .logo .mobile-logo{display:block}
  .about,footer{width:66.666667%;max-width:360px}
  footer{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.logo{animation:none}.word{transition:none}.motion-ready .word{opacity:1}}