.home{flex:1;justify-content:center;align-items:safe center;display:flex}.home__row{grid-template-columns:var(--home-thumbnail-width) auto;column-gap:var(--gap-thumbnail-menu);display:grid}.home__thumbnail{display:contents}.home__thumbnail .hero{grid-area:1/1;align-self:start}.home__nav{flex-direction:column;grid-area:1/2;align-self:stretch;display:flex}.home__menu{margin-top:calc(((1 + var(--font-ascent) - var(--font-descent)) / 2 - var(--font-cap-height)) * -1em);margin-bottom:calc((1 - var(--font-ascent) + var(--font-descent)) / 2 * -1em);font-size:var(--size-home-menu);flex-direction:column;flex:1;justify-content:space-between;padding:0;line-height:1;display:flex}.home__menu a{color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-block}.home__menu a:hover{text-underline-offset:.12em;text-decoration:underline}.hero{width:100%;display:block;position:relative}.hero__grey{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero__colour{opacity:0;width:100%;transition:opacity var(--duration-base) var(--ease-standard);position:relative}.hero:focus-visible .hero__colour,.hero.is-hint .hero__colour{opacity:1}@media (hover:hover){.hero:hover .hero__colour{opacity:1}}