/* ===== Responsive rules for Home, Schedule, Speaker Profile, Courses and Course Details ===== */
/* Responsive and user-preference rules moved from main.css. */
@media (prefers-reduced-motion: reduce) {
    html{
        scroll-behavior: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) *,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) *::before,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) *::after{
        transition-duration: 0.01ms !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) [data-aos]{
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Cart page responsive layout */
@media (max-width: 991.98px) {
    .cart-main.inner-page-hero::before {
        inset: 0 0 auto;
        height: clamp(28rem, 72vw, 40rem);
        background-position: center top;
        background-size: cover;
        opacity: 0.62;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 44%, rgba(0, 0, 0, 0.72) 62%, transparent 100%);
        mask-image: linear-gradient(to bottom, #000 0%, #000 44%, rgba(0, 0, 0, 0.72) 62%, transparent 100%);
    }

    .cart-main.inner-page-hero::after {
        background: linear-gradient(180deg, rgba(1, 9, 18, 0.06) 0%, rgba(1, 9, 18, 0.42) 18rem, #010912 38rem, #010912 100%);
    }

    .cart-checkout-layout {
        grid-template-columns: 1fr;
    }

    .cart-summary-column {
        position: static;
        grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr);
    }
}

@media (max-width: 767.98px) {
    .cart-main {
        padding: 8rem 0 4rem;
    }

    .cart-checkout-layout {
        gap: 1.5rem;
    }

    .cart-summary-column {
        grid-template-columns: 1fr;
    }

    .cart-page .related-courses {
        margin-top: 3.5rem;
    }
}

@media (max-width: 576px) {
    html {
        font-size: 18px;
    }

    body :is(.container, .container-fluid) {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .cart-main.inner-page-hero::before {
        height: 31rem;
        background-position: 58% top;
    }

    .cart-main.inner-page-hero::after {
        background: linear-gradient(180deg, rgba(1, 9, 18, 0.08) 0%, rgba(1, 9, 18, 0.48) 14rem, #010912 29rem, #010912 100%);
    }

    .cart-main {
        padding-top: 7rem;
    }

    .cart-heading p {
        margin-left: 1.55rem;
        font-size: 0.55rem;
    }

    .cart-heading h1 i {
        width: 2.1rem;
        height: 2.1rem;
        margin-right: 0.6rem;
        flex-basis: 2.1rem;
    }

    .cart-item {
        min-height: 6rem;
        padding: 0.6rem 2.25rem 0.6rem 0.6rem;
        grid-template-columns: 4.25rem minmax(0, 1fr);
        gap: 0.7rem;
    }

    .cart-item>img {
        width: 4.25rem;
        height: 4.1rem;
    }

    .cart-item-copy h3 {
        font-size: 0.67rem;
    }

    .cart-item-copy p {
        font-size: 0.5rem;
    }

    .cart-quantity {
        right: 0.45rem;
        bottom: 0.4rem;
    }

    .cart-quantity button,
    .cart-quantity output {
        width: 1.7rem;
    }

    .saved-course {
        grid-template-columns: 3.5rem minmax(0, 1fr) auto;
        gap: 0.6rem;
    }

    .saved-course>img {
        width: 3.5rem;
        height: 3.1rem;
    }

    .saved-course h3 {
        font-size: 0.64rem;
    }

    .cart-summary,
    .cart-includes {
        padding: 1rem;
    }

    .cart-trust-grid {
        margin-right: -1rem;
        margin-bottom: -1rem;
        margin-left: -1rem;
    }

    .cart-trust-grid small {
        font-size: 0.52rem;
    }
}

@media (max-width: 991.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) :is(.home-page, .schedule-page, .courses-page, .speaker-profile-page, .course-details-page) :is(.container, .container-fluid){
        width: 100%;
        max-width: none;
        padding-right: clamp(1.25rem, 4vw, 2.5rem);
        padding-left: clamp(1.25rem, 4vw, 2.5rem);
    }
}

@media (max-width: 991.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-main{
        padding-top: 8.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-layout{
        grid-template-columns: 1fr;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-column,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-content{
        grid-column: 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media{
        grid-row: 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-column{
        grid-row: 2;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-content{
        grid-row: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-stack{
        position: static;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts{
        grid-template-columns: 1fr;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module{
        padding-inline: clamp(0.85rem, 2vw, 1.15rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary{
        display: grid;
        grid-template-columns: 0.55rem minmax(0, 1fr) auto;
        min-height: 0;
        align-items: center;
        column-gap: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary::before{
        margin: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary>span{
        min-width: 0;
        margin-right: 0;
        line-height: 1.35;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary small,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module time{
        flex-shrink: 0;
        white-space: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module ol{
        padding: 0.9rem 0 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module li{
        align-items: flex-start;
        gap: 0.75rem;
        line-height: 1.4;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module li span{
        min-width: 0;
        align-items: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module li i{
        flex: 0 0 auto;
        margin-top: 0.2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module time{
        min-width: 3.25rem;
        text-align: right;
    }
}

@media (min-width: 460.01px) and (max-width: 991.98px) {
    .home-page .hero{
        min-height: fit-content;
    }

    .home-page .site-navbar,
.home-page .hero-content,
.home-page .event-panel{
        position: static;
    }

    .home-page .site-navbar{
        inset: auto;
    }

    .home-page .hero-content{
        z-index: auto;
    }

    .home-page .hero-content .row{
        min-height: auto !important;
        padding-bottom: 0;
    }

    .home-page .hero-copy{
        margin-top: clamp(2rem, 5vw, 3rem);
        margin-bottom: clamp(2rem, 5vw, 3rem);
    }

    .home-page .event-panel{
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
        margin: 0 var(--container-gutter) 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero.inner-page-hero::before{
        opacity: 0.58;
        background-position: center center;
        background-size: cover;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero.inner-page-hero::after{
        background: linear-gradient(180deg,
                rgba(1, 9, 18, 0.08) 0%,
                rgba(1, 9, 18, 0.34) 25%,
                rgba(1, 9, 18, 0.88) 62%,
                #010912 84%);
    }
}

@media (max-width: 767.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-hero h1{
        font-size: clamp(2rem, 6.2vw, 3rem);
        line-height: 1.06;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) #course-detail-title br{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media>img{
        min-height: 19rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-learning-grid,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-audience-grid{
        grid-template-columns: 1fr;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-section-heading{
        align-items: flex-start;
        flex-direction: column;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-instructor-profile{
        grid-template-columns: 1fr;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-instructor-profile>img{
        margin-inline: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-instructor-profile ul{
        justify-content: center;
    }

}

@media (max-width: 576px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-main{
        padding: 5rem 0 4rem;
    }

    .course-details-page .course-detail-main.inner-page-hero::before{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-container{
        display: grid;
        gap: 0;
    }

    .course-details-page :is(.course-detail-hero, .course-detail-media, .course-booking-column)[data-aos]{
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-layout{
        display: contents;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media{
        grid-column: 1;
        grid-row: 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-hero{
        grid-column: 1;
        grid-row: 2;
        margin: 0;
        padding: 1rem 0 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-column{
        grid-column: 1;
        grid-row: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-content{
        grid-column: 1;
        grid-row: 4;
        margin-top: 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses{
        grid-column: 1;
        grid-row: 5;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-mobile-badges{
        display: flex;
        margin-bottom: 0.7rem;
        align-items: center;
        gap: 0.35rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-mobile-badges span{
        padding: 0.25rem 0.75rem;
        border: 1px solid rgba(0, 151, 178, 0.32);
        border-radius: 999px;
        color: rgba(205, 220, 232, 0.68);
        background: rgba(8, 28, 44, 0.78);
        font-size: 0.75rem;
        line-height: 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-mobile-badges span:first-child{
        border-color: var(--color-cyan);
        color: #00101c;
        background: var(--color-cyan);
        font-weight: 700;
        text-transform: uppercase;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-hero h1{
        font-size: clamp(1.65rem, 8.5vw, 2.2rem);
        letter-spacing: 0;
        line-height: 1.04;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-hero>p{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-meta{
        margin-top: 0.85rem;
        align-items: center;
        flex-direction: row;
        gap: 0.75rem;
    }




    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-rating{
        display: none !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media>img{
        min-height: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media{
        width: auto;
        max-width: none;
        margin-inline: calc(50% - 50vw);
        aspect-ratio: 1.5 / 1;
        border: 0;
        border-radius: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media>img{
        position: absolute;
        inset: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-media>button{
        width: 2.75rem;
        height: 2.75rem;
        border: 1px solid rgba(255, 255, 255, 0.76);
        background: rgba(0, 151, 178, 0.7);
        box-shadow: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-stack{
        gap: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-card{
        display: grid;
        padding: 0;
        grid-template-columns: minmax(0, 1fr) 2.85rem;
        gap: 0.7rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts{
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 7rem;
        padding: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 1rem 1.15rem;
        border: 1px solid rgba(126, 152, 170, 0.28);
        border-radius: 0.65rem;
        background: rgba(2, 15, 27, 0.52);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts li{
        min-width: 0;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.3rem;
        font-size: 0.7rem;
        line-height: 1.35;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts li span{
        width: 100%;
        align-items: center;
        gap: 0.4rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts img{
        display: block;
        width: 1.15rem;
        height: 1.15rem;
        flex: 0 0 1.15rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-facts strong{
        padding-left: 1.55rem;
        font-size: 0.78rem;
        line-height: 1.3;
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-price{
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 0.65rem;
        gap: 0.55rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-price strong{
        font-size: 1.65rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-price strong::before{
        content: none;
    }





    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-price small{
        padding: 0.2rem 0.35rem;
        font-size: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-offer-timer,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-cart-button,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-status-note,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-includes,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-share-card{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-buy-button{
        grid-column: 1;
        grid-row: 3;
        min-height: 2.65rem;
        margin: 0;
        border: 0;
        border-radius: 0.45rem;
        color: #00101c;
        background: #62d3ed;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-buy-button::before{
        content: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-buy-cart-icon{
        display: block;
        width: 0.95rem;
        height: 0.95rem;
        margin-right: 0.45rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-actions{
        display: block;
        grid-column: 2;
        grid-row: 3;
        margin: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-actions button:first-child{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-actions button:last-child{
        display: flex;
        width: 100%;
        min-height: 2.65rem;
        padding: 0;
        align-items: center;
        justify-content: center;
        border-color: var(--color-cyan);
        border-radius: 0.45rem;
        color: var(--color-cyan);
        font-size: 0;
        line-height: 1;
        gap: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-actions button:last-child .gift-outline-icon{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-booking-actions button:last-child .course-save-icon{
        display: block;
        width: 1rem;
        height: 1rem;
        margin: auto;
        flex: 0 0 1rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-tabs{
        gap: 1.25rem;

    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-tabs a{
        font-size: 0.875rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-section h2,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-section-heading h2,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses>.course-detail-section-heading h2{
        font-size: 1.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-content>.course-detail-section[hidden]{
        display: none !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-slider{
        min-width: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-slider{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid:not(.swiper-wrapper){
        display: flex;
        margin: 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 14px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid:not(.swiper-wrapper)::-webkit-scrollbar{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid:not(.swiper-wrapper)>[class*="col-"]{
        width: calc((100% - 2.8px) / 1.2);
        max-width: none;
        padding: 0;
        flex: 0 0 calc((100% - 2.8px) / 1.2);
        scroll-snap-align: start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid.swiper-wrapper{
        margin: 0;
        flex-wrap: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid>[class*="col-"].swiper-slide{
        width: 100%;
        height: auto;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .related-courses-grid>[data-aos]{
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module{
        padding-inline: 0.85rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary{
        grid-template-columns: 0.5rem minmax(0, 1fr);
        align-items: flex-start;
        row-gap: 0.35rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module summary small{
        grid-column: 2;
        width: auto;
        margin-left: 0;
        gap: 0.4rem;
        font-size: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module ol{
        margin-bottom: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module li{
        gap: 0.5rem;
        font-size: 0.8125rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .curriculum-module time{
        min-width: 3rem;
        font-size: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-reviews-heading{
        align-items: flex-start;
        flex-direction: column;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-review-card{
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-review-card>img{
        width: 2.5rem;
        height: 2.5rem;
    }


    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-detail-section+.course-detail-section{
        border-top: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-hero-actions a{
        gap: 0.5rem;
    }



}



/* Keep content comfortably inset between tablet and wide desktop sizes. */
@media (min-width: 992px) and (max-width: 1300px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) :is(.home-page, .schedule-page, .courses-page, .speaker-profile-page, .course-details-page) .container{
        padding-right: clamp(2rem, 3vw, 2.5rem);
        padding-left: clamp(2rem, 3vw, 2.5rem);
    }
}

@media (max-width: 1200px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row>time,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row-featured .agenda-featured,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row .agenda-featured{
        grid-column: 1 / -1;
    }
}

/* Desktop refinements */
@media (min-width: 1400px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-copy{
        margin-left: 1.5rem;
    }
}

/* Tablet and Bootstrap navbar breakpoint */
@media (max-width: 991.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page){
        --container-gutter: clamp(1.25rem, 5vw, 3rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy .section-title{
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero{
        background-image: url("../img/backgrounds/home-hero-tablet.png?v=4");
        background-position: center top;
        background-size: cover;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar{
        min-height: 5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar .site-container{
        flex-wrap: wrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar .brand-mark{
        order: 1;
        margin-right: auto;
        margin-left: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .navbar-toggler{
        order: 2;
        margin-left: auto;
        width: 2rem;
        height: 2rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .navbar-toggler-icon{
        display: block;
        width: 1.6rem;
        height: 1.6rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .navbar-collapse{
        width: 100%;
        order: 3;
        margin-top: 0.9rem;
        padding: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: var(--radius-md);
        background: rgba(3, 20, 33, 0.97);
        box-shadow: var(--shadow-soft);
        backdrop-filter: blur(16px);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar .navbar-nav{
        align-items: stretch !important;
        gap: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar .nav-link{
        padding: 0.7rem 0.25rem !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .site-navbar .nav-link::after{
        right: auto;
        left: 0.25rem;
        width: 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .btn-register{
        display: inline-block;
        margin-top: 0.6rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-content .row{
        align-items: flex-start !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-copy{
        width: min(100%, 38rem);
        margin-top: 8.5rem;
        padding-top: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-panel{
        right: var(--container-gutter);
        bottom: 2rem;
        left: var(--container-gutter);
        width: auto;
        padding: 1.25rem;
    }

    .home-page .hero>.expertise-ticker{
        position: static;
        inset: auto;
        width: 100%;
        flex: 0 0 auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero{
        padding-top: 9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-hero-panel{
        align-items: flex-start;
        margin-right: auto;
        margin-left: unset;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-hero-actions{
        justify-content: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-controls{
        gap: 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-filter-fields{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-halls{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .tab-pane.is-hall-filtered .agenda-row{
        grid-template-columns: 1fr;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row>time{
        grid-column: 1 / -1;
        padding-top: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-card-hall{
        display: inline-flex;
        width: fit-content;
        margin-bottom: 0.7rem;
        color: var(--color-cyan);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row-featured .agenda-featured,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row .agenda-featured{
        grid-column: 1 / -1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-card{
        padding: 1.15rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile{
        padding-top: 8.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container>.row{
        flex-direction: column;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container>.row>.col-lg-9{
        display: contents;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container>.row>aside{
        order: 2;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .speaker-identity-card,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .profile-tabs,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container #speakerProfileTabContent{
        margin-inline: calc(var(--bs-gutter-x) * 0.5);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .speaker-identity-card{
        order: 1;
        margin-top: clamp(1.5rem, 4vw, 3rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .profile-tabs{
        order: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container #speakerProfileTabContent{
        order: 4;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-catalog{
        padding-top: 8.5rem;
    }

    .courses-page .courses-catalog>.courses-container{
        z-index: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter{
        --bs-offcanvas-width: min(22rem, 88vw);
        --bs-offcanvas-zindex: 1200;
        width: var(--bs-offcanvas-width);
        height: 100dvh;
        max-height: 100dvh;
        z-index: var(--bs-offcanvas-zindex);
        padding: 1.5rem;
        border-right: 1px solid rgba(0, 185, 220, 0.35);
        color: rgba(211, 225, 237, 0.72);
        background: #020e19;
        margin: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .offcanvas-backdrop{
        z-index: 1190;
        margin: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-filter-open .site-navbar{
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger-wrap{
        display: block;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger{
        width: auto;
        justify-content: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter .filter-title{
        flex: 0 0 auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-close{
        display: grid;
        width: 2.25rem;
        height: 2.25rem;
        margin-left: 0.35rem;
        padding: 0;
        place-items: center;
        border: 1px solid rgba(92, 225, 230, 0.28);
        border-radius: 50%;
        color: var(--color-white);
        background: transparent;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter .courses-filter-body{
        display: grid;
        min-height: 0;
        padding: 0;
        align-content: start;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        gap: 0.75rem;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter .courses-filter-body::-webkit-scrollbar{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter .filter-group-content{
        gap: 1rem;
    }
}

@media (max-width: 767.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-heading{
        margin-bottom: 2rem;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 20rem repeat(2, 12rem);
        min-height: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moment-card-featured{
        grid-column: 1 / -1;
        grid-row: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .experience-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .experience-banner{
        min-height: 20rem;
        padding: 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .social-section,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .faq-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .social-card{
        min-height: 8rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .faq-section .section-title{
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .faq-accordion .accordion-button{
        min-height: 3.75rem;
        padding-inline: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .faq-accordion .accordion-body{
        padding-inline: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy{
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy>.section-description br{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-details{
        width: fit-content;
        margin-inline: auto;
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-socials{
        justify-content: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-section{
        padding-top: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-heading .section-title em{
        display: block;
        margin-top: 0.3rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-map{
        height: 25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero{
        min-height: auto;
        padding: 8.5rem 0 3.5rem;
    }

    .schedule-page :is(.container, .container-fluid){
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero h1{
        font-size: clamp(2.45rem, 10.7vw, 3.35rem);
        line-height: 1.05;
        letter-spacing: 0.02em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-hero-actions{
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 0.65rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-hero-actions a{
        width: 100%;
        flex: 0 0 auto;
        min-height: 3rem;
        padding: 0.7rem 0.85rem;
        font-size: 0.68rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .full-schedule{
        padding-top: 1.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-tabs{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-tabs .nav-item{
        display: flex;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-tabs .nav-link{
        min-width: 0;
        width: 100%;
        height: 100%;
        min-height: 5.75rem;
        padding: 0.75rem 0.5rem;
        align-items: center;
        white-space: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-filter-fields{
        grid-template-columns: 1fr;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-filter-heading{
        align-items: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row{
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row>time{
        padding-top: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-card{
        min-height: 18rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-avatar{
        left: 1.15rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-avatar+.agenda-avatar{
        left: 2.85rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-card>b.agenda-speakers-double{
        padding-left: 4.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row-featured .agenda-featured,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-row .agenda-featured{
        grid-column: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .agenda-featured h2{
        max-width: 100%;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile{
        padding-top: 8rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-identity-card{
        grid-template-columns: 6.5rem minmax(0, 1fr);
        padding: 1rem;
        gap: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-photo-wrap{
        width: 6.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-socials{
        grid-column: 2;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-name-line h1{
        font-size: clamp(1.7rem, 7vw, 2.5rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-section-heading{
        align-items: flex-start;
        flex-direction: column;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .inner-content-page{
        --inner-hero-height: 28rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-hero h1{
        font-size: clamp(2.7rem, 10vw, 4.5rem);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .schedule-page .site-navbar{
        min-height: 5.5rem;
        padding-top: max(1rem, env(safe-area-inset-top));
    }

    .schedule-page .site-navbar .site-container{
        flex-wrap: wrap;
    }

    .schedule-page .brand-mark{
        order: 1;
        margin-right: auto;
        margin-left: 0;
    }

    .schedule-page .brand-mark img{
        width: 3.6rem;
        height: auto;
    }

    .schedule-page .navbar-toggler{
        order: 2;
        margin-left: auto;
        padding: 0;
        border: 0;
    }

    .schedule-page .navbar-toggler-icon{
        width: 1.65rem;
        height: 1.65rem;
    }

    .schedule-page .navbar-collapse{
        width: 100%;
        order: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero{
        display: flex;
        min-height: max(42rem, 100svh);
        padding: 10.5rem 0 5rem;
        align-items: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero>.container{
        position: static;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero.inner-page-hero::before{
        opacity: 0.52;
        background-position: center top;
        background-size: cover;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero.inner-page-hero::after{
        background: linear-gradient(180deg, rgba(1, 9, 18, 0.18) 0%, rgba(1, 9, 18, 0.7) 58%, #010912 100%);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .row{
        --bs-gutter-y: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .row>div:first-child{
        position: absolute;
        top: calc(50% - 2rem);
        right: 1.25rem;
        left: 1.25rem;
        z-index: 1;
        width: auto;
        padding: 0;
        text-align: center;
        transform: translateY(-50%);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .row>div:first-child::before{
        content: "Scientific programme preview";
        display: inline-flex;
        min-height: 1.85rem;
        margin-bottom: 1.65rem;
        padding: 0.35rem 0.95rem;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(92, 225, 230, 0.62);
        border-radius: var(--radius-pill);
        color: #5ce1e6;
        background: rgba(31, 77, 97, 0.54);
        font-size: clamp(0.58rem, 2.6vw, 0.72rem);
        font-weight: 500;
        letter-spacing: 0.16em;
        line-height: 1;
        text-transform: uppercase;
        max-width: 100%;
        white-space: normal;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero h1{
        white-space: normal;
        overflow-wrap: anywhere;
        font-size: clamp(2.35rem, 10.7vw, 3.35rem);
        line-height: 1.05;
        letter-spacing: 0.02em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero h1 br{
        display: block;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero p{
        max-width: 29rem;
        margin: 1.65rem auto 0;
        font-size: clamp(0.95rem, 4.2vw, 1.22rem);
        line-height: 1.38;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .row>div:last-child{
        position: absolute;
        right: 1.25rem;
        bottom: max(1.35rem, env(safe-area-inset-bottom));
        left: 1.25rem;
        z-index: 1;
        width: auto;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-panel{
        display: flex;
        width: 100%;
        align-items: stretch;
        gap: 1.25rem;
        margin: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-actions{
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-actions a{
        width: 100%;
        min-height: 3rem;
        padding: 0.65rem 0.55rem;
        border-color: rgba(168, 189, 204, 0.4);
        border-radius: var(--radius-pill);
        color: #d2e4ff;
        background: rgba(1, 9, 18, 0.58);
        box-shadow: none;
        font-size: clamp(0.62rem, 2.8vw, 0.75rem);
        letter-spacing: 0.1em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-actions a:last-child{
        color: #d2e4ff;
        border-color: rgba(168, 189, 204, 0.4);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-actions a i,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-page-hero .schedule-hero-actions a:last-child i{
        color: #d2e4ff;
    }

    .schedule-page .schedule-day-tabs .nav-link{
        font-size: 0.9rem;
    }

    .schedule-page .schedule-day-tabs .nav-link small{
        font-size: 0.65rem;
    }

    .schedule-page .schedule-filter-panel{
        padding: 1rem;
    }

    .schedule-page .schedule-filter-heading{
        align-items: stretch;
        flex-direction: column;
    }

    .schedule-page .schedule-filter-reset{
        align-self: flex-start;
    }

    .schedule-page .agenda-row>time{
        font-size: 0.88rem;
        font-weight: 500;
    }

    .schedule-page .agenda-card{
        min-height: 17.5rem;
        padding: 1.45rem;
        border-radius: 1rem;
    }

    .schedule-page .agenda-card>small{
        margin-bottom: 1.1rem;
        font-size: 0.82rem;
    }

    .schedule-page .agenda-card h2{
        max-width: 100%;
        font-size: clamp(1.12rem, 5vw, 1.42rem);
        line-height: 1.22;
    }

    .schedule-page .agenda-card>p{
        font-size: clamp(0.85rem, 3.8vw, 0.98rem);
        line-height: 1.5;
    }

    .schedule-page .agenda-card>b{
        min-height: 3.35rem;
        padding-left: 4rem;
        font-size: 0.9rem;
    }

    .schedule-page .agenda-card>b small{
        font-size: 0.72rem;
    }

    .schedule-page .agenda-card>b.agenda-speakers-double{
        padding-left: 6.25rem;
    }

    .schedule-page .agenda-card .agenda-badge{
        top: 1.45rem;
        right: 1.45rem;
        max-width: 58%;
        padding: 0.42rem 0.75rem;
        border: 0;
        border-radius: 0.4rem;
        font-size: clamp(0.58rem, 2.7vw, 0.7rem);
        line-height: 1.1;
        text-align: center;
        white-space: nowrap;
    }

    .schedule-page .agenda-featured{
        min-height: 21rem;
        border: 1px solid rgba(228, 191, 122, 0.55);
    }

    .schedule-page .agenda-featured .keynote-badge{
        position: static;
        width: 100%;
        max-width: none;
        margin-bottom: 1.15rem;
        padding: 0.55rem 0.75rem;
        justify-content: flex-start;
        border: 0;
        border-radius: 0.4rem;
        font-size: clamp(0.58rem, 2.7vw, 0.68rem);
        text-align: left;
        white-space: normal;
    }

    .schedule-page .agenda-featured h2{
        font-size: clamp(1.65rem, 7.2vw, 2.1rem);
        line-height: 1.08;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero{
        display: flex;
        min-height: auto;
        padding-bottom: 0;
        flex-direction: column;
        background-image: url("../img/backgrounds/home-hero-mobile.png?v=4");
        background-position: center;
        background-size: contain;
    }

    .home-page .hero>.expertise-ticker{
        padding-bottom: env(safe-area-inset-bottom);
    }

    .home-page .site-navbar{
        min-height: 5.5rem;
        padding-top: max(1rem, env(safe-area-inset-top));
    }

    .home-page .brand-mark img{
        width: 3.6rem;
        height: auto;
    }

    .home-page .navbar-toggler{
        width: 2rem;
        height: 2rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .home-page .navbar-toggler-icon{
        display: block;
        width: 1.6rem;
        height: 1.6rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-content .row{
        min-height: 0 !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-copy{
        width: min(73vw, 19rem);
        margin-top: 8.75rem;
        margin-bottom: clamp(6.5rem, 28vw, 8rem);
        margin-left: 0;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-kicker{
        margin-bottom: 0.1rem;
        font-size: clamp(0.88rem, 4vw, 1.08rem);
        letter-spacing: 0.22em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero h1{
        font-size: clamp(3rem, 15vw, 4.25rem);
        line-height: 0.86;

    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .country-title{
        justify-content: center;
        margin-top: 0.75rem;
        gap: 0.65rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .country-title span{
        width: 1.4rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .country-title b{
        font-size: 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-subtitle{
        margin-top: 0.65rem;
        font-size: clamp(0.55rem, 2.2vw, 0.7rem);
        letter-spacing: 0.1em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-panel{
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
        margin: 0 1.25rem 1.35rem;
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-panel::before{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-meta{
        display: grid;
        min-height: 10rem;
        margin-bottom: 0.65rem;
        padding: 1rem 1.25rem 1rem 3.25rem;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        border-color: rgba(213, 171, 93, 0.72);
        border-radius: 1.25rem;
        background: rgba(1, 12, 21, 0.82);
        box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(12px);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-meta::before{
        content: "\25F7\00a0\00a0\00a0 08:00 AM \2014  06:00 PM";
        grid-row: 2;
        align-self: center;
        margin-left: -1.8rem;
        color: transparent;
        background: linear-gradient(90deg, var(--color-gold-light) 0 1rem, rgba(238, 241, 246, 0.88) 1rem 100%);
        background-clip: text;
        -webkit-background-clip: text;
        font-family: var(--font-nav);
        font-size: clamp(0.9rem, 4vw, 1.1rem);
        font-weight: 400;
        letter-spacing: 0.02em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-meta::after{
        top: 2.05rem;
        bottom: 2.05rem;
        left: 1.85rem;
        background: rgba(201, 154, 75, 0.28);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .meta-item{
        width: 100%;
        align-items: center;
        justify-content: flex-start !important;
        gap: 0.75rem;
        font-size: clamp(0.82rem, 3.7vw, 1rem);
        text-align: left !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .meta-item:first-child{
        grid-row: 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .meta-item:last-child{
        grid-row: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .meta-item i{
        position: absolute;
        left: 1.35rem;
        font-size: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .meta-item:first-child i{
        color: var(--color-gold-light);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-meta .location-pin-outline{
        left: 1.4rem !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .panel-actions>div{
        width: 50%;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-action{
        min-height: 4.15rem;
        padding: 0.65rem 0.75rem;
        gap: 0.55rem;
        border-radius: 0.7rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-action>img{
        width: 1.25rem;
        height: 1.25rem;
        object-fit: contain;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-action b{
        font-size: clamp(0.7rem, 3vw, 0.86rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-action small{
        font-size: clamp(0.53rem, 2.35vw, 0.67rem);
        white-space: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .action-arrow{
        font-size: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .expertise-swiper{
        padding-block: 0.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .expertise-swiper .swiper-slide{
        gap: 1.5rem;
        padding-left: 1.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links{
        padding-block: 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links::before,
.home-page .section-title:not(.section-title--display){
        display: block;
        width: auto;
        padding-left: 3.25rem;
        color: var(--color-gold-light);
        background: linear-gradient(var(--color-gold-light), var(--color-gold-light)) left center / 2.5rem 1px no-repeat;
        font-family: "Anton", sans-serif !important;
        font-size: clamp(1.2rem, 5.3vw, 1.5rem);
        font-weight: 400 !important;
        letter-spacing: 0;
        line-height: 1.15;
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links::before{
        content: "Quick Access";
        margin: 0 1.25rem 2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links-grid.swiper-wrapper{
        margin: 0;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-links-grid>.col.swiper-slide{
        width: 100%;
        height: auto;
        padding: 0;
    }

    .home-page .section-title:not(.section-title--display){
        margin-right: 0;
        margin-left: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-link-card{
        min-height: 5.25rem;
        padding: 0.85rem 0.4rem;
        gap: 0.65rem;
        border-color: rgba(134, 151, 166, 0.22);
        border-radius: 0.45rem;
        background: linear-gradient(145deg, rgba(22, 29, 37, 0.96), rgba(12, 19, 26, 0.96));
        box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.14);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-link-card img{
        width: 1.25rem;
        height: 1.25rem;
        object-fit: contain;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-link-card>span{
        font-size: 0.82rem;
        font-weight: 500;
        letter-spacing: 0.03em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .quick-link-card small{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section{
        padding-block: 3.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .section-heading{
        text-align: left !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .section-title{
        max-width: calc(100% - 4.75rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .schedule-button{
        position: absolute;
        top: 0.15rem;
        right: 1.25rem;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        color: rgba(255, 255, 255, 0.88);
        background: transparent;
        box-shadow: none;
        font-size: 0;
        font-weight: 400;
        line-height: 1;
        isolation: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .schedule-button::before{
        content: "View all";
        font-size: 0.9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .schedule-button::after{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .schedule-button:hover,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-section .schedule-button:focus{
        color: var(--color-gold-light);
        border-color: transparent;
        background: transparent;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-tabs{
        margin-block: 1.5rem;
        gap: 0.4rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-tabs .nav-link{
        min-width: auto;
        padding: 0.55rem 0.9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-content{
        min-height: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-grid.swiper-wrapper{
        align-items: stretch;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-day-grid>.schedule-item.swiper-slide{
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-item{
        grid-template-columns: 1fr auto;
        gap: 0.5rem 1rem;
        padding: 0.9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-item time{
        grid-column: 1 / -1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-item h3{
        font-size: 0.84rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .schedule-type{
        min-width: 4rem;
        padding-inline: 0.45rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading{
        position: relative;
        margin-bottom: 2.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .section-title{
        max-width: calc(100% - 4.5rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .workshops-view-all{
        position: absolute;
        top: 0.15rem;
        right: 0;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        color: rgba(255, 255, 255, 0.88);
        background: transparent;
        box-shadow: none;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1;
        isolation: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .workshops-view-all::after{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .workshops-view-all:hover,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-heading .workshops-view-all:focus{
        color: var(--color-gold-light);
        border-color: transparent;
        background: transparent;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-grid.swiper-wrapper{
        margin: 0;
        flex-wrap: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshops-grid>[class*="col-"].swiper-slide{
        width: 100%;
        height: auto;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .workshop-card{
        padding: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-grid.swiper-wrapper{
        display: flex;
        min-height: 0;
        margin: 0;
        gap: 0;
        grid-template-columns: none;
        grid-template-rows: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-grid>.moment-card.swiper-slide{
        width: 100%;
        height: clamp(12rem, 55vw, 16rem);
        flex-shrink: 0;
        grid-column: auto;
        grid-row: auto;
    }

    .speaker-profile-page .site-navbar{
        min-height: 4.5rem;
        padding-top: max(0.75rem, env(safe-area-inset-top));
    }

    .speaker-profile-page .site-navbar .site-container{
        flex-wrap: wrap;
    }

    .speaker-profile-page .brand-mark{
        order: 1;
        margin-right: auto;
        margin-left: 0;
    }

    .speaker-profile-page .brand-mark img{
        width: 2.7rem;
        height: auto;
    }

    .speaker-profile-page .navbar-toggler{
        order: 2;
        margin-left: auto;
        padding: 0;
        border: 0;
    }

    .speaker-profile-page .navbar-toggler-icon{
        width: 1.25rem;
        height: 1.25rem;
    }

    .speaker-profile-page .navbar-collapse{
        width: 100%;
        order: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile{
        --inner-hero-height: 32rem;
        min-height: 0;
        padding: 6.25rem 0 4rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container>.row{
        --bs-gutter-x: 0;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile.inner-page-hero::before{
        height: var(--inner-hero-height);
        opacity: 0.16;
        background: url("../img/backgrounds/bento-bg.png?v=4") center 1rem / auto 30rem no-repeat;
        mix-blend-mode: color-dodge;
    }



    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile.inner-page-hero::after{
        height: var(--inner-hero-height);
        background: linear-gradient(180deg, rgba(1, 9, 18, 0.08) 0%, rgba(1, 9, 18, 0.12) 58%, #010912 100%);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .speaker-identity-card{
        width: 100%;
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-identity-card::after{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-photo-wrap{
        width: 7.5rem;
        margin-inline: auto;
        order: 1;
        padding: 0.16rem;
        border-width: 1px;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-identity-copy{
        display: contents;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-name-line{
        margin-top: 1rem;
        justify-content: center;
        order: 2;
        gap: 0.55rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-name-line h1{
        font-size: clamp(1.55rem, 7.2vw, 1.9rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-name-line span{
        padding: 0.22rem 0.42rem;
        border-radius: var(--radius-pill);
        font-size: 0.5rem;
        letter-spacing: 0.06em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-identity-copy>p{
        max-width: 20rem;
        margin: 0.5rem auto 0;
        order: 3;
        font-size: 0.72rem;
        line-height: 1.55;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-identity-copy>p i{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-socials{
        margin-top: 0.9rem;
        grid-column: auto;
        justify-content: center;
        justify-self: center;
        order: 4;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-socials a{
        width: 1.9rem;
        height: 1.9rem;
        font-size: 0.72rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts{
        display: grid;
        width: 100%;
        min-height: 3.85rem;
        margin-top: 1.25rem;
        padding: 0.55rem 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        order: 5;
        gap: 0;
        border: 1px solid rgba(126, 152, 170, 0.4);
        border-radius: 0.85rem;
        background: rgba(1, 9, 18, 0.56);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li{
        display: flex;
        min-width: 0;
        padding-inline: 0.35rem;
        justify-content: center;
        flex-direction: column;
        gap: 0.25rem;
        font-size: 0.72rem;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li+li{
        border-left: 1px solid rgba(126, 152, 170, 0.26);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts .speaker-rating{
        display: grid;
        grid-template-columns: auto auto;
        align-content: center;
        justify-content: center;
        gap: 0.2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts .speaker-rating span{
        grid-column: 1 / -1;
        margin: 0;
        font-size: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts .speaker-rating span::after{
        content: "Peer Rating";
        color: rgba(210, 228, 255, 0.58);
        font-size: 0.5rem;
        font-weight: 500;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li:nth-child(2) img{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li:nth-child(2) span{
        font-size: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li:nth-child(2) span::before{
        content: "42";
        color: var(--color-white);
        font-size: 0.78rem;
        font-weight: 800;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts li:nth-child(2)::after{
        content: "H-Index";
        color: rgba(210, 228, 255, 0.58);
        font-size: 0.5rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-facts::after{
        content: "12,450\A Citations";
        display: flex;
        padding-inline: 0.35rem;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-left: 1px solid rgba(126, 152, 170, 0.26);
        color: var(--color-white);
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1.65;
        white-space: pre;
        text-align: center;
        text-transform: uppercase;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container>.row>aside{
        width: 100%;
        margin: 1.5rem auto 0;
        padding-right: 0;
        padding-left: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-panel{
        display: flex;
        padding: 0;
        flex-direction: column;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-details{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-panel.is-expanded .speaker-bio-details{
        display: block;
        margin-top: 0.75rem;
        padding: 1rem 0.9rem;
        border: 1px solid rgba(126, 152, 170, 0.3);
        border-radius: 0.85rem;
        background: rgba(1, 9, 18, 0.72);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-panel h2{
        margin: 0;
        padding: 1.05rem 0.9rem;
        border: 1px solid rgba(126, 152, 170, 0.4);
        border-radius: 0.85rem;
        color: var(--color-cyan);
        background: rgba(1, 9, 18, 0.72);
        font-size: 1rem;
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-toggle{
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-toggle::after{
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 0.5rem;
        height: 0.5rem;
        margin: -0.2rem 0.25rem 0 1rem;
        border-right: 2px solid #a0aec0;
        border-bottom: 2px solid #a0aec0;
        transform: rotate(45deg);
        transition: transform 180ms ease;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-toggle[aria-expanded="true"]::after{
        margin-top: 0.25rem;
        transform: rotate(225deg);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-bio-toggle:focus-visible{
        outline: 2px solid var(--color-cyan);
        outline-offset: 0.35rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .speaker-profile-container .profile-tabs{
        width: 100%;
        margin: 1.5rem auto 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(126, 152, 170, 0.42);
        border-radius: 0.9rem;
        background: rgba(1, 9, 18, 0.58);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav{
        display: flex;
        width: 100%;
        gap: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-item{
        min-width: 0;
        flex: 1 1 50%;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-link{
        width: 100%;
        min-height: 2.65rem;
        padding: 0.7rem 0.5rem;
        color: #aeb8c6;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-link:hover,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-link:focus,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-link.active{
        color: #d5dde8;
        background: rgba(13, 32, 54, 0.45);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tabs .nav-link::before{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .profile-tab-desktop-label{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .lecture-image{
        aspect-ratio: 2.2 / 1;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .abstract-section .speaker-section-heading{
        align-items: stretch;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .submission-select select{
        width: 100%;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .abstract-form{
        padding: 1.25rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .submission-owner>img{
        width: 2.75rem;
        height: 2.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .abstract-submit{
        width: 100%;
    }

    .courses-page .site-navbar{
        min-height: 4rem;
        padding-top: max(0.55rem, env(safe-area-inset-top));
    }

    .courses-page .site-navbar .site-container{
        flex-wrap: wrap;
    }

    .courses-page .brand-mark{
        order: 1;
        margin-right: auto;
        margin-left: 0;
    }

    .courses-page .brand-mark img{
        width: 2.65rem;
        height: auto;
    }

    .courses-page .navbar-toggler{
        order: 2;
        margin-left: auto;
        padding: 0;
        border: 0;
    }

    .courses-page .navbar-toggler-icon{
        width: 1.15rem;
        height: 1.15rem;
    }

    .courses-page .navbar-collapse{
        width: 100%;
        order: 3;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-catalog{
        --inner-hero-height: 19rem;
        padding-top: 8.35rem;
        padding-bottom: 4rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-catalog.inner-page-hero::before{
        opacity: 0.52;
        background-position: center top;
        background-size: cover;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-catalog.inner-page-hero::after{
        background: linear-gradient(180deg, rgba(1, 9, 18, 0.12) 0%, rgba(1, 9, 18, 0.5) 52%, #010912 100%);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-hero{
        position: relative;
        z-index: 1;
        max-width: 20rem;
        margin-inline: auto;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-hero h1{
        font-size: clamp(1.75rem, 9.2vw, 2.35rem);
        line-height: 0.94;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-hero p{
        max-width: 18rem;
        margin: 0.75rem auto 0;
        color: rgba(205, 220, 232, 0.72);
        font-size: clamp(0.58rem, 2.7vw, 0.68rem);
        line-height: 1.28;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-divider{
        height: 0;
        margin: 5rem 0 1.75rem;
        background: transparent;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger-wrap{
        position: absolute;
        top: 9rem;
        right: 1rem;
        z-index: 2;
        width: 2.65rem;
        margin-top: 0;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger{
        width: 2.65rem;
        min-height: 2.65rem;
        padding: 0;
        justify-content: center;
        border-color: rgba(126, 152, 170, 0.42);
        border-radius: 0.65rem;
        color: #8ca2b6;
        background: #112840;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger span{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-filter-trigger .filter-outline-icon{
        width: 1rem;
        height: 1rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-courses>h2{
        margin-bottom: 1.15rem;
        padding-left: 2rem;
        background: linear-gradient(var(--color-gold-light), var(--color-gold-light)) left center / 1.4rem 1px no-repeat;
        font-size: clamp(0.95rem, 4.6vw, 1.15rem);
        line-height: 1.1;
        letter-spacing: 0.01em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-courses-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-courses-grid.swiper-wrapper{
        margin: 0;
        flex-wrap: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-slide.swiper-slide{
        width: 100%;
        height: auto;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card{
        display: flex;
        height: 100%;
        min-height: 20.5rem;
        padding: 0;
        flex-direction: column;
        gap: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card>img{
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 1.8 / 1;
        border-radius: 0.9rem 0.9rem 0 0;
        object-position: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card>div{
        flex: 1;
        padding: 0.9rem 0.85rem 0.85rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card small{
        font-size: 0.6rem;
        letter-spacing: 0.1em;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card h3{
        margin: 0.45rem 0 0.55rem;
        font-size: clamp(0.95rem, 4vw, 1.1rem);
        line-height: 1.2;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card p{
        margin-bottom: 0.8rem;
        font-size: 0.6rem;
        line-height: 1.45;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .featured-course-card a{
        width: 100%;
        min-height: 2.25rem;
        padding: 0.5rem 0.75rem;
        border: 0;
        border-radius: 0.55rem;
        color: #001018;
        background: #67d4ee;
        font-size: 0.62rem;
    }

    .courses-page .course-toolbar{
        position: absolute;
        top: 9rem;
        right: 4rem;
        left: 1rem;
        z-index: 2;
        display: block;
        margin: 0;
    }

    .courses-page .course-search{
        width: 100%;
    }

    .courses-page .course-search input{
        min-height: 2.65rem;
        padding: 0.7rem 0.9rem 0.7rem 2.25rem;
        border: 1px solid rgba(126, 152, 170, 0.18);
        border-radius: 0.75rem;
        background: #112840;
        font-size: 0.62rem;
    }

    .courses-page .course-search i{
        left: 0.8rem;
        color: #8ca2b6;
        font-size: 0.72rem;
    }

    .courses-page .course-sort{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-results-bar{
        display: flex;
        min-height: 2.75rem;
        margin: 1.4rem 0 1.15rem;
        padding: 0.3rem 0.2rem 0.65rem;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        border-bottom: 1px solid rgba(36, 129, 169, 0.38);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-results-bar .course-results{
        min-width: 0;
        margin: 0;
        overflow: hidden;
        color: rgba(222, 232, 240, 0.82);
        font-size: clamp(0.6rem, 2.8vw, 0.68rem);
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-results-bar .course-sort{
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: flex-end;
        gap: 0.3rem;
        color: rgba(222, 232, 240, 0.82);
        font-size: clamp(0.6rem, 2.8vw, 0.68rem);
        white-space: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-results-bar .course-sort::after{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-results-bar .course-sort select{
        width: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #e2e8f0;
        background: transparent;
        font-size: clamp(0.6rem, 2.8vw, 0.68rem);
        appearance: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-grid-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-grid.swiper-wrapper{
        margin: 0;
        flex-wrap: nowrap;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .course-grid>[data-course-card].swiper-slide{
        width: 100%;
        height: auto;
        padding: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-newsletter .courses-container{
        align-items: stretch;
        flex-direction: column;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-newsletter form{
        width: 100%;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .courses-newsletter{
        padding-block: 2.5rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section{
        padding-block: 3.75rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-heading{
        position: relative;
        margin-bottom: 2rem;
        text-align: center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-heading .section-title{
        max-width: calc(100% - 4.5rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-heading .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section .moments-button{
        position: absolute;
        top: 0.15rem;
        right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        color: rgba(255, 255, 255, 0.88);
        background: transparent;
        box-shadow: none;
        font-size: 0;
        font-weight: 400;
        line-height: 1;
        isolation: auto;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section .moments-button::before{
        content: "View all";
        font-size: 0.9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section .moments-button::after{
        display: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section .moments-button:hover,
:where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-section .moments-button:focus{
        color: var(--color-gold-light);
        border-color: transparent;
        background: transparent;
        box-shadow: none;
        transform: none;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .experience-heading .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .social-heading .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy .section-title{
        width: 100%;
        max-width: none;
        padding-left: 2.75rem;
        background: linear-gradient(var(--color-cyan), var(--color-cyan)) left center / 2rem 1px no-repeat;
        font-size: clamp(1.2rem, 5.3vw, 1.5rem);
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-copy .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-details{
        width: 100%;
        margin-inline: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .contact-socials{
        justify-content: flex-start;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-heading{
        text-align: left !important;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-heading .section-title{
        width: 100%;
        padding-left: 2.75rem;
        color: var(--color-white);
        background: linear-gradient(var(--color-cyan), var(--color-cyan)) left center / 2rem 1px no-repeat;
        font-family: "Anton", sans-serif !important;
        font-size: clamp(1.05rem, 4.7vw, 1.3rem);
        font-weight: 400 !important;
        letter-spacing: 0;
        line-height: 1.15;
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-heading .section-title em{
        display: inline;
        margin-top: 0;
        color: var(--color-cyan);
        font-weight: inherit;
        font-style: normal;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .venue-heading .section-description{
        text-align: left;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 16rem repeat(2, 10rem);
        min-height: 0;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moment-card-featured{
        grid-column: 1 / -1;
        grid-row: auto;
    }

}

@media (max-width: 399.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moments-grid{
        grid-template-columns: 1fr;
        grid-template-rows: 15rem repeat(4, 10rem);
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .moment-card-featured{
        grid-column: auto;
    }
}

@media (max-width: 374.98px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero h1{
        font-size: 3.2rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-kicker{
        font-size: 0.9rem;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .country-title b{
        letter-spacing: 0.2em;
    }
}

@media (min-width: 992px) and (max-height: 700px) {
    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .hero-copy{
        padding-top: 4rem;
        scale: 0.83;
        transform-origin: left center;
    }

    :where(body.home-page, body.schedule-page, body.speaker-profile-page, body.courses-page, body.course-details-page) .event-panel{
        bottom: calc(1.25rem + var(--expertise-ticker-height));
    }
}

/* ===== Responsive rules merged from responsive2.css: About, Speakers and Gallery ===== */
@media (min-width: 1400px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .container{
        width: min(100% - 3rem, 78rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero-content{
        max-width: 60rem;
    }
}

@media (max-width: 991.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page){
        --container-gutter: clamp(1.25rem, 5vw, 3rem);
        --section-space: clamp(3.75rem, 7vw, 5.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero{
        background-position: 55% top;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero-content{
        padding-top: 9rem;
        padding-bottom: 3rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-title{
        font-size: clamp(2.5rem, 6vw, 4.2rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-divider--left{
        flex-wrap: wrap;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-social-links{
        gap: 1.4rem;
    }

}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page){
        --section-space: clamp(3.1rem, 8vw, 4rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero-content{
        width: min(100% - 2rem, 34rem);
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero{
        min-height: 82svh;
        background-position: 51% top;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-title{
        font-size: clamp(2.2rem, 8vw, 3.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-kicker{
        margin-bottom: 1rem;
        padding: 0.34rem 0.85rem;
        font-size: 0.52rem;
        letter-spacing: 0.1em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-description{
        font-size: 0.82rem;
        line-height: 1.7;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-description br{
        display: none;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-heading,
:where(body.about-page, body.speakers-page, body.gallery-page) .leadership-heading,
:where(body.about-page, body.speakers-page, body.gallery-page) .venue-main-heading{
        margin-bottom: 2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-divider{
        gap: 0.8rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-divider--left{
        align-items: flex-start;
        flex-direction: column;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-divider--left .divider-line{
        width: 100%;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .highlight-card{
        min-height: auto;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-card{
        padding: 1.8rem 1.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .coordinates-badge{
        right: 0.75rem;
        bottom: 0.75rem;
        font-size: 0.62rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-social-links{
        justify-content: space-between;
        gap: 0.8rem;
    }

}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page){
        --section-space: clamp(2.8rem, 8vw, 3.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero{
        min-height: 76svh;
        background-position: 51% top;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero-content{
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-title{
        font-size: clamp(2rem, 10vw, 2.8rem);
        letter-spacing: -0.02em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-kicker{
        margin-bottom: 1rem;
        padding: 0.34rem 0.85rem;
        font-size: 0.52rem;
        letter-spacing: 0.1em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-description{
        font-size: 0.78rem;
        line-height: 1.65;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .directive-card,
:where(body.about-page, body.speakers-page, body.gallery-page) .highlight-card,
:where(body.about-page, body.speakers-page, body.gallery-page) .support-card,
:where(body.about-page, body.speakers-page, body.gallery-page) .archive-card{
        padding: 1.5rem 1.2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-heading,
:where(body.about-page, body.speakers-page, body.gallery-page) .venue-main-heading{
        font-size: 1.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-group{
        margin-bottom: 2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-divider{
        gap: 0.75rem;
        margin-bottom: 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-title{
        font-size: 0.75rem;
        letter-spacing: 0.08em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-card{
        padding: 1rem 0.85rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-icon{
        width: 2.75rem;
        height: 2.75rem;
        margin-bottom: 0.85rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-icon img{
        width: 1.1rem;
        height: 1.1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-name{
        font-size: 0.85rem;
        margin-bottom: 0.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-role{
        font-size: 0.7rem;
        margin-bottom: 0.2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .member-org{
        font-size: 0.68rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .highlight-title{
        font-size: 1.35rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .highlight-description{
        margin-bottom: 1.5rem;
        font-size: 0.8rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .sponsor-slots{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .sponsor-pill{
        width: 100%;
        height: 2.35rem;
        border-color: rgba(255, 255, 255, 0.05);
        border-radius: var(--radius-pill);
        background: rgba(255, 255, 255, 0.05);
        box-shadow: none;
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: none;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .avatar-stack{
        margin-bottom: 1.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .avatar-circle{
        width: 2.3rem;
        height: 2.3rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-card{
        padding: 1.5rem 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-title{
        font-size: 1.3rem;
        margin-bottom: 1.1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-address{
        margin-bottom: 1.5rem;
        font-size: 0.82rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-btn-group{
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-map-box,
:where(body.about-page, body.speakers-page, body.gallery-page) .venue-map-box iframe{
        min-height: 14rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-actions .row{
        --bs-gutter-x: 0.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-social-links{
        flex-wrap: wrap;
        justify-content: center;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-title,
:where(body.about-page, body.speakers-page, body.gallery-page) .archive-title{
        font-size: 0.9rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .archive-item{
        padding-block: 0.9rem;
        font-size: 0.82rem;
    }

}

@media (max-width: 374.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .about-title{
        font-size: 1.85rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-kicker{
        padding: 0.3rem 0.8rem;
        font-size: 0.5rem;
        letter-spacing: 0.12em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-title{
        white-space: normal;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .support-btn{
        font-size: 0.74rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .social-item{
        width: 100%;
    }
}

@media (min-width: 992px) and (max-height: 700px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .about-hero-content{
        padding-top: 6.5rem;
        padding-bottom: 2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .about-title{
        font-size: clamp(2.6rem, 5.5vw, 4rem);
    }
}

/* Speakers page */
@media (min-width: 1400px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-container{
        width: min(100% - 3rem, 76rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-visual{
        height: 23rem;
    }
}

@media (max-width: 991.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero{
        background-position: 54% top;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-content{
        padding-top: 7rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-section-bar{
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-toolbar{
        width: 100%;
        justify-content: space-between;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-search{
        width: min(24rem, 50%);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-visual{
        height: clamp(20rem, 55vw, 29rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-name-line h3{
        font-size: clamp(2.4rem, 6vw, 3.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-roster-grid,
:where(body.about-page, body.speakers-page, body.gallery-page) .session-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .session-card:last-child{
        grid-column: 1 / -1;
    }

    /* Meet speakers responsive - tablet */
    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-section .speakers-container{
        width: min(100% - 2rem, 72rem);
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-accordion{
        --meet-panel-gap: 0.55rem;
        --meet-collapsed-width: clamp(3.5rem, 5vw, 4rem);
        --meet-expanded-width: calc(100% - ((var(--meet-panel-count) - 1) * (var(--meet-collapsed-width) + var(--meet-panel-gap))));
        width: 100%;
        height: clamp(22rem, 48vw, 26rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-overlay{
        inset: 1.25rem 1.1rem auto;
    }
}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero{
        min-height: 82svh;
        background-position: 51% top;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-content{
        width: min(100% - 2rem, 34rem);
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-kicker{
        margin-bottom: 1rem;
        padding: 0.34rem 0.85rem;
        font-size: 0.52rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-title{
        font-size: clamp(2.7rem, 12vw, 4.25rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-description{
        max-width: 23rem;
        margin-top: 1rem;
        font-size: 0.76rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .featured-speakers-section{
        padding-top: 4rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .all-speakers-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .committee-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .sessions-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .roster-cta-section{
        padding-top: 1.25rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-section-bar{
        margin-bottom: 1.35rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-toolbar{
        align-items: stretch;
        flex-direction: column;
        gap: 0.85rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-search{
        width: 100%;
        height: 2.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-filters{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-filter{
        width: 100%;
        min-width: 0;
        height: 2.6rem;
        padding-inline: 0.6rem;
        font-size: 0.64rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-visual{
        height: clamp(16rem, 72vw, 24rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-name-block{
        inset: auto 1.15rem 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-name-line h3{
        font-size: clamp(2rem, 9vw, 3rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-content{
        padding: 1.25rem 1.15rem 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-content>p{
        min-height: 0;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-image{
        height: clamp(15rem, 62vw, 21rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-roster-grid{
        gap: 0.85rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-profile{
        min-height: 10.5rem;
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem 0.75rem;
        text-align: center;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-profile img{
        width: 4.5rem;
        height: 4.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .session-grid{
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .session-card,
:where(body.about-page, body.speakers-page, body.gallery-page) .session-card:last-child{
        min-height: 15rem;
        grid-column: auto;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-cta{
        padding: 2.75rem 1.25rem;
    }

    /* Meet speakers responsive - mobile */
    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-section{
        padding-top: 1.25rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-section .speakers-container{
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-nav{
        justify-content: flex-start;
        gap: 0.65rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-accordion{
        --meet-panel-gap: 0.4rem;
        --meet-collapsed-width: clamp(2.8rem, 8vw, 3.35rem);
        --meet-expanded-width: calc(100% - ((var(--meet-panel-count) - 1) * (var(--meet-collapsed-width) + var(--meet-panel-gap))));
        height: clamp(18rem, 68vw, 23rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-overlay{
        inset: 0.95rem 0.85rem auto;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-name{
        font-size: clamp(1.08rem, 4.2vw, 1.35rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-role{
        font-size: 0.58rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-nav-btn{
        width: 1.9rem;
        height: 1.9rem;
        font-size: 0.64rem;
    }
}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-container{
        width: min(100% - 1.5rem, 72rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero{
        min-height: 76svh;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-title{
        font-size: clamp(2.45rem, 13vw, 3.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-display-heading{
        font-size: clamp(1.85rem, 9vw, 2.4rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-subheading-row{
        margin-bottom: 1.2rem;
        padding-bottom: 0.7rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-subheading{
        font-size: 0.92rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-visual{
        height: clamp(15rem, 73vw, 20rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-name-line{
        gap: 0.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .keynote-name-line h3{
        font-size: clamp(1.85rem, 9.6vw, 2.55rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-schedule-link{
        align-items: flex-start;
        font-size: 0.56rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-image{
        height: clamp(13.5rem, 68vw, 18.5rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-content>p{
        min-height: 0;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-profile h3{
        font-size: 0.7rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-profile p{
        font-size: 0.56rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .session-card{
        padding: 1.35rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-cta h2{
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .roster-cta-button{
        width: 100%;
        min-width: 0;
    }

    /* Meet speakers responsive - small mobile */
    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-accordion{
        --meet-panel-gap: 0.3rem;
        --meet-collapsed-width: 2.35rem;
        --meet-expanded-width: calc(100% - ((var(--meet-panel-count) - 1) * (var(--meet-collapsed-width) + var(--meet-panel-gap))));
        height: clamp(15rem, 66vw, 19rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-overlay{
        inset: 0.7rem 0.7rem auto;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-panel-name{
        font-size: clamp(0.95rem, 3.8vw, 1.15rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-title{
        font-size: clamp(1.7rem, 7vw, 2.1rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .meet-speakers-description{
        font-size: 0.76rem;
    }
}

@media (max-width: 374.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-kicker{
        letter-spacing: 0.06em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-title{
        font-size: 2.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speaker-filter{
        font-size: 0.56rem;
        letter-spacing: 0.04em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-roster-grid{
        grid-template-columns: 1fr;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .committee-profile{
        min-height: 7.5rem;
        flex-direction: row;
        text-align: left;
    }
}

@media (min-width: 992px) and (max-height: 700px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-content{
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .speakers-hero-title{
        font-size: clamp(3rem, 5vw, 4.25rem);
    }
}

/* Gallery page */
@media (min-width: 1400px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-container{
        width: min(100% - 3rem, 76rem);
    }
}

@media (max-width: 991.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero{
        background-position: 58% center;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-content{
        padding-top: 7rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-toolbar{
        align-items: flex-start;
        flex-direction: column;
        gap: 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-search{
        width: min(24rem, 100%);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card{
        grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-card h3{
        font-size: 1.15rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-card{
        min-height: 24rem;
    }
}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero{
        min-height: 82svh;
        background-position: 64% center;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-content{
        width: min(100% - 2rem, 34rem);
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-kicker{
        margin-bottom: 0.9rem;
        min-height: 1.55rem;
        padding: 0.25rem 0.75rem;
        font-size: 0.52rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-global,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-innovation{
        font-size: clamp(2.7rem, 12vw, 4.1rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-description{
        max-width: 23rem;
        margin-top: 1rem;
        font-size: 0.76rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-actions{
        align-items: stretch;
        flex-direction: column;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-btn{
        width: 100%;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-innovations-section{
        padding-top: 4rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-directory-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-products-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-offers-section,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-floor-section{
        padding-top: 1.25rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-section-heading,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-toolbar{
        margin-bottom: 1.3rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-search{
        width: 100%;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-chip-row{
        gap: 0.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-chip{
        min-width: auto;
        padding-inline: 0.65rem;
        font-size: 0.56rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card{
        grid-template-columns: 1fr;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card-image{
        aspect-ratio: 1.5 / 1;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card-body{
        padding: 1.2rem 1rem 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card-header h3{
        font-size: 1.2rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-metrics{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        padding-top: 0;
        border-top: 0;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .product-card p{
        min-height: 0;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .offer-card{
        padding: 1.2rem 1rem 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-card{
        min-height: 21rem;
        padding: 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-overlay-card{
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-container{
        width: min(100% - 1.5rem, 72rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero{
        min-height: 76svh;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-global,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-innovation{
        font-size: clamp(2.3rem, 12.8vw, 3.4rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-display-heading{
        font-size: clamp(1.85rem, 9vw, 2.4rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-section-heading p,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-toolbar p{
        font-size: 0.68rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-chip-row{
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-chip{
        flex: 1 1 auto;
        justify-content: center;
        min-height: 2.35rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card-header,
:where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-card-top{
        gap: 0.55rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-card-header{
        align-items: flex-start;
        flex-direction: column;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .innovation-metrics{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-card h3,
:where(body.about-page, body.speakers-page, body.gallery-page) .product-card h3,
:where(body.about-page, body.speakers-page, body.gallery-page) .offer-card h3{
        font-size: 1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-tags span{
        font-size: 0.52rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-card-button,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-load-button{
        min-height: 2.7rem;
        font-size: 0.64rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .product-card-body{
        padding: 0.85rem 0.75rem 0.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-card{
        min-height: 18rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-overlay-card{
        width: 100%;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-controls{
        right: 0.55rem;
        bottom: 0.55rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .floor-plan-controls button{
        width: 1.75rem;
        height: 1.75rem;
    }
}

@media (max-width: 374.98px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-kicker{
        letter-spacing: 0.06em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-global,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-innovation{
        font-size: 2.1rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .exhibitor-card,
:where(body.about-page, body.speakers-page, body.gallery-page) .offer-card{
        padding-inline: 0.9rem;
    }
}

@media (min-width: 992px) and (max-height: 700px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-content{
        padding-top: 6rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-global,
:where(body.about-page, body.speakers-page, body.gallery-page) .gallery-hero-innovation{
        font-size: clamp(3rem, 5vw, 4.1rem);
    }
}

/* About page: mobile strategic directives carousel. */
@media (max-width: 576px) {
    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .strategic-heading-row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section{
        padding-top: 2.2rem !important;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .strategic-heading{
        display: flex;
        align-items: center;
        gap: 0.65rem;
        margin-bottom: 1.25rem;
        color: var(--color-gold);
        font-family: var(--font-display);
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 0.03em;
        line-height: 1;
        text-align: left;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-controls{
        display: flex;
        flex: 0 0 auto;
        gap: 0.15rem;
        margin-bottom: 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-controls button{
        display: grid;
        width: 1.55rem;
        height: 1.55rem;
        place-items: center;
        border: 0;
        border-radius: 0.3rem;
        background: transparent;
        color: rgba(233, 193, 118, 0.82);
        font-family: 'Helvetica Neue', sans-serif;
        font-size: 1.45rem;
        font-weight: 300;
        line-height: 1;
        transition: color 220ms ease, transform 220ms ease;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-controls button:hover,
:where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-controls button:focus-visible{
        color: var(--color-cyan);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-prev:hover,
:where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-prev:focus-visible{
        transform: translateX(-0.15rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-next:hover,
:where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-slider-next:focus-visible{
        transform: translateX(0.15rem);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .strategic-heading::before{
        width: 3rem;
        height: 1.5px;
        flex: 0 0 auto;
        background: #E9C17680;
        content: "";
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-swiper{
        display: flex;
        flex-wrap: nowrap;
        gap: 0.75rem;
        margin: 0;
        overflow-x: auto;
        padding: 0 0 0.5rem;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-swiper::-webkit-scrollbar{
        display: none;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-swiper>div{
        width: clamp(10.875rem, 72vw, 22rem);
        flex: 0 0 clamp(10.875rem, 72vw, 22rem);
        padding: 0;
        scroll-snap-align: start;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-card{
        min-height: 15rem;
        padding: 1.4rem 1.25rem;
        border: 0;
        border-radius: 0.6rem;
        background: linear-gradient(160deg, #071b2e 0%, #0a2a4b 60%, #0d477f 100%);
        box-shadow: none;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-icon{
        width: 2.55rem;
        height: 2.55rem;
        margin-bottom: 1rem;
        font-size: 0.95rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-title{
        margin-bottom: 0.8rem;
        color: var(--color-gold);
        font-size: 1rem;
        letter-spacing: 0.02em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-title--light{
        color: var(--color-white);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-text,
:where(body.about-page, body.speakers-page, body.gallery-page) .strategic-section .directive-list li{
        color: #c2cfdd;
        font-size: 0.8rem;
        line-height: 1.55;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .leadership-heading{
        display: flex;
        align-items: center;
        gap: 0.65rem;
        margin-bottom: 1.25rem;
        color: var(--color-gold);
        font-family: var(--font-display);
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: 0.03em;
        line-height: 1;
        text-align: left;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .leadership-heading::before{
        width: 3rem;
        height: 1.5px;
        flex: 0 0 auto;
        background: #E9C17680;
        content: "";
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-logistics-section .venue-main-heading{
        display: flex;
        align-items: center;
        gap: 0.65rem;
        margin-bottom: 1.75rem;
        color: var(--color-gold);
        font-family: var(--font-display);
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: 0.03em;
        line-height: 1;
        text-align: left;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .venue-logistics-section .venue-main-heading::before{
        width: 3rem;
        height: 1.5px;
        flex: 0 0 auto;
        background: #E9C17680;
        content: "";
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .leadership-heading{
        margin-bottom: 1.75rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-divider,
:where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-divider--center{
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.65rem;
        margin-bottom: 1.25rem;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-title,
:where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-title--gold{
        color: var(--color-cyan);
        font-size: 0.75rem;
        letter-spacing: 0.08em;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-divider .divider-line{
        width: 100%;
        height: 1px;
        flex: 0 0 auto;
        background: rgba(102, 213, 241, 0.2);
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-divider--center .committee-title{
        order: -1;
    }

    :where(body.about-page, body.speakers-page, body.gallery-page) .leadership-section .committee-divider--center .divider-line:first-child{
        display: none;
    }
}

/* Gallery mobile exhibitor carousel & controls */
@media (max-width: 768px) {
    :where(body.gallery-page) .exhibitor-directory-section .exhibitor-grid{
        display: flex;
        flex-wrap: nowrap;
        gap: 0.95rem;
        margin: 0 -0.5rem;
        overflow-x: auto;
        padding: 0.35rem 0.5rem 1rem;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    :where(body.gallery-page) .exhibitor-directory-section .exhibitor-grid::-webkit-scrollbar{
        display: none;
    }

    :where(body.gallery-page) .exhibitor-directory-section .exhibitor-grid>.exhibitor-item{
        width: auto;
        max-width: none;
        flex: 0 0 min(84vw, 21.5rem);
        margin-top: 0;
        padding: 0;
        scroll-snap-align: start;
    }

    :where(body.gallery-page) .gallery-toolbar{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.2rem;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
    }

    :where(body.gallery-page) .gallery-toolbar-copy{
        width: 100%;
    }

    :where(body.gallery-page) .gallery-title-row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        width: 100%;
    }

    :where(body.gallery-page) .gallery-title-row .gallery-display-heading{
        margin: 0;
        font-size: clamp(1.85rem, 8vw, 2.6rem);
        line-height: 1.05;
    }

    :where(body.gallery-page) .exhibitor-slider-controls{
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex: 0 0 auto;
    }

    :where(body.gallery-page) .exhibitor-slider-controls button{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.35rem;
        height: 2.35rem;
        padding: 0;
        border: 1px solid rgba(102, 213, 241, 0.35);
        border-radius: 50%;
        background: rgba(8, 28, 46, 0.85);
        color: var(--color-cyan);
        font-size: 0.8rem;
        box-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        cursor: pointer;
        transition: all 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    :where(body.gallery-page) .exhibitor-slider-controls button:hover,
    :where(body.gallery-page) .exhibitor-slider-controls button:focus-visible{
        border-color: var(--color-cyan);
        background: rgba(0, 151, 178, 0.3);
        color: #ffffff;
        box-shadow: 0 0 16px rgba(102, 213, 241, 0.5);
        transform: translateY(-1px);
    }

    :where(body.gallery-page) .exhibitor-slider-controls button:active{
        transform: scale(0.92);
    }

    :where(body.gallery-page) .gallery-search{
        width: 100%;
        height: 2.9rem;
        border-radius: 100vmax;
        background: rgba(6, 24, 40, 0.85);
        border-color: rgba(102, 213, 241, 0.25);
    }

    :where(body.gallery-page) .gallery-chip-row{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0.55rem;
        margin: 0 -0.5rem 1.6rem;
        padding: 0.25rem 0.5rem 0.65rem;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    :where(body.gallery-page) .gallery-chip-row::-webkit-scrollbar{
        display: none;
    }

    :where(body.gallery-page) .gallery-chip{
        flex: 0 0 auto;
        min-width: auto;
        min-height: 2.3rem;
        padding: 0.45rem 1.15rem;
        font-size: 0.68rem;
        white-space: nowrap;
        border-radius: 100vmax;
        background: rgba(8, 28, 46, 0.75);
    }

    :where(body.gallery-page) .gallery-chip.is-active{
        background: rgba(0, 151, 178, 0.22);
        border-color: var(--color-cyan);
        box-shadow: none;
    }
}

/* ===== Gallery page: comprehensive mobile polish ===== */

/* ── Tablet: 768px – 991px ── */
@media (max-width: 991.98px) and (min-width: 577px) {
    :where(body.gallery-page) .gallery-container{
        width: min(100% - 2rem, 72rem);
    }

    :where(body.gallery-page) .innovation-card-body{
        padding: 1.3rem 1.15rem 1.1rem;
    }

    :where(body.gallery-page) .innovation-card-header h3{
        font-size: 1.25rem;
    }

    :where(body.gallery-page) .innovation-card-body p{
        font-size: 0.82rem;
    }

    :where(body.gallery-page) .product-grid{
        --bs-gutter-x: 0.95rem;
        --bs-gutter-y: 0.95rem;
    }

    :where(body.gallery-page) .product-card h3{
        font-size: 0.95rem;
    }

    :where(body.gallery-page) .product-card p{
        font-size: 0.78rem;
        min-height: 0;
    }

    :where(body.gallery-page) .offers-grid{
        --bs-gutter-x: 0.95rem;
        --bs-gutter-y: 0.95rem;
    }

    :where(body.gallery-page) .offer-card h3{
        font-size: 1.05rem;
    }

    :where(body.gallery-page) .offer-card p{
        font-size: 0.82rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card{
        padding: 1.75rem 1.35rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card p{
        font-size: 0.68rem;
    }
}

/* ── Mobile ≤ 576px: products and offers Swiper sliders ── */
@media (max-width: 576px) {
    /* -- Products Swiper: the existing grid becomes a slider only on mobile -- */
    :where(body.gallery-page) .gallery-products-section .products-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.gallery-page) .gallery-products-section .product-grid.swiper-wrapper{
        flex-wrap: nowrap;
        gap: 0;
        margin: 0;
        padding: 0.25rem 0 0.75rem;
    }

    :where(body.gallery-page) .gallery-products-section .product-grid > .swiper-slide{
        width: auto;
        max-width: none;
        flex: 0 0 auto;
        margin-top: 0;
        padding: 0;
    }

    :where(body.gallery-page) .gallery-products-section .product-card{
        height: 100%;
    }

    :where(body.gallery-page) .gallery-products-section .product-card-image{
        aspect-ratio: 1.35 / 1;
    }

    /* -- Offers Swiper: the existing grid becomes a slider only on mobile -- */
    :where(body.gallery-page) .gallery-offers-section .offers-slider.swiper{
        width: 100%;
        overflow: hidden;
    }

    :where(body.gallery-page) .gallery-offers-section .offers-grid.swiper-wrapper{
        flex-wrap: nowrap;
        gap: 0;
        margin: 0;
        padding: 0.25rem 0 0.75rem;
    }

    :where(body.gallery-page) .gallery-offers-section .offers-grid > .swiper-slide{
        width: auto;
        max-width: none;
        flex: 0 0 auto;
        margin-top: 0;
        padding: 0;
    }

    :where(body.gallery-page) .gallery-offers-section .offer-card{
        height: 100%;
        min-height: 14rem;
    }

    /* -- Innovation card mobile refinements -- */
    :where(body.gallery-page) .innovation-card-header{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 0.45rem;
    }

    :where(body.gallery-page) .innovation-card-header span{
        font-size: 0.48rem;
    }

    :where(body.gallery-page) .innovation-card-body p{
        font-size: 0.82rem;
        margin: 0.7rem 0 1rem;
    }

    :where(body.gallery-page) .innovation-metrics div{
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

    :where(body.gallery-page) .innovation-metrics strong{
        font-size: 0.54rem;
    }

    :where(body.gallery-page) .innovation-metrics span{
        font-size: 0.64rem;
    }

    /* -- Section heading mobile refinements -- */
    :where(body.gallery-page) .gallery-display-heading{
        font-size: clamp(1.6rem, 8.5vw, 2.2rem);
        line-height: 1.05;
    }

    :where(body.gallery-page) .gallery-section-heading p,
    :where(body.gallery-page) .gallery-toolbar p{
        font-size: 0.65rem;
        line-height: 1.5;
    }

    /* -- Exhibitor card mobile polish -- */
    :where(body.gallery-page) .exhibitor-card{
        min-height: 13.5rem;
        padding: 1.35rem 1.2rem;
    }

    :where(body.gallery-page) .exhibitor-mark{
        width: 2.7rem;
        height: 2.7rem;
        font-size: 0.68rem;
    }

    :where(body.gallery-page) .exhibitor-booth{
        font-size: 0.48rem;
        padding: 0.18rem 0.45rem;
    }

    :where(body.gallery-page) .exhibitor-location{
        font-size: 0.66rem;
    }

    :where(body.gallery-page) .exhibitor-tags{
        margin: 0.65rem 0 1.25rem;
    }

    :where(body.gallery-page) .exhibitor-card .gallery-card-button{
        min-height: 2.35rem;
        padding: 0.6rem 0.7rem;
        font-size: 0.62rem;
        border-radius: 0.35rem;
    }

    /* -- Offer card mobile polish -- */
    :where(body.gallery-page) .offer-value{
        font-size: 0.9rem;
    }

    :where(body.gallery-page) .offer-card h3{
        font-size: 1.05rem;
    }

    :where(body.gallery-page) .offer-card p{
        font-size: 0.82rem;
        margin: 0.55rem 0 0.8rem;
    }

    :where(body.gallery-page) .offer-card small{
        font-size: 0.58rem;
    }

    :where(body.gallery-page) .offer-card .gallery-card-button{
        min-height: 2.35rem;
        font-size: 0.62rem;
    }

    /* -- Floor plan mobile -- */
    :where(body.gallery-page) .floor-plan-card{
        min-height: 17rem;
        padding: 0.85rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card{
        width: 100%;
        padding: 1.35rem 0.95rem;
        border-radius: 0.65rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card i{
        font-size: 0.95rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card h3{
        margin-top: 0.75rem;
        font-size: 0.9rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card p{
        margin: 0.6rem 0 1rem;
        font-size: 0.66rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card .gallery-btn{
        min-height: 2.55rem;
        padding: 0.7rem 1.1rem;
        font-size: 0.62rem;
    }

    :where(body.gallery-page) .floor-plan-controls{
        right: 0.45rem;
        bottom: 0.45rem;
    }

    :where(body.gallery-page) .floor-plan-controls button{
        width: 1.6rem;
        height: 1.6rem;
        font-size: 0.55rem;
    }

    /* -- Gallery search bar mobile -- */
    :where(body.gallery-page) .gallery-search{
        height: 2.85rem;
        border-radius: 0.55rem;
    }

    :where(body.gallery-page) .gallery-search input{
        font-size: 0.72rem;
    }

    /* -- Chips: ensure single-hand reach -- */
    :where(body.gallery-page) .gallery-chip{
        min-height: 2.5rem;
        font-size: 0.58rem;
    }

    /* -- Load more button -- */
    :where(body.gallery-page) .gallery-load-button{
        min-height: 2.6rem;
        padding: 0.65rem 1.6rem;
        font-size: 0.62rem;
    }

    /* -- Gallery footer section spacing -- */
    :where(body.gallery-page) .gallery-floor-section{
        padding-bottom: 1rem !important;
    }
}

/* ── Very small phones ≤ 374px ── */
@media (max-width: 374.98px) {
    :where(body.gallery-page) .gallery-hero-description{
        font-size: 0.7rem;
        max-width: 20rem;
    }

    :where(body.gallery-page) .gallery-btn{
        min-height: 2.6rem;
        padding: 0.65rem 1rem;
        font-size: 0.6rem;
    }

    :where(body.gallery-page) .innovation-card-header h3{
        font-size: 1.05rem;
    }

    :where(body.gallery-page) .innovation-card-body p{
        font-size: 0.76rem;
    }

    :where(body.gallery-page) .product-card h3{
        font-size: 0.88rem;
    }

    :where(body.gallery-page) .product-card p{
        font-size: 0.74rem;
    }

    :where(body.gallery-page) .exhibitor-card h3{
        font-size: 0.92rem;
    }

    :where(body.gallery-page) .offer-card h3{
        font-size: 0.95rem;
    }

    :where(body.gallery-page) .floor-plan-card{
        min-height: 15rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card h3{
        font-size: 0.82rem;
    }

    :where(body.gallery-page) .floor-plan-overlay-card p{
        font-size: 0.6rem;
    }

    :where(body.gallery-page) .gallery-display-heading{
        font-size: clamp(1.4rem, 8vw, 1.95rem);
    }

    :where(body.gallery-page) .gallery-chip-row{
        grid-template-columns: 1fr;
    }

    :where(body.gallery-page) .gallery-chip{
        text-align: center;
    }
}

/* ── Landscape phones ── */
@media (max-width: 991.98px) and (max-height: 500px) and (orientation: landscape) {
    :where(body.gallery-page) .gallery-hero{
        min-height: auto;
        padding: 6rem 0 3rem;
    }

    :where(body.gallery-page) .gallery-hero-content{
        padding-top: 2rem;
    }

    :where(body.gallery-page) .gallery-hero-global,
    :where(body.gallery-page) .gallery-hero-innovation{
        font-size: clamp(2rem, 5vw, 3rem);
    }

    :where(body.gallery-page) .gallery-hero-description{
        font-size: 0.72rem;
        max-width: 28rem;
    }

    :where(body.gallery-page) .gallery-hero-actions{
        flex-direction: row;
        gap: 0.75rem;
    }

    :where(body.gallery-page) .gallery-btn{
        min-height: 2.4rem;
        padding: 0.55rem 1rem;
        font-size: 0.62rem;
    }
}

/* Keep the shared navbar identical on every phone layout. */
@media (max-width: 576px) {
    body[class] .site-navbar {
        min-height: 5.5rem;
        padding-top: max(1rem, env(safe-area-inset-top));
        padding-bottom: 1rem;
    }

    body[class] .site-navbar .brand-mark img {
        width: 3.6rem;
        height: auto;
    }

    body[class] .site-navbar .navbar-toggler {
        width: 2rem;
        height: 2rem;
        padding: 0;
    }

    body[class] .site-navbar .navbar-toggler-icon {
        width: 1.65rem;
        height: 1.65rem;
    }

    body[class] .site-navbar .nav-link {
        font-size: 0.9rem;
        line-height: 1.4;
    }

    body[class] .site-navbar .btn-register {
        font-size: 0.9rem;
        line-height: 1.4;
    }

    body[class] .site-navbar .navbar-cart-link {
        width: 2.5rem;
        height: 2.5rem;
        flex-basis: 2.5rem;
        font-size: 0.85rem;
    }
}

/* Matching cart and menu controls on tablet and mobile. */
@media (max-width: 991.98px) {
    body[class] .site-navbar .navbar-cart-link--mobile,
    body[class] .site-navbar .navbar-toggler {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        padding: 0;
        place-items: center;
        border: 1px solid rgba(0, 151, 178, 0.38);
        border-radius: var(--radius-pill);
        color: rgba(248, 250, 252, 0.92);
        background-color: rgba(2, 17, 29, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0.35rem 0.9rem rgba(0, 0, 0, 0.16);
    }

    body[class] .site-navbar .navbar-cart-link--mobile {
        margin: 0 0.55rem 0 auto;
        flex-basis: 2.5rem;
        font-size: 0.9rem;
        transform: none;
    }

    body[class] .site-navbar .navbar-toggler {
        display: grid;
        margin: 0;
    }

    body[class] .site-navbar .navbar-toggler-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    body[class] .site-navbar .navbar-cart-link--mobile:hover,
    body[class] .site-navbar .navbar-cart-link--mobile:focus-visible,
    body[class] .site-navbar .navbar-cart-link--mobile.active,
    body[class] .site-navbar .navbar-toggler:hover,
    body[class] .site-navbar .navbar-toggler:focus-visible {
        border-color: var(--color-cyan);
        color: var(--color-gold-light);
        background-color: rgba(0, 151, 178, 0.14);
        box-shadow: 0 0 0 0.2rem rgba(0, 151, 178, 0.08);
    }
}

/* Keep the complete home hero visible on short portrait phones. */
@media (max-width: 576px) and (max-height: 780px) and (orientation: portrait) {
    .home-page .hero-copy {
        width: min(68vw, 15.5rem);
        margin-top: 5.5rem;
        margin-bottom: 0.65rem;
    }

    .home-page .hero-kicker {
        margin-bottom: 0.05rem;
        font-size: 0.68rem;
        letter-spacing: 0.2em;
    }

    .home-page .hero h1 {
        font-size: 2.75rem;
        line-height: 0.82;
    }

    .home-page .country-title {
        margin-top: 0.35rem;
        gap: 0.5rem;
    }

    .home-page .country-title span {
        width: 1.1rem;
    }

    .home-page .country-title b {
        font-size: 0.85rem;
        letter-spacing: 0.2em;
    }

    .home-page .hero-subtitle {
        margin-top: 0.3rem;
        font-size: 0.46rem;
        line-height: 1.25;
    }

    .home-page .event-panel {
        margin: 0 1rem 0.6rem;
    }

    .home-page .event-meta {
        min-height: 6.2rem;
        margin-bottom: 0.4rem;
        padding: 0.45rem 1rem 0.45rem 2.75rem;
        border-radius: 1rem;
    }

    .home-page .event-meta::before {
        margin-left: -1.6rem;
        font-size: 0.78rem;
    }

    .home-page .event-meta::after {
        top: 1.3rem;
        bottom: 1.3rem;
        left: 1.55rem;
    }

    .home-page .meta-item {
        gap: 0.55rem;
        font-size: 0.72rem;
    }

    .home-page .meta-item i {
        left: 1.05rem;
        font-size: 0.82rem;
    }

    .home-page .event-meta .location-pin-outline {
        left: 1.1rem !important;
        width: 0.75rem;
        height: 0.75rem;
        flex-basis: 0.75rem;
    }

    .home-page .event-action {
        min-height: 3.1rem;
        padding: 0.4rem 0.55rem;
        gap: 0.4rem;
    }

    .home-page .event-action>img {
        width: 1.05rem;
        height: 1.05rem;
    }

    .home-page .event-action b {
        font-size: 0.62rem;
    }

    .home-page .event-action small {
        font-size: 0.47rem;
    }

    .home-page .action-arrow {
        font-size: 0.62rem;
    }

    .home-page .expertise-swiper {
        padding-block: 0.45rem;
    }

    .home-page .expertise-swiper .swiper-slide {
        font-size: 0.62rem;
    }
}