* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  vertical-align: baseline; }

html {
  font-size: 16px;
  color: #222;
  --base-spacing: 4px; }

a {
  text-decoration: none;
  color: inherit; }

body {
  background-color: #fff;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica', Arial, sans-serif; }

footer {
  margin-top: 8rem;
  min-height: 12rem;
  background-color: #fff;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  padding: 0;
  align-items: baseline; }

footer nav,
footer section {
  border-top: solid 1px #555;
  padding-top: 8px; }

footer section {
  grid-column: -1 / 1;
  margin-bottom: 4rem; }

footer section p {
  font-family: 'IBM Plex Sans Condensed', 'Helvetica', 'Arial', sans;
  font-size: 14px;
  line-height: 24px; }

footer nav {
  grid-column: span 2;
  margin-bottom: 2rem; }

a span.nav_icon {
  display: none; }

footer .social_media_icon {
  margin-right: 4px; }

footer .social_media_icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  position: relative;
  top: 2px; }

footer nav:nth-of-type(3n+0) {
  grid-column: span 4; }

footer nav a {
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 24px; }

header {
  background: #fff;
  color: #fff;
  margin: 1rem 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: start;
  background-color: #ff4040;
  min-height: calc(100vh - 8rem); }

img {
  max-width: 100%; }

section > h1 {
  grid-column: 1 / -1;
  display: block;
  color: #333;
  letter-spacing: .5;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 1rem; }

.gallery-page > section.gallery {
  grid-template-columns: repeat(4, 1fr); }

.gallery-page > section.gallery > article {
  grid-column: span 2; }

section.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin: 1rem 0;
  align-items: start; }

section.gallery > article {
  min-height: 8rem;
  background: none;
  background-color: #fff; }

section.gallery figure img {
  margin-bottom: 16px; }

section.gallery > article h2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  font-weight: 700; }

section.gallery > article p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  color: #888;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica', 'Arial', sans; }

section.gallery > article p + p {
  margin-top: 8px;
  margin-bottom: 8px; }

nav.global {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  min-height: 3rem;
  background-color: #fff;
  justify-content: space-between;
  margin: 1rem -1rem;
  padding: .5rem 1rem;
  z-index: 9999; }

nav.global a {
  line-height: 1rem;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  color: #333;
  padding-bottom: 4px; }

nav.global > a:first-child {
  font-weight: 400; }

nav.global span.logo,
nav.global span.menu {
  display: block; }

nav.global span.menu a {
  margin-right: 1rem; }

nav.global span.menu a:last-child {
  margin-right: 0; }

nav a.Selected {
  font-weight: 600; }

label.menu-toggle input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none; }

@media (max-width: 480px) {
  nav.global {
    align-items: center; }

  nav.global .logo a {
    padding-bottom: 0; }

  nav.global span.nav_icon {
    position: relative;
    top: 8px;
    margin-right: 12px;
    display: inline-block; }

  nav.global span.nav_icon svg {
    width: 32px;
    height: 32px; }

  label.menu-toggle {
    display: block;
    height: 24px;
    width: 24px;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center; }

  label.menu-toggle input {
    cursor: pointer;
    transform: rotate(0deg);
    transition: transform .15s ease-out; }

  label.menu-toggle input:focus {
    outline: none; }

  label.menu-toggle input,
  label.menu-toggle input:before,
  label.menu-toggle input:after {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 24px;
    height: 4px;
    background-color: #333;
    border-radius: 1px;
    content: ' ';
    display: block; }

  label.menu-toggle input:before {
    top: -8px;
    position: absolute; }

  label.menu-toggle input:after {
    top: 8px;
    position: absolute; }

  label.menu-toggle input + span.menu {
    left: 100vw;
    top: 5rem;
    background-color: #141414;
    transition: left .2s ease-in 0s; }

  label.menu-toggle input:checked {
    background-color: transparent;
    transform: rotate(-45deg);
    transition: transform .15s ease-out; }

  label.menu-toggle input:checked:before {
    top: 0px; }

  label.menu-toggle input:checked:after {
    top: -10px;
    left: 10px;
    width: 4px;
    height: 24px; }

  label.menu-toggle input:checked + span.menu {
    left: 0vw;
    top: 5rem;
    background-color: #141414;
    transition: left .2s ease-out 0s;
    z-index: 9999; }

  label.menu-toggle input + span.menu:after {
    position: fixed;
    top: 100vw;
    bottom: 0;
    left: 100vw;
    right: 0;
    background: rgba(0, 0, 0, 0);
    transition: background .4s ease-out 0s;
    content: ' ';
    z-index: -2; }

  label.menu-toggle input:checked + span.menu:after {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: background .4s ease-out 0s;
    content: ' ';
    z-index: -2; }

  nav.global span.menu {
    position: fixed;
    width: 100vw;
    right: 0;
    z-index: 9999;
    display: block;
    padding: 2rem 0 0 0;
    height: 100vh;
    border-radius: 0; }

  nav.global span.menu a {
    color: #fff;
    display: block;
    text-align: left;
    font-size: 21px;
    line-height: 21px;
    height: 64px;
    padding: 12px;
    padding-left: 1.25rem;
    margin: 0; } }
section.content > article {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 0;
  margin: 0 0 8rem 0;
  padding: 0;
  background-color: #fff; }

section.content > article h1,
section.content > article h2,
section.content > article h3,
section.content > article p {
  grid-column: span 4;
  margin-bottom: 8px;
  margin-top: 0; }

section.content > article figure.image_container.banner,
section.content > article figure.image_container.wide,
section.content > article figure.image_container.compact {
  grid-column: span 4; }

section.content > article figure.video_container.banner,
section.content > article figure.video_container.wide,
section.content > article figure.video_container.compact {
  grid-column: span 4; }

section.content > article p + figure,
section.content > article figure + figure,
section.content > article figure + h2 {
  margin-top: calc( 4 * var(--base-spacing)); }

section.content > article figure + p,
section.content > article figure + h1,
section.content > article figure + h2,
section.content > article figure + h3 {
  margin-top: calc( 4 * var(--base-spacing)); }

section.content > article p {
  margin-bottom: calc( 4 * var(--base-spacing)); }

section.content > article h1 {
  margin-bottom: calc( 4 * var(--base-spacing)); }

section.content > article h3 {
  margin-bottom: calc( 2 * var(--base-spacing)); }

section.content > article figure {
  margin-bottom: calc( 4 * var(--base-spacing));
  margin-top: calc( 4 * var(--base-spacing)); }

section.content > article figure.image_container.banner,
section.content > article figure.image_container.full_slide {
  margin-bottom: calc( 4 * var(--base-spacing)); }

section.content > article figure {
  margin-right: 0;
  margin-left: 0;
  padding: 0; }

section.content > article figure.video_container {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000; }

section.content > article figure.video_container iframe,
section.content > article figure.video_container object,
section.content > article figure.video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

section.content > article figure:first-child {
  margin-top: 0; }

section.content > article figcaption {
  font-size: 14px;
  color: #999;
  padding-top: 8px;
  line-height: 20px;
  text-align: center;
  max-width: 32em; }

div.container {
  background-color: #fff;
  margin: 0 1rem;
  max-width: 1560px;
  overflow: hidden; }

p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  max-width: none;
  font-family: 'IBM Plex Serif', 'Georgia', sans-serif;
  margin-bottom: calc(2 * var(--base-spacing)); }

h1 {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: .25;
  color: #333;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica', Arial, sans-serif;
  font-weight: 600;
  max-width: none;
  margin-bottom: calc(4 * var(--base-spacing)); }

h2, h3, h3, h5, h6 {
  font-size: 21px;
  line-height: 24px;
  letter-spacing: .25;
  color: #333;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica', 'Arial', 'Sans';
  font-weight: 700; }

.overline {
  font-weight: 100;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ff4040;
  letter-spacing: 1.5;
  margin-bottom: calc( 4 * var(--base-spacing)); }

/* Adjust the Article Grid  to 4 Columns */
section.content > article {
  grid-template-columns: repeat(4, 1fr); }

section.content > article h1,
section.content > article h2,
section.content > article h3,
section.content > article p,
section.content > article figure {
  grid-column: 1/ -1; }

section.content > article figure.image_container.full_slide,
section.content > article figure.image_container.banner,
section.content > article figure.image_container.wide {
  grid-column: 1 / -1; }

section.content > article figure.video_container.banner,
section.content > article figure.video_container.wide {
  grid-column: 1 / -1; }

section.content > article figure.image_container.compact,
section.content > article figure.video_container.compact {
  grid-column: 2 / span 2; }

section.content > article figure.image_group_4 {
  grid-column: span 2; }

section.content > article figure.image_group_4 + figure.image_group_4 {
  grid-column: span 2; }

section.content > article figure.image_group_4_compact {
  grid-column: span 2; }

section.content > article figure.image_group_4_compact + figure.image_group_4_compact {
  grid-column: span 2; }

section.content > article figure.image_group_3 {
  grid-column: 1/ -1; }

section.content > article figure.image_group_3 + figure.image_group_3 {
  grid-column: span 4; }

section.content > article figure.image_group_3_compact {
  grid-column: 2/span 2; }

section.content > article figure.image_group_3_compact + figure.image_group_3_compact {
  grid-column: span 2; }

section.content > article figure.image_group_2 {
  grid-column: span 4; }

section.content > article figure.image_group_2 + figure.image_group_2 {
  grid-column: span 4; }

section.content > article figure.image_group_2_compact {
  grid-column: span 2; }

section.content > article figure.image_group_2_compact + figure.image_group_2_compact {
  grid-column: span 2; }

.home section.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin: 4rem 0 4rem;
  align-items: start; }

.home section.gallery > article {
  grid-column: span 2; }

.home section.gallery > aside,
section.gallery:nth-child(2n+1) > aside {
  align-self: center;
  margin-top: -.5rem;
  grid-column: span 4;
  grid-row: span 1;
  margin-bottom: 4rem; }

.home section.gallery > aside p {
  max-width: none; }

.home section.gallery > aside p + a.cta {
  margin-top: 12px; }

.home section.gallery a.cta svg {
  height: 16px;
  width: 32px;
  position: relative;
  top: 2px;
  margin-left: 4px; }

.home section.gallery a.cta svg path {
  stroke-width: 3px;
  stroke: #fff; }

.home section.gallery > aside a.cta {
  display: inline-block;
  border-radius: 4px;
  background-color: #ff4040;
  color: #fff;
  padding: 12px;
  text-align: baseline;
  line-height: 16px;
  font-size: 16px; }

@media (min-width: 304px) {
  html {
    font-size: 12px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 304px; } }
@media (min-width: 336px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 336px; } }
@media (min-width: 368px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 368px; }

  nav.global a {
    font-size: 14px; } }
@media (min-width: 400px) {
  html {
    font-size: 16px; }

  body {
    background-color: #fff; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 400px; } }
@media (min-width: 464px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 464px; } }
@media (min-width: 528px) {
  html {
    font-size: 16px; }

  header {
    grid-template-columns: repeat(8, 1fr); }

  nav.global span.menu {
    display: block; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 528px; }

  /* Adjust the Gallery Grid to 8 Columns */
  section > h1 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 1rem; }

  .gallery-page > section.gallery {
    grid-template-columns: repeat(8, 1fr); }

  .gallery-page > section.gallery > article {
    grid-column: span 2; }

  footer {
    grid-template-columns: repeat(8, 1fr); }

  footer section {
    grid-column: span 8; }

  footer nav {
    grid-column: span 2; }

  /* Adjust the Article Grid  to 8 Columns */
  section.content > article {
    grid-template-columns: repeat(8, 1fr); }

  section.content > article h1,
  section.content > article h2,
  section.content > article h3,
  section.content > article p,
  section.content > article figure {
    grid-column: 2/ span 6; }

  /* Images & Video */
  section.content > article figure.image_container.banner {
    grid-column: 1/ span 8; }

  section.content > article figure {
    grid-column: 2/ span 6; }

  section.content > article figure.image_container.wide {
    grid-column: 2/ span 6; }

  section.content > article figure.image_container.compact {
    grid-column: 3/ span 4; }

  section.content > article figure.video_container.banner {
    grid-column: 1/ span 8; }

  section.content > article figure.video_container.wide {
    grid-column: 2/ span 6; }

  section.content > article figure.video_container.compact {
    grid-column: 3/ span 4; }

  section.content > article figure.image_group_4 {
    grid-column: 1/ span 2; }

  section.content > article figure.image_group_4 + figure.image_group_4 {
    grid-column: span 2; }

  section.content > article figure.image_group_4_compact {
    grid-column: 1/ span 2; }

  section.content > article figure.image_group_4_compact + figure.image_group_4_compact {
    grid-column: span 2; }

  section.content > article figure.image_group_3 {
    grid-column: 1/ -1; }

  section.content > article figure.image_group_3 + figure.image_group_3 {
    grid-column: span 4; }

  section.content > article figure.image_group_3_compact {
    grid-column: 2/ span 2; }

  section.content > article figure.image_group_3_compact + figure.image_group_3_compact {
    grid-column: span 2; }

  section.content > article figure.image_group_2 {
    grid-column: 1/ span 4; }

  section.content > article figure.image_group_2 + figure.image_group_2 {
    grid-column: span 4; }

  section.content > article figure.image_group_2_compact {
    grid-column: 2/ span 3; }

  section.content > article figure.image_group_2_compact + figure.image_group_2_compact {
    grid-column: span 3; }

  p {
    font-size: 18px;
    line-height: 28px; }

  h1 {
    font-size: 36px;
    line-height: 40px;
    font-family: 'IBM Plex Sans Condensed', 'Helvetica', Arial, sans-serif; }

  h2, h3, h3, h5, h6 {
    font-size: 24px;
    line-height: 32px; }

  .overline {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: calc( 4 * var(--base-spacing)); }

  .home section.gallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin: 8rem 0 8rem;
    align-items: start; }

  .home section.gallery > article {
    grid-column: 2/ span 3; }

  .home section.gallery > article:nth-child(2n+0) + article {
    grid-column: span 3; }

  .home section.gallery > aside,
  .home section.gallery:nth-child(2n+1) > aside {
    align-self: center;
    margin-top: -.5rem;
    grid-column: 2/ span 6;
    grid-row: span 1; }

  .home section.gallery > aside p {
    max-width: 20em; }

  .home section.gallery > aside p + a.cta {
    margin-top: 16px; }

  .home section.gallery > aside a.cta {
    display: inline-block;
    border-radius: 4px;
    background-color: #ff4040;
    color: #fff;
    padding: 16px;
    text-align: baseline;
    line-height: 18px;
    font-size: 18px; } }
@media (min-width: 656px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 656px; }

  nav.global a {
    font-size: .75rem; }

  nav.global span.menu {
    display: block; } }
@media (min-width: 720px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 720px; }

  nav.global a {
    font-size: .75rem; }

  nav.global span.menu {
    display: block; } }
@media (min-width: 784px) {
  html {
    font-size: 16px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 784px; }

  /* Adjust the Gallery Grid to 12 Columns */
  section > h1 {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 1rem; }

  .gallery-page > section.gallery {
    grid-template-columns: repeat(12, 1fr); }

  .gallery-page > section.gallery > article {
    grid-column: span 3; }

  footer {
    grid-template-columns: repeat(12, 1fr); }

  footer > section {
    grid-column: span 12; }

  footer nav {
    grid-column: span 4; }

  footer nav:nth-of-type(3n+0) {
    grid-column: span 4; }

  /* Adjust the Article Grid  to 12 Columns */
  section.content > article {
    grid-template-columns: repeat(12, 1fr); }

  section.content > article h1,
  section.content > article h2,
  section.content > article h3,
  section.content > article p {
    grid-column: 3/ span 8; }

  /* Images & Video */
  section.content > article figure.image_container.banner {
    grid-column: 2/ span 10; }

  section.content > article figure {
    grid-column: 4/ span 6; }

  section.content > article figure.image_container.wide {
    grid-column: 3/ span 8; }

  section.content > article figure.image_container.compact {
    grid-column: 5/ span 4; }

  section.content > article figure.video_container.compact {
    grid-column: 4/ span 6; }

  section.content > article figure.video_container.wide {
    grid-column: 3/ span 8; }

  section.content > article figure.video_container.banner {
    grid-column: 2/ span 10; }

  section.content > article p + figure,
  section.content > article figure + figure,
  section.content > article figure + h2 {
    margin-top: calc( 4 * var(--base-spacing)); }

  section.content > article figure + p,
  section.content > article figure + h1,
  section.content > article figure + h2,
  section.content > article figure + h3 {
    margin-top: calc( 12 * var(--base-spacing)); }

  section.content > article p {
    margin-bottom: calc( 8 * var(--base-spacing)); }

  section.content > article h1 {
    margin-bottom: calc( 8 * var(--base-spacing)); }

  section.content > article h3 {
    margin-bottom: calc( 4 * var(--base-spacing)); }

  section.content > article figure {
    margin-bottom: calc( 8 * var(--base-spacing));
    margin-top: calc( 8 * var(--base-spacing)); }

  section.content > article figure.image_container.banner {
    margin-bottom: calc( 8 * var(--base-spacing)); }

  section.content > article figure.image_group_4 {
    grid-column: 1/ span 3; }

  section.content > article figure.image_group_4 + figure.image_group_4 {
    grid-column: span 3; }

  section.content > article figure.image_group_4_compact {
    grid-column: 3/ span 2; }

  section.content > article figure.image_group_4_compact + figure.image_group_4_compact {
    grid-column: span 2; }

  section.content > article figure.image_group_3 {
    grid-column: 1/ span 4; }

  section.content > article figure.image_group_3 + figure.image_group_3 {
    grid-column: span 4; }

  section.content > article figure.image_group_3_compact {
    grid-column: 4/ span 2; }

  section.content > article figure.image_group_3_compact + figure.image_group_3_compact {
    grid-column: span 2; }

  section.content > article figure.image_group_2 {
    grid-column: 2/ span 5; }

  section.content > article figure.image_group_2 + figure.image_group_2 {
    grid-column: span 5; }

  section.content > article figure.image_group_2_compact {
    grid-column: 3/ span 4; }

  section.content > article figure.image_group_2_compact + figure.image_group_2_compact {
    grid-column: span 4; }

  section.content > article figure.image_container.wide {
    grid-column: 3/ span 8; }

  .home section.gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin: 4rem 0 4rem;
    align-items: start; }

  .home section.gallery > article {
    grid-column: span 3; }

  .home section.gallery > aside {
    align-self: center;
    margin-top: -2rem;
    grid-column: 8/ span 5;
    grid-row: 1/ span 6; }

  .home section.gallery:nth-child(2n+1) > aside {
    grid-column: 1/ span 4;
    grid-row: 1/ span 6; }

  .home section.gallery:nth-child(2n+1) > aside {
    grid-column: 2/ span 4;
    grid-row: 1/ span 4; }

  .home section.gallery:nth-child(2n+1) > article {
    grid-column: 7/ span 3; }

  .home section.gallery > article:nth-child(2n+0) + article {
    grid-column: span 3; }

  .home section.gallery:nth-child(2n+1) > article:nth-child(2n+0) + article {
    grid-column: span 3; }

  .home section.gallery > aside p {
    max-width: 20em; }

  .home section.gallery > aside p + a.cta {
    margin-top: 16px; }

  .home section.gallery > aside a.cta {
    display: inline-block;
    border-radius: 4px;
    background-color: #ff4040;
    color: #fff;
    padding: 16px;
    text-align: baseline;
    line-height: 18px;
    font-size: 18px; }

  nav {
    min-height: 3rem; }

  section.feature {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin: 1rem 0; } }
@media (min-width: 880px) {
  html {
    font-size: 16px; }

  header {
    grid-template-columns: repeat(12, 1fr); }

  nav.global a {
    font-size: 1rem; }

  nav.global a {
    font-size: 1rem; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 880px; } }
@media (min-width: 976px) {
  html {
    font-size: 16px; }

  header {
    grid-template-columns: repeat(12, 1fr); }

  nav.global a {
    font-size: 1rem; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 976px; } }
@media (min-width: 1080px) {
  html {
    font-size: 24px; }

  nav.global a {
    font-size: .75rem; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 1080px; } }
@media (min-width: 1272px) {
  html {
    font-size: 24px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 1272px; }

  /* Adjust the Gallery Grid to 12 Columns Wide  */
  section > h1 {
    font-size: 96px;
    line-height: 96px;
    margin-bottom: 1rem; }

  .gallery-page > section.gallery {
    grid-template-columns: repeat(12, 1fr); }

  .gallery-page > section.gallery > article {
    grid-column: span 2; }

  footer {
    grid-template-columns: repeat(12, 1fr); }

  footer > section {
    grid-column: span 6; }

  footer nav {
    grid-column: span 2; }

  footer nav:nth-of-type(3n+0) {
    grid-column: span 2; }

  .home section.gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin: 8rem 0 8rem;
    align-items: start; }

  .home section.gallery > aside {
    align-self: center;
    margin-top: -.5rem;
    grid-column: 8/ span 4;
    grid-row: 1/ span 2; }

  .home section.gallery > article {
    grid-column: span 2; }

  .home section.gallery:nth-child(2n+1) > aside {
    grid-column: 2/ span 4;
    grid-row: 1/ span 4; }

  .home section.gallery > article:nth-child(2n+0) + article {
    grid-column: span 2; }

  .home section.gallery:nth-child(2n+1) > article:nth-child(2n+0) + article {
    grid-column: span 2; }

  .home section.gallery:nth-child(2n+1) > article {
    grid-column: 7/span 2; }

  .home section.gallery:nth-child(2n+1) > article + article {
    grid-column: span 2; }

  .home section.gallery:nth-child(2n+1) > article:nth-child(4n+0) + article {
    grid-column: 7/span 2; }

  .home section.gallery > aside p {
    max-width: 20em; }

  .home section.gallery > aside p + a.cta {
    margin-top: 16px; }

  .home section.gallery > aside a.cta {
    display: inline-block;
    border-radius: 4px;
    background-color: #ff4040;
    color: #fff;
    padding: 16px;
    text-align: baseline;
    line-height: 18px;
    font-size: 18px; } }
@media (min-width: 1464px) {
  html {
    font-size: 24px; }

  div.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 1464px; }

  /* Adjust Article Grid to 12 Column Wide Layout */
  section.content > article h1,
  section.content > article h2,
  section.content > article h3,
  section.content > article p {
    grid-column: 4/ span 6; } }
@media (min-width: 1560px) {
  html {
    font-size: 24px; }

  div.container {
    max-width: 1560px;
    padding: 0 1rem;
    margin: 0 auto; }

  div.container.gallery-page section.gallery {
    margin-top: 4rem; }

  div.container.content-page section.content {
    margin-top: 4rem; }

  p {
    font-size: 21px;
    line-height: 32px; }

  h1 {
    font-size: 48px;
    line-height: 56px;
    font-family: 'IBM Plex Sans Condensed', 'Helvetica', Arial, sans-serif; }

  h2, h3, h3, h5, h6 {
    font-size: 24px;
    line-height: 32px; }

  .overline {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: calc( 4 * var(--base-spacing)); } }