.bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--display);font-weight:700;letter-spacing:.25em;font-size:1.25rem}
main,.foot{max-width:640px;margin:0 auto}
.hero{text-align:center;padding:36px 20px 28px;background:radial-gradient(circle at 50% 30%,#2B1060 0,var(--bg) 65%)}
.section{padding:28px 20px}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.foot{padding:24px 20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--dim)}
@media (min-width:640px){.tiles{grid-template-columns:repeat(4,1fr)}}