#home {
    .container {
        padding-bottom: 500px;
    }

    .gradient-overlay {
        background: #000000;
        background: radial-gradient(circle at center bottom,rgba(0, 0, 0, 0) 45%, rgba(192, 186, 242, 1) 50%);
    }

    img {
        min-height: 50%;
        right: 0;
        bottom: 0;
    }
}

@media(min-width: 768px) {
    #home {
        .container {
            padding-bottom: 0;
        }

        .gradient-overlay {
            background: radial-gradient(circle at center right,rgba(0, 0, 0, 0) 45%, rgba(192, 186, 242, 1) 50%);
        }

        img {
            height: 100%;
            width: 75%;
            right: 0;
            bottom: 0;
        }
    }
}

/* ── Desktop: horizontal line through icon centers ── */
.timeline-row {
    position: relative;
}

.timeline-row::before {
    content: '';
    position: absolute;
    top: calc(1rem + 50px);
    left: calc(12.5%);
    right: calc(12.5%);
    height: 8px;
    background: linear-gradient(to right, var(--bg-5) 30%, var(--brand-1));
    z-index: 0;
}

/* ── Mobile: vertical line down the left side ── */
@media (max-width: 767px) {
    .timeline-row::before {
        top: calc(3rem);
        bottom: 1rem;
        left: calc(1.5rem);
        border-radius: 5px;
        right: auto;
        width: 8px;
        height: auto;
        background: linear-gradient(to bottom, var(--bg-5) 30%, var(--brand-1));
    }
}

.share-link:hover {
    border-color: #b89a6a !important;
    background: #fdfaf6 !important;
}
.share-link:hover .ms-auto { color: #b89a6a !important; }