.banner{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.banner::-webkit-scrollbar{display:none}.banner img{flex:0 0 100%;width:100%;scroll-snap-align:center;display:block;aspect-ratio:3/2;object-fit:cover}.hero{background:linear-gradient(135deg,var(--br),var(--s1));border:1px solid var(--br);border-radius:18px;padding:18px;margin:14px 16px 0}.hero .nm{font:600 28px Georgia,serif;color:var(--gold)}.hero .tm{font-size:22px}.hero .rm{color:var(--mut);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid a{background:var(--s1);border:1px solid var(--s2);border-radius:14px;padding:12px 4px;text-align:center;font-size:12px}.grid a b{display:block;font-size:24px;font-weight:400;margin-bottom:2px}