/* Hours and reserve, on the section kit (link ../section-kit/kit.css first). */
.hr-title { margin-bottom: clamp(32px, 4vw, 56px) !important; }
.hr-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 5vw, 80px); align-items: start; }
.hr-when .sk-label { margin-bottom: 14px; }
.hr-now { margin: 0 0 18px; font-size: clamp(19px, 1.8vw, 24px); font-family: var(--_d); letter-spacing: var(--_ht); }
.hr-now b { font-weight: var(--_hw); }
.hr-dot { display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: var(--_mu); vertical-align: .1em; }
.hr-now.is-open .hr-dot { background: var(--_a); box-shadow: 0 0 0 0 color-mix(in srgb, var(--_a) 60%, transparent); animation: hr-pulse calc(var(--_rv) * 2.4) var(--_ease) infinite; }
@keyframes hr-pulse { 70% { box-shadow: 0 0 0 10px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.hr-week { border-top: 1px solid var(--_r); }
.hr-week li { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--_r); font-size: 17px; }
.hr-week .hr-t { text-align: right; }
.hr-week li.is-closed .hr-t { color: var(--_mu); }
.hr-week li.is-today { font-weight: 600; }
.hr-week li.is-today .hr-d::after { content: "Today"; margin-left: 10px; padding: 3px 7px; border-radius: var(--_chip); background: var(--_i); color: var(--_g); font: 600 10px/1 var(--_mono); letter-spacing: .08em; text-transform: uppercase; vertical-align: .2em; }
.hr-where { display: grid; gap: 16px; justify-items: start; padding: clamp(24px, 3vw, 40px); }
.hr-addr { font: var(--_hw) clamp(22px, 2.2vw, 30px)/1.25 var(--_d); letter-spacing: var(--_ht); font-style: normal; }
.hr-map { font-size: 15px; }
.hr-book { margin-top: 12px; }
.hr-via { font-size: 13px; margin-top: -6px; }
@media (max-width: 760px) { .hr-in { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .hr-now.is-open .hr-dot { animation: none; } }
