*{box-sizing:border-box}body{margin:0;background:#f4f1ea;color:#1d1d1d;font:17px/1.55 Georgia,serif}.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
header{background:#1d2433;color:#f2ead7;padding:56px 0 40px}h1{font-size:clamp(1.9rem,4.5vw,3rem);margin:0 0 .3em;line-height:1.1}header p{max-width:36em;margin:0}
.grid{list-style:none;margin:40px auto;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.tile{display:block;height:100%;background:#fff;border:1px solid #d6cfbd;border-top:4px solid #9a6a12;padding:18px;text-decoration:none;color:inherit}.tile:hover{background:#fbf6e8}
.num{display:block;color:#9a6a12;font:700 .8rem Arial,sans-serif;letter-spacing:.1em}.tt{display:block;font-weight:700;font-size:1.15rem;margin:4px 0 6px;line-height:1.25}.pp{display:block;font-size:.9rem;color:#444}
footer{text-align:center;font-size:.8rem;padding:26px;background:#1d2433;color:#b9b19a}