@font-face { font-family: "Baloo 2"; src: url("fonts/baloo2.ttf") format("truetype"); font-weight: 400 800; font-display: swap; }
:root { --stage-a: #24262D; --stage-b: #131419; --chrome: #EEEFF2; --ivory: #F2F0EA; --ink: #202026; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--chrome); color: var(--ink); font-family: "Baloo 2", system-ui, sans-serif; font-size: 17px; line-height: 1.55; }
a { color: inherit; }
.top { background: radial-gradient(circle at 50% 14%, var(--stage-a) 0%, var(--stage-b) 82%); color: var(--ivory); text-align: center; padding: 64px 16px 72px; }
.top .lockup { width: 200px; height: auto; display: block; margin: 0 auto 28px; }
.top h1 { font-size: 30px; font-weight: 700; margin: 0 0 16px; line-height: 1.2; }
.top p { max-width: 34em; margin: 0 auto 12px; opacity: .88; }
.top .soon { margin-top: 28px; font-weight: 600; opacity: 1; }
main { max-width: 42em; margin: 0 auto; padding: 8px 16px 48px; }
section { padding-top: 40px; }
h2 { font-size: 26px; font-weight: 700; margin: 0 0 4px; }
.date { margin: 0 0 20px; opacity: .7; font-size: 15px; }
h3 { font-size: 17px; font-weight: 700; margin: 22px 0 4px; }
section p { margin: 0 0 12px; }
footer { text-align: center; border-top: 1px solid rgba(32,32,38,.15); max-width: 42em; margin: 0 auto; padding: 24px 16px 48px; font-size: 15px; }
footer p { margin: 0 0 12px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 32px; row-gap: 4px; text-align: center; }
.bar { background: radial-gradient(circle at 50% 14%, var(--stage-a) 0%, var(--stage-b) 82%); padding: 18px 16px; }
.bar img { width: 150px; height: auto; display: block; }
.badge { display: inline-block; margin-top: 28px; }
.badge img { height: 48px; width: auto; display: block; }
footer a { text-decoration: none; } footer a:hover { text-decoration: underline; }
.badge img { height: 48px; width: auto; }
.ig { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
.ig svg { display: block; }
footer p.say { display: block; }
footer p.say a { text-decoration: underline; }