.hero{background:linear-gradient(180deg,var(--k-primary-tint) 0%,var(--k-bg) 100%);padding-block:2rem 1.5rem}.hero__grid{display:grid;gap:1.5rem;align-items:center}.hero__title{font-size:clamp(1.9rem, 5vw, 2.9rem);line-height:1.35;color:var(--k-primary-deep);margin-block-end:.6rem}.hero__lead{font-size:1.15rem;color:var(--k-ink);max-inline-size:36rem;margin-block-end:1.25rem}.hero__art{display:flex;justify-content:center}.hero__img{inline-size:min(100%, 540px);block-size:auto;aspect-ratio:5 / 4;object-fit:contain}@media (min-width:56em){.hero{padding-block:3rem 2rem}.hero__grid{grid-template-columns:1.1fr .9fr}}.tiles{list-style:none;display:grid;gap:1rem;padding:0;margin:0;grid-template-columns:repeat(auto-fill,minmax(min(100%, 12rem),1fr))}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-block-size:7.5rem;padding:1rem;text-align:center;text-decoration:none;background:#fff;color:var(--k-ink);border:2px solid var(--k-border);border-radius:var(--k-radius);block-size:100%}.tile:hover{border-color:var(--k-primary);transform:translateY(-2px)}.tile__icon{font-size:2rem;line-height:1}.tile__name{font-weight:800;font-size:1.05rem;color:var(--k-primary-deep)}.tile__count{font-size:.85rem;color:var(--k-muted)}.tile--age{background:var(--k-mint);border-color:#fff0}.tile--age .tile__name{color:#1d5a33;font-size:1.15rem}.tiles li:nth-child(4n+1) .tile--topic{background:var(--k-peach);border-color:#fff0}.tiles li:nth-child(4n+2) .tile--topic{background:#fff7d6;border-color:#fff0}.tiles li:nth-child(4n+3) .tile--topic{background:var(--k-mint);border-color:#fff0}.tiles li:nth-child(4n+4) .tile--topic{background:#fff}