.d5fc-shell { container: d5fc-layout / inline-size; width: 100%; min-width: 0; }
.d5fc-shell, .d5fc-shell * { box-sizing: border-box; }
.d5fc-card { --d5fc-height: var(--d5fc-min-height-desktop, 330px); --d5fc-padding: var(--d5fc-padding-desktop, 32px); position: relative; display: flex; min-width: 0; min-height: var(--d5fc-height); overflow: hidden; isolation: isolate; border: 1px solid #2c2f39; border-radius: 14px; background: #16171b; color: #f5f5f7; font-family: inherit; text-decoration: none; overflow-wrap: anywhere; }
.d5fc-card-link { cursor: pointer; }
.d5fc-card-link:hover, .d5fc-actions a:hover { text-decoration: none; }
.d5fc-media { position: relative; flex: 0 0 var(--d5fc-image-share, 42%); min-width: 0; overflow: hidden; }
.d5fc-image, .d5fc-image-placeholder { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.d5fc-image { object-fit: var(--d5fc-image-fit, cover); object-position: var(--d5fc-image-x, 50%) var(--d5fc-image-y, 50%); filter: grayscale(var(--d5fc-grayscale, 0%)); transition: transform 300ms ease; }
.d5fc-image-placeholder { background: linear-gradient(135deg,#3e4752,#15191f); }
.d5fc-card:hover .d5fc-image { transform: scale(var(--d5fc-image-zoom, 1.03)); }
.d5fc-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(var(--d5fc-overlay-angle, 180deg),var(--d5fc-overlay-top, rgba(0,0,0,.12)) var(--d5fc-overlay-start, 0%),var(--d5fc-overlay-bottom, rgba(8,9,12,.94)) var(--d5fc-overlay-end, 100%)); }
.d5fc-overlay-solid .d5fc-shade { background: var(--d5fc-overlay-solid, rgba(0,0,0,.45)); }
.d5fc-content { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: var(--d5fc-content-vertical, flex-end); align-items: var(--d5fc-content-position, flex-start); padding: var(--d5fc-padding); text-align: var(--d5fc-text-align, left); }
.d5fc-copy { width: 100%; max-width: var(--d5fc-content-width, 360px); }
.d5fc-layout-overlay .d5fc-media { position: absolute; inset: 0; width: 100%; }
.d5fc-layout-right { flex-direction: row-reverse; }
.d5fc-layout-stacked { flex-direction: column; }
.d5fc-layout-stacked .d5fc-media { flex: 0 0 auto; width: 100%; height: var(--d5fc-stacked-image-height, 230px); }
.d5fc-no-image .d5fc-content { width: 100%; }
.d5fc-eyebrow { display: block; margin: 0; padding: 0; color: var(--d5fc-accent-color, #ffb511); font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: .2em; text-transform: var(--d5fc-eyebrow-transform, uppercase); }
.d5fc-title { margin: var(--d5fc-title-top-space, 16px) 0 0; padding: 0; color: #f5f5f7; font-family: Impact, 'Arial Narrow', sans-serif; font-size: 36px; font-weight: 800; line-height: 1.1; text-transform: var(--d5fc-title-transform, uppercase); }
.d5fc-copy > .d5fc-title:first-child { margin-top: 0; }
.d5fc-description { margin: var(--d5fc-description-top-space, 12px) 0 0; padding: 0; color: #c6c8cf; font-size: 13px; line-height: 1.5; }
.d5fc-copy > .d5fc-description:first-child { margin-top: 0; }
.d5fc-badge { position: absolute; top: var(--d5fc-badge-inset, 20px); z-index: 2; display: inline-block; max-width: calc(100% - 2 * var(--d5fc-badge-inset, 20px)); padding: 5px 9px; border: 1px solid #ffffff40; border-radius: 4px; background: #14161add; color: #fff; font-size: 10px; font-weight: 700; line-height: 1.4; }
.d5fc-badge-top-left { left: var(--d5fc-badge-inset, 20px); }
.d5fc-badge-top-right { right: var(--d5fc-badge-inset, 20px); }
.d5fc-badge-inline { position: static; max-width: 100%; margin-bottom: var(--d5fc-badge-bottom-space, 12px); }
.d5fc-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: var(--d5fc-actions-align, flex-start); gap: var(--d5fc-actions-gap, 16px); margin-top: var(--d5fc-actions-top-space, 20px); }
.d5fc-actions-stack { flex-direction: column; align-items: stretch; }
.d5fc-action { display: inline-flex; align-items: center; justify-content: center; gap: 9px; text-decoration: none; color: var(--d5fc-accent-color, #ffb511); font-size: 13px; font-weight: 700; line-height: 1.4; transition: color 160ms, background-color 160ms; }
.d5fc-action svg { width: var(--d5fc-action-icon-size, 14px); height: var(--d5fc-action-icon-size, 14px); flex-shrink: 0; }
.d5fc-style-solid { padding: 11px 16px; border: 1px solid var(--d5fc-accent-color, #ffb511); border-radius: 7px; background: var(--d5fc-accent-color, #ffb511); color: #111; }
.d5fc-style-outline { padding: 11px 16px; border: 1px solid currentColor; border-radius: 7px; background: transparent; }
.d5fc-card-link:hover .d5fc-primary, .d5fc-actions .d5fc-primary:hover { color: var(--d5fc-primary-hover-color, #ffcb4d) !important; background: var(--d5fc-primary-hover-background, transparent) !important; }
.d5fc-actions .d5fc-secondary:hover { color: var(--d5fc-secondary-hover-color, #ffb511) !important; background: var(--d5fc-secondary-hover-background, rgba(255,255,255,.06)) !important; }
.d5fc-card-link:focus-visible, .d5fc-actions a:focus-visible { outline: 2px solid var(--d5fc-focus-color, #ffb511); outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .d5fc-shell * { transition: none !important; } .d5fc-card:hover .d5fc-image { transform: none; } }