/* Our History additions: logo film, timeline and sister-site links. Uses the site's own colours and font. */
.hx-film video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.hx-film .image{position:relative;min-height:0;padding:0;background:#000}
.hx-film .bg-grey2 .hx-meta{color:#BABABA;font-size:.9em;margin-top:1.2em;text-transform:uppercase;letter-spacing:.06em}
.hx-timeline{padding:70px 0 40px}
.hx-timeline .hx-head,.hx-sites .hx-head{max-width:1300px;margin:0 auto 40px;padding:0 20px;text-align:left}
.hx-timeline .hx-head p{color:#fff}
.hx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1300px;margin:0 auto;padding:0 20px}
.hx-item{background:#141414;padding:26px 24px 28px;border-top:4px solid #00ADEF;position:relative}
.hx-item:nth-child(4n+2){border-top-color:#8EC63F}
.hx-item:nth-child(4n+3){border-top-color:#ED1B24}
.hx-item:nth-child(4n+4){border-top-color:#fff}
.hx-item .hx-year{display:block;font-size:2em;line-height:1.1;color:#fff;font-weight:300;margin-bottom:.35em}
.hx-item h3{font-size:1em;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .7em;color:#fff}
.hx-item p{font-size:.95em;line-height:1.5;color:#ddd;margin:0}
.hx-item img{display:block;width:100%;height:120px;object-fit:cover;margin:0 0 16px;filter:grayscale(15%)}
.hx-sites{padding:40px 0 80px}
.hx-cards{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1300px;margin:0 auto;padding:0 20px}
.hx-card{display:block;background:#141414;color:#fff;text-decoration:none;position:relative}
.hx-card .hx-img{height:300px;background-size:cover;background-position:center}
.hx-card .hx-body{padding:28px 30px 32px}
.hx-card h3{font-size:1.5em;font-weight:300;text-transform:uppercase;margin:0 0 .5em;color:#fff}
.hx-card p{color:#ddd;margin:0 0 1.2em;line-height:1.5}
.hx-card .hx-go{text-transform:uppercase;font-size:.9em;letter-spacing:.06em}
.hx-card .hx-go span{display:inline-block;border:1px solid currentColor;width:26px;height:26px;line-height:24px;text-align:center;margin-right:10px}
.hx-card.blue .hx-go{color:#00ADEF}.hx-card.green .hx-go{color:#8EC63F}
.hx-card.blue{border-bottom:4px solid #00ADEF}.hx-card.green{border-bottom:4px solid #8EC63F}
.hx-card:hover .hx-img{opacity:.85}
@media (max-width:1100px){.hx-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.hx-grid,.hx-cards{grid-template-columns:1fr}.hx-card .hx-img{height:220px}.hx-timeline{padding-top:50px}}
.hx-head h2{position:relative}