:root {
    /* Typography */
    --font-family-base: 'Neue Montreal', sans-serif;
    --font-size-mobile: 12px;
    --font-size-mobile-heading: 44px;
    --font-weight-regular: 400;

    /* Heading (page titles, modal titles, artist name, etc.) */
    --font-size-heading: 70px;
    --font-weight-heading: 500;
    --letter-spacing-heading: -5.6px;
    --letter-spacing-mobile-heading: -3.4px;

    /* colors */
    --color-black: #000000;
    --color-contact-placeholder: rgba(255, 255, 255, 0.22);
    --color-gray-alternate: #E2E2E2;
    --color-gray-light: #F2F2F2;
    --color-gray-subtext: #CCCCCC;
    --color-gray-unselected: #444444;
    --color-primary-blue: #002FA7;
    --color-secondary-blue: #3388B9;
    --color-white: #FFFFFF;
    --color-white-40: rgba(255, 255, 255, 0.4);
    --color-white-80: rgba(255, 255, 255, 0.8);

    /* Breakpoints (for @media only; values in px for compatibility) */
    --bp-mobile-max: 768px;
    --bp-tablet-max: 1024px;
    --bp-tablet-min: 769px;
    --bp-desktop: 1025px;

    /* Spacing scale */
    --space-6: 6px;
    --space-8: 8px;
    --space-10: 10px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-28: 28px;
    --space-30: 30px;
    --space-40: 40px;
    --space-60: 60px;
    --space-100: 100px;

    /* Line-height */
    --line-height-heading: 60px;
    --line-height-mobile-heading: 42px;
    --line-height-mobile-body: 19px;
    --line-height-body: 22px;
    --line-height-tight: 1;
    --line-height-mid: 1.2;
    --line-height-loose: 1.6;

    /* Letter-spacing (mobile/small titles) */
    --letter-spacing-tight: -3.4px;
    --letter-spacing-tighter: -4px;

    /* Works index: content width so grid + View All align (4 cols: 400*4 + 20*3) */
    --works-gallery-content-width: 100%;
}

/* Disable hover-only UI on touch/mobile devices */
@media (hover: none), (pointer: coarse), (max-width: 768px) {

.site-header nav a,
    .site-header nav button {
font-size: var(--font-size-mobile);
    line-height: var(--line-height-mobile-body);
    }

    /* Menu overlay: keep count number visible, never swap to "( view )" */
    .menu-overlay-item:is(:hover, :active, :focus, :focus-visible),
    .menu-overlay-bottom-bar a:is(:hover, :active, :focus, :focus-visible),
    .menu-overlay-bottom-bar button:is(:hover, :active, :focus, :focus-visible),
    .menu-overlay-bottom-bar .bottom-bar-right a:is(:hover, :active, :focus, :focus-visible),
    .menu-overlay-bottom-bar .bottom-bar-right button:is(:hover, :active, :focus, :focus-visible) {
        color: var(--color-black) !important;
    }

    .menu-overlay-item-secondary:is(:hover, :active, :focus, :focus-visible) {
        color: var(--color-gray-subtext) !important;
    }

    .menu-overlay-item:is(:hover, :active, :focus, :focus-visible) .menu-overlay-count-number {
        display: inline !important;
    }

    .menu-overlay-item:is(:hover, :active, :focus, :focus-visible) .menu-overlay-count-view {
        display: none !important;
    }

    .menu-overlay-item:is(:hover, :active, :focus, :focus-visible) .menu-overlay-count {
        color: var(--color-black) !important;
    }

    .menu-overlay-item-secondary:is(:hover, :active, :focus, :focus-visible) .menu-overlay-count {
        color: var(--color-gray-subtext) !important;
    }

    /* Artists overlay: prevent hover color + hover swap, and hide hover images */
    .artists-list-item:is(:hover, :active, :focus, :focus-visible),
    .artists-overlay-top-bar nav a:is(:hover, :active, :focus, :focus-visible) {
        color: var(--color-black) !important;
    }

    .artists-list-item-secondary:is(:hover, :active, :focus, :focus-visible) {
        color: var(--color-gray-subtext) !important;
    }

    .artists-list-item:is(:hover, :active, :focus, :focus-visible) .artists-list-count {
        color: var(--color-black) !important;
    }

    .artists-list-item:is(:hover, :active, :focus, :focus-visible) .artists-list-count-number {
        visibility: visible !important;
    }

    .artists-list-item:is(:hover, :active, :focus, :focus-visible) .artists-list-count-hover {
        visibility: hidden !important;
    }

    .artists-overlay-image {
        display: none !important;
    }

    /* Exhibitions featured: disable hover overlay + image dim on mobile/touch */
    .about-section-4 .about-image:hover .about-image-overlay,
    .about-section-4 .about-image:is(:active, :focus, :focus-visible) .about-image-overlay {
        opacity: 0 !important;
    }

    .about-section-4 .about-image:hover img,
    .about-section-4 .about-image:is(:active, :focus, :focus-visible) img {
        opacity: 1 !important;
    }
}

@media (max-width: 768px) {

    /* Artists overlay: prevent any horizontal scroll on mobile */
    .artists-overlay {
        overflow-x: hidden;
    }

    .artists-overlay-content {
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden;
        width: 100%;
    }

    body, p {
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
    }

    /* Mobile menu overlay: keep label centered even when count shows */
    .menu-overlay {
        overflow-x: hidden;
    }

    .menu-overlay-menu {
        align-items: center;
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden;
        transform: translateX(-4.2px);
        width: 100%;
    }

    /* Flexible columns prevent horizontal overflow while keeping label centered */
    .menu-overlay-menu .menu-overlay-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
        align-items: flex-start;
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }

    .menu-overlay-menu .menu-overlay-text {
        grid-column: 2;
        justify-self: center;
        text-align: center;
    }

    .menu-overlay-menu .menu-overlay-count {
        grid-column: 3;
        justify-self: start;
        position: static;
        margin-left: 8px;
        min-width: 0;
        white-space: nowrap;
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
    }

    .artists-list-count,
    .works-artist-count {
        position: absolute;
        left: 100%;
        top: 0;
        margin-left: 8px;
        min-width: 0;
        white-space: nowrap;
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
    }

    .menu-overlay-text, .artists-list-text {
        font-size: var(--font-size-mobile-heading);
        font-weight: 500;
        letter-spacing: var(--letter-spacing-mobile-heading);
        line-height: var(--line-height-mobile-heading);
        text-transform: uppercase;
        text-align: center;
    }

    .artist-entry-bio {
        padding-top: 20px;
    }

    /* Hide side images in artists overlay on mobile */
    .artists-overlay-image {
        display: none !important;
    }

    .site-footer-graphic-svg {
        height: 120px;
    }

    .site-footer-nav , .copyright {
        display: none;
    }



    /* Footer: wrap subscribe form to next line */
    .site-footer-subscribe-row {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 12px;
    }

    .site-footer-subheading {
        flex: 0 0 100%;
        width: 100%;
    }

    .site-footer-form {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }

    .site-footer-input {
        min-width: 0;
        width: 50%;
        max-width: 50%;
   
    }

        .about-page,
        .exhibitions-page,
        .works-page,
        .artist-entry-page,
        .exhibition-entry-page {
        padding-top: var(--space-100);
    }

    .exhibition-entry-page .exhibitions-content {
grid-template-columns: 1fr;
    }

    .about-text, .works-available-artist, .about-description-title,
        .about-description-label,
        .about-description-date,
        .about-subtitle,
        .artist-entry-available-works,
        .works-available-item-detail-line--primary,
        .works-available-item-detail-line--secondary,
        .work-entry-description,
        .work-entry-spec-value,
        .exhibition-entry-page,
        .exhibitions-description, 
        .exhibition-entry-description-page p {
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
        text-align: left;
    }

    .about-subtitle {
        display: none;
    }

    .about-contact p {
        font-size: var(--font-size-mobile);
        line-height: 14px;
        letter-spacing: 0;
    }

    .about-text h2 {
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
        text-transform: none;
}

    /* Privacy policy page */
    .privacy-policy-page {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .privacy-policy-header {
        margin-bottom: 20px;
    }

    .privacy-policy-header .page-title {
        text-align: center;
    }

    .privacy-policy-content {
        max-width: 100%;
    }

    .privacy-policy-rte p {
        margin: 0 0 16px 0;
    }

    .privacy-policy-rte h2,
    .privacy-policy-rte h3,
    .privacy-policy-rte h4 {
        margin: 0 0 16px 0;
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
    }

    .privacy-policy-rte ul,
    .privacy-policy-rte ol {
        margin-left: 18px;
    }

    /* Terms & Conditions page */
    .terms-conditions-page {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .terms-conditions-header {
        margin-bottom: 20px;
    }

    .terms-conditions-header .page-title {
        text-align: center;
    }

    .terms-conditions-content {
        max-width: 100%;
    }

    .terms-conditions-rte p {
        margin: 0 0 16px 0;
    }

    .terms-conditions-rte h2,
    .terms-conditions-rte h3,
    .terms-conditions-rte h4 {
        margin: 0 0 16px 0;
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
    }

    .terms-conditions-rte ol ol {
        margin-left: 18px;
    }

    .terms-conditions-rte ul {
        margin-left: 18px;
    }


    .exhibitions-title-date {
        display: none;
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
    }

    .exhibition-entry-featured {
        margin-bottom: 0;
    }

    .artist-name, .page-title, .site-footer-heading, .modal-title, .exhibitions-title, .exhibitions-title-link {
        font-size: var(--font-size-mobile-heading);
        letter-spacing: var(--letter-spacing-mobile-heading);
        line-height: var(--line-height-mobile-heading);
    }

    .artist-entry-header {
        margin-bottom: 20px;
    }

    .artist-entry-page .about-section-1 {
        gap: 0px;
        grid-template-columns: 1fr;
    }

    .artist-entry-page .about-text-right {
        padding-right: 0px;
        width: 100%;
    }

    .artist-entry-page .about-text-left {
        margin-right: 0px;
        width: 100%;
        display: block;
    }

    .artist-entry-page .about-section-2 {
        display: block;

    }

    .artist-entry-page .artist-entry-about-image {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

        .artist-entry-about-image-middle,
           .artist-entry-about-image-right {
padding-left: 0;
        }

    /* Artist entry (mobile): make the 2 featured work images match grid items below */
    .artist-entry-page .about-section-2 .artist-entry-about-image {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    /* Desktop CSS sets these to fixed height; reset on mobile to avoid huge gaps */
    .artist-entry-page .about-section-2 .artist-entry-about-image-middle,
    .artist-entry-page .about-section-2 .artist-entry-about-image-right {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        flex: none;
        margin-left: 0;
        overflow: hidden;
    }

    .artist-entry-page .about-section-2 .artist-entry-about-image-middle {
        _margin-bottom: 20px;
    }

    .artist-entry-page .about-section-2 .works-gallery-item.artist-entry-featured-work {
        /* Override desktop featured-work sizing so it behaves like normal tiles */
        aspect-ratio: 1;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: none;
    }

    .artist-entry-page .about-section-2 .works-gallery-item.artist-entry-featured-work img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

        .artist-entry-about-image-middle,
        .artist-entry-about-image-right {

        _width: 100%;
        _max-width: 100%;
    }



     .artist-entry-works-gallery .works-gallery-grid {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        padding-right: 0;
        justify-content: end;
        row-gap: 20px;
    } 

        .artist-entry-available-works-wrap {
            padding-top: 20px;
        }


    .exhibitions-left {
        min-height: 180px;
    }

    .exhibitions-content {
grid-template-columns: 1fr;
        }

    .exhibitions-right {
        padding-right: 0;
        gap: 20px;
    }

    /* Exhibition entry: no paging on mobile — show continuous text, hide dots */
    .exhibition-entry-page .exhibitions-description--paged {
        display: none !important;
    }
    .exhibition-entry-page .exhibitions-description--mobile {
        display: block;
    }
    .exhibition-entry-description-pagination {
        display: none !important;
    }
    .exhibition-entry-page .exhibitions-description--mobile {
        max-width: none;
    }

    /* Exhibition entry: allow page scroll on mobile (override full-viewport lock) */
    body:has(.exhibition-entry-page) {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }
    .exhibition-entry-page {
        position: relative;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }
    .exhibition-entry-page .exhibitions-left {
        overflow: visible;
    }

    /* Exhibition entry: move description (exhibitions-right) after hero on mobile */
    .exhibition-entry-page .exhibitions-content {
        display: flex;
        flex-direction: column;
    }
    .exhibition-entry-page .exhibitions-left,
    .exhibition-entry-page .exhibition-entry-gallery-wrapper {
        display: contents;
    }
    .exhibition-entry-page .exhibition-entry-hero {
        order: 1;
    }
    .exhibition-entry-page .exhibitions-right {
        order: 2;
    }
    .exhibition-entry-page .exhibition-entry-featured {
        order: 3;
    }
    .exhibition-entry-page .exhibition-entry-gallery.works-gallery-grid {
        order: 4;
        padding-bottom: 24px;
    }

    /* Exhibition entry: don’t overlay images with text on mobile */
    .exhibition-entry-page .works-gallery-item .works-gallery-item-overlay {
        display: none !important;
    }

    /* Exhibition entry: single-column gallery grid on mobile */
    .exhibition-entry-page .exhibitions-left .exhibition-entry-gallery.works-gallery-grid {
        grid-template-columns: 1fr;
    }
    .exhibition-entry-featured {
        flex-direction: column;
    }
    .exhibition-entry-featured-left,
    .exhibition-entry-featured-right {
        height: auto;
        min-height: 200px;
        max-height: none;
    }
    .exhibition-entry-hero .exhibition-entry-hero-work {
        height: auto;
        max-height: 60vh;
    }
    .exhibition-entry-hero .exhibition-entry-hero-work img {
        height: auto;
        max-height: 60vh;
        width: 100%;
        object-fit: contain;
    }
    .exhibition-entry-page .exhibitions-left .exhibition-entry-gallery-wrapper {
        padding-bottom: 0;
    }
        
    /* About page: stack columns full-width on mobile */
    .about-page .about-section-1 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .exhibitions-title-link {
        display: inline;
    }

    .about-header {
        margin-bottom: 20px;
    }

    .about-contact {
        padding-top: 20px;
    }

   .about-image-middle, 
   .about-image-right {
    padding-top: 0;
   }

   /* work-entry-artist-related about-section about-section-2 */

    .about-page .about-section-2 {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 20px;
    }

    /* About page: in section 2 show middle image before the text on mobile */
    .about-page .about-section-2 .about-image-middle {
        order: 1;
    }

    .about-page .about-section-2 .about-text-left {
        order: 2;
    }

    .about-page .about-section-2 .about-image-right {
        order: 3;
    }

    .about-page .about-text-left,
    .about-page .about-text-right {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-right: 0;
    }

    .about-page .about-image-middle,
    .about-page .about-image-right {
        _margin-left: 0;
        _margin-right: 0;
        width: 100%;
        _max-width: 100%;
        height: auto;
        flex: none;
        align-self: stretch;
    }

   
    .about-page .about-image-middle img,
    .about-page .about-image-right img {
        height: auto;
        min-height: 0;
        
    }

    .about-page .about-section-3 .about-image-left {
        width: calc(100% + 40px);
        max-width:calc(100% + 40px);
    }

    .about-page .about-image {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .about-section-4 {
        display: block;
    }

    .about-column {
        padding-bottom: 20px;
    }

    .works-gallery {
        margin-bottom: 80px;
    }

    /* Works index: stack artist sidebar + blurb above works grid */
    .works-gallery-body--with-artist {
        grid-template-columns: 1fr;
    }

    .works-gallery-artist-image-link {
        max-width: 100%;
    }

    .works-gallery-body--with-artist .works-gallery-artist-sidebar,
    .works-gallery-body--with-artist .works-gallery-grid {
        grid-column: auto;
        grid-row: auto;
        max-width: 100%;
    }

    .work-entry-artist-about .about-image-left {
        padding-top: 0;
    }


    /* Works page gallery: one image per row on mobile */
    .works-page .works-gallery-grid {
        grid-template-columns: 1fr;
    }

    
    .works-page .works-gallery-item {
        max-width: 100%;
    }

    /* Works available: remove desktop inset/overflow behavior on mobile */
    .works-available-page .works-gallery-grid {
        box-sizing: border-box;
        margin-left: 0;
        max-width: 100%;
        padding-left: 0;
        width: 100%;
        justify-content: start;
    }

    .works-available-page .works-available-item-image {
        max-width: 100%;
        max-height: none;
    }

    .works-view-all {
        font-size: var(--font-size-mobile);
        line-height: var(--line-height-mobile-body);
        letter-spacing: 0;
        margin-top: 20px;
    }

    .works-view-all-row {
        margin-bottom: 10px;
    }

    .work-entry-artist-about .about-text-right {
        padding-right: 20px;
    }

    .about-text .about-contact {
        padding-top: 100px;
        padding-bottom: 20px;
    }

    /* --- Work Entry Page (mobile swipe gallery) --- */
    .work-entry-page {
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: visible;
        padding-top: 30px;
        position: relative;
    }

    .work-entry-container {
        display: grid;
        _gap: 30px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
        padding: 10px 0;
    }

    .work-entry-info {
        box-sizing: border-box;
        height: auto;
        order: 3;
        overflow: visible;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
        position: relative;
        max-width: 100%;
    }

    .work-entry-main-image {
        display: flex;
        flex-direction: column;
        grid-column: 1;
        height: auto;
        min-height: 400px;
        order: 1;
        padding-top: 20px;
        width: 100%;
    }

    .work-entry-main-image-scroll {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        width: 100%;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
    }

    .work-entry-main-image-scroll::-webkit-scrollbar {
        display: none;
    }

    .work-entry-main-image-strip {
        display: flex;
        flex-direction: row;
        height: auto;
        width: auto;
        transform: none;
        transition: none;
    }

    .work-entry-main-image-strip .work-entry-main-img {
        display: block;
        flex: 0 0 100%;
        height: clamp(360px, 60vh, 640px);
        left: auto;
        object-fit: cover;
        position: relative;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        top: auto;
        width: 100%;
    }

    .work-entry-gallery-pagination {
        box-sizing: border-box;
        display: flex;
        gap: 6px;
        justify-content: flex-end;
        padding: 20px;
        position: relative;
        width: 100%;
        z-index: 2;
        pointer-events: auto;
    }

    .work-entry-gallery-dot {
        height: 4px;
        padding: 0;
        width: 4px;
        background-color: rgba(0, 0, 0, 0.25);
        border: none;
        border-radius: 50%;
        cursor: pointer;
    }

    .work-entry-gallery-dot.active {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .work-entry-thumbnails {
        display: none;
        flex-direction: row;
        height: auto;
        justify-content: flex-start;
        order: 2;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
    }

    .work-entry-artist-name {
        font-size: var(--font-size-mobile-heading);
        letter-spacing: var(--letter-spacing-mobile-heading);
        line-height: var(--line-height-mobile-heading);
        text-transform: uppercase;
        left: 0;
    }

    /* Work entry: featured works full-width, square on mobile */
    .work-entry-page .about-section-2 {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
        justify-content: flex-start;
    }
    .work-entry-page .about-section-2 .about-text-left {
        width: 100%;
    }

    /* Override desktop `.works-gallery-item` sizing (400px max) in this section */
    .work-entry-page .about-section-2 .works-gallery-item.artist-entry-featured-work {
        width: 100%;
        max-width: 100%;
        max-height: none;
        aspect-ratio: 1;
    }

    .work-entry-page .about-section-2 .works-gallery-item.artist-entry-featured-work img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .work-entry-page .about-image-middle,
    .work-entry-page .about-image-right {
        margin-left: 0;
        /* Override desktop fixed-height/flex-basis about-image blocks */
        display: block;
        flex: none;
        height: auto;
        width: 100%;
        max-width: 100%;
        padding-top: 0;
    }

           .work-entry-page   .about-section-1 {

           grid-template-columns: 1fr;
           gap: 20px;
           }
           
           /* (replaced by grid rule above) */

           .work-entry-page .artist-entry-bio {
            padding-top: 0;
            padding-left: 20px;
           }

           .work-entry-page .work-entry-artist-name {
            display: block;
            position: relative;
            line-height: var(--line-height-mobile-heading);
            bottom: auto;
           }

           .work-entry-description {
            margin-bottom: 80px;
           }    

           .works-available-header {
            margin-bottom: 20px;
           }

            .work-entry-info .page-title {
            margin-bottom: 20px;
            text-transform: uppercase;
            }

           .work-entry-title-divider {
                display: block;
                height: 0;
                box-sizing: border-box;
                border: 0;
                border-top: 1px solid #f2f2f2;
                /* Full-bleed within 20px page padding (no horizontal overflow) */
                width: calc(100% + (var(--space-20) * 2));
                margin-left: calc(-1 * var(--space-20));
                margin-right: calc(-1 * var(--space-20));
                margin-top: 0;
                margin-bottom: 20px;
           }

           /* Mobile: use title divider instead of specs borders */
           .work-entry-specs {
                border-top: 1px solid #f2f2f2;
                border-bottom: 1px solid #f2f2f2;
           }

    /* Form modals and forms: full width on mobile */
    .contact-form-container,
    .enquire-form-container,
    .login-form-container,
    .projects-form-container {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
    }

    .contact-form-submit-wrapper {
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .login-form {
        width: 100%;
    }

    .login-form-row-two {
        grid-template-columns: 1fr;
    }

    .bottom-bar a,
    .bottom-bar button,
    .bottom-bar-right a,
    .bottom-bar-right button {
        color: var(--color-black);
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
    }

    .site-header-logo {
        font-size: 12px;
        font-weight: 400;
    }


}