
/* QMAX V138 — isolated Kelowna Dancing Guy story invitation */
.hmc-dancing-story{width:100%;margin:22px 0 26px;padding:0}
.hmc-dancing-story__intro{margin:0 auto 14px;padding:0 12px;text-align:center}
.hmc-dancing-story__intro h2{margin:0;color:#f8f7fb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.25vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.018em}
.hmc-dancing-story__intro p{max-width:780px;margin:8px auto 0;color:rgba(235,231,240,.88);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(13px,1vw,16px);line-height:1.45;font-weight:500}
.hmc-dancing-story__link{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(205,194,218,.82);border-radius:22px;background:#050507;cursor:pointer;isolation:isolate;box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 0 1px rgba(139,61,255,.08),0 0 30px rgba(109,40,177,.12),inset 0 1px 0 rgba(255,255,255,.15);transform:translateY(0);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,filter 180ms ease}
.hmc-dancing-story__link::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -22px 42px rgba(0,0,0,.10)}
.hmc-dancing-story__link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#050507}
.hmc-dancing-story__focus-label{position:absolute;right:16px;bottom:14px;z-index:2;padding:8px 12px;border:1px solid rgba(238,228,246,.74);border-radius:999px;color:#fff;background:rgba(8,6,11,.76);backdrop-filter:blur(10px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1;font-weight:700;letter-spacing:.01em;opacity:0;transform:translateY(4px);transition:opacity 180ms ease,transform 180ms ease;pointer-events:none}
.hmc-dancing-story__link:hover{transform:translateY(-2px);border-color:rgba(235,219,250,.98);filter:brightness(1.025);box-shadow:0 22px 52px rgba(0,0,0,.46),0 0 0 1px rgba(161,88,222,.16),0 0 36px rgba(109,40,177,.20),inset 0 1px 0 rgba(255,255,255,.18)}
.hmc-dancing-story__link:hover .hmc-dancing-story__focus-label,.hmc-dancing-story__link:focus-visible .hmc-dancing-story__focus-label{opacity:1;transform:translateY(0)}
.hmc-dancing-story__link:active{transform:translateY(1px);box-shadow:0 10px 24px rgba(0,0,0,.34),0 0 0 1px rgba(139,61,255,.12)}
.hmc-dancing-story__link:focus-visible{outline:none;border-color:#f5effa;box-shadow:0 0 0 2px #050507,0 0 0 5px rgba(181,124,255,.90),0 20px 46px rgba(0,0,0,.44)}
@media(max-width:700px){.hmc-dancing-story{margin:18px 0 22px}.hmc-dancing-story__intro{padding:0 6px;margin-bottom:11px}.hmc-dancing-story__link{border-radius:16px}.hmc-dancing-story__focus-label{display:none}}
@media(prefers-reduced-motion:reduce){.hmc-dancing-story__link,.hmc-dancing-story__focus-label{transition:none}.hmc-dancing-story__link:hover,.hmc-dancing-story__link:active{transform:none}}
