/* ===== v10: whole-tile links, rep-vs-rep table ===== */
.hero3 .lede .say{opacity:.85;font-style:italic}
a.tile{position:relative;cursor:pointer}
a.tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
a.tile .arrow{display:block;width:fit-content;margin-left:auto;margin-top:auto;color:var(--accent);font-size:1.15rem;transform:translateX(0);opacity:.55;transition:transform 1s ease-in-out,opacity 1s ease-in-out}
a.tile:hover .arrow,a.tile:focus-visible .arrow{transform:translateX(8px);opacity:1}
#reps .rvr{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.rvr-row{display:grid;grid-template-columns:150px 1fr 1fr;border-top:1px solid var(--line)}
.rvr-row>span{padding:16px 20px}
.rvr-head{border-top:0;background:#3F6A93;color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.rvr-k{font-weight:600;color:var(--ink)}.rvr-them{color:var(--gray)}.rvr-us{color:var(--ink);background:rgba(63,106,147,.06)}
@media(max-width:700px){.rvr-head{display:none}#reps .rvr{border:0;background:none;display:grid;gap:14px}
.rvr-row{grid-template-columns:1fr;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.rvr-row>span{padding:10px 16px}.rvr-k{background:#3F6A93;color:#fff}
.rvr-them::before,.rvr-us::before{content:attr(data-label);display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){a.tile .arrow{transition:none}}
