.website-link-showcase {
                background: #101010;
                padding: 58px 0;
            }

            .website-link-showcase__head {
                align-items: end;
                display: flex;
                gap: 18px;
                justify-content: space-between;
                margin-bottom: 24px;
            }

            .website-link-showcase__head h2 {
                color: #fff;
                font-size: 38px;
                font-weight: 900;
                line-height: 1;
                margin: 0 0 8px;
                text-transform: uppercase;
            }

            .website-link-showcase__head p {
                color: #cfcfcf;
                font-size: 15px;
                margin: 0;
                max-width: 620px;
            }

            .website-link-showcase__grid {
                display: grid;
                gap: 18px;
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .website-link-card {
                background: #171717;
                border: 1px solid rgba(255, 255, 255, .08);
                border-radius: 14px;
                box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
                color: #fff;
                display: block;
                min-height: 100%;
                overflow: hidden;
                text-decoration: none;
                transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
            }

            .website-link-card:hover,
            .website-link-card:focus {
                border-color: color-mix(in srgb, var(--primary-color) 72%, transparent);
                box-shadow: 0 22px 55px rgba(0, 0, 0, .34);
                color: #fff;
                text-decoration: none;
                transform: translateY(-4px);
            }

            .website-link-card.is-placeholder {
                cursor: default;
                opacity: .82;
            }

            .website-link-card.is-placeholder:hover {
                border-color: rgba(255, 255, 255, .08);
                box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
                transform: none;
            }

            .website-link-card__media {
                aspect-ratio: 16 / 10;
                background:
                    radial-gradient(circle at 20% 10%, rgba(242, 100, 23, .28), transparent 32%),
                    linear-gradient(135deg, #242424, #080808);
                overflow: hidden;
                position: relative;
            }

            .website-link-card__media img {
                display: block;
                height: 100%;
                object-fit: cover;
                position: absolute;
                inset: 0;
                z-index: 2;
                width: 100%;
            }

            .website-link-card__preview-fallback {
                align-items: center;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0)),
                    radial-gradient(circle at 22% 18%, rgba(0, 115, 252, .22), transparent 34%),
                    radial-gradient(circle at 78% 10%, rgba(242, 100, 23, .26), transparent 32%),
                    #0b0b0b;
                display: flex;
                height: 100%;
                justify-content: center;
                padding: 18px;
                position: absolute;
                inset: 0;
                text-align: center;
                width: 100%;
                z-index: 1;
            }

            .website-link-card__browser {
                background: rgba(255, 255, 255, .06);
                border: 1px solid rgba(255, 255, 255, .14);
                border-radius: 10px;
                box-shadow: 0 16px 34px rgba(0, 0, 0, .32);
                overflow: hidden;
                width: min(100%, 270px);
            }

            .website-link-card__browser-bar {
                align-items: center;
                background: rgba(255, 255, 255, .1);
                display: flex;
                gap: 5px;
                height: 24px;
                padding: 0 10px;
            }

            .website-link-card__browser-dot {
                background: rgba(255, 255, 255, .48);
                border-radius: 50%;
                height: 6px;
                width: 6px;
            }

            .website-link-card__browser-body {
                padding: 20px 14px 18px;
            }

            .website-link-card__browser-body strong {
                color: #fff;
                display: block;
                font-size: 18px;
                font-weight: 900;
                line-height: 1.15;
                margin-bottom: 8px;
            }

            .website-link-card__browser-body span {
                color: var(--primary-color);
                display: block;
                font-size: 11px;
                font-weight: 800;
                text-transform: uppercase;
            }

            .website-link-card__live {
                background: #0073FC;
                border-radius: 999px;
                color: #fff;
                font-size: 11px;
                font-weight: 900;
                left: 12px;
                letter-spacing: .08em;
                padding: 5px 10px;
                position: absolute;
                text-transform: uppercase;
                top: 12px;
                z-index: 3;
            }

            .website-link-card__live.is-ready {
                background: #4b5563;
            }

            .website-link-card__body {
                padding: 16px;
            }

            .website-link-card__meta {
                color: var(--primary-color);
                display: block;
                font-size: 12px;
                font-weight: 800;
                margin-bottom: 7px;
                text-transform: uppercase;
            }

            .website-link-card__title {
                color: #fff;
                font-size: 18px;
                font-weight: 900;
                line-height: 1.15;
                margin: 0 0 14px;
                overflow-wrap: anywhere;
            }

            .website-link-card__cta {
                align-items: center;
                color: #fff;
                display: inline-flex;
                font-size: 13px;
                font-weight: 800;
                gap: 8px;
                text-transform: uppercase;
            }

            @media (max-width: 991px) {
                .website-link-showcase__grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 767px) {
                .website-link-showcase {
                    padding: 42px 0;
                }

                .website-link-showcase__head {
                    align-items: start;
                    flex-direction: column;
                }

                .website-link-showcase__head h2 {
                    font-size: 28px;
                }

                .website-link-showcase__grid {
                    grid-template-columns: 1fr;
                }
            }