.bigtext-byline {
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    padding-bottom: 5px;
}

.bigtext-byline:last-child {
    padding-bottom: 10vh;
}

.bigtext-line0 {
    font-size: 100px;
    text-align: center;
    line-height: 105px;
    padding-bottom: 5vh;
}

.bigtext-headline {
    font-size: 40px;
    text-align: center;
    line-height: 45px;
    padding-bottom: 10vh;
}

.dim-out {
    opacity: 0.4;
    transition: opacity 0.6s ease-out;
}

.dim-in {
    opacity: 1;
    transition: opacity 0.6s ease-out;
}

.footer p {
    font-size: 17px !important;
}

.PhotoGallery {
    display: grid;
    position: relative;
    z-index: 100;
}

.PhotoGallery p, .PhotoGallery h3{
    padding-top: 15px;
    max-width: 720px;
    font-size: 22px;
    line-height: 29px;
}

.PhotoGallery h3 {
    font-weight: 600;
}

.PhotoGallery-caption {
    display: inline-block;
    padding-top: 5px;
    font-weight: 500;
    font-size: 14px;
}

.PhotoGallery-container {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    grid-column-gap: 0.5em;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin: 0 auto;
    padding-bottom: 10px;
}

.PhotoGallery-container:last-child {
    padding-bottom: 15vh;
}

.PhotoGallery-credit {
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin-top: 3px;
    color: #919995
}

.PhotoGallery-img {
    padding-bottom: 5vh;
}

.PhotoGallery-img img,
.PhotoGallery-img video{
    width: 100%;
}

.PhotoGallery-section {
    padding-bottom: 35vh;
}

.PhotoGallery-source {
    display: block;
    max-width: 450px;
    margin-top: 5px;
    padding-top: 0px;
    font-family: "miller-text", arial, helvetica, sans-serif;
}

.sticky-item .PhotoGallery-source {
    padding-left: 20px;
}


.text-block {
    padding-top: 5vh;
    padding-bottom: 5vh;
    max-width: 720px;
    margin: 0 auto;
}

.text-block p,
.text-block h1,
.text-block h2,
.text-block h3 {
    margin: 0 auto;
    text-align: left;
    padding-bottom: 2vh;
}


.tnt-byline {
    padding-bottom: 40vh;
    text-align: center;
}

.img-width-1-2left {
    grid-column: 1 / 7;
}

.img-width-2-3left {
    grid-column: 1 / 10;
}

.img-width-1-2right {
    grid-column: 8 / 14;
}

.img-width-2-3right {
    grid-column: 5 / 14;
}

.img-width-1-2center {
    grid-column: 4 / 11;
}

.img-width-full {
    grid-column: 1 / 14;
}

.img-width-full img{
    width: 100%;
}

.img-left-vert {
    grid-column: 1 / 6;
}

.img-left-hori {
    grid-column: 1 / 8;
}

.img-right-hori {
    grid-column: 7 / 14;
}

.img-left-2-grid {
    grid-column: 2 / 7;
}

.img-right-2-grid {
    grid-column: 8 / 13;
}

.img-width-background {
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: center;
}

.img-width-background img,
.img-width-background video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 1/1) {
    .img-width-background img,
    .img-width-background video {
        width: 100vw;
        height: 100vh;
    }
}

@media (max-aspect-ratio: 1/1) {
    .img-width-background img,
    .img-width-background video {
        width: auto;
        height: 100vh;
    }
}


.overlap {
    padding-top: 50%
}

.scroll-play-video {
    max-width: 1170px;
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensure it's treated as a block-level element */
    margin: 20vh auto; /* Center the video horizontally */
}

.scrolly-section {
    padding-bottom: 10vh;
}


@media (max-width: 749px) {
    .bigtext-byline {
        font-size: 15px;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .bigtext-line0 {
        font-size: 50px;
        line-height: 55px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .bigtext-headline {
        font-size: 22px;
        line-height: 26px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .img-width-1-2left {
        grid-column: 1 / 10;
    }

    .img-width-1-2right {
        grid-column: 5 / 14;
    }

    .img-width-1-2center {
        grid-column: 1 / 14;
    }

    .img-left-vert {
        grid-column: 1 / 12;
    }

    .img-left-hori {
        grid-column: 1 / 13;
    }   
    
    .img-right-hori {
        grid-column: 3 / 14;
    }

    .img-left-2-grid {
        grid-column: 1 / 14;
    }

    .img-right-2-grid {
        grid-column: 1 / 14;
    }

    .overlap {
        padding-top: 10px
    }

    .PhotoGallery p, .PhotoGallery h3{
        width: calc(100% - 40px);
        margin: 0 auto;
        font-size: 18px;
        line-height: 29px;
    }

    .PhotoGallery p, .PhotoGallery h2{
        width: calc(100% - 40px);
    }


    .PhotoGallery-source {
        width: 80%;
        max-width: 340px;
    }
}