.hub-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-block:60px 58px}.hub-intro h1{margin-top:18px;font-size:clamp(48px,5.8vw,76px)}.intro-note{padding-bottom:9px;max-width:280px}.intro-note p{font-size:17px;line-height:1.75;color:var(--muted)}.intro-note .text-link{display:inline-block;margin-top:21px;text-decoration:none}.intro-note .text-link span{margin-left:15px;font-size:19px}.collection{padding-bottom:10px}.collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.collection-heading h2{font-size:24px;letter-spacing:-.025em}.collection-heading p{font-size:12px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.catalog-card{border-radius:20px;overflow:hidden;border:1px solid #d4deca;background:#f2f3e7}.featured-game{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch}.featured-art{background:#073f35;display:grid;align-items:center;min-width:0}.featured-art img{width:100%;height:auto;object-fit:contain}.catalog-copy{padding:32px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card-status{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;color:#63715b;letter-spacing:.015em}.status-dot{width:6px;height:6px;border-radius:50%;background:#8fa838;flex-shrink:0}.catalog-copy h3{font-size:38px;letter-spacing:-.04em;margin-top:13px}.catalog-copy>p:not(.card-status){font-size:14px;line-height:1.65;color:var(--muted);margin-top:13px;max-width:380px}.game-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 25px;padding:0}.game-tags li{font-size:10px;color:#4d6654;background:#e2e8d5;border-radius:6px;padding:4px 9px;font-weight:650}.catalog-copy .button{min-height:48px;font-size:13px;padding:13px 20px;gap:38px}.coming-game{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:266px;position:relative}.coming-lime{background:#ebefcd;border-color:#d6dfb8}.coming-peach{background:#f2e5d9;border-color:#e3d2c3}.coming-art{position:relative;display:grid;place-items:center;height:100%;min-height:266px;overflow:hidden}.orbit{position:absolute;border:1px solid #97b65569;border-radius:50%;width:230px;height:125px;transform:rotate(-40deg)}.orbit-two{transform:rotate(40deg);width:205px;height:155px}.coming-peach .orbit{border-color:#bb8d7959}.next-symbol{display:grid;place-items:center;font-size:68px;line-height:1;font-weight:400;color:#597b3a;width:94px;height:94px;border-radius:24px;background:#d8e3a4;transform:rotate(-12deg);box-shadow:7px 8px 0 #c7d496}.coming-peach .next-symbol{font-size:61px;background:#eac3a9;color:#96765c;transform:rotate(9deg);box-shadow:7px 8px 0 #dbb69a}.tiny-spark{position:absolute;color:#9aac60;font-size:20px}.spark-one{top:48px;left:42px}.spark-two{bottom:39px;right:34px;font-size:15px}.coming-peach .tiny-spark{color:#b89073}.coming-copy{padding:25px 27px 25px 8px;position:relative}.coming-label{font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#6b7951}.coming-peach .coming-label{color:#907765}.coming-copy h3{font-size:29px;letter-spacing:-.035em;margin-top:11px}.coming-copy p{font-size:13px;color:var(--muted);line-height:1.65;max-width:195px;margin-top:11px}.hub-about{padding-block:64px 55px}.hub-about>div{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:20px}.hub-about h2{font-size:37px}.hub-about>div>p{font-size:15px;color:var(--muted);max-width:390px}.hub-page .support-banner h2{font-size:29px}.hub-page .support-banner{padding-block:33px}.hub-page .site-footer{padding-block:32px}.catalog-card a:focus-visible{outline-offset:5px}
@media(max-width:900px){.featured-game{grid-template-columns:1.15fr 1fr}.catalog-copy{padding:26px}.catalog-copy h3{font-size:34px}.card-status{font-size:9px}.coming-game{grid-template-columns:.95fr 1.05fr;min-height:245px}.coming-art{min-height:245px}.coming-copy{padding-right:18px}.coming-copy h3{font-size:25px}.next-symbol{width:79px;height:79px;font-size:59px}.orbit{width:196px;height:115px}.spark-one{left:20px}.hub-about>div{gap:35px}}
@media(max-width:760px){.hub-intro{display:block;padding-block:39px 34px}.hub-intro h1{font-size:53px;margin-top:16px}.intro-note{margin-top:23px;max-width:100%;padding:0}.intro-note p{font-size:15px}.intro-note .text-link{margin-top:16px;font-size:13px}.collection-heading{display:block;margin-bottom:18px}.collection-heading h2{font-size:22px}.collection-heading p{margin-top:7px;font-size:11px}.game-grid{grid-template-columns:1fr;gap:20px}.featured-game{display:block}.featured-art img{width:100%}.catalog-copy{padding:25px}.catalog-copy h3{font-size:35px}.catalog-copy>p:not(.card-status){font-size:14px}.card-status{font-size:10px}.game-tags{margin-block:18px 22px}.coming-game{grid-template-columns:1fr 1fr;min-height:232px}.coming-art{min-height:232px}.coming-copy{padding:22px 22px 22px 5px}.coming-copy h3{font-size:27px}.coming-label{font-size:8px;letter-spacing:.1em}.coming-copy p{font-size:12px}.orbit{width:180px;height:105px}.orbit-two{height:130px}.next-symbol{width:72px;height:72px;font-size:54px;box-shadow:5px 6px 0 #c7d496}.coming-peach .next-symbol{font-size:48px;box-shadow:5px 6px 0 #dbb69a}.spark-one{top:36px;left:23px;font-size:17px}.spark-two{bottom:31px;right:20px;font-size:12px}.hub-about{padding-block:43px 40px}.hub-about>div{grid-template-columns:1fr;gap:20px;margin-top:17px}.hub-about h2{font-size:33px}.hub-about>div>p{font-size:14px}.hub-page .support-banner h2{font-size:28px}.hub-page .support-banner{padding:27px}.hub-page .site-footer nav{gap:15px}}
@media(max-width:380px){.hub-intro h1{font-size:44px}.hub-page .site-header nav{gap:11px}.hub-page .site-header nav a{font-size:11px}.coming-copy h3{font-size:23px}.coming-label{font-size:7px}.coming-art{min-height:210px}.coming-game{min-height:210px}.next-symbol{width:61px;height:61px;font-size:47px}.coming-peach .next-symbol{font-size:40px}.orbit{width:145px;height:100px}.orbit-two{height:120px}.coming-copy{padding-right:15px}.catalog-copy{padding:21px}.card-status{font-size:9px}.hub-about h2{font-size:29px}}