/* A centered welcome on the existing shared website artwork. */
#top #hero .hero__center {
 width:calc(100% - 64px);
 max-width:960px;
 margin-inline:auto;
 padding:62px 0 54px;
 text-align:center;
}
#top #hero .sc-hero-kicker {
 display:block;
 margin:0 0 21px;
 color:#bdcbd2;
 font:600 11px/18px Inter,system-ui,sans-serif;
 letter-spacing:0;
 text-align:center;
}
#top #hero .sc-brand-title {
 max-width:100%;
 margin:0 auto;
 text-align:center;
 font-size:72px;
 line-height:1.05;
 white-space:normal;
 overflow-wrap:normal;
}
#top #hero .hero__sub {
 max-width:680px;
 margin:21px auto 0;
 color:#ecf0f2;
 font:500 22px/31px Inter,system-ui,sans-serif;
 text-align:center;
 text-wrap:balance;
}
#top #hero .hero-welcome-description {
 max-width:560px;
 margin:12px auto 0;
 color:#bdcad0;
 font:400 16px/26px Inter,system-ui,sans-serif;
 letter-spacing:0;
 text-align:center;
 text-wrap:balance;
}
#top #hero .hero-brand-actions {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:center;
 gap:12px;
 margin:29px auto 0;
}
#top #hero .hero-brand-primary { min-width:202px;justify-content:space-between; }
#top #hero .hero__discord { min-width:164px; }
@media(max-width:700px) {
 #top #hero .hero__center { width:calc(100% - 40px);padding:40px 0 36px; }
 #top #hero .sc-hero-kicker { margin-bottom:16px;font-size:10px; }
 #top #hero .sc-brand-title { font-size:48px;line-height:1.08; }
 #top #hero .hero__sub { margin-top:18px;font-size:20px;line-height:28px; }
 #top #hero .hero-welcome-description { max-width:450px;font-size:15px;line-height:24px; }
 #top #hero .hero-brand-actions { gap:8px;margin-top:24px; }
 #top #hero .hero-brand-primary { min-width:180px; }
 #top #hero .hero__discord { min-width:155px; }
}
@media(max-width:420px) {
 #top #hero .sc-brand-title { font-size:42px; }
 #top #hero .hero-brand-actions { flex-direction:column;gap:4px; }
 #top #hero .hero-brand-primary { min-width:224px;max-width:100%; }
 #top #hero .hero__discord { min-width:0; }
}
@media(max-height:700px) {
 #top #hero .hero__center { padding-top:28px;padding-bottom:28px; }
 #top #hero .sc-hero-kicker { margin-bottom:12px; }
 #top #hero .hero__sub { margin-top:14px; }
 #top #hero .hero-welcome-description { margin-top:8px; }
 #top #hero .hero-brand-actions { margin-top:20px; }
}
@media(max-height:500px) and (min-width:701px) {
 #top #hero .hero__center { padding-top:16px;padding-bottom:20px; }
 #top #hero .sc-hero-kicker { display:none; }
 #top #hero .sc-brand-title { font-size:48px; }
 #top #hero .hero__sub { font-size:18px;line-height:26px; }
 #top #hero .hero-welcome-description { max-width:760px;font-size:14px;line-height:22px; }
 #top #hero .hero-brand-actions { margin-top:16px; }
}
@media(max-height:700px) and (max-width:420px) {
 #top #hero .hero__center { padding-top:22px;padding-bottom:20px; }
 #top #hero .sc-hero-kicker { margin-bottom:10px; }
 #top #hero .sc-brand-title { font-size:40px; }
 #top #hero .hero__sub { margin-top:12px;font-size:18px;line-height:25px; }
 #top #hero .hero-welcome-description { font-size:14px;line-height:22px; }
 #top #hero .hero-brand-actions { margin-top:16px; }
}