* {
  box-sizing:border-box;
}

:root {
  --black:#000;
  --white:#fff;
  --header-height:64px;
}

html,
body {
  margin:0;
  min-height:100%;
}

body {
  background:var(--white);
  color:var(--black);
  font-family:"futura-pt-condensed", sans-serif;
}

.collection-directory-page {
  padding-top:var(--header-height);
}

.collection-directory {
  width:440px;
  max-width:100%;
  height:732px;
  min-height:0;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

.collection-directory > a {
  position:absolute;
  display:block;
  text-decoration:none;
  will-change:transform;
}

.collection-directory > a img {
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
}

.collection-eternal {
  left:calc(22.807 / 440 * 100%);
  top:calc(311.7549 / 772 * 100%);
  width:calc(210.9434 / 440 * 100%);
}

.collection-reflections {
  left:calc(58.6086 / 440 * 100%);
  top:calc(175.245 / 772 * 100%);
  width:calc(318.9975 / 440 * 100%);
}

.collection-catelier {
  left:calc(280.6789 / 440 * 100%);
  top:calc(440.0606 / 772 * 100%);
  width:calc(133.5626 / 440 * 100%);
}

.collection-directory-page .footer {
  display:none;
}