:root {
    --museum-accent-dark: #7d4936;
    --museum-bg-light: #e9c896;
    --museum-bg-medium: #bda57b;
    --museum-bg-dark: #66553f;
    --museum-bg-off-white: #f5f5f5;
    --inline-viewport-space: min(1.875rem, 5%);
    --vertical-section-space: 2rem;
    --border-radius: 4px;
    background: var(--museum-bg-medium);
    font-family: 'Orienta', sans-serif;
    height: 100%;
    line-height: 1.4;
}

main {
    padding-bottom: 1.5rem;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.max-width-container {
    max-width: 1260px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}

.image-wrapper {
    --aspect-ratio: 4 / 5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: var(--aspect-ratio);
    overflow: hidden;
    background: white;
}

.image-wrapper img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

/* orienta-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Orienta';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/orienta-v16-latin-regular-ma0TFw1.woff2") format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}