/* Careers only (the 404 page uses it too): loaded after styles.css. */
/* the sticky footer: the page shell is a column at least one window tall, main grows and the cover grows with it, so
   the footer always sits at the very bottom of the window; the cover keeps its own minimum height for short windows */
.mq-fill{display:flex;flex-direction:column;min-height:100svh}
.mq-fill>main{display:flex;flex-direction:column;flex:1 0 auto}
.mq-fill>main>.mq-cover{flex:1 0 auto}
.mq-fill>.mq-header,.mq-fill>.mq-footer{flex:none}
/* from 768 to 1279 the lead crosses the brightest part of the picture, so the middle of the scrim is a little darker
   there and the lead keeps 7:1 contrast */
@media (min-width:768px) and (max-width:1279.98px){
.mq-cover-tall .mq-bd::after{background:radial-gradient(ellipse 58% 52% at 50% 50%,rgba(14,16,22,.50) 0%,rgba(14,16,22,.30) 55%,rgba(14,16,22,0) 100%),linear-gradient(180deg,rgba(14,16,22,.82) 0%,rgba(14,16,22,.66) 16%,rgba(14,16,22,.66) 60%,rgba(14,16,22,.74) 100%)}
}