/*! 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: 0.67em 0;
}
hr {
  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;
  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: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
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: 0.35em 0.75em 0.625em;
}
legend {
  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"] {
  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;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
:root {
  --page-max-width: 1200px;
}
*,
:after,
:before {
  box-sizing: border-box;
}
img {
  display: block;
  max-width: 100%;
}
.coverpage {
  width: 100%;
  max-width: var(--page-max-width);
  --coverpage-gutter: 20px;
  --coverpage-columns: 2;
  --coverpage-width: 100vw;
  --item-max-width: 200px;
  --coverpage-row-height: calc(
    (
        var(--coverpage-width) - var(--coverpage-gutter) * 2 -
          (var(--coverpage-columns) - 1) * var(--coverpage-gutter)
      ) / var(--coverpage-columns)
  );
  --coverpage-true-max-width: calc(
    var(--item-max-width) * var(--coverpage-columns) +
      (var(--coverpage-columns) + 1) * var(--coverpage-gutter)
  );
  width: var(--coverpage-width);
  max-width: 100%;
  margin: 0 auto;
  padding: var(--coverpage-gutter);
}
@media screen and (pointer: fine) {
  .coverpage {
    --coverpage-width: calc(100vw - 20px);
  }
}
@media screen and (pointer: coarse) and (min-width: 900px),
  screen and (pointer: fine) and (min-width: 1290px) {
  .coverpage {
    --coverpage-width: var(--coverpage-true-max-width);
  }
}
.coverpage .coverpage__inner {
  display: grid;
  grid-gap: var(--coverpage-gutter);
  grid-template-columns: repeat(var(--coverpage-columns), 1fr);
  grid-auto-rows: var(--coverpage-row-height);
}
.coverpage .layout__01 {
  grid-template-areas: "a01 a14" "a10 a17" "a19 a02" "a04 a15" "a06 a20" "adk adk" "adk adk" "a11 a08" "a03 a13" "a07 a09" "a12 a05" "a16 a23" "a18 a22" "a21 a24";
}
.coverpage .layout__02 {
  grid-template-areas: "a24 a20" "a05 a12" "a01 a11" "a09 a17" "a21 a07" "adk adk" "adk adk" "a16 a06" "a23 a03" "a15 a08" "a02 a13" "a22 a18" "a04 a14" "a10 a19";
}
.coverpage .layout__03 {
  grid-template-areas: "a14 a22" "a05 a08" "a18 a06" "a13 a01" "a24 a15" "adk adk" "adk adk" "a12 a07" "a03 a23" "a17 a02" "a11 a16" "a21 a20" "a19 a10" "a04 a09";
}
.coverpage .layout__04 {
  grid-template-areas: "a08 a11" "a16 a04" "a22 a17" "a01 a05" "a14 a24" "adk adk" "adk adk" "a23 a10" "a12 a18" "a02 a15" "a21 a03" "a07 a19" "a09 a06" "a13 a20";
}
.coverpage .layout__05 {
  grid-template-areas: "a07 a17" "a02 a11" "a22 a03" "a12 a16" "a24 a06" "adk adk" "adk adk" "a18 a13" "a21 a05" "a01 a10" "a09 a23" "a08 a19" "a14 a04" "a20 a15";
}
.coverpage .layout__06 {
  grid-template-areas: "a19 a22" "a05 a09" "a10 a24" "a15 a03" "a04 a17" "adk adk" "adk adk" "a11 a07" "a18 a20" "a06 a08" "a23 a01" "a12 a14" "a21 a02" "a13 a16";
}
.coverpage .layout__07 {
  grid-template-areas: "a12 a16" "a21 a07" "a01 a20" "a11 a13" "a17 a02" "adk adk" "adk adk" "a06 a08" "a23 a03" "a24 a14" "a04 a19" "a10 a22" "a05 a15" "a18 a09";
}
.coverpage .layout__08 {
  grid-template-areas: "a01 a09" "a12 a02" "a16 a21" "a03 a17" "a23 a08" "adk adk" "adk adk" "a11 a18" "a04 a13" "a15 a22" "a24 a05" "a06 a19" "a20 a10" "a07 a14";
}
.coverpage .layout__09 {
  grid-template-areas: "a15 a13" "a07 a18" "a12 a04" "a21 a03" "a11 a22" "adk adk" "adk adk" "a14 a23" "a06 a10" "a24 a05" "a02 a16" "a20 a19" "a08 a17" "a01 a09";
}
.coverpage .layout__10 {
  grid-template-areas: "a11 a20" "a17 a07" "a01 a22" "a02 a15" "a10 a24" "adk adk" "adk adk" "a23 a05" "a16 a04" "a03 a14" "a18 a06" "a09 a19" "a08 a13" "a12 a21";
}
.coverpage .item--deko {
  display: block;
}
@media screen and (pointer: coarse) and (min-width: 641px),
  screen and (pointer: fine) and (min-width: 661px) {
  .coverpage {
    --coverpage-columns: 4;
  }
  .coverpage .layout__01 {
    grid-template-areas: "a13 a01 a10 a17" "a07 a22 a03 a04" "a20 adk adk a18" "a02 adk adk a11" "a12 a08 a24 a16" "a06 a14 a05 a21" "a19 a15 a09 a23";
  }
  .coverpage .layout__02 {
    grid-template-areas: "a18 a02 a10 a05" "a01 a13 a20 a15" "a23 adk adk a04" "a08 adk adk a24" "a17 a12 a09 a19" "a22 a03 a06 a11" "a07 a21 a14 a16";
  }
  .coverpage .layout__03 {
    grid-template-areas: "a09 a04 a19 a14" "a11 a18 a10 a15" "a22 adk adk a06" "a17 adk adk a21" "a08 a12 a01 a24" "a02 a05 a16 a23" "a13 a20 a03 a07";
  }
  .coverpage .layout__04 {
    grid-template-areas: "a22 a23 a02 a10" "a17 a16 a05 a08" "a12 adk adk a19" "a21 adk adk a20" "a06 a11 a04 a15" "a13 a01 a07 a24" "a03 a14 a18 a09";
  }
  .coverpage .layout__05 {
    grid-template-areas: "a17 a15 a05 a20" "a03 a24 a11 a06" "a14 adk adk a16" "a09 adk adk a23" "a19 a04 a01 a12" "a13 a22 a10 a07" "a02 a08 a18 a21";
  }
  .coverpage .layout__06 {
    grid-template-areas: "a16 a15 a05 a22" "a12 a06 a20 a09" "a19 adk adk a13" "a10 adk adk a04" "a14 a24 a02 a23" "a11 a07 a17 a08" "a01 a21 a03 a18";
  }
  .coverpage .layout__07 {
    grid-template-areas: "a15 a09 a19 a11" "a02 a16 a06 a23" "a22 adk adk a24" "a13 adk adk a20" "a18 a10 a08 a03" "a14 a04 a17 a05" "a01 a21 a07 a12";
  }
  .coverpage .layout__08 {
    grid-template-areas: "a07 a17 a01 a05" "a16 a20 a13 a21" "a10 adk adk a18" "a02 adk adk a14" "a06 a24 a08 a04" "a23 a03 a12 a22" "a11 a19 a09 a15";
  }
  .coverpage .layout__09 {
    grid-template-areas: "a19 a23 a09 a21" "a01 a14 a05 a16" "a08 adk adk a20" "a13 adk adk a10" "a18 a03 a24 a15" "a02 a12 a17 a04" "a07 a22 a06 a11";
  }
  .coverpage .layout__10 {
    grid-template-areas: "a14 a03 a22 a10" "a20 a16 a04 a19" "a08 adk adk a17" "a21 adk adk a05" "a02 a13 a23 a11" "a15 a07 a12 a06" "a09 a01 a24 a18";
  }
  .coverpage .item--deko {
    display: block;
  }
}
.coverpage .item {
  background: #f3f3f3;
}
.coverpage .item.item--01 {
  grid-area: a01;
}
.coverpage .item.item--02 {
  grid-area: a02;
}
.coverpage .item.item--03 {
  grid-area: a03;
}
.coverpage .item.item--04 {
  grid-area: a04;
}
.coverpage .item.item--05 {
  grid-area: a05;
}
.coverpage .item.item--06 {
  grid-area: a06;
}
.coverpage .item.item--07 {
  grid-area: a07;
}
.coverpage .item.item--08 {
  grid-area: a08;
}
.coverpage .item.item--09 {
  grid-area: a09;
}
.coverpage .item.item--10 {
  grid-area: a10;
}
.coverpage .item.item--11 {
  grid-area: a11;
}
.coverpage .item.item--12 {
  grid-area: a12;
}
.coverpage .item.item--13 {
  grid-area: a13;
}
.coverpage .item.item--14 {
  grid-area: a14;
}
.coverpage .item.item--15 {
  grid-area: a15;
}
.coverpage .item.item--16 {
  grid-area: a16;
}
.coverpage .item.item--17 {
  grid-area: a17;
}
.coverpage .item.item--18 {
  grid-area: a18;
}
.coverpage .item.item--19 {
  grid-area: a19;
}
.coverpage .item.item--20 {
  grid-area: a20;
}
.coverpage .item.item--21 {
  grid-area: a21;
}
.coverpage .item.item--22 {
  grid-area: a22;
}
.coverpage .item.item--23 {
  grid-area: a23;
}
.coverpage .item.item--24 {
  grid-area: a24;
}
.coverpage .item.item--deko {
  grid-area: adk;
}
.coverpage .coverpage__inner .item .item--link {
  display: block;
  height: 100%;
  width: 100%;
}
.coverpage .coverpage__inner .item .item--link .item--background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.coverpage .coverpage__inner .item.item--available:focus,
.coverpage .coverpage__inner .item.item--available:hover {
  cursor: pointer;
}
.coverpage .coverpage__inner .item .item--background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.coverpage .coverpage__inner .item {
  border-radius: 15px;
}
.coverpage .coverpage__inner .item .item--link {
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  backdrop-filter: blur(5px);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.065),
    inset 0 0 2px rgba(0, 0, 0, 0.065), inset 0 0 3px rgba(0, 0, 0, 0.065),
    inset 0 0 5px rgba(0, 0, 0, 0.065), inset 0 0 8px rgba(0, 0, 0, 0.065),
    inset 0 0 13px rgba(0, 0, 0, 0.065), inset 0 0 21px rgba(0, 0, 0, 0.065),
    inset 0 0 34px rgba(0, 0, 0, 0.065), inset 0 0 55px rgba(0, 0, 0, 0.065);
  position: relative;
  z-index: 15;
  outline: none;
}
.coverpage .coverpage__inner .item .item--link .item--background {
  border-radius: 15px;
  position: absolute;
  transform-origin: left;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-color: white;
  border: solid 0px;
  border-radius: 15px;
}

.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open)
  .item--background {
  transition: all 0.2s ease-in-out;
}
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus-visible,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):hover {
  z-index: 17;
  outline: none;
}
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus-visible
  .item--background,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus
  .item--background,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):hover
  .item--background {
  transform: perspective(1000px) rotateY(-15deg);
}
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus-visible
  .item--background,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):focus
  .item--background,
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link:not(.coverpage
    .coverpage__inner
    .item.item--available
    .item--link.open):hover
  .item--background {
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12), 2px 0 2px rgba(0, 0, 0, 0.11),
    3px 1px 3px rgba(0, 0, 0, 0.1), 5px 1px 5px rgba(0, 0, 0, 0.08),
    8px 2px 8px rgba(0, 0, 0, 0.08), 13px 3px 13px rgba(0, 0, 0, 0.08),
    21px 5px 21px rgba(0, 0, 0, 0.08), 34px 8px 34px rgba(0, 0, 0, 0.08),
    55px 13px 55px rgba(0, 0, 0, 0.08);
}
.coverpage .coverpage__inner .item.item--available .item--link.open {
  z-index: 16;
}
.coverpage
  .coverpage__inner
  .item.item--available
  .item--link.open
  .item--background {
  transform: perspective(1000px) rotateY(-87deg);
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.12), 2px 0 2px rgba(0, 0, 0, 0.11),
    3px 0 3px rgba(0, 0, 0, 0.1), 8px 0 5px rgba(0, 0, 0, 0.08),
    13px 0 8px rgba(0, 0, 0, 0.08), 21px 0 13px rgba(0, 0, 0, 0.08),
    34px 0 21px rgba(0, 0, 0, 0.08), 55px 0 34px rgba(0, 0, 0, 0.08),
    89px 0 55px rgba(0, 0, 0, 0.08);
}