/* Correct visible mobile brand and guarantee a graceful hero fallback. */
@media(max-width:1023px){
 .screen-home .home-head .desktop-home-brand{
  display:inline-flex!important;align-items:center;gap:9px;
  text-decoration:none!important;color:#294b38!important;
  font:700 clamp(15px,4.2vw,22px)/1.15 Georgia,serif!important;
  white-space:normal;max-width:calc(100% - 75px);
 }
 .screen-home .home-head .desktop-home-brand span:last-child{
  display:block;text-decoration:none!important;
 }
 .screen-home .home-head .desktop-brand-mark{font-size:27px;line-height:1}
 .screen-home .warm-hero{background:#344d40!important}
 .screen-home .warm-hero-art{display:block!important;opacity:1!important;visibility:visible!important}
}

/* The homepage and opened menu must use the exact same museum logo file. */
@media(max-width:1023px){
 .screen-home .home-head .desktop-home-brand{width:min(77vw,310px);max-width:calc(100% - 76px);min-width:0;flex:0 1 auto;}
 .screen-home .home-head .desktop-brand-logo{display:block;width:100%;height:auto;max-height:64px;object-fit:contain;object-position:left center;}
}

/* Fix: the original wide SVG contains embedded text, which clips on phones.
   Show its genuine landscape emblem in a viewport and typeset the title separately. */
@media(max-width:1023px){
 .screen-home .home-head .desktop-home-brand{width:auto!important;max-width:calc(100% - 76px)!important;gap:10px!important;flex:0 1 auto!important;min-width:0!important;overflow:visible!important;}
 .screen-home .home-head .desktop-brand-emblem{display:block!important;position:relative!important;flex:0 0 84px!important;width:84px!important;height:52px!important;overflow:hidden!important;}
 .screen-home .home-head .desktop-brand-emblem .desktop-brand-logo{display:block!important;position:absolute!important;left:0!important;top:0!important;width:168px!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:initial!important;}
 .screen-home .home-head .desktop-brand-title{display:block!important;min-width:0!important;white-space:normal!important;font:700 clamp(16px,4.3vw,21px)/1.12 Georgia,serif!important;color:#294b38!important;}
}
