:root{--ring-size:220px;--ring-border:2px;--text:#000;--muted:#333;--btn:#111}.res-section{padding:40px 16px}.res-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1200px}.res-item{display:flex;justify-content:center}.res-tile{--pad:10px;align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:18px;max-width:360px;padding:var(--pad);position:relative;text-align:center;width:100%}.res-ring{border:var(--ring-border) solid #000;border-radius:50%;display:grid;height:var(--ring-size);place-items:center;transition:transform .35s ease;width:var(--ring-size)}.res-ring img{height:96px;object-fit:contain;width:96px}.res-label{font-family:Amiko,Sans-serif;font-size:14px;letter-spacing:.25em;text-transform:uppercase}.res-hover{background:#fff;border:0 solid #000;border-radius:6px;inset:0 0 0 0;margin:0 auto;max-width:440px;opacity:0;padding:30px 20px;position:absolute;top:calc(40% - var(--ring-size)/2);transform:translateY(10px);transition:all .28s ease;visibility:hidden}.res-h{font-size:18px;font-weight:600;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.res-p{color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 14px}.res-btn{border:1px solid #000;border-radius:4px;color:#111;display:inline-block;font-size:12px;letter-spacing:.18em;padding:10px 18px;text-decoration:none;text-transform:uppercase}.res-tile:focus-visible .res-ring,.res-tile:hover .res-ring{transform:scale(1.04)}.res-item.is-open .res-hover,.res-tile:focus-visible .res-hover,.res-tile:hover .res-hover{opacity:1;transform:translateY(0);visibility:visible}.res-tile:hover .res-label{opacity:.85}@media (max-width:992px){:root{--ring-size:200px}.res-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){:root{--ring-size:180px}.res-grid{grid-template-columns:1fr}}