/* Utilities */
.container:has(.hero),
.col-12:has(.hero) {
    padding: 0;
}

.sig {
    margin: -4rem 0 3rem;
    text-transform: uppercase;
    color: #000;
    font-family: 'sofia-pro';
    text-align: left;
    font-size: clamp(9px, 1vw, 1.1rem);
}

@media (min-width: 1301px) {
    .container {
        min-width: 0;
        /* Allow full 1680px above */
    }
}

.flex {
    display: flex;
    gap: clamp(1rem, 2vw, 2rem);
    align-items: flex-start;
}

.grid {
    display: grid;
    gap: clamp(0.625rem, 1rem, 1.25rem);
}

/* Typography */
h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: normal;
    margin: 0;
    line-height: 1.1;
}

h3 {
    font-size: clamp(0.9rem, 1.125rem, 1.375rem);
}

p {
    font-size: clamp(0.875rem, 1rem, 1.25rem);
}

h1,
h2,
h3 {
    font-weight: 300;
}

.hero {
    padding: clamp(0.9375rem, 3vw, 2.5rem);
    width: 100%;
    max-width: 100%;
}

.hero__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, min(51.5476vw, 866px));
    /* ~866px at 1680px, scales down */
    gap: clamp(0.5rem, 0.75rem, 1rem);
    /* Tightened gap */
    width: 100%;
}

.hero__header {
    display: flex;
    flex-direction: column;
    gap: clamp(0.25rem, 0.5vw, 0.5rem);
}

.hero__title {
    font-family: 'Ethic Serif', serif;
    color: #111;
    font-size: clamp(3rem, 4vw, 5.5625rem);
    /* ~40px min, 52px at 1300px, 89px at 1680px */
}

.hero__title i {
    font-style: italic;
}

.hero__tagline {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.7rem, 0.875rem, 0.9rem);
    text-transform: uppercase;
    letter-spacing: clamp(0.0625rem, 0.2vw, 0.125rem);
    color: #111;
}

.hero__intro {
    display: grid;
    grid-template-columns: 1fr;
}

.hero__description {
    font-family: 'Ethic Serif', serif;
    color: #111;
    font-size: clamp(1rem, 1.6656vw, 2rem);
}

.hero__italic {
    font-style: italic;
}

.hero__muse--intro {
    text-align: center;
}

.hero__muses {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    gap: clamp(0.625rem, 0.75rem, 1rem);
}

.hero__muse {
    text-align: center;
}

.hero__muse-image {
    width: 100%;
    max-width: clamp(12.5rem, 30.65vw, 37.5rem);
    aspect-ratio: 1030 / 1270;
    object-fit: cover;
    margin-bottom: clamp(0.3125rem, 1vw, 0.625rem);
}

.hero__muse-name {
    font-family: 'sofia-pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: clamp(0.1875rem, 0.5vw, 0.3125rem);
    color: #111;
}

.hero__muse-title {
    font-family: 'sofia-pro', sans-serif;
    color: #111;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero__content {
        grid-template-columns: 1fr;
    }

    .hero__intro {
        grid-template-columns: 1fr 1fr;
    }

    .hero__muse--intro {
        max-width: 100%;
    }

    .hero__muse--grid {
        display: none;
    }

    .hero__muses {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero__header {
        align-items: center;
        text-align: center;
    }

    .hero__muse-title {
        font-size: 0.5625rem;
    }
}

@media (min-width: 769px) {
    .hero__muse--intro {
        display: none;
    }
}

.video-grid {
    padding: 0;
    margin-top: clamp(2.25rem, 3.85rem, 70px);
}

.video-grid__video-container {
    width: 100%;
    margin-bottom: clamp(1rem, 2vw, 2rem);
}

.video-grid__video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-grid__video--desktop {
    display: block;
}

.video-grid__video--mobile {
    display: none;
}

.video-grid__content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    width: 100%;
    gap: clamp(0.625rem, 1vw, 1.25rem);
    padding: clamp(1rem, 3vw, 2.5rem);
}

.video-grid__item--text {
    padding: clamp(0.625rem, 1vw, 1.25rem);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.video-grid__title {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(2.25rem, 4vw, 3.375rem);
    color: #111;
    margin-bottom: clamp(0.4125rem, 0.5vw, 0.625rem);
}

.video-grid__description {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.125rem);
    color: #333;
    margin-bottom: clamp(2rem, 3.5vw, 2.5rem);
}

.video-grid__cta-links {
    flex-direction: column;
    gap: clamp(0.15rem, 2vw, 0.5rem);
}

.video-grid__cta-link {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.8rem, 1.2vw, 1.1rem);
    color: #111;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    display: block;
    text-align: center;
    margin-bottom: 1vw;
}

.video-grid__item--image:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.video-grid__item--image:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.video-grid__item--image:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.video-grid__item--image:nth-child(5) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.video-grid__item--quote {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    padding: clamp(0.625rem, 1vw, 1.25rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-grid__quote-symbol {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(5rem, 6vw, 7rem);
    color: #111;
    line-height: 1;
}

.video-grid__quote {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(1.65rem, 2vw, 2.125rem);
    color: #111;
    text-align: left;
    margin-top: clamp(-10px, -5vw, -36px);
    margin-bottom: clamp(36px, 3rem, 50px);
    margin-left: 8%;
    margin-right: 3%;
    line-height: 36px;
}

.video-grid__item--image:nth-child(7) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.video-grid__item--double {
    grid-column: 2 / 4;
    grid-row: 3 / 4;
}

.video-grid__image {
    width: 100%;
    /* aspect-ratio: 4 / 5; */
    object-fit: cover;
}

.video-grid__image--double {
    width: 100%;
    /* aspect-ratio: 8 / 5; */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .video-grid__video--desktop {
        display: none;
    }

    .video-grid__video--mobile {
        display: block;
    }

    .video-grid__content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto auto auto;
        gap: clamp(0.5rem, 1vw, 1rem);
        max-width: 100%;
    }

    .video-grid__item--text {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .video-grid__item--image:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .video-grid__item--image:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .video-grid__item--image:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .video-grid__item--image:nth-child(5) {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }

    .video-grid__item--quote {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
        padding: 2.625rem 0.625rem 0rem 0.625rem;
    }

    .video-grid__item--image:nth-child(7) {
        grid-column: 1 / 3;
        grid-row: 5 / 6;
    }

    .video-grid__item--double {
        grid-column: 1 / 3;
        grid-row: 6 / 7;
    }

    .video-grid__cta-link {
        margin-bottom: 3vw;
    }
}

.video-grid-two {
    padding: 0;
    margin-top: clamp(2.25rem, 3.85rem, 70px);

}

.video-grid-two__video-container {
    width: 100%;
    margin-bottom: clamp(1rem, 2vw, 2rem);
}

.video-grid-two__video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-grid-two__video--desktop {
    display: block;
}

.video-grid-two__video--mobile {
    display: none;
}

.video-grid-two__content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    width: 100%;
    gap: clamp(0.625rem, 1vw, 1.25rem);
    padding: clamp(1rem, 3vw, 2.5rem);
}

.video-grid-two__item--text {
    padding: clamp(0.625rem, 1vw, 1.25rem);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.video-grid-two__title {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(2.25rem, 4vw, 3.375rem);
    color: #111;
    margin-bottom: clamp(0.4125rem, 0.5vw, 0.625rem);
}

.video-grid-two__description {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.125rem);
    color: #333;
    margin-bottom: clamp(2rem, 3.5vw, 2.5rem);
}

.video-grid-two__cta-links {
    flex-direction: column;
    gap: clamp(0.15rem, 2vw, 0.5rem);
}

.video-grid-two__cta-link {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.8rem, 1vw, 1.1rem);
    color: #111;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    display: block;
    text-align: center;
    margin-bottom: 1vw;
}

.video-grid-two__item--image:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.video-grid-two__item--image:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.video-grid-two__item--image:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.video-grid-two__item--image:nth-child(5) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.video-grid-two__item--quote {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    padding: clamp(0.625rem, 1vw, 1.25rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-grid-two__quote-symbol {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(5rem, 6vw, 7rem);
    color: #111;
    line-height: 1;
}

.video-grid-two__quote {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(1.65rem, 2vw, 2.125rem);
    color: #111;
    text-align: left;
    margin-top: clamp(-10px, -5vw, -36px);
    margin-bottom: clamp(36px, 3rem, 50px);
    margin-left: 8%;
    margin-right: 3%;
    line-height: 36px;
}

.video-grid-two__item--image:nth-child(7) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.video-grid-two__item--double {
    grid-column: 2 / 4;
    grid-row: 3 / 4;
}

.video-grid-two__image {
    width: 100%;
    /* aspect-ratio: 4 / 5; */
    object-fit: cover;
}

.video-grid-two__image--double {
    width: 100%;
    /* aspect-ratio: 8 / 5; */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .video-grid-two__video--desktop {
        display: none;
    }

    .video-grid-two__video--mobile {
        display: block;
    }

    .video-grid-two__content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto auto auto;
        gap: clamp(0.5rem, 1vw, 1rem);
        max-width: 100%;
    }

    .video-grid-two__item--text {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .video-grid-two__item--image:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .video-grid-two__item--image:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .video-grid-two__item--image:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .video-grid-two__item--image:nth-child(5) {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }

    .video-grid-two__item--quote {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
        padding: 2.625rem 0.625rem 0rem 0.625rem;
    }

    .video-grid-two__item--image:nth-child(7) {
        grid-column: 1 / 3;
        grid-row: 5 / 6;
    }

    .video-grid-two__item--double {
        grid-column: 1 / 3;
        grid-row: 6 / 7;
    }

    .video-grid-two__cta-link {
        margin-bottom: 3vw;
    }
}

/* START VIDEO GRID THREE */
.video-grid-three {
    padding: 0;
    margin-top: clamp(2.25rem, 3.85rem, 70px);
}

.video-grid-three__video-container {
    width: 100%;
    margin-bottom: clamp(1rem, 2vw, 2rem);
    padding: 0;
    /* Ensure no padding interferes with full-bleed */
}

.video-grid-three__video-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    /* Remove inline gaps */
    margin: 0;
    /* Ensure no margins from parent or utilities */

}

/* Removed video-specific styles (no longer needed) */
/*
.video-grid-three__video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-grid-three__video--desktop {
    display: block;
}

.video-grid-three__video--mobile {
    display: none;
}
*/

.video-grid-three__content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, auto);
    width: 100%;
    gap: clamp(0.625rem, 1vw, 1.25rem);
    padding: clamp(1rem, 3vw, 2.5rem);
}

.video-grid-three__item--text {
    padding: clamp(0.625rem, 1vw, 1.25rem);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.video-grid-three__title {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(2.25rem, 4vw, 3.375rem);
    color: #111;
    margin-bottom: clamp(0.4125rem, 0.5vw, 0.625rem);
}

.video-grid-three__description {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.125rem);
    color: #333;
    margin-bottom: clamp(2rem, 3.5vw, 2.5rem);
}

.video-grid-three__cta-links {
    flex-direction: column;
    gap: clamp(0.15rem, 2vw, 0.5rem);
}

.video-grid-three__cta-link {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.8rem, 1vw, 1.1rem);
    color: #111;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    display: block;
    text-align: center;
    margin-bottom: 1vw;
}

.video-grid-three__item--image:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.video-grid-three__item--image:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.video-grid-three__item--image:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.video-grid-three__item--image:nth-child(5) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.video-grid-three__item--quote:nth-child(6) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    padding: 2.625rem 0.625rem 0rem 0.625rem;
}

.video-grid-three__item--image:nth-child(7) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.video-grid-three__item--double:nth-child(8) {
    grid-column: 2 / 4;
    grid-row: 3 / 4;
}

.video-grid-three__item--image:nth-child(9) {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
}

.video-grid-three__item--image:nth-child(10) {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
}

.video-grid-three__item--quote:nth-child(11) {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
}

.video-grid-three__item--image:nth-child(12) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}

.video-grid-three__item--double:nth-child(13) {
    grid-column: 2 / 4;
    grid-row: 5 / 6;
}

.video-grid-three__item--quote {
    padding: clamp(0.625rem, 1vw, 1.25rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.video-grid-three__quote-symbol {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(5rem, 6vw, 7rem);
    color: #111;
    line-height: 1;
    display: block;
    text-align: center;
}

.video-grid-three__quote {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(1.65rem, 2vw, 2.125rem);
    color: #111;
    text-align: left;
    margin-top: clamp(-10px, -5vw, -36px);
    margin-bottom: clamp(36px, 3rem, 50px);
    margin-left: 6%;
    margin-right: 2%;
    line-height: 36px;
}

.video-grid-three__image {
    width: 100%;
    /* aspect-ratio: 4 / 5; */
    object-fit: cover;
}

.video-grid-three__image--double {
    width: 100%;
    /* aspect-ratio: 8 / 5; */
}

/* Responsive Adjustments */
@media (max-width: 768px) {

    /* Removed video-specific media queries since we’re using an image */
    /*
    .video-grid-three__video--desktop {
        display: none;
    }
    .video-grid-three__video--mobile {
        display: block;
    }
    */
    .video-grid-three__content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
        gap: clamp(0.5rem, 1vw, 1rem);
        max-width: 100%;
    }

    .video-grid-three__item--text {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .video-grid-three__item--image:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .video-grid-three__item--image:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .video-grid-three__item--image:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .video-grid-three__item--image:nth-child(5) {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }

    .video-grid-three__item--quote:nth-child(6) {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
    }

    .video-grid-three__item--image:nth-child(7) {
        grid-column: 1 / 3;
        grid-row: 5 / 6;
    }

    .video-grid-three__item--double:nth-child(8) {
        grid-column: 1 / 3;
        grid-row: 6 / 7;
    }

    .video-grid-three__item--image:nth-child(9) {
        grid-column: 1 / 2;
        grid-row: 7 / 8;
    }

    .video-grid-three__item--image:nth-child(10) {
        grid-column: 2 / 3;
        grid-row: 7 / 8;
    }

    .video-grid-three__item--quote:nth-child(11) {
        grid-column: 1 / 3;
        grid-row: 9 / 10;
        padding: 2.625rem 0.625rem 0rem 0.625rem;
    }

    .video-grid-three__item--image:nth-child(12) {
        grid-column: 1 / 3;
        grid-row: 10 / 11;
    }

    .video-grid-three__item--double:nth-child(13) {
        grid-column: 1 / 3;
        grid-row: 11 / 12;
    }

    .video-grid-three__cta-link {
        margin-bottom: 3vw;
    }
}


.discover {
    padding: clamp(1rem, 3vw, 2.5rem);
    /* Matches other sections */
    margin-bottom: 2rem;
    max-width: 100%;
}

.discover__title {
    font-family: 'Ethic Serif', serif;
    font-size: clamp(2.25rem, 4vw, 3.375rem);
    /* Matches video-grid titles */
    color: #111;
    text-align: left;
    margin-bottom: clamp(1rem, 2vw, 2rem);
}

.discover__items {
    grid-template-columns: repeat(4, 1fr);
    /* 4 columns on desktop */
    gap: clamp(0.625rem, 1vw, 1.25rem);
    /* Matches video-grid gap */
}

.discover__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: inherit;
    /* Inherit text color */
}

.discover__item:hover {
    text-decoration: none;
    /* Remove underline from <a> */
}

.discover__image {
    width: 100%;
    /* aspect-ratio: 4 / 5; */
    /* Consistent with video-grid images */
    object-fit: cover;
    margin-bottom: clamp(0.625rem, 1vw, 1.25rem);
}

.discover__item-title {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.125rem);
    /* Matches video-grid description size */
    font-weight: bold;
    color: #111;
    font-weight: 600;
    margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
}

.discover__item-desc {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.8rem, 1vw, 1rem);
    color: #333;
    text-align: left;
    margin-bottom: clamp(0.625rem, 1vw, 1.25rem);
}

.discover__cta {
    font-family: 'sofia-pro', sans-serif;
    font-size: clamp(0.8rem, 1vw, 1.1rem);
    /* Matches video-grid CTAs */
    color: #111;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    text-align: center;
    transition: color 0.3s ease;
}

.discover__item:hover .discover__cta {
    color: #555;
    /* Subtle hover effect */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .discover__items {
        grid-template-columns: repeat(2, 1fr);
        /* Stack into 1 column on mobile */
        gap: clamp(1rem, 2vw, 2rem);
        /* Larger gap for breathing room */
    }

    .discover__title {
        font-size: clamp(1.75rem, 5vw, 2.5rem);
        /* Slightly smaller on mobile */
    }

    .discover__image {
        max-width: 100%;
        /* Ensure it fits mobile screen */
    }

    .discover__item-title {
        font-size: clamp(0.875rem, 2vw, 1rem);
    }

    .discover__item-desc {
        font-size: clamp(0.75rem, 1.5vw, 0.9rem);
    }

    .discover__cta {
        font-size: clamp(0.75rem, 1.5vw, 1rem);
    }
}