/* CSS imports ------------------- */


        
            /* Forced mobile nav on all sizes ------------------- */
            @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px);
        
                @import url('/lib/g/themes/aspect/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px);
            

    
    /* Font imports ------------------- */

        @import url(/lib/webfonts/otto/stylesheet.css);
    
    

        
    /* Background colour --------------*/





    

        body.slide-nav-active #responsive_slide_nav_wrapper,
        #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field {
            background-color: #ededed !important;
        }
        body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before {
            display: none;
        }

    #header.header_transparent .dropdown-mask {
        background-color: transparent !important;
    }
    

    
    
    

    


/* Fonts----------------------------- */

    /* Main body font ------------------- */
        body,
        input, select, textarea {
                font-family: 'Gill Sans', 'Gill Sans MT', Otto, Sans-Serif;
                


        }

    /* Heading and emphasis font ------------------- */
        #logo a, #footer,
        #home_splash .content,
        .navigation ul li a,
        .link, .link a, .page_stats,
        .subheading span,
        .subheading, .subtitle, .poster, .date, .price,
        #hero_heading,
        #hero_header .title, #hero_header .subtitle,
        h1, h2, h3, h4, h5, h6,
        .fullscreen_slideshow .hero_splash_text,
        .records_list ul li .content .title, 
        .records_list ul li .content .artist,
        #cover_page_slideshow_pager,
        #mc_embed_signup input.button,
        .countdown_clock,
        #artists-browser .artists-browser-label,
        .artists-browser .artists-browser-label {
                font-family: 'Gill Sans', 'Gill Sans MT', Otto, Sans-Serif;
                


        }


    /* Navigation font ------------------- */


        #top_nav.navigation ul li a,
        #top_nav #full_nav .dropdown-btn {
                font-family: 'Gill Sans', 'Gill Sans MT', Otto, Sans-Serif;
                


        }

    
    /* User custom html-font sizing ------------------- */
    
      
        html {
            font-size: 10.0px;
        }
    
    
    /* Title - Heading spacing and transform ------------------- */
        
        
                /* Dynamically adjust font sizes so that headings and titles look larger (as lowercase appears smaller than uppercase) while the body size remains the same -------------------------- */
                
                html {
                    font-size: 14.5px;
                }
                body {
                    font-size: 1.0rem;
                    line-height: 2.48rem;
                }
        
        
        
        h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text,
        #logo a,
        .navigation ul li a,
        #slide_nav_reveal,
        #header_quick_search .inputField,
        #header_quick_search input,
        #header_quick_search select,
        #header_quick_search textarea,
        #header_quick_search #header_quicksearch_btn,
        #footer #artlogic,
        #footer #copyright,
        #footer #copyright .copyright-text,
        #footer .small-links-container,
        .page-artists h1 #artist_years,
        .page-artists h1 .artist_years,
        .event-details-wrapper .event-details span,
        .subsection-press .records_list .content .link a,
        .section-press .records_list .content .link a,
        #store_cart_widget,
        .fullscreen_slideshow .hero_splash_text,
        .fullscreen_slideshow .hero_splash_text .title,
        .fullscreen_slideshow ul li .content h2,
        .fullscreen_slideshow ul li .content h2 a,
        .fullscreen_slideshow ul li .content h2 a:visited,
        .fullscreen_slideshow ul li .content h2 a .separator,
        .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
        #image_gallery #content_module h3,
        .records_list .content h2,
        .records_list .content .subtitle,
        .records_list .content .date,
        .records_list .content .location ,
        .records_list ul li .content .title,
        .records_list ul li .content .artist,
        .feature_panels .panel_image_text_adjacent .content h2,
        .feature_list ul li .content h2,
        .feature_list ul li .content .subtitle,
        .feature_list ul li .content .date,
        .feature_list ul li .content .location,
        .full_list ul li .content h2,
        .full_list ul li .content .subtitle,
        .full_list ul li .content .date,
        .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
        .link,
        .button,
        .simple_list ul li,
        #social_links_list ul li,
        .page_stats .ps_item,
        .page_stats .ps_pages,
        #protected_path_login #container h1,
        #protected_path_login #container label,
        .subheading,
        .poster,
        .subtitle,
        .h1_subtitle,
        .location ,
        .date,
        .price,
        #fancybox-title-main .artist strong,
        #mc_embed_signup input.button,
        #home_splash .content,
        #hero_header .subtitle,
        .feature_panels .panel_hero .hero_heading .subtitle,
        #hero_header .inner,
        .feature_panels .panel_hero .hero_heading > h2,
        .feature_panels .panel_hero .hero_heading > a > h2,
        #cover_page_slideshow_pager,
        #artists-browser,
        .artists-browser ,
        .exhibition-header .h1_subtitle,
        #top_nav #full_nav .has_dropdown_items .dropdown-btn,
        #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{
                text-transform: none;
                letter-spacing: 0.09em;
        }

/* Text colours----------------------------- */


    /* Heading and emphasis text colour ------------------- */

    /* Colour None */


    /* Subheading and secondary emphasis text colour ------------------- */


    /* Body/main text colour ------------------- */



    /* Link text color ------------------- */

    

    /* Header layout ------------------- */

    
    
    

    /* Dynamically created grid layout css ------------------- */
    


 /* artfairs - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artfairs:not(.feature_list) ul li { width:50.0% }}

                            


 /* instagram - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_instagram ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_instagram ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_instagram ul li .image::after { padding-top:100.0%; }

                                


 /* artworks - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_artworks ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artworks ul li .image::after { padding-top:100.0%; }

                                


 /* default image grid - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_default_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_default_image_grid ul li .image::after { padding-top:100.0%; }

                                


 /* video - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_video:not(.feature_list) ul li { width:50.0% }}

                            


 /* default grid - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_default_grid:not(.feature_list) ul li { width:50.0% }}

                            


 /* artists - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artists:not(.feature_list) ul li { width:50.0% }}

                            


 /* video featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; }

                                


 /* artist works categories - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }}

                            
                                .records_list.grid_dynamic_layout_artist_works_categories ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; }

                                


 /* exhibitions - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions:not(.feature_list) ul li { width:50.0% }}

                            


 /* events works - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_events:not(.feature_list) ul li { width:50.0% }}

                            


 /* exhibitions installation - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:100.0%; }

                                


 /* artist installation - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_artist_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artist_installation ul li .image::after { padding-top:100.0%; }

                                


 /* blog - reading_list-------------------------------------- */


                                .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; }

                                


 /* store featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; }

                                


 /* events featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_events_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_events_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:100.0%; }

                                


 /* artwork categories landing - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) ul li { width:25.0% }}

                            


 /* events - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_events:not(.feature_list) ul li { width:50.0% }}

                            


 /* store - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_store:not(.feature_list) ul li { width:50.0% }}

                            


 /* default feature grid - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_default_feature_grid ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:100.0%; }

                                


 /* feature panels - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_feature_panels:not(.feature_list) ul li { width:50.0% }}

                            


 /* exhibitions works - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_exhibitions_works ul li .image::after { padding-top:100.0%; }

                                


 /* publications featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; }

                                


 /* press featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; }

                                


 /* news featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; }

                                


 /* artfairs featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_artfairs_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:100.0%; }

                                


 /* exhibitions featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_exhibitions_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img:first-letter { font-family:object-fit; }

                            


 /* press - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_press:not(.feature_list) ul li { width:50.0% }}

                            


 /* news - tile_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_news ul { width: calc(33.33%) }}

                                
                            .records_list.feature_list.grid_dynamic_layout_news:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_news:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_news ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                .records_list.grid_dynamic_layout_news ul li .image::after {display:none;}

                                .records_list.grid_dynamic_layout_news ul li .image > span {position: static;}

                            


 /* viewing rooms featured forthcoming - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:100.0%; }

                                


 /* search - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_search:not(.feature_list) ul li { width:50.0% }}

                            


 /* viewing rooms featured - feature_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}}

                            
                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; }

                                .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; }

                                .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; }

                            
                                    .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; }

                                


 /* viewing rooms works - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; }

                                


 /* artist works - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_artist_works ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_artist_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top:100.0%; }

                                


 /* exhibitors - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitors:not(.feature_list) ul li { width:50.0% }}

                            


 /* feature panels image grid - image_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:33.33% }}

                            
                            .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; }

                            .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static }

                        
                            .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; }

                        .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; }

                                
                                    .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:100.0%; }

                                


 /* publications - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_publications:not(.feature_list) ul li { width:50.0% }}

                            


 /* team - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_team:not(.feature_list) ul li { width:50.0% }}

                            


 /* viewing rooms - flow_list-------------------------------------- */

@media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) ul li { width:50.0% }}

                            
    
    
    /* Dynamically created artist list css ------------------- */
    .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:33.33% }
                .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:33.33% }
                .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:33.33% }
                

    /* Light and dark logo variants css ------------------- */
    #logo .logo-variant-light { content:''; background-image:url(/usr/images/preferences/frankbowlinl2.png)}
            #logo .logo-variant-dark { content:''; background-image:url(/usr/images/preferences/frankbowlingd2.png)}
            




    /* Logo text color ------------------- */

            #logo {
                background: none;
                width: 100%;
                    
                    min-width: 300.0px;
                    max-width: 500px;
            }

            
                #header #logo.user-custom-logo-image::before {
                    padding-top:9.4%;
                } 
        
        .device-highres #logo {
            background: none;
        }
        #logo a {
            background-image: url('https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1474/usr/images/preferences/frankbowlingd2.png');
            background-repeat: no-repeat;
            background-position: center center;
                background-size: contain;
        }
        .browser-msie-6 #logo a,
        .browser-msie-7 #logo a,
        .browser-msie-8 #logo a,
        .browser-msie-9 #logo a,
        .browser-msie-10 #logo a {
            background: none;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1474/usr/images/preferences/frankbowlingd2.png', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1474/usr/images/preferences/frankbowlingd2.png', sizingMethod='scale')";
        }
        #logo a {
            text-indent: -9999px;
            padding: 0;
        }
        
        

        
        


    /* Topnav text color ------------------- */

    

    /* Subnav text color ------------------- */


    /* Responsive nav text color ------------------- */

    
    /* Responsive nav active / hover text color ------------------- */
    

    /* Button text color ------------------- */

    
    
    /* Hero section image opacity ------------------- */

        
        .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before,
        .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before,
        
        .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before,
        .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before {
            background: rgba(0,0,0,0.1999999999999999555910790150) !important;
        }
        .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before,
        
        .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before {
            background: rgba(255,255,255,0.1999999999999999555910790150) !important;
        }
        

    /* don't show if opacity = 1 */
    
    /* Hero section image height ------------------- */
    ::root {
        --hero-height: 65vh
    }

    
        #hero_header > .inner, 
        body.layout-hero-header:not(.type-fullscreen) #main_content::before,
        body.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, 
        body.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before,
        body.layout-hero-header #hero_header.hero-mode-split {
            height: var(--hero-height, 65vh);

        }
        .layout-hero-header-record-data #hero_header > .inner, 
        body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before,
        body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, 
        body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before,
        body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split {
            height: var(--hero-height, 65vh);

                max-height: none;
        }
    
    /* Home page slideshow / fullscreen video ui buttons ------------------- */
    
    
    
    
    /* Hero header slideshow ui buttons ------------------- */
    
    
    
    
    /* Carousel feature panel ui buttons ------------------- */
    
    


    @media screen and (max-width:360px) {
        #logo a {
            background-image: url('https://static-assets.artlogic.net/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1474/usr/images/preferences/frankbowlingd2.png');
        }
    }

/* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */

@media screen and (min-width: 767px) {
  /* Artwork detail pages: Temporary workaround to force overflow / prevent image realignment glitch */
  #popup_content #image_gallery #content_module {
    min-height: 100.1vh !important;
  }
}


/* Client custom user CSS - entered by the client in the preferences screen ------------------- */

    /* ===================================================================
   CUSTOM CSS - FRANK BOWLING STUDIO
   =================================================================== */

:root {
  --border-subtle: 1px solid rgba(0, 0, 0, 0.2);
  --hover-lift: translateY(-2px);
}

/* ===================================================================
   HEADER & LOGO
   =================================================================== */

/* Logo and top nav on separate lines - align with page content width */
#header .inner.clearwithin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}

#header #logo {
  visibility: visible;
  align-self: flex-start;
}

#main_content {
  padding: 0;
}

#content_module,
.content_module {
  margin-bottom: 0;
}

/* Remove link styling from logo */
#logo a,
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active {
  border: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  transform: none !important;
}
/* ===================================================================
   GLOBAL STYLES
   =================================================================== */

body {
  max-width: 1200px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  line-height: 1.6;
  color: #333;
  margin: 20px auto;
  padding: 0 15px;
}

.content {
  margin-left: 0rem;
  text-align: center !important;

}

.dimensions {
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

/* ===================================================================
   NAVIGATION
   =================================================================== */

/* Hide first navigation item */
#top_nav.navigation ul li:first-child {
  display: none;
}

/* Top nav - align left */
#top_nav.navigation {
  text-align: left;
}

#top_nav.navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5rem;
}

/* Navigation link base styling */
.navigation ul li a {
  padding: 4px 0px;
  border: none;
  background: transparent;
  border-radius: 0;
}

/* Filter/group nav links */
.list_grid_control.navigation ul li a,
.news_filters_group.navigation ul li a {
  font-size: 1.25rem;
}

/* Top/sub nav links */
#top_nav.navigation ul li a,
#exhibitions_nav.navigation ul li a,
#exhibitions_years_nav.navigation ul li a,
#sub_nav.navigation ul li a {
  font-size: 1.4rem;
}

/* Active navigation state - white background, black text, bottom border only */
#top_nav.navigation ul li.active a,
#exhibitions_nav.navigation ul li.active a,
#exhibitions_years_nav.navigation ul li.active a,
#sub_nav.navigation ul li.active a {
  background: #fff;
  color: #000;
  border-bottom: var(--border-subtle);
}

/* Navigation link hover - bottom border */
#top_nav.navigation ul li a:hover,
#exhibitions_nav.navigation ul li a:hover,
#exhibitions_years_nav.navigation ul li a:hover,
#sub_nav.navigation ul li a:hover {
  border-bottom: var(--border-subtle);
}

/* Sub navigation, exhibitions nav, and filter groups */
#sub_nav.navigation ul li,
#exhibitions_nav.navigation ul li,
.list_grid_control.navigation ul li,
.news_filters_group.navigation ul li {
  font-size: 1.25rem;
  margin: 0.2rem;
}

/* Heading wrapper - align left */
.heading_wrapper {
  display: flex;
  justify-content: flex-start;
}

/* News header – space above and centre h1 */
.news-header.heading_wrapper {
  margin-top: 1.5rem;
  justify-content: center;
  width:100%;
}

.subsection-news-record {
  width: 75%;
  margin: auto;
}

/* News header with subtitle: stack title and subtitle on top of each other */
.news-header.heading_wrapper:has(h1.has_subtitle) {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
}

.news-header.heading_wrapper:has(h1.has_subtitle) h1 {
  margin: 0;
}

.news-header.heading_wrapper:has(h1.has_subtitle) .subtitle {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.9;
}

/* ===================================================================
   NEWS PAGES (email newsletter style) – news-content, news-section, news-text, news-image
   =================================================================== */

.news-content {
  margin-left: 0rem;
  text-align: center !important;
}

.news-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
  align-items: stretch;
}

.news-section img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

@media (min-width: 769px) {
  .news-section img {
    height: 100%;
    max-height: none;
  }
}

.news-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  line-height: 1.6;
}

.news-text p {
  margin: 0 0 1.2rem;
  font-size: 1rem;
  color: #222;
}

.news-text p:last-child {
  margin-bottom: 0;
}

.news-section a {
  transition: all 0.15s ease-in-out;
}

.news-section a:hover {
  transform: translateY(-1px);
}

.news-section a:visited {
  opacity: 0.9;
}

.news-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.news-image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  object-position: top;
  display: block;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .news-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
  }

  .news-text {
    order: 2;
  }

  .news-section img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
  }

  .news-section:first-child img {
    object-position: top;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .news-section {
    gap: 1.5rem;
    align-items: center;
  }
}

.news-section:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 2rem;
}

/* ===================================================================
   ARTWORK PAGE SUB-NAVIGATION (Responsive)
   =================================================================== */

/* Enable wrapping for artwork sub-nav */
.heading_wrapper.cascading-page-header #sub_nav.navigation ul.ul_top {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Mobile: nav bar font-size must not go below 1.2rem */
@media (max-width: 768px) {
  #top_nav.navigation ul li a,
  #top_nav.navigation ul li.active a,
  #exhibitions_nav.navigation ul li a,
  #exhibitions_nav.navigation ul li.active a,
  #exhibitions_years_nav.navigation ul li a,
  #exhibitions_years_nav.navigation ul li.active a,
  #sub_nav.navigation ul li a,
  #sub_nav.navigation ul li.active a {
    font-size: 1.2rem;
  }

  .heading_wrapper.cascading-page-header #sub_nav.navigation ul.ul_top li {
    font-size: 1.2rem;
    margin: 0.1rem;
  }

  .heading_wrapper.cascading-page-header #sub_nav.navigation ul.ul_top li a {
    font-size: 1.2rem;
    padding: 3px 6px;
  }
}

/* Smaller mobile: keep nav font-size at 1.2rem minimum */
@media (max-width: 480px) {
  .heading_wrapper.cascading-page-header #sub_nav.navigation ul.ul_top li {
    font-size: 1.2rem;
    margin: 0.05rem;
  }

  .heading_wrapper.cascading-page-header #sub_nav.navigation ul.ul_top li a {
    font-size: 1.2rem;
    padding: 2px 4px;
  }
}

/* ===================================================================
   EXHIBITIONS PAGE NAVIGATION (Centered Layout)
   =================================================================== */

/* Exhibition list page header (Title left, navs stacked right) */
.heading_wrapper.exhibition-list-header {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: start;
  width: 100%;
}

.heading_wrapper.exhibition-list-header h1 {
  margin: 0;
  grid-column: 1;
  grid-row: 1 / 3; /* Span both rows */
  align-self: center;
}

/* Current/Forthcoming/Past nav - top left */
#exhibitions_nav.navigation {
  float: none;
  text-align: left;
  margin: 0;
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
}

#exhibitions_nav.navigation .inner {
  display: inline-block;
}

#exhibitions_nav.navigation ul {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}

/* Years filter container - bottom left */
.heading_wrapper.exhibition-list-header .exhibitions_list_filters {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
}

/* Years nav (2025/2024/2023) - aligned left */
#exhibitions_years_nav.navigation {
  float: none;
  text-align: left;
  margin: 0;
}

#exhibitions_years_nav.navigation ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Exhibition title link reset */
.exhibition-header.heading_wrapper > a,
.exhibition-header.heading_wrapper > a:hover,
.exhibition-header.heading_wrapper > a:visited {
  background: none;
  border: none;
  border-radius: 0;
  transition: none;
  margin-top: 10px;
  transform: none;
  opacity: 1;
}

/* Exhibition detail header (title/date stacked left, nav right) */
.exhibition-header.heading_wrapper {
  display: grid;
  grid-template-columns: minmax(0, 100%) auto;
  align-items: start;
  gap: 1rem;
  width: 100%;
}

/* Stack title, status, and date on the left */
.exhibition-header.heading_wrapper > a,
.exhibition-header.heading_wrapper > #exhibition-status-current,
.exhibition-header.heading_wrapper > .subtitle {
  grid-column: 1;
}

/* Title link */
.exhibition-header.heading_wrapper > a {
  grid-row: 1;
}

/* Date/location */
.exhibition-header.heading_wrapper > .subtitle {
  grid-row: 2;
  float: none;
  margin: 0;
}

/* Hide the .clear div so it doesn't break grid */
.exhibition-header.heading_wrapper > .clear {
  display: none;
}

/* Overview/Works sub-nav - aligned left, top */
#sub_nav.navigation {
  grid-column: 2;
  grid-row: 1 / 3;
  float: none;
  margin: 0;
  align-self: start;
}

#sub_nav.navigation ul {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}

/* Exhibition detail header - mobile: single column, nav below date */
@media (max-width: 768px) {
  .exhibition-header.heading_wrapper {
    grid-template-columns: 1fr;
  }

  .exhibition-header.heading_wrapper #sub_nav.navigation {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0.5rem;
  }

  .exhibition-header.heading_wrapper #sub_nav.navigation ul {
    flex-wrap: wrap;
  }
}

/* ===================================================================
   BUTTONS
   =================================================================== */

.cms_button {
  background: #e8e8e8;
  color: #2a2a2a;
  border: none;
  padding: 12px 28px;
  font-size: 15px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0s ease;
}

.cms_button:hover {
  transform: var(--hover-lift);
}

.cms_button:active {
  transform: translateY(1px);
}

/* ===================================================================
   LINKS
   =================================================================== */

/* Base link styling */
a {
  color: inherit;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
  transition: all 0s ease;
}

a:hover {
  border-bottom-color: rgba(0, 0, 0, 0.3);
  transform: var(--hover-lift);
}

a:visited {
  border-bottom-color: rgba(0, 0, 0, 0.15);
  opacity: 0.8;
  transition: all 0s;
}

a:visited:hover {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  opacity: 1;
  transform: var(--hover-lift);
  transition: none;
}

a:active {
  transform: translateY(1px);
}

/* Link modifiers */
a.no-link {
  background: rgba(0, 0, 0, 0);
}

/* Exhibition image links - remove global anchor styling */
.image a,
.restricted-image-container a,
.image.restricted-image-container a,
.image a:hover,
.restricted-image-container a:hover,
.image.restricted-image-container a:hover,
.image a:visited,
.restricted-image-container a:visited,
.image.restricted-image-container a:visited,
.image a:visited:hover,
.restricted-image-container a:visited:hover,
.image.restricted-image-container a:visited:hover,
.image a:active,
.restricted-image-container a:active,
.image.restricted-image-container a:active {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Active nav tab (alternate selector) */
a.top.active {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
  border-bottom: var(--border-subtle) !important;
  border-radius: 0;
}

/* ===================================================================
   BIOGRAPHY SECTION
   =================================================================== */

.biography-container {
  margin: 0 auto;
  padding: 0 1rem; /* Small side padding for narrow screens */
}

.bio-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-bottom: 1rem;
}

/* CV and Bibliography download buttons at top of about pages */
.bio-head-dl {
  text-align: right;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bio-head-dl .cms_button {
  white-space: nowrap;
}

/* Bottom CV/Bibliography block - mobile only (hidden on desktop) */
.bio-dl-bottom {
  display: none;
}

.bio-dl-bottom .cms_button {
  white-space: nowrap;
}

.bio-section {
  display: grid;
  grid-template-columns: 6fr 3fr;
  gap: 2rem;
  margin-bottom: 3rem;
  align-items: stretch;
}

/* Full width biography section */
.bio-section.bio-full {
  grid-template-columns: 1fr;
}

/* Reversed layout for biography sections */
.bio-section.reverse {
  direction: rtl;
}

.bio-section.reverse .bio-text,
.bio-section.reverse img {
  direction: ltr;
}

/* Centre image vertically within its column */
.bio-image-wrap {
  display: flex;
  align-items: center;
}

/* Biography images */
.bio-section img {
  width: 100%;
  height: auto;
  max-height: 350px; /* Allow for variability while preserving layout */
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

/* Third biography section (Serpentine catalogue): smaller max height */
.biography-container .bio-section:nth-child(3) img {
  max-height: 250px;
  object-position: top; /* align crop from the top */
  vertical-align: middle;
}

/* Desktop: image fills cell, object-fit cover */
@media (min-width: 769px) {
  .bio-image-wrap {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .bio-section img {
    height: 100%;
    max-height: none;
  }
}

/* Biography text */
.bio-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  line-height: 1.6;
}

.bio-text p {
  margin: 0 0 1.2rem;
  font-size: 1rem;
  color: #222; /* Softer than true black for better readability */
}

.bio-text p:last-child {
  margin-bottom: 0;
}

/* Biography link styling */
.bio-section a {
  transition: all 0.15s ease-in-out;
}

.bio-section a:hover {
  transform: translateY(-1px);  /* only difference: -1px vs -2px */
}

.bio-section a:visited {
  opacity: 0.9;  /* only difference: 0.9 vs 0.8 */
}

/* Biography responsive adjustments */
@media (max-width: 768px) {
  /* Hide top CV/Bibliography on mobile so they don't fall out of place */
  .bio-head-dl {
    display: none;
  }

  /* Show bottom CV/Bibliography on mobile only */
  .bio-dl-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin: 2rem 0 1.5rem;
    padding: 0 1rem;
  }

  .bio-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    justify-content: center; /* horizontal centring */
    align-items: center; /* vertical centring */
  }

  .bio-text {
    order: 2; /* Ensures text follows image on mobile */
  }

  /* Square crop for stacked image-on-text layout */
  .bio-image-wrap {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
  }

  .bio-section img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
  }

  .bio-section:first-child img {
    object-position: top;
  }
}

/* Medium screen refinements */
@media (min-width: 769px) and (max-width: 1024px) {
  .bio-section {
    gap: 1.5rem;
    align-items: center; /* vertical centring */
  }
}

/* Biography section divider */
.bio-section:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 2rem;
}

/* ===================================================================
   TIMELINE
   =================================================================== */

.timeline {
  position: relative;
  padding: 20px 0;
}

.timeline-item:last-child {
  margin-bottom: 0;
}

/* Timeline vertical line */
.timeline::before {
  content: '';
  position: absolute;
  left: 9%;
  top: 28px;
  height: calc(100% - 56px);  /* 28px top + 28px bottom = 56px removed */
  width: 2px;
  background: #ddd;
  transform: translateX(-50%);
}

.timeline-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}

/* Timeline marker dots */
.timeline-item::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #2c3e50;
  border-radius: 20%;
  top: 8px;
  left: 9%;
  transform: translateX(-50%);
  z-index: 1;
}

.timeline-date {
  width: 80px;
  text-align: right;
  font-weight: bold;
  color: #000000;
  font-size: 1.1em;
  position: sticky;
  top: 20px;
  align-self: flex-start;
}

.timeline-content {
  width: 80%;
  padding: 15px 20px;
  background: #f9f9f9;
  border-left: 3px solid #000000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.timeline-content h3 {
  margin-top: 0;
  color: #3498db;
  font-size: 1.05em;
}

.timeline-content p {
  margin-bottom: 5px;
}

.timeline-image {
  display: block;
  max-height: 250px;
  max-width: 100%;
  height: auto;
  margin: auto;
}

/* Timeline album overlay */
.timeline-album-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.timeline-album-overlay a {
  color: white;
}

.timeline-album-left:hover .timeline-album-overlay,
.timeline-album-right:hover .timeline-album-overlay {
  opacity: 1;
}

.timeline-album {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 15px;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.timeline-album-left,
.timeline-album-right {
  width: calc(50% - 2.5em);
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.artwork-title {
  font-style: italic;
}

/* Mapping catalogue section (Public Collections) */
.mapping-catalogue-section {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
  align-items: center;
  margin-bottom: 1rem;
}

.mapping-catalogue-image img {
  max-width: 100%;
  width: 300px;
  height: auto;
  display: block;
}

.mapping-catalogue-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  text-align: center;
}

.mapping-catalogue-right .mapping-catalogue-text {
  max-width: 100%;
}

.mapping-catalogue-text p {
  margin: 0 0 1rem;
  font-size: 14.5px;
  line-height: 1.6;
  color: #222;
}

.mapping-catalogue-text p:last-child {
  margin-bottom: 0;
}

.mapping-catalogue-caption {
  margin: 1rem 0 0 0;
  font-size: 10px;
  line-height: 1.5;
  color: #5a5a5a;
  text-align: left;
}

/* Caption overrides to avoid .resource-text p specificity */
.public-collections-page .resource-image .mapping-catalogue-caption,
.public-collections-page .resource-text .mapping-catalogue-caption.resource-caption-mobile {
  margin: 1rem 0 0 0;
  font-size: 10px;
  line-height: 1.5;
  color: #5a5a5a;
  text-align: left;
}

.public-collections-page .resource-caption-mobile {
  display: none;
}

.mapping-catalogue-actions {
  text-align: center;
}

@media (max-width: 768px) {
  .mapping-catalogue-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .mapping-catalogue-image img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

/* Timeline responsive */
@media (max-width: 768px) {
  .timeline::before {
    left: 2.5%;
    transform: translateX(0);
  }

  .timeline-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .timeline-item::after {
    left: 2%;
    transform: translateX(0);
  }

  .timeline-date {
    width: 80%;
    text-align: left;
    padding-left: 30px;
    padding-right: 0;
    margin-bottom: 5px;
    position: static;
  }

  .timeline-content {
    width: 85%;
    margin-left: 30px;
    border-left: none;
    border-top: 3px solid #000000;
  }

  .timeline-album-left,
  .timeline-album-right {
    width: 100%;
  }

  .timeline-image {
    display: block;
    max-height: 30vh;
    max-width: 100%;
    height: auto;
    margin: auto;
  }
}

/* Timeline: prevent year overlapping dot between 769px–1050px */
@media (min-width: 769px) and (max-width: 1100px) {
  .timeline-date {
    width: 100px;
    margin-left: -45px;
    box-sizing: border-box;
  }
  .timeline-content {
    width: 77%;
  }
}

/* ===================================================================
   HOVER PREVIEW
   =================================================================== */

.hover-link {
  position: relative;
  display: inline-block;
  color: #0056b3;
  text-decoration: none;
}

/* Start hidden and fully removed from layout */
.hover-link .hover-image {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  display: none;
  pointer-events: none;
  z-index: 1000;
}

.hover-link:hover .hover-image {
  display: block;
}

.hover-link .hover-image img {
  width: auto;
  max-width: 600px;
  height: auto;
}

/* ===================================================================
   FEATURE PANELS
   =================================================================== */

.feature-panels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin: 2rem 0;
  width: 100%;
  justify-items: center;
}

.feature-panel {
  text-decoration: none;
  color: inherit;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  border-bottom: none;
  transition: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}

.feature-panel img {
  width: 100%;
  max-width: 20rem;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  object-fit: cover;
  display: block;
}

.feature-panel-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* Decade overlay appears on hover */
.feature-panel:hover .feature-panel-overlay {
  opacity: 1;
}

.feature-panel:hover {
  background: rgba(0, 0, 0, 0);
  border-bottom: none;
  transform: none;
}

.feature-panel-overlay .fp_title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}

.feature-panel-overlay .subtitle {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
}

/* Feature panels responsive */
@media (max-width: 1024px) {
  .feature-panels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .feature-panels {
    grid-template-columns: 1fr;
  }

  .feature-panel {
    text-align: center;
    max-width: 100%;
  }

  .feature-panel img {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .feature-panel-overlay .fp_title {
    font-size: 1.2rem;
  }
}

/* ===================================================================
   FEATURE PANELS - HOME (3 columns, 2 rows)
   =================================================================== */

.feature_panels_inner > ul > li {
  margin: 0;
}

.feature-panels.home-panels {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
}

.feature-panels.home-panels .feature-panel {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: inherit;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  padding: 0;
  transition: transform 0.2s ease, border-bottom 0.2s ease;
}

/* Cover link pattern (used by home feature panels and film cards) */
.feature-panels.home-panels .feature-panel-link,
.film-card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
  background: none;
  border: none;
  color: inherit;
}

.feature-panels.home-panels .feature-panel-link:visited,
.film-card-link:visited {
  background: none;
  border: none;
  color: inherit;
}

.feature-panels.home-panels .feature-panel-link:hover,
.film-card-link:hover {
  background: none;
  border: none;
  transform: none;
}

/* Subtle hover with border and lift */
.feature-panels.home-panels .feature-panel:hover {
  background: #fff;
  border-bottom: var(--border-subtle);
  transform: var(--hover-lift);
}

.feature-panels.home-panels .feature-panel img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.feature-panels.home-panels .fp_title {
  margin: 1rem 0 0.5rem;
  font-size: 1.3rem;
  color: #333;
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.feature-panels.home-panels .feature-panel:hover .fp_title {
  color: #000;
}

.feature-panels.home-panels .subtitle {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
  padding: 0 1rem 1.5rem;
  margin: 0;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

/* Home panels responsive - tablet (2 columns, 3 rows) */
@media (max-width: 1024px) {
  .feature-panels.home-panels {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Home panels responsive - mobile (1 column) */
@media (max-width: 600px) {
  .feature-panels.home-panels {
    grid-template-columns: 1fr;
  }
}

/* Feature panels - Resources (4 columns, 1 row) */
.feature-panels.resources-panels {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}

@media (max-width: 1024px) {
  .feature-panels.resources-panels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .feature-panels.resources-panels {
    grid-template-columns: 1fr;
  }
}

/* ===================================================================
   FILMS PAGE
   =================================================================== */

.films-intro {
  margin: 0 0 2rem 0;
  font-size: 1.1rem;
  color: #444;
}

/* Film grid (index page) */
.film-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

.film-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s ease, border-bottom 0.2s ease;
}

.film-card:hover {
  background: #fff;
  border-bottom: var(--border-subtle);
  transform: var(--hover-lift);
}

.film-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.film-card-body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.film-card-body .film-title {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

.film-card-body .film-meta {
  font-size: 0.85rem;
  color: #888;
}

/* Film page layout */
.film-breadcrumb {
  margin-bottom: 1.5rem;
  text-align: left;
}

.film-breadcrumb a {
  font-size: 0.95rem;
  color: #555;
}

.film-page {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 2rem;
  align-items: start;
}

/* Film sidebar navigation */
.film-nav {
  display: flex;
  flex-direction: column;
  border-radius: 0;
  overflow: hidden;
}

.film-nav-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.9rem 1rem;
  background: transparent;
  border: none;
  text-decoration: none;
  color: #333;
}

.film-nav-item:hover .film-title {
  border-bottom: var(--border-subtle);
}

.film-nav-item.active {
  background: transparent;
  color: #000;
}

.film-nav-item.active .film-title {
  border-bottom: var(--border-subtle);
}

.film-nav-item.active .film-meta {
  color: #888;
}

.film-nav-item .film-title {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.3;
  display: inline-block;
}

.film-nav-item .film-meta {
  font-size: 0.8rem;
  color: #888;
}

.film-nav-item:link,
.film-nav-item:visited {
  color: #333;
  background: transparent;
  text-decoration: none;
}

.film-nav-item:visited:hover .film-title {
  border-bottom: var(--border-subtle);
}

/* Film main content area */
.film-main {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.film-viewer iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0;
  background: #000;
}

.film-description {
  padding: 1.25rem 1.5rem;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.film-description h1 {
  margin: 0 0 0.25rem 0;
  font-size: 1.4rem;
  font-weight: 600;
  float: none;
}

.film-meta-line {
  font-size: 0.9rem;
  color: #888;
  margin: 0 0 1rem 0;
}

.film-description p {
  margin: 0;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

/* Film external links */
.films-external {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.films-external h2 {
  font-size: 1.3rem;
  margin: 0 0 1rem 0;
}

.external-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.external-links li a {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
}

/* Films page responsive */
@media (max-width: 800px) {
  .film-page {
    grid-template-columns: 1fr;
  }

  /* Film and description stack above the video list on mobile */
  .film-viewer {
    order: -1;
  }

  .film-nav {
    order: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }

  .film-nav-item {
    flex: 1 1 auto;
    min-width: 140px;
    border-radius: 0;
  }
}

@media (max-width: 480px) {
  .film-nav {
    flex-direction: column;
  }


}

/* ===================================================================
   RESOURCE PAGES (Archive, Education)
   =================================================================== */

.resource-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
  align-items: start;
}

/* Resource text content */
.resource-text {
  display: flex;
  flex-direction: column;
  line-height: 1.6;
}

.resource-text p {
  margin: 0 0 1.2rem;
  font-size: 1rem;
  color: #222;
}

.resource-text p:last-child {
  margin-bottom: 0;
}

.resource-text h2 {
  margin: 1.5rem 0 1rem;
  font-size: 1.5rem;
  color: #333;
}

.resource-text h2:first-child {
  margin-top: 0;
}

.resource-text ul {
  margin: 0 0 1.2rem;
  padding-left: 1.5rem;
}

.resource-text ul li {
  margin-bottom: 0.5rem;
}

.resource-text div {
  margin-bottom: 1.2rem;
}

.resource-text div:last-child {
  margin-bottom: 0;
}

/* Resource images */
.resource-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.resource-image img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  object-position: top;
  display: block;
  border-radius: 4px;
}

/* Archive, Education and Public Collections pages: apply biography-style image (constrained height, cover crop) */
.archive-page .resource-image img,
.archive-page .resource-image-mobile img,
.education-page .resource-image img,
.education-page .resource-image-mobile img,
.public-collections-page .resource-image img,
.public-collections-page .resource-image-mobile img {
  max-height: 350px;
  object-fit: cover;
}

.education-page .resource-image img,
.education-page .resource-image-mobile img,
.public-collections-page .resource-image img,
.public-collections-page .resource-image-mobile img {
  object-position: center;
}

/* Hide mobile image on desktop */
.resource-image-mobile {
  display: none;
}

/* Resource first paragraph styling */
.resource-first-paragraph {
  margin-bottom: 1.2rem;
  font-size: 1rem;
  color: #222;
  line-height: 1.6;
}

/* Resource section responsive adjustments */
@media (max-width: 768px) {
  .resource-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .resource-text {
    order: 1;
  }

  /* Hide desktop image on mobile */
  .resource-image-desktop {
    display: none;
  }

  /* Show mobile image on mobile (positioned after first paragraph in HTML) */
  .resource-image-mobile {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 1.5rem 0;
  }

  .resource-image-mobile img {
    max-height: 50vh;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: top;
    display: block;
    border-radius: 4px;
  }

  .archive-page .resource-image-mobile img,
  .education-page .resource-image-mobile img,
  .public-collections-page .resource-image-mobile img {
    width: 100%;
  }

  .public-collections-page .resource-caption-mobile {
    display: block;
  }

  /* Public Collections mobile: EXPLORE above image, centred; caption below image */
  .public-collections-page .resource-explore-wrap {
    margin-bottom: 1rem;
    text-align: center;
  }

  .public-collections-page .resource-image-mobile {
    flex-direction: column;
    align-items: stretch;
  }

  .public-collections-page .resource-image-mobile img {
    display: block;
    object-position: top;
  }
}

/* Archive, Education and Public Collections pages desktop: image fills column height (matches biography) */
@media (min-width: 769px) {
  .archive-page .resource-image,
  .education-page .resource-image,
  .public-collections-page .resource-image {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    align-items: center;
  }

  .archive-page .resource-image img,
  .education-page .resource-image img,
  .public-collections-page .resource-image img {
    height: 100%;
    max-height: none;
  }

  /* Public Collections: image left with caption below, text column vertically centred */
  .public-collections-page.resource-section {
    align-items: stretch;
  }

  .public-collections-page .resource-text {
    justify-content: center;
  }

  .public-collections-page .resource-image-desktop {
    display: flex;
    flex-direction: column;
  }

  .public-collections-page .resource-image-figure {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
  }

  .public-collections-page .resource-image-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

/* Medium screen refinements */
@media (min-width: 769px) and (max-width: 1024px) {
  .resource-section {
    gap: 1.5rem;
  }
}

/* ===================================================================
   FAQs PAGE
   =================================================================== */

.faqs-page {
  margin-bottom: 0;
}

.faqs-intro {
  margin: 0 0 1em;
}

.faqs-content {
  max-width: 500px;
  margin-bottom: 0;
}

.faqs-content p {
  margin: 0 0 1em;
}

.faqs-content p:last-child {
  margin-bottom: 0;
}

/* ===================================================================
   CONTACT PAGE
   =================================================================== */

.contact-enquiries-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 0;
  align-items: start;
}

.contact-enquiries-content {
  display: flex;
  flex-direction: column;
  line-height: 1.6;
}

.contact-enquiries-content p {
  margin: 0 0 1rem;
  font-size: 1rem;
  color: #222;
}

.contact-enquiries-content p:last-child {
  margin-bottom: 0;
}

/* Contact page email links hover styling */
.contact-enquiries-content a {
  text-decoration: none;
  transition: transform 0.2s ease, text-decoration 0.2s ease;
}

.contact-enquiries-content a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
}

.contact-enquiries-content a:active {
  transform: translateY(0);
}

/* Contact page image */
.contact-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.contact-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

/* Desktop image - full height, maintain aspect ratio */
.contact-image-desktop img {
  max-height: 400px;
  object-fit: cover;
  object-position: center;
}

/* Hide mobile image on desktop */
.contact-image-mobile {
  display: none;
}

/* Contact page responsive adjustments */
@media (max-width: 768px) {
  .contact-enquiries-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  /* Hide desktop image on mobile */
  .contact-image-desktop {
    display: none;
  }

  /* Show mobile image on mobile - square crop, at bottom of page */
  .contact-image-mobile {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .contact-image-mobile img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
  }
}

/* ===================================================================
   FLOW GRID
   =================================================================== */

.flow_list_formatted ul li .content .artist {
  display: none;
}

.flow_list_formatted ul li .content .title,
.flow_list_formatted ul li .content .year {
  font-size: 1rem;
}

.flow_list_formatted ul li .content {
  margin-top: -20px;
  text-align: center !important;
}

/* ===================================================================
   REMOVE FULLSCREEN SLIDESHOW GRADIENTS
   =================================================================== */

/* Remove gradient overlay from ::before pseudo-element */
.fullscreen_slideshow ul li:not(.remove-both-masks)::before,
.fullscreen_slideshow ul li.fullscreen-slide-image-dark:not(.remove-both-masks)::before {
  display: none !important;
}

/* Remove gradient overlay from ::after pseudo-element */
.fullscreen_slideshow ul li.fullscreen-slide-image-dark:not(.remove-both-masks):not(.remove-bottom-mask)::after,
.fullscreen-slide-dark #parallax-hero_header .fullscreen_slideshow ul li:not(.remove-both-masks)::after,
.fullscreen-slide-dark #hero_header .fullscreen_slideshow ul li:not(.remove-both-masks)::after,
.fullscreen_slideshow ul li:after {
  display: none !important;
}

/* Fullscreen slideshow: dark gray backstop until Artlogic fix (avoids harsh white/black flash on transition). */
#slideshow.fullscreen_slideshow {
  background: #0c0c0c !important;
  background-color: #0c0c0c !important;
}