/* Remove the source logo's white margins through a proportional CSS crop. */
header .brand{width:238px;height:48px;flex:0 0 238px;overflow:hidden;position:relative}
header .brand img{position:absolute;width:354px;height:177px;max-width:none;left:-59.5px;top:-63px;object-fit:fill;mix-blend-mode:multiply}
.hero-logo{transform:translateX(-109px)}
@media(max-width:800px){header .brand{width:140px;height:30px;flex:0 0 140px}header .brand img{width:208px;height:104px;left:-35px;top:-37px}.hero-logo{width:149%;max-width:none;height:auto;aspect-ratio:2;transform:none;position:relative;left:-25%;margin-top:-16%;margin-bottom:-17%;object-fit:contain}.hero-content{overflow:visible}}
@media(max-width:390px){header .brand{width:128px;flex-basis:128px}header .brand img{width:190px;height:95px;left:-32px;top:-34px}}
@media(max-width:800px){.hero-content{overflow:hidden}}