/* Footer inherits the active page palette, including CSV colors and the homepage finish. */
.h2-dom #footer.footer-wrapper{--sf-footer-bg:var(--h2-bg,#fff);--sf-footer-ink:#192822;--sf-footer-accent:var(--h2-style,#937646);background:var(--sf-footer-bg);color:var(--sf-footer-ink);border-top:1px solid #8885;border-top-color:color-mix(in srgb,var(--sf-footer-ink) 18%,var(--sf-footer-bg));margin-top:60px}
.h2-dom.h2-surface-dark #footer.footer-wrapper{--sf-footer-ink:#f2f1e8}
.h2-dom #footer.footer-wrapper .section,.h2-dom #footer.footer-wrapper .section-bg,.h2-dom #footer.footer-wrapper .absolute-footer{background:transparent;color:inherit}
.h2-dom #footer.footer-wrapper .sf-seo-footer{background:transparent}
.h2-dom #footer.footer-wrapper h2,.h2-dom #footer.footer-wrapper h3,.h2-dom #footer.footer-wrapper p,.h2-dom #footer.footer-wrapper li,.h2-dom #footer.footer-wrapper a,.h2-dom #footer.footer-wrapper span{color:var(--sf-footer-ink)}
.h2-dom #footer.footer-wrapper p{opacity:.85}
.h2-dom #footer.footer-wrapper a:hover{color:var(--sf-footer-accent);text-decoration:underline;text-underline-offset:4px}
.h2-dom #footer.footer-wrapper .ux-menu-link,.h2-dom #footer.footer-wrapper .absolute-footer{border-color:color-mix(in srgb,var(--sf-footer-ink) 18%,var(--sf-footer-bg))}
.h2-dom #footer.footer-wrapper .sf-footer-logo img{filter:grayscale(1) brightness(.25)}
.h2-dom.h2-surface-dark #footer.footer-wrapper .sf-footer-logo img{filter:grayscale(1) brightness(0) invert(.95)}

.h2-dom #footer .sf-footer-top{max-width:var(--h2-width,1310px);margin:0 auto;padding:32px 20px 0;text-align:center}.h2-dom #footer .sf-footer-top h2{font-size:19px}.sf-footer-top nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;padding:15px 0;border-bottom:1px solid #8884}.sf-footer-age{max-width:180px;height:auto;margin-top:14px}.sf-footer-copyright{max-width:var(--h2-width,1310px);margin:0 auto;padding:20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8884}.sf-footer-copyright p{margin:0}@media(max-width:549px){.sf-footer-copyright{display:block}.sf-footer-copyright p{margin-bottom:12px}}

/* Brand introduction plus two information columns; do not alter homepage layout. */
.h2-dom #footer.footer-wrapper .sf-seo-footer{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,1.15fr);column-gap:52px;row-gap:32px;padding:40px 20px 36px;align-items:start}
.h2-dom #footer.footer-wrapper .sf-seo-footer h2{font-size:18px;line-height:1.5;margin:4px 0 20px}
.h2-dom #footer.footer-wrapper .sf-seo-footer li{font-size:14px;line-height:1.85;margin:0 0 13px;overflow-wrap:anywhere}
.h2-dom #footer.footer-wrapper .sf-seo-footer p{font-size:14px;line-height:1.85;margin:0 0 18px}
.h2-dom #footer.footer-wrapper .sf-footer-logo{margin-bottom:16px;max-width:230px}
@media(max-width:849px){.h2-dom #footer.footer-wrapper .sf-seo-footer{grid-template-columns:1fr 1fr;gap:30px}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:first-child{grid-column:1/-1;max-width:620px}}
@media(max-width:549px){.h2-dom #footer.footer-wrapper .sf-seo-footer{grid-template-columns:1fr;padding:30px 20px;gap:22px}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:first-child{grid-column:auto}.h2-dom #footer.footer-wrapper .sf-seo-footer h2{margin-bottom:14px}}

/* Symmetric desktop columns put About on the page axis. */
.h2-dom #footer.footer-wrapper .sf-footer-address{display:block;width:22ch;max-width:100%;line-height:1.85}
@media(min-width:850px){.h2-dom #footer.footer-wrapper .sf-seo-footer{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:auto;margin-right:auto}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:nth-child(2){text-align:center}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:last-child{width:100%;max-width:250px;justify-self:center}}

/* Four aligned footer columns: identity, About, games, contact. */
@media(min-width:850px){.h2-dom #footer.footer-wrapper .sf-seo-footer{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:38px}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:nth-child(2){text-align:left}.h2-dom #footer.footer-wrapper .sf-seo-footer>section:last-child{max-width:none;justify-self:stretch}}
@media(min-width:550px) and (max-width:849px){.h2-dom #footer.footer-wrapper .sf-seo-footer>section:first-child{grid-column:auto}}