.home-hero{background:var(--forest);color:var(--paper);border-radius:24px;margin-top:28px;display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;min-height:440px}.hero-copy{padding:46px 0 42px 44px;position:relative;z-index:1}.hero-copy>.eyebrow{color:#c9dcab}.hero-copy h1{font-size:clamp(3.2rem,5.9vw,5.4rem);line-height:.98;letter-spacing:-.065em;margin:24px 0}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-copy>p{color:#c5d5bd;font-size:14px;line-height:1.85;max-width:410px;margin-bottom:24px}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.hero-facts{display:flex;gap:22px;margin-top:30px;color:#c5d5bd;font-size:10px;flex-wrap:wrap}.hero-facts>span{display:flex;align-items:center;gap:7px}.hero-facts .icon{width:16px;height:16px}.hero-art{position:relative;min-height:440px;background:radial-gradient(ellipse at center,#22523c 0,transparent 65%);overflow:hidden}.orbit{position:absolute;top:13%;left:4%;width:92%;height:74%;border:1px solid #52775b;border-radius:50%;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg);top:5%;left:19%;width:64%;height:90%;border-color:#53734788}.art-tile{display:grid;place-content:center;position:absolute;border:1px solid #b5c78b;box-shadow:0 12px 0 #0b2c233b}.art-tile .icon{width:90px;height:90px;stroke-width:1.2}.art-one{width:166px;height:166px;top:14%;left:17%;border-radius:45px;background:var(--lime);color:var(--forest);transform:rotate(-15deg)}.art-two{width:135px;height:135px;top:43%;left:48%;border-radius:30px;background:#f0efe0;color:var(--forest);transform:rotate(13deg)}.art-two .icon{width:72px;height:72px}.art-three{width:100px;height:100px;left:14%;top:62%;background:#397658;border-radius:27px;transform:rotate(-8deg);color:#e9f1d8}.art-three .icon{width:60px;height:60px}.art-caption{position:absolute;bottom:28px;left:30%;font-size:8px;letter-spacing:.19em;color:#b8cda7}.art-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#d7ed94}.dot-one{top:18%;left:74%}.dot-two{top:68%;left:79%;width:7px;height:7px}.collection-strip{display:flex;gap:10px;align-items:center;padding:24px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.collection-strip>.eyebrow{margin-right:auto;color:var(--muted)}.collection-strip a{padding:8px 15px;background:#e8eddf;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:600}.collection-strip a:hover{background:var(--forest);color:var(--paper)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-card .game-card-button{display:grid;grid-template-columns:114px 1fr;align-items:center;min-height:150px;padding:10px;gap:10px}.featured-card .card-cover{padding:0}.featured-card .card-cover img{border-radius:12px}.featured-card .card-copy{padding:4px 8px}.featured-card .card-copy h3{font-size:17px;margin-bottom:17px}.featured-card .card-rank{width:24px;height:24px;top:7px;left:7px;font-size:9px}.featured-section{padding:0 0 8px}.library-note{border-top:1px solid var(--line);padding:36px 0 14px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 48px}.library-note>div:first-child>.icon{width:36px;height:36px;margin-bottom:15px}.library-note h2{font-size:30px;max-width:250px}.library-note p{font-size:14px;line-height:1.9;margin:0}.library-note .hero-buttons{grid-column:2}
@media(max-width:1000px){.hero-copy{padding:36px 0 35px 32px}.home-hero{min-height:400px}.hero-art{min-height:400px}.art-one{width:140px;height:140px}.art-two{width:115px;height:115px}.art-three{width:90px;height:90px}.featured-card .game-card-button{grid-template-columns:85px 1fr;gap:6px;min-height:125px}.featured-card .card-copy h3{font-size:15px}.featured-card .card-copy{padding:4px}.hero-copy h1{font-size:64px}.hero-copy>p{font-size:13px}.hero-facts{gap:12px}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;margin-top:20px;min-height:0;border-radius:20px}.hero-copy{padding:30px 26px 28px}.hero-copy h1{font-size:64px;margin:20px 0 22px}.hero-copy>p{font-size:13px;max-width:90%;margin-bottom:22px}.hero-copy .button{font-size:12px;padding:11px 15px}.hero-facts{margin-top:24px;gap:18px;font-size:9px}.hero-art{display:none}.collection-strip{gap:8px;padding:20px 0}.collection-strip .eyebrow{flex-basis:100%;margin-bottom:4px}.collection-strip a{font-size:10px;padding:7px 12px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card .game-card-button{display:block;padding:0;min-height:0}.featured-card .card-cover{padding:7px 7px 0}.featured-card .card-copy{padding:12px}.featured-card .card-copy h3{font-size:15px;margin-bottom:12px}.featured-card .card-rank{top:15px;left:15px}.library-note{grid-template-columns:1fr;gap:8px;padding-top:28px}.library-note h2{max-width:none;font-size:28px}.library-note .hero-buttons{grid-column:auto;margin-top:14px}.library-note p{font-size:13px}}
.collection-strip a{color:var(--forest)}
@media(max-width:370px){.hero-copy{padding:27px 22px}.hero-copy h1{font-size:55px}.hero-copy>p{max-width:100%}.hero-facts{gap:12px}.hero-copy .button{font-size:11px;padding:11px 12px}}

/* Homepage popular-game collection. The following advertisement stays in its own flow. */
.home-hero.popular-collection{display:block;min-height:0;padding:30px 32px 24px;overflow:visible}
.popular-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.popular-heading .eyebrow{color:#c9dcab}
.popular-heading h1{font-size:42px;line-height:1.1;letter-spacing:-.045em;margin:12px 0 10px}
.popular-heading p{color:#c5d5bd;font-size:13px;margin:0}
.popular-collection-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid #627e62;border-radius:50%;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.08em}
.popular-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.popular-game{display:flex;flex-direction:column;min-width:0;background:#214b3b;border:1px solid #42644e;border-radius:13px;padding:8px;color:var(--paper);transition:background .16s,border-color .16s}
.popular-game:hover{background:#2c5b44;border-color:#b5ce89}
.popular-game img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#315d47}
.popular-game-name{display:block;flex:1;min-height:42px;padding:10px 2px 2px;font-size:12px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.popular-collection-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}
.popular-collection-footer>span{color:#c5d5bd;font-size:11px}
.popular-collection-footer .button{font-size:12px;min-height:42px;padding:10px 18px}
@media(max-width:1000px){.popular-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-hero.popular-collection{padding:28px}.popular-heading h1{font-size:38px}}
@media(max-width:700px){.home-hero.popular-collection{padding:24px 20px 20px}.popular-heading{gap:14px;margin-bottom:20px}.popular-heading h1{font-size:34px}.popular-heading p{font-size:12px}.popular-heading .eyebrow{font-size:8px}.popular-collection-badge{width:56px;height:56px;font-size:8px}.popular-game-grid{gap:10px}.popular-game{padding:6px;border-radius:10px}.popular-game img{border-radius:6px}.popular-game-name{font-size:11px;min-height:40px;padding-top:8px}.popular-collection-footer{gap:12px;margin-top:18px}.popular-collection-footer>span{font-size:10px;max-width:150px}.popular-collection-footer .button{font-size:11px;padding:9px 12px;flex:none}}
@media(max-width:420px){.popular-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-heading h1{font-size:30px}.popular-collection-badge{display:none}.popular-game-name{font-size:10px;min-height:38px}.popular-collection-footer>span{max-width:120px}}