.xp-card[data-v-e5e453fc]{--fg-danger:var(--c-danger);--fg-success:var(--c-success);--fg-warning:var(--c-warning);--line:var(--c-border);--c-focus:var(--c-focus-dark);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;min-height:clamp(300px,72vw,380px);min-width:0;overflow:hidden;position:relative;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.xp-card--poster[data-v-e5e453fc]{min-height:clamp(360px,100vw,440px)}@media (min-width:768px){.xp-card[data-v-e5e453fc]{min-height:360px}.xp-card--tall[data-v-e5e453fc]{min-height:460px}.xp-card--wide[data-v-e5e453fc]{min-height:340px}.xp-card--poster[data-v-e5e453fc]{min-height:clamp(400px,36vw,500px)}}@media (min-width:1024px){.xp-card--tall[data-v-e5e453fc]{min-height:520px}}.xp-card__media[data-v-e5e453fc]{background:var(--c-surface-raised);inset:0;position:absolute;z-index:-2}.xp-card__media[data-v-e5e453fc] img,.xp-card__media[data-v-e5e453fc] picture{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.xp-card__media[data-v-e5e453fc] img{transition:transform .7s var(--ease-out)}.xp-card__shade[data-v-e5e453fc]{background:linear-gradient(180deg,color-mix(in srgb,var(--c-canvas) 55%,transparent) 0,transparent 28%),linear-gradient(0deg,var(--c-canvas) 0,color-mix(in srgb,var(--c-canvas) 82%,transparent) 34%,transparent 72%);inset:0;position:absolute;z-index:-1}.xp-card--wide .xp-card__shade[data-v-e5e453fc]{background:linear-gradient(0deg,var(--c-canvas) 0,color-mix(in srgb,var(--c-canvas) 70%,transparent) 40%,transparent 80%)}@media (min-width:1024px){.xp-card--wide .xp-card__shade[data-v-e5e453fc]{background:linear-gradient(90deg,var(--c-canvas) 0,color-mix(in srgb,var(--c-canvas) 78%,transparent) 38%,transparent 70%)}.xp-card--wide[data-v-e5e453fc]{justify-content:center}.xp-card--wide .xp-card__body[data-v-e5e453fc]{max-width:34rem}}.xp-card__top[data-v-e5e453fc]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-5) var(--space-5) 0}.xp-card--wide .xp-card__top[data-v-e5e453fc]{inset:0 0 auto;position:absolute}.xp-card__icon[data-v-e5e453fc]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--c-canvas) 70%,transparent);border-radius:var(--radius-pill);color:var(--c-primary-text);display:inline-grid;height:40px;place-items:center;width:40px}.xp-card__body[data-v-e5e453fc]{display:grid;gap:var(--space-2);padding:var(--space-6) var(--space-5) var(--space-5)}@media (min-width:768px){.xp-card__body[data-v-e5e453fc]{padding:var(--space-8) var(--space-6) var(--space-6)}}.xp-card__where[data-v-e5e453fc]{align-items:center;color:var(--c-muted);display:inline-flex;font-size:var(--text-xs);font-weight:700;gap:6px;letter-spacing:var(--label-tracking);margin:0;text-transform:var(--label-transform)}.xp-card__where[data-v-e5e453fc] svg{color:var(--c-primary-text)}.xp-card__title[data-v-e5e453fc]{font-size:var(--text-2xl);line-height:var(--heading-leading);overflow-wrap:break-word;padding-bottom:var(--space-3);position:relative}.xp-card__title[data-v-e5e453fc]:after{background:var(--c-primary);border-radius:3px;content:"";height:3px;inset:auto auto 0 0;max-width:9rem;position:absolute;transform:scaleX(.28);transform-origin:left center;transition:transform var(--dur-3) var(--ease-out);width:100%}.xp-card--tall .xp-card__title[data-v-e5e453fc],.xp-card--wide .xp-card__title[data-v-e5e453fc]{font-size:var(--text-3xl)}.xp-card__link[data-v-e5e453fc]{color:inherit;text-decoration:none}.xp-card__link[data-v-e5e453fc]:after{content:"";inset:0;position:absolute;z-index:1}.xp-card__link[data-v-e5e453fc]:focus-visible{outline:none}.xp-card[data-v-e5e453fc]:has(.xp-card__link:focus-visible){outline:2px solid var(--c-focus);outline-offset:3px}.xp-card__tagline[data-v-e5e453fc]{display:-webkit-box;margin:0;max-width:46ch;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--c-text-soft);font-size:var(--text-base);line-height:var(--leading-snug)}.xp-card__more[data-v-e5e453fc]{align-items:center;color:var(--c-primary-text);display:inline-flex;font-size:var(--text-sm);font-weight:700;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-3)}.xp-card__disc[data-v-e5e453fc]{border:1px solid color-mix(in srgb,var(--c-primary) 60%,transparent);border-radius:var(--radius-pill);color:var(--c-primary-text);display:inline-grid;flex:none;height:36px;place-items:center;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);width:36px}.xp-card:has(.xp-card__link:focus-visible) .xp-card__title[data-v-e5e453fc]:after{transform:scaleX(1)}.xp-card:has(.xp-card__link:focus-visible) .xp-card__disc[data-v-e5e453fc]{background:var(--c-primary);color:var(--c-on-primary)}@media (hover:hover){.xp-card[data-v-e5e453fc]:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2);transform:translateY(-4px)}.xp-card:hover .xp-card__media[data-v-e5e453fc] img{transform:scale(1.07)}.xp-card:hover .xp-card__title[data-v-e5e453fc]:after{transform:scaleX(1)}.xp-card:hover .xp-card__disc[data-v-e5e453fc]{background:var(--c-primary);color:var(--c-on-primary);transform:translate(3px)}}.xp-card[data-v-e5e453fc]:active{transform:scale(.985)}.xp-card:active .xp-card__media[data-v-e5e453fc] img{transform:scale(1.07)}@media (prefers-reduced-motion:reduce){.xp-card[data-v-e5e453fc],.xp-card__disc[data-v-e5e453fc],.xp-card__media[data-v-e5e453fc] img,.xp-card__title[data-v-e5e453fc]:after{transition:none}.xp-card[data-v-e5e453fc]:active,.xp-card:active .xp-card__media[data-v-e5e453fc] img,.xp-card[data-v-e5e453fc]:hover,.xp-card:hover .xp-card__disc[data-v-e5e453fc],.xp-card:hover .xp-card__media[data-v-e5e453fc] img{transform:none}}