.site-footer.footer-los-santos{--footer-ink:#202328;position:relative;margin:190px 0 0;padding:0;background:var(--footer-ink)!important;border:0;color:#f2f3f5;font-size:13px;isolation:isolate}
.footer-los-santos .footer-skyline{position:absolute;bottom:calc(100% - 1px);left:0;width:100%;height:190px;color:var(--footer-ink);pointer-events:none;overflow:hidden}
.footer-los-santos .footer-skyline svg{display:block;width:100%;height:100%;min-width:800px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.footer-los-santos>.container{width:min(1280px,calc(100% - 80px));padding:36px 0 0;max-width:1280px}
.footer-los-santos .ls-footer-grid{display:grid;grid-template-columns:1.65fr .9fr 1fr 1.25fr;gap:55px;padding-bottom:38px}
.footer-los-santos .ls-footer-brand{display:flex;flex-direction:column;align-items:flex-start;padding-right:24px}
.footer-los-santos .footer-wordmark{display:block;margin:-14px 0 1px;line-height:1}
.footer-los-santos .footer-wordmark .theme-brand-logo{width:215px;height:96px;max-width:100%;color:var(--game-bright,#36c6f4)}
.footer-los-santos p{font:inherit;color:#b8bbc2;line-height:1.65;margin:0 0 16px;max-width:290px}
.footer-los-santos h3{line-height:1.5;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#fff!important;margin:0 0 18px}
.footer-los-santos .ls-footer-updates{margin-top:25px;width:100%}
.footer-los-santos .ls-footer-updates h3{margin-bottom:8px}
.footer-los-santos .ls-footer-updates p{font-size:12px;line-height:1.55;margin-bottom:13px;max-width:270px}
.footer-los-santos .ls-updates-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;padding:10px 14px;border:1px solid #ffffff1f;border-radius:4px;background:#ffffff08;color:#e9edf2;text-decoration:none;max-width:285px}
.footer-los-santos .ls-updates-link i{color:var(--game-bright,#36c6f4)}
.footer-los-santos .ls-updates-link:hover{background:#ffffff10;border-color:var(--game-bright,#36c6f4)}
.footer-los-santos .ls-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-los-santos .ls-footer-links h3{margin-bottom:4px}
.footer-los-santos a{color:#c8cbd1;text-decoration:none;transition:color .15s ease}
.footer-los-santos a:hover{color:var(--game-bright,#36c6f4)}
.footer-los-santos .ls-footer-links>a{display:flex;gap:9px;font-size:12px;line-height:1.5}
.footer-los-santos .ls-footer-links>a:before{content:'›';color:#969ca6}
.footer-los-santos .ls-footer-contact>a{display:flex;align-items:center;gap:10px;line-height:1.5;margin-bottom:12px;font-size:12px}
.footer-los-santos .ls-footer-contact>a i{width:16px;color:#9bA1aa;text-align:center}
.footer-los-santos .ls-footer-contact h3:not(:first-child){margin-top:24px;margin-bottom:10px}
.footer-los-santos .ls-payment-links{display:flex;flex-wrap:wrap;gap:8px}
.footer-los-santos .ls-payment-links a{font-size:11px;padding:4px 8px;border:1px solid #ffffff24;border-radius:3px;line-height:1.3;color:#d7dbe2}
.footer-los-santos .ls-footer-socials{display:flex;gap:10px}
.footer-los-santos .ls-footer-socials a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #9bA1aa;border-radius:50%;font-size:13px}
.footer-los-santos .ls-footer-bottom{border-top:1px solid #ffffff24;padding:20px 0 14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:10px;color:#a5aab3}
.footer-los-santos .ls-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.footer-los-santos .ls-footer-bottom nav a{font-size:10px;color:#b9bec7}
.footer-los-santos .ls-footer-bottom .footer-disclaimer{flex-basis:100%;max-width:none;font-size:9px;line-height:1.7;margin:0;color:#9298a2}
.footer-los-santos a:focus-visible{outline:2px solid var(--game-bright,#36c6f4);outline-offset:5px;border-radius:2px}
@media(min-width:1600px){.footer-los-santos .footer-skyline{height:220px}.site-footer.footer-los-santos{margin-top:220px}}
@media(max-width:1000px){.footer-los-santos .ls-footer-grid{grid-template-columns:1.3fr 1fr;gap:40px 65px}.footer-los-santos .ls-footer-brand{padding:0}.footer-los-santos>.container{width:calc(100% - 56px)}.footer-los-santos .ls-footer-updates{margin-top:16px}}
@media(max-width:550px){.site-footer.footer-los-santos{margin-top:130px}.footer-los-santos .footer-skyline{height:130px}.footer-los-santos>.container{width:calc(100% - 40px);padding-top:24px}.footer-los-santos .ls-footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:30px}.footer-los-santos .ls-footer-brand{grid-column:1/-1}.footer-los-santos .ls-footer-brand>p{max-width:none}.footer-los-santos .ls-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.footer-los-santos .ls-footer-contact>h3:first-child,.footer-los-santos .ls-footer-contact>a{grid-column:1/-1}.footer-los-santos .ls-footer-contact .ls-footer-socials{grid-column:2;grid-row:5}.footer-los-santos .ls-footer-contact h3:nth-of-type(3){grid-column:2;grid-row:4}.footer-los-santos .ls-footer-contact h3:not(:first-child){margin-top:16px}.footer-los-santos .ls-footer-bottom{align-items:flex-start;gap:16px}.footer-los-santos .ls-footer-bottom nav{gap:14px}.footer-los-santos .ls-footer-updates{max-width:340px}.footer-los-santos .ls-updates-link{max-width:none}.footer-los-santos .ls-footer-updates p{max-width:none}}

@media(max-width:550px){.footer-los-santos .ls-footer-contact{display:block}.footer-los-santos .ls-footer-contact h3:not(:first-child){margin-top:24px}}

.footer-los-santos .ls-footer-links{align-self:start;justify-content:flex-start;padding:0;margin:0}.footer-los-santos .ls-footer-links>a{margin:0;padding:0}.footer-los-santos .ls-footer-socials a{margin:0;padding:0}

.footer-los-santos .ls-updates-link{margin:0}.footer-los-santos .ls-updates-link>span,.footer-los-santos .ls-footer-bottom>span{display:block}

.footer-los-santos .ls-footer-bottom nav{padding:0;margin:0;min-height:0;height:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;line-height:1.5}.footer-los-santos .ls-footer-bottom nav a{margin:0;padding:0}

/* Detailed Los Santos artwork replaces the schematic skyline. */
.site-footer.footer-los-santos{margin-top:clamp(210px,22vw,340px)}
.footer-los-santos .footer-skyline{height:clamp(210px,22vw,340px)}
.footer-los-santos .footer-skyline img{display:block;width:100%;height:100%;object-fit:fill;max-width:none}
.footer-los-santos .footer-skyline:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 65%,var(--footer-ink) 100%)}
@media(max-width:550px){.site-footer.footer-los-santos{margin-top:180px}.footer-los-santos .footer-skyline{height:180px}.footer-los-santos .footer-skyline img{width:760px;min-width:760px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}}

/* Vice City is a flat silhouette, colored exactly like the footer below it. */
.site-footer.footer-city-vice{margin-top:clamp(150px,16vw,250px)}
.footer-city-vice .footer-skyline{height:clamp(150px,16vw,250px);background:var(--footer-ink);-webkit-mask:url("vice-city-footer-solid.png") center bottom/100% 100% no-repeat;mask:url("vice-city-footer-solid.png") center bottom/100% 100% no-repeat}
.footer-city-vice .footer-skyline img{visibility:hidden}
.footer-city-vice .footer-skyline:after{display:none}
@media(max-width:550px){.site-footer.footer-city-vice{margin-top:130px}.footer-city-vice .footer-skyline{height:130px;-webkit-mask-size:760px 100%;mask-size:760px 100%}}

/* Keep the city distinct; let its lower edge dissolve into the footer. */
.footer-city-vice .footer-skyline{background:linear-gradient(to bottom,#0d111a 0%,#10151f 44%,#19202a 72%,var(--footer-ink) 98%)}

.footer-city-vice .footer-skyline:after{display:block;background:url("vice-city-footer.png") center bottom/100% 100% no-repeat;opacity:.18;-webkit-mask:linear-gradient(#000 0%,#000 48%,transparent 88%);mask:linear-gradient(#000 0%,#000 48%,transparent 88%)}
@media(max-width:550px){.footer-city-vice .footer-skyline:after{background-size:760px 100%}}

/* Los Santos uses the same restrained detail and gradual footer transition. */
.site-footer.footer-los-santos:not(.footer-city-vice){margin-top:clamp(150px,16vw,250px)}
.footer-los-santos:not(.footer-city-vice) .footer-skyline{height:clamp(150px,16vw,250px);background:linear-gradient(to bottom,#0d111a 0%,#10151f 44%,#19202a 72%,var(--footer-ink) 98%);-webkit-mask:url("los-santos-silhouette-v2.png") center bottom/100% 100% no-repeat;mask:url("los-santos-silhouette-v2.png") center bottom/100% 100% no-repeat}
.footer-los-santos:not(.footer-city-vice) .footer-skyline img{visibility:hidden}
.footer-los-santos:not(.footer-city-vice) .footer-skyline:after{display:block;background:url("los-santos-silhouette-v2.png") center bottom/100% 100% no-repeat;opacity:.18;-webkit-mask:linear-gradient(#000 0%,#000 48%,transparent 88%);mask:linear-gradient(#000 0%,#000 48%,transparent 88%)}
@media(max-width:550px){.site-footer.footer-los-santos:not(.footer-city-vice){margin-top:130px}.footer-los-santos:not(.footer-city-vice) .footer-skyline{height:130px;-webkit-mask-size:760px 100%;mask-size:760px 100%}.footer-los-santos:not(.footer-city-vice) .footer-skyline:after{background-size:760px 100%}}