.city-story{grid-column:1 / -1;padding-top:42px;border-top:1px solid var(--line);min-width:0}
.city-story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.city-story-heading h3{font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:0}
.city-story-heading>p{max-width:360px;margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.7}
.city-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.city-story-card{min-width:0}
.city-story-card img{width:100%;height:auto;aspect-ratio:16/9;border:2px solid var(--ink);border-radius:10px}
.city-story-card h4{font-family:var(--display);font-size:22px;line-height:1.2;letter-spacing:-.6px;margin:20px 0 10px}
.city-story-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.herd-scene{min-width:0;overflow:hidden;border:2px solid var(--ink);border-radius:12px}
.herd-scene img{width:100%;height:auto;aspect-ratio:16/9}
.herd>div:first-child>p:not(.eyebrow){max-width:430px}
.game-teaser{padding-bottom:0}
.game-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px;background:var(--lime);border:2px solid var(--ink);border-radius:14px;padding:clamp(24px,4vw,60px);overflow:hidden}
.game-copy{min-width:0}
.game-copy .eyebrow{font-size:14px;letter-spacing:1px}
.game-copy h2{font-size:clamp(46px,7.4vw,104px);line-height:1;letter-spacing:-3px;margin-bottom:18px}
.game-tagline{font-family:var(--display);font-size:clamp(21px,2.3vw,30px);line-height:1.25;margin-bottom:16px}
.game-description{max-width:480px;font-size:16px;line-height:1.7;margin-bottom:28px}
.game-status{display:inline-block;padding:12px 18px;border-radius:5px;background:var(--ink);color:var(--lime);font-weight:700;font-size:14px;letter-spacing:1.5px}
.game-art{position:relative;min-width:0;width:100%;max-width:640px;justify-self:center}
.game-art img{width:100%;height:auto;border:2px solid var(--ink);border-radius:10px}
.game-mark{position:absolute;right:0;bottom:0;background:var(--cream);border:2px solid var(--ink);padding:9px 16px;border-radius:6px;transform:rotate(-8deg);font-family:var(--display);font-weight:700;font-size:24px}
@media(max-width:720px){.game-card{grid-template-columns:minmax(0,1fr);gap:26px}.game-copy h2{font-size:clamp(42px,11vw,70px);letter-spacing:-2px}.game-art{width:100%;max-width:640px}.game-teaser{padding-bottom:0}.game-copy .eyebrow{font-size:14px}}
@media(max-width:1050px){.city-story{margin-top:15px}.city-story-grid{gap:18px}.city-story-card h4{font-size:20px}}
@media(max-width:720px){.city-story{padding-top:30px;margin-top:8px}.city-story-heading{display:block;margin-bottom:25px}.city-story-heading>p{max-width:none;margin-top:18px}.city-story-grid{grid-template-columns:minmax(0,1fr);gap:32px}.city-story-card h4{font-size:22px;margin-top:16px}}

/* Keep every member of the banner visible, including on small screens. */
.hero-art img{min-height:0;height:auto;aspect-ratio:2048/683;object-fit:contain}
.city-story-card img,.herd-scene img{object-fit:contain}

.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.social-links .button{padding:12px 14px;font-size:14px;gap:8px;min-height:44px}
.social-telegram{background:var(--ink);color:var(--cream)}
footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
@media(max-width:720px){.social-links .button{padding:12px 14px;font-size:14px}footer .footer-links{width:100%;gap:10px 24px}footer .footer-links>a{display:inline-flex}}