.cms-about-us-widget .content-stack {
    flex-grow: 1;
}

.cms-about-us-widget .about-us-visual-stack {
    position: relative;
    padding: 2rem; /* Provides space for images to tilt without being cut off */
}

.cms-about-us-widget .about-us-image-a,
.cms-about-us-widget .about-us-image-b {
    position: relative;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}

.cms-about-us-widget .about-us-image-a img,
.cms-about-us-widget .about-us-image-b img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cms-about-us-widget .experience-badge {
    position: absolute;
    z-index: 10;
}

.cms-about-us-widget .main-headline .highlight {
    color: var(--highlight-color);
}

.cms-about-us-widget .feature-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
}

.cms-about-us-widget .feature-list li {
    display: flex;
    align-items: flex-start;
}

.cms-about-us-widget .feature-list .icon {
    margin-right: 0.75rem;
    margin-top: 0.2em; /* Align icon with first line of text */
    color: var(--icon-color, #4285F4);
    flex-shrink: 0;
}

.cms-about-us-widget .long-description-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.cms-about-us-widget.show-long-story .long-description-content {
    display: block;
    opacity: 1;
}

.cms-about-us-widget .about-us-read-more-btn {
    cursor: pointer;
}

@media (max-width: 767px) {
    .cms-about-us-widget .about-us-visual-stack {
        margin-bottom: 2rem;
    }
}