.hk-site .hk-recommendation-rail__controls{justify-items:end;gap:8px;display:grid}.hk-site .hk-recommendation-rail__controls>p{color:#f7f3efb3;margin:0;font-size:.78rem}.hk-site .hk-recommendation-rail__controls>div{grid-template-columns:44px minmax(72px,auto) 44px;align-items:center;gap:8px;display:grid}.hk-site .hk-recommendation-rail__controls button{cursor:pointer;width:44px;height:44px;color:var(--hk-sheet);font:inherit;background:#191f25f0;border:1px solid #ffffff47;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;transition:color .18s,border-color .18s,background-color .18s;display:inline-grid}.hk-site .hk-recommendation-rail__controls button:hover{color:#fff;border-color:var(--hk-signal);background:var(--hk-seal)}.hk-site .hk-recommendation-rail__controls button:focus-visible,.hk-site .hk-recommendation-rail__track:focus-visible,.hk-site .hk-recommendation-rail__item a:focus-visible{outline:3px solid var(--hk-signal);outline-offset:3px}.hk-site .hk-recommendation-rail__controls button:disabled{cursor:default;opacity:.38}.hk-site .hk-recommendation-rail__controls [data-recommendation-status]{color:var(--hk-blush);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.hk-site .hk-recommendation-rail{min-width:0;position:relative}.hk-site .hk-recommendation-rail__track{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#f0b8baa3 #ffffff1a;scrollbar-width:thin;touch-action:pan-x pan-y;grid-auto-columns:clamp(190px,17vw,220px);grid-auto-flow:column;gap:clamp(18px,2.2vw,30px);margin:0;padding:10px 4px 22px;scroll-padding-inline:4px;list-style:none;display:grid;overflow-x:auto}.hk-site .hk-recommendation-rail__track[data-dragging=true]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.hk-site .hk-recommendation-rail[data-enhanced=true] .hk-recommendation-rail__track{cursor:grab}.hk-site .hk-recommendation-rail[data-enhanced=true] [data-recommendation-image]{cursor:pointer}.hk-site .hk-recommendation-rail__track[data-dragging=true] [data-recommendation-image]{cursor:grabbing}.hk-site .hk-recommendation-rail__item{scroll-snap-align:start;min-width:0}.hk-site .hk-recommendation-rail__item article{text-align:center;border-bottom:1px solid #ffffff29;align-content:start;justify-items:center;height:100%;padding:8px 8px 16px;display:grid}.hk-site .hk-recommendation-rail__item img{aspect-ratio:1;object-fit:cover;background:#303943;border:3px solid #f7f3efb8;border-radius:50%;width:min(100%,176px);height:auto;transition:border-color .18s,transform .18s}.hk-site .hk-recommendation-rail__item h3{margin:16px 0 4px;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.15}.hk-site .hk-recommendation-rail__item h3 a{color:var(--hk-sheet);-webkit-text-decoration-color:var(--hk-blush);text-decoration-color:var(--hk-blush);text-underline-offset:4px;text-decoration-thickness:1px}.hk-site .hk-recommendation-rail__item p{color:#f7f3efad;margin:0;font-size:.76rem;line-height:1.45}.hk-site .hk-recommendation-rail__item p+p{color:var(--hk-blush);margin-top:6px;font-weight:700}:is(.hk-site .hk-recommendation-rail__item article:has(a:hover) img,.hk-site .hk-recommendation-rail__item article:has(a:focus-visible) img){border-color:var(--hk-signal);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.hk-site .hk-recommendation-rail__controls button,.hk-site .hk-recommendation-rail__item img{transition:none}}@media (width>=761px) and (width<=1100px){.hk-site .hk-recommendation-rail__track{grid-auto-columns:minmax(172px,28vw)}}@media (width<=760px){.hk-site .hk-profile-recommendations .hk-section-heading{align-items:end}.hk-site .hk-recommendation-rail__controls{justify-items:start}.hk-site .hk-recommendation-rail__controls>p{display:none}.hk-site .hk-recommendation-rail__track{grid-auto-columns:minmax(148px,46vw);gap:16px;margin-inline:-4px;padding-bottom:18px}.hk-site .hk-recommendation-rail__item article{padding-inline:4px}.hk-site .hk-recommendation-rail__item img{width:min(100%,156px)}}
