body.start-page #emuseum-logo img {
  visibility: hidden;
}

/* Start page only: black background */
body.start-page {
  background-color: #000;
}

/* Start page only: white nav links and search icon */
body.start-page #emuseum-menu a,
body.start-page #emuseum-menu .emuseum-search-toggle,
body.start-page #emuseum-menu .emuseum-search-toggle * {
  color: #fff;
}

/* Start page only: show the whole banner image, no cropping */
body.start-page .homepage-banner-block {
  height: auto;
  aspect-ratio: 1983 / 793;
  background-size: 100% auto;
}

/* Start page only: no dark tint on banner */
body.start-page .emuseum-hero-tint {
  background-color: transparent;
}

/* Start page only: black footer */
body.start-page .emuseum-footer {
  background-color: #000;
}

/* All pages except the start page: logo size adjustment */
body:not(.start-page) #emuseum-logo img {
  height: 200px;      /* was 50px */
  width: auto;         /* keeps the proportions */
  max-height: none;
  max-width: none;
}

/* Hide page titles (Works, Artists, Collections…), but keep artwork titles */
body:not(.details-page) .content-header .emuseum-title-wrap,
#collection-header-wrapper h1 {
  display: none;
}

/* About page: space between the nav and the first banner, change this one value */
body.about-page {
  --about-top-gap: 40px;
}

body.about-page #emuseum-main-content {
  padding-top: var(--about-top-gap);
}

/* About page: spacing between content blocks, change this one value */
body.about-page {
  --about-block-gap: 30px;
}

body.about-page .homepage-content-block {
  margin-bottom: var(--about-block-gap);
}

body.about-page .homepage-content-block:last-child {
  margin-bottom: 40px;
}

/* About page banners: minimum height; they grow if the text needs more room */
body.about-page .emuseum-hero {
  height: auto;
  min-height: 100px;          /* change to taste */
  display: flex;
  background-size: cover;
  background-position: center;
}

/* About page banners: centre the text horizontally and vertically */
body.about-page .emuseum-hero-content-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;            /* space above and below the text */
}

body.about-page .emuseum-hero-content {
  position: static;
  width: auto;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}


/* Artists page: centre the row of tiles */
body.people-page .emuseum-img-grid {
  justify-content: center;
}

/* About page: top image, centred with width and nudge controls */
body.about-page {
  --about-top-image-width: 80%;     /* how wide the image can get, as a share of the page */
  --about-top-image-offset: 0px;    /* nudge sideways: negative = left, positive = right */
}

body.about-page .image-content-block .image-block-image img {
  display: block;
  max-width: var(--about-top-image-width);
  height: auto;
  margin: 0 auto;
  transform: translateX(var(--about-top-image-offset));
}

/* About page: vertically centre each text/image pair */
body.about-page .text-content-block .homepage-block-inner > .row {
  align-items: center;
}

body.about-page .text-content-block .col > :first-child { margin-top: 0; }
body.about-page .text-content-block .col > :last-child  { margin-bottom: 0; }

/* Start page, small screens: white hamburger icon on the black background */
body.start-page .emuseum-menu-toggle {
  color: #fff;
}

/* Start page, hamburger menu open: dark text on the white menu panel */
body.start-page.emuseum-mobile-menu-open #emuseum-menu a,
body.start-page.emuseum-mobile-menu-open #emuseum-menu .emuseum-search-toggle,
body.start-page.emuseum-mobile-menu-open #emuseum-menu .emuseum-search-toggle *,
body.start-page.emuseum-mobile-menu-open .emuseum-menu-toggle {
  color: #1a1a1a;
}