/* Give the complete RAI artwork more of the existing left-hand header space. */
@media (min-width:1280px){
 body.journey-home .site-header{grid-template-columns:clamp(260px,22vw,340px) minmax(0,1fr) auto}
 body.journey-home .site-header .brand{width:100%;height:150px;min-width:0;align-items:center;justify-content:center}
 body.journey-home .site-header .brand-logo{display:block;width:100%;max-width:340px;height:auto;max-height:150px;padding:0;object-fit:contain;object-position:left center}
}
@media (min-width:1151px) and (max-width:1279px){
 body.journey-home .site-header{grid-template-columns:220px minmax(0,1fr) auto}
 body.journey-home .site-header .brand{width:100%;height:125px;min-width:0}
 body.journey-home .site-header .brand-logo{width:220px;max-width:100%;height:auto;max-height:125px;padding:0;object-fit:contain;object-position:left center}
}
@media (max-width:1150px){
 body.journey-home .site-header .brand{width:100%;height:100px;min-width:0}
 body.journey-home .site-header .brand-logo{width:min(300px,100%);max-width:100%;height:auto;max-height:100px;padding:0;object-fit:contain;object-position:left center}
}
@media (max-width:360px){body.journey-home .site-header .brand{height:80px}body.journey-home .site-header .brand-logo{max-height:80px}}
html[dir="rtl"] body.journey-home .site-header .brand-logo{object-position:right center}

/* Neutralize the artwork's pale rectangular ground and blend it into the cream header. */
body.journey-home .site-header .brand{background:transparent;border:0;box-shadow:none}
body.journey-home .site-header .brand-logo{background:transparent;border:0;box-shadow:none;mix-blend-mode:multiply;filter:brightness(1.1)}