gram: op

> ./assets/css/page/home.css

Lenses
(coming soon!)

#home {
  max-width: 100%;
  display: grid;
  float: right;
  grid-gap: 2rem;
  grid-template-rows: repeat(8, auto) 1fr;
}
#relay { display: none; }
#campaign { display: flex; flex-direction: column; }

@media ( min-width: 60rem ) {
  #home { grid-template-columns: auto auto; }
  #operand-company { grid-column: 1; }
  #gram            { grid-column: 1; }
  #relay           { display: block; grid-column: 1; }
  #chronicle       { grid-column: 2; grid-row: 1 / -1; }
  #campaign        { flex-direction: row; }
  #campaign iframe { margin-left: 1rem; }
}

@media ( min-width: 100rem ) {
  #home { grid-template-columns: auto auto 20rem; }
  #operand-company { grid-column: 1; }
  #gram            { grid-column: 1; }
  #chronicle       { grid-column: 2; grid-row: 1 / -1; }
}

main.chronicle { max-width: 60rem; margin: auto; }