/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

:root {
  --page-max-width: 1200px
;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.coverpage {
  width: 100%;
  max-width: var(--page-max-width);
  --coverpage-width: calc(100vw - (2 * (1.5rem + 20px)));
  --coverpage-gutter: 10px;
  --coverpage-columns: 3;
  --item-max-width: 200px;
  /* --coverpage-row-height: calc(((var(--coverpage-width)) - (var(--coverpage-gutter) * (var(--coverpage-columns) - 1))) / var(--coverpage-columns)); */
  --coverpage-row-height: calc(((var(--coverpage-width)) - (var(--coverpage-gutter) * (var(--coverpage-columns) - 1))) / var(--coverpage-columns));
  --coverpage-true-max-width: calc(var(--item-max-width)*var(--coverpage-columns) + (var(--coverpage-columns) + 5)*var(--coverpage-gutter));
  margin: 0 auto;
  padding: 1rem;
}

.coverpage .coverpage__inner {
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[var];
      grid-template-columns: repeat(var(--coverpage-columns), 1fr);
  grid-auto-rows: var(--coverpage-row-height);
  grid-gap: var(--coverpage-gutter);
}

.coverpage .coverpage__inner .item {
  display: block;
  overflow: hidden;
}

.coverpage .coverpage__inner .item img {
  max-width: 100%;
  display: block;
  min-height: 100%;
  height: auto;
}

.coverpage .coverpage__inner.layout__01 {
      grid-template-areas: "a02 a02 a22"  "a23 a06 a06"  "a24 a24 a15"  "a24 a24 a15"  "a24 a24 a11"  "a14 a01 a03"  "a12 a05 a05"  "a12 a05 a05"  "a20 a18 a04"  "a13 a13 a07"  "a13 a13 a10"  "a21 a17 a17"  "a16 a16 a08"  "a09 a19 a19";
}

.coverpage .coverpage__inner.layout__02 {
      grid-template-areas: "a14 a01 a03"  "a12 a05 a05"  "a12 a05 a05"  "a20 a18 a04"  "a13 a13 a07"  "a13 a13 a10"  "a21 a17 a17"  "a16 a16 a08"  "a09 a19 a19"  "a02 a02 a22"  "a23 a06 a06"  "a24 a24 a15"  "a24 a24 a15"  "a24 a24 a11";
}

.coverpage .coverpage__inner.layout__03 {
      grid-template-areas: "a09 a19 a19"  "a02 a02 a22"  "a23 a06 a06"  "a24 a24 a15"  "a24 a24 a15"  "a24 a24 a11"  "a14 a01 a03"  "a12 a05 a05"  "a12 a05 a05"  "a20 a18 a04"  "a13 a13 a07"  "a13 a13 a10"  "a21 a17 a17"  "a16 a16 a08";
}

.coverpage .coverpage__inner.layout__04 {
      grid-template-areas: "a24 a24 a15"  "a24 a24 a15"  "a24 a24 a11"  "a14 a01 a03"  "a12 a05 a05"  "a12 a05 a05"  "a20 a18 a04"  "a13 a13 a07"  "a13 a13 a10"  "a21 a17 a17"  "a16 a16 a08"  "a09 a19 a19"  "a02 a02 a22"  "a23 a06 a06";
}

.coverpage .coverpage__inner.layout__05 {
      grid-template-areas: "a09 a19 a19"  "a16 a16 a08"  "a21 a17 a17"  "a13 a13 a10"  "a13 a13 a07"  "a20 a18 a04"  "a12 a05 a05"  "a12 a05 a05"  "a14 a01 a03"  "a24 a24 a11"  "a24 a24 a15"  "a24 a24 a15"  "a23 a06 a06"  "a02 a02 a22";
}

@media screen and (pointer: coarse) and (min-width: 641px), screen and (pointer: fine) and (min-width: 661px) {
  .coverpage {
    --coverpage-columns: 6;
    --coverpage-row-height: calc(((var(--coverpage-width)) - (var(--coverpage-gutter) * (var(--coverpage-columns) - 1))) / var(--coverpage-columns));
  }
  .coverpage .coverpage__inner .item {
    display: block;
  }
  .coverpage .coverpage__inner.layout__01 {
        grid-template-areas: "a02 a02 a22 a23 a14 a01"  "a07 a09 a06 a06 a03 a11"  "a08 a10 a24 a24 a12 a15"  "a19 a19 a24 a24 a12 a15"  "a17 a17 a24 a24 a21 a04"  "a13 a13 a16 a16 a05 a05"  "a13 a13 a20 a18 a05 a05";
  }
  .coverpage .coverpage__inner.layout__02 {
        grid-template-areas: "a08 a24 a24 a22 a02 a02"  "a10 a24 a24 a16 a16 a15"  "a20 a24 a24 a13 a13 a15"  "a21 a06 a06 a13 a13 a12"  "a17 a17 a11 a09 a03 a12"  "a05 a05 a14 a23 a01 a18"  "a05 a05 a07 a04 a19 a19";
  }
  .coverpage .coverpage__inner.layout__03 {
        grid-template-areas: "a16 a16 a24 a24 a02 a02"  "a12 a21 a24 a24 a19 a19"  "a12 a23 a24 a24 a04 a07"  "a03 a18 a20 a15 a05 a05"  "a13 a13 a09 a15 a05 a05"  "a13 a13 a14 a08 a01 a22"  "a06 a06 a10 a11 a17 a17";
  }
  .coverpage .coverpage__inner.layout__04 {
        grid-template-areas: "a06 a06 a17 a17 a05 a05"  "a02 a02 a21 a01 a05 a05"  "a04 a23 a16 a16 a08 a12"  "a18 a07 a09 a22 a03 a12"  "a24 a24 a15 a20 a14 a10"  "a24 a24 a15 a11 a13 a13"  "a24 a24 a19 a19 a13 a13";
  }
  .coverpage .coverpage__inner.layout__05 {
        grid-template-areas: "a13 a13 a14 a18 a11 a12"  "a13 a13 a17 a17 a20 a12"  "a03 a21 a19 a19 a24 a24"  "a07 a02 a02 a09 a24 a24"  "a22 a15 a23 a10 a24 a24"  "a08 a15 a06 a06 a05 a05"  "a16 a16 a01 a04 a05 a05";
  }
}

@media screen and (pointer: coarse) and (min-width: 1200px), screen and (pointer: fine) and (min-width: 1220px) {
  .coverpage {
    --coverpage-width: calc(1200px - (2 * 1rem));
  }
  .coverpage .coverpage__inner {
    --coverpage-columns: 6;
    --coverpage-row-height: calc(((var(--coverpage-width)) - (var(--coverpage-gutter) * (var(--coverpage-columns) - 1))) / var(--coverpage-columns));
  }
}

.coverpage .item.item--1 {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
  grid-area: a01;
}

.coverpage .item.item--2 {
  -ms-grid-row: 14;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: a02;
}

.coverpage .item.item--3 {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  grid-area: a03;
}

.coverpage .item.item--4 {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
  grid-area: a04;
}

.coverpage .item.item--5 {
  -ms-grid-row: 7;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: a05;
}

.coverpage .item.item--6 {
  -ms-grid-row: 13;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: a06;
}

.coverpage .item.item--7 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: a07;
}

.coverpage .item.item--8 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: a08;
}

.coverpage .item.item--9 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a09;
}

.coverpage .item.item--10 {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  grid-area: a10;
}

.coverpage .item.item--11 {
  -ms-grid-row: 10;
  -ms-grid-column: 3;
  grid-area: a11;
}

.coverpage .item.item--12 {
  -ms-grid-row: 7;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: a12;
}

.coverpage .item.item--13 {
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: a13;
}

.coverpage .item.item--14 {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  grid-area: a14;
}

.coverpage .item.item--15 {
  -ms-grid-row: 11;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: a15;
}

.coverpage .item.item--16 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: a16;
}

.coverpage .item.item--17 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: a17;
}

.coverpage .item.item--18 {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
  grid-area: a18;
}

.coverpage .item.item--19 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: a19;
}

.coverpage .item.item--20 {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  grid-area: a20;
}

.coverpage .item.item--21 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: a21;
}

.coverpage .item.item--22 {
  -ms-grid-row: 14;
  -ms-grid-column: 3;
  grid-area: a22;
}

.coverpage .item.item--23 {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
  grid-area: a23;
}

.coverpage .item.item--24 {
  -ms-grid-row: 10;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: a24;
}

.coverpage .coverpage__inner .item.item--available:focus,
.coverpage .coverpage__inner .item.item--available:hover {
  cursor: pointer;
}
/*# sourceMappingURL=main2.css.map */