/* HIGHLIGHT production fixes: edge-to-edge four-column gallery + clean background hero video */

/* Gallery: full-bleed Isotope masonry. No Bootstrap gutter or legacy negative
   margin may create an empty stripe on the right side. */
.profile {
    overflow: hidden;
}
.profile > .container-fluid {
    width: 100%;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.profile > .container-fluid > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.profile > .container-fluid > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.profile .masonry-gallery-huge,
.profile .masonry-gallery-huge .grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.profile .masonry-gallery-huge .grid-item,
.profile .masonry-gallery-huge .gallery-image,
.profile .masonry-gallery-huge .popup-image {
    box-sizing: border-box;
}
.profile .masonry-gallery-huge .grid-item {
    margin: 0 !important;
    padding: 0 !important;
}
.profile .masonry-gallery-huge .gallery-image {
    margin: 0 !important;
    overflow: hidden;
}
.profile .masonry-gallery-huge .gallery-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* Four real columns on desktop. Smaller tiles also prevent low-resolution
   legacy gallery photos from being enlarged until they look soft. */
@media (min-width: 992px) {
    .profile .masonry-gallery-huge .grid-item {
        width: 25% !important;
        max-width: 25% !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .profile .masonry-gallery-huge .grid-item {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
    .profile .masonry-gallery-huge .grid-item {
        width: 50% !important;
        max-width: 50% !important;
    }
}
@media (max-width: 479.98px) {
    .profile .masonry-gallery-huge .grid-item {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Hero video: taller visual frame while retaining a true cover crop. The
   iframe remains non-interactive and slightly oversized to keep YouTube UI
   outside the visible crop. */
#home.slider-area {
    height: 720px;
    min-height: 720px;
    overflow: hidden;
    background: #000;
}
.highlight-hero-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}
.highlight-hero-video__iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-width: 1280px;
    min-height: 720px;
    border: 0;
    transform: translate(-50%, -50%) scale(1.04);
    pointer-events: none;
}
.highlight-hero-video__shield {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: transparent;
}
@media (max-width: 1199.98px) {
    #home.slider-area {
        height: 620px;
        min-height: 620px;
    }
    .highlight-hero-video__iframe {
        min-width: 1103px;
        min-height: 620px;
    }
}
@media (max-width: 767.98px) {
    #home.slider-area {
        height: 420px;
        min-height: 420px;
    }
    .highlight-hero-video__iframe {
        min-width: 747px;
        min-height: 420px;
    }
}