﻿/* Separate safety/video cards; compensate for padding so all four media are equal. */
body[target].home-banner-layout .home-media-strip {
    display: grid;
    grid-template-columns: minmax(0, calc(75% - 35px)) minmax(0, calc(25% + 11px));
    gap: 24px;
    margin-top: 32px;
    align-items: stretch;
}
body[target].home-banner-layout .home-media-strip .home-safety-section,
body[target].home-banner-layout .home-media-strip .home-video-section {
    display: block;
    padding: 22px 24px 24px;
    border: 1px solid #e3ebf3;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 22px rgba(26, 69, 120, 0.045);
}
body[target].home-banner-layout .home-media-strip .home-safety-section > .home-section-heading,
body[target].home-banner-layout .home-media-strip .home-video-section > .home-section-heading {
    min-height: 32px;
    margin: 0 0 20px;
    padding-bottom: 14px;
}
body[target].home-banner-layout .home-media-strip .home-section-heading h2 {
    font-size: 20px;
    line-height: 32px;
}
body[target].home-banner-layout .home-media-strip .home-safety-stage {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
body[target].home-banner-layout .home-media-strip .home-safety-slide img,
body[target].home-banner-layout .home-media-strip .home-video-player video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border-radius: 5px;
}
body[target].home-banner-layout .home-media-strip .home-safety-controls {
    display: none !important;
}
body[target].home-banner-layout .home-media-strip .home-safety-slide--fill img {
    object-fit: cover;
    object-position: center;
}
@media (max-width: 900px) {
    body[target].home-banner-layout .home-media-strip {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    body[target].home-banner-layout .home-media-strip .home-safety-section,
    body[target].home-banner-layout .home-media-strip .home-video-section {
        padding: 18px 16px;
    }
}
@media (max-width: 480px) {
    body[target].home-banner-layout .home-media-strip .home-safety-stage {
        grid-template-columns: minmax(0, 1fr);
    }
}