EXPLORE
I’m just exploring
Enter as a visitor (18+). No account needed.
Enter
MEMBER
I already have an account
Access your bids, orders & dashboard.
Sign in
VENDOR
I want verified access
Vendors & members. Structured onboarding.
Apply
/* ===== Desktop Hover/Focus Feedback ===== */
@media (hover:hover) and (pointer:fine){
/* Base hover lift */
.gc-foyer-choices .gc-card{
position: relative;
will-change: transform;
transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.gc-foyer-choices .gc-card:hover,
.gc-foyer-choices .gc-card:focus-visible{
transform: translateY(-4px);
background: rgba(255,255,255,.08);
border-color: rgba(255,255,255,.22);
box-shadow: 0 22px 55px rgba(0,0,0,.35);
}
/* Mode-colored edge glow on hover */
.gc-foyer-choices .gc-card[data-mode=“explore“]:hover,
.gc-foyer-choices .gc-card[data-mode=“explore“]:focus-visible{
border-color: rgba(74,164,230,.45);
box-shadow: 0 24px 60px rgba(74,164,230,.12), 0 22px 55px rgba(0,0,0,.35);
}
.gc-foyer-choices .gc-card[data-mode=“member“]:hover,
.gc-foyer-choices .gc-card[data-mode=“member“]:focus-visible{
border-color: rgba(255,216,74,.45);
box-shadow: 0 24px 60px rgba(255,216,74,.10), 0 22px 55px rgba(0,0,0,.35);
}
.gc-foyer-choices .gc-card[data-mode=“vendor“]:hover,
.gc-foyer-choices .gc-card[data-mode=“vendor“]:focus-visible{
border-color: rgba(230,57,70,.45);
box-shadow: 0 24px 60px rgba(230,57,70,.10), 0 22px 55px rgba(0,0,0,.35);
}
}