button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font: inherit;
  text-align: left;
  outline: 0;
  padding: 0;
  cursor: pointer;
  line-height: initial;
  transition: color var(--maintran); }
  button.active {
    color: var(--williams); }

main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  grid-column-gap: var(--mainpad); }
  @media (max-width : 999px) {
    main {
      grid-template-columns: repeat(4, 1fr);
      grid-row-gap: calc(2 * var(--mainpad)); } }
  main aside {
    grid-column: 1/3;
    position: fixed;
    display: flex;
    flex-direction: column; }
  main article {
    grid-column: 3/13; }
    @media (max-width : 999px) {
      main article {
        grid-column: 1/5;
        margin-top: calc(2 *var(--doublepad)); } }
section {
  opacity: 0;
  transition: opacity var(--maintran);
  overflow: hidden;
  max-height: 0; }
  section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  section.active {
    opacity: 1;
    max-height: 100000px;
    overflow: visible; }
    section.active .cluster {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      column-gap: var(--mainpad);
      row-gap: var(--mainpad);
      grid-auto-rows: var(--column);
      margin-bottom: calc(var(--column) + var(--mainpad)); }
  section img:first-of-type {
    grid-column: 3/6;
    grid-row: 1/4; }
  section img:nth-of-type(2) {
    grid-column: 7/11;
    grid-row: 3/8; }
  section img:nth-of-type(3) {
    grid-column: 2/6;
    grid-row: 7/10; }
  section img:nth-of-type(4) {
    grid-column: 6/10;
    grid-row: 11/15; }
  section img:nth-of-type(5) {
    grid-column: 1/4;
    grid-row: 14/18; }
  section:nth-of-type(2n) img:first-of-type {
    grid-column: 7/11;
    grid-row: 1/4; }
  section:nth-of-type(2n) img:nth-of-type(2) {
    grid-column: 1/5;
    grid-row: 3/8; }
  section:nth-of-type(2n) img:nth-of-type(3) {
    grid-column: 6/10;
    grid-row: 7/10; }
  section:nth-of-type(2n) img:nth-of-type(4) {
    grid-column: 1/5;
    grid-row: 11/15; }
  section:nth-of-type(2n) img:nth-of-type(5) {
    grid-column: 6/10;
    grid-row: 14/18; }