/* Responsive and accessible finishing layer for the private Fine Art theme. */
html{scroll-padding-top:20px}
body.bbb-theme{overflow-x:clip}
body.bbb-theme .bbb-shell{max-width:1240px}
body.bbb-theme img{max-width:100%}
body.bbb-theme .bbb-mobile-menu summary{min-height:44px;min-width:65px}
body.bbb-theme .bbb-mobile-dropdown a{min-height:44px;display:flex;align-items:center}
body.bbb-theme .bbb-mobile-dropdown a:focus-visible{outline:2px solid #b69a76;outline-offset:2px}
body.bbb-theme .bbb-primary-nav a:focus-visible,
body.bbb-theme .bbb-site-footer a:focus-visible{outline:2px solid #b69a76;outline-offset:4px}
body.bbb-theme .bbb-gallery-collection,body.bbb-theme #portfolio-gallery,body.bbb-theme #experience,body.bbb-theme #artwork{scroll-margin-top:115px}
body.bbb-theme .bbb-hero-actions .bbb-btn{white-space:normal;text-align:center}
body.bbb-theme .bbb-photo-gallery{max-width:100%}
body.bbb-theme .bbb-gallery-photo{max-width:100%}
body.bbb-theme .bbb-gallery-photo a:focus-visible{outline:3px solid #633d48;outline-offset:3px}
body.bbb-theme .bbb-lightbox-controls button{min-height:44px;min-width:44px}
@media (max-width:800px){
 body.bbb-theme .bbb-header-inner{max-width:100%}
 body.bbb-theme .bbb-mobile-menu{z-index:100}
 body.bbb-theme .bbb-mobile-dropdown{max-width:min(300px,calc(100vw - 32px));min-width:min(240px,calc(100vw - 32px))}
 body.bbb-theme .bbb-hero-art{min-height:320px}
 body.bbb-theme .bbb-hero-copy{min-width:0}
 body.bbb-theme .bbb-collection-grid{min-width:0}
}
@media(max-width:500px){
 body.bbb-theme .bbb-wordmark-name{font-size:26px}
 body.bbb-theme .bbb-hero-title{font-size:clamp(54px,13vw,68px)!important}
 body.bbb-theme .bbb-hero-actions{align-items:stretch}
 body.bbb-theme .bbb-hero-actions .bbb-btn{flex:1 1 170px}
 body.bbb-theme .bbb-photo-gallery{columns:2 128px}
 body.bbb-theme .bbb-gallery-collection{padding:60px 0}
 body.bbb-theme .bbb-lightbox{padding:12px!important}
 body.bbb-theme .bbb-lightbox-controls{gap:8px}
 body.bbb-theme .bbb-lightbox-controls button{padding:8px 10px!important}
 body.bbb-theme .bbb-lightbox-counter{font-size:10px}
}
@media(max-width:360px){
 body.bbb-theme .bbb-photo-gallery{columns:1;column-gap:0}
 body.bbb-theme .bbb-header-inner{gap:8px}
 body.bbb-theme .bbb-wordmark-name{font-size:23px}
}