:root {
    --accent: #315f8d;
    --accent-alt: #c75d35;
    --background: #eef3f7;
    --surface: #ffffff;
    --text: #1d2934;
    --font-body: "Golos Text", sans-serif;
    --font-display: "Fira Sans Condensed", sans-serif;
    --card-radius: .35rem;
    --button-radius: .35rem;
    --mark-radius: 10%;
    --card-tilt: 0deg;
}

.hero h1 { font-weight: 794; }
.pillar-card:nth-child(odd) { transform: translateY(0px); }
body.layout-city-atlas { background-image: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--accent-alt) 13%, transparent) 0 9rem, transparent 9.1rem), linear-gradient(118deg, transparent 0 46%, color-mix(in srgb, var(--accent) 7%, transparent) 46% 46.25%, transparent 46.25%); }
body.layout-city-atlas .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.layout-city-atlas .pillar-card { border-top: .5rem solid var(--accent); box-shadow: none; }
body.layout-city-atlas .article-card { border-radius: .25rem 1.6rem .25rem 1.6rem; }

@media (max-width: 820px) {
    body.layout-city-atlas .hero-grid,
    body.layout-city-atlas .pillar-grid,
    body.layout-city-atlas .article-grid { grid-template-columns: 1fr; }
    body.layout-city-atlas .pillar-card { transform: none; }
    body.layout-city-atlas .pillar-card::after { display: none; }
}