@font-face {
  font-family: Calsans;
  src: url('../fonts/CalSans-SemiBold.woff2') format("woff2"), url('../fonts/CalSans-SemiBold.woff') format("woff"), url('../fonts/CalSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --_color---body--base: #14101b;
  --_color---text--base: #f6eeff;
  --_device---font--size--body: 12rem;
  --_device---font--line-height--body: 9.1rem;
  --_device---separator--regular: var(--size--regular);
  --size--regular: 1rem;
  --size--small: .5rem;
  --_color---link: #fff;
  --_color---link-hover: #adffed;
  --_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>: 2rem;
  --separator-regular: 1rem;
  --_device---separator--small: var(--size--small);
  --_device---separator--brand--logo--width: 40rem;
  --_device---font--size--link: var(--size--regular);
  --size--octuple-regular: 8rem;
}

body {
  background-color: var(--_color---body--base);
  color: var(--_color---text--base);
  font-family: Calsans, Arial, sans-serif;
  font-size: var(--_device---font--size--body);
  line-height: var(--_device---font--line-height--body);
  text-transform: uppercase;
  word-break: break-all;
  --_device---font--size--body: 12rem;
  --_device---font--line-height--body: 9.1rem;
  --_device---separator--regular: var(--size--regular);
  --_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>: 2rem;
  --_device---separator--small: var(--size--small);
  --_device---separator--brand--logo--width: 40rem;
  --_device---font--size--link: var(--size--regular);
  font-weight: 800;
}

h1 {
  font-size: var(--_device---font--size--body);
  line-height: var(--_device---font--line-height--body);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  margin-bottom: 40px;
}

a {
  margin-top: var(--_device---separator--regular);
  margin-bottom: var(--size--regular);
  padding-bottom: var(--size--small);
  border-bottom: 4px solid var(--_color---link);
  color: var(--_color---link);
  text-align: right;
  letter-spacing: 2px;
  word-break: normal;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6rem;
  text-decoration: none;
  display: block;
  position: relative;
}

a:hover {
  border-bottom-color: var(--_color---link-hover);
  color: var(--_color---link-hover);
  text-shadow: 0 0 24px var(--_color---link-hover);
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-family: Funnel Display;
  font-weight: 700;
}

em {
  overflow-wrap: anywhere;
  font-style: italic;
}

sup, sub {
  font-size: var(--_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>);
}

.rich-text-block {
  padding-left: .4rem;
  padding-right: .4rem;
  font-weight: 400;
}

.image {
  margin-right: var(--separator-regular);
  float: left;
  filter: brightness(200%);
  width: 154px;
  margin-bottom: 0;
  display: inline;
  position: relative;
}

.text-main {
  display: inline;
}

.text-main.sub {
  font-size: 1.2rem;
}

.text-main.none {
  display: none;
}

.div-block {
  opacity: 0;
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle farthest-side at 0 0, #2b2b2b, #fff 1%, #1a1a1a 2%, #000);
  transition: all 1s cubic-bezier(.68, -.55, .265, 1.55);
  position: fixed;
  inset: 0%;
}

.div-block:hover {
  opacity: 1;
  filter: invert();
  mix-blend-mode: hue;
}

.text-mini {
  font-size: 1.2rem;
  line-height: 1rem;
  display: block;
}

.text-mini.right {
  text-align: right;
}

.image-2 {
  width: 12rem;
}

.link-block {
  grid-column-gap: var(--_device---separator--regular);
  grid-row-gap: var(--_device---separator--regular);
  mix-blend-mode: luminosity;
  justify-content: flex-end;
  align-items: baseline;
  display: flex;
}

.link-block:hover {
  mix-blend-mode: hard-light;
}

.key-visual {
  z-index: -1;
  background-image: url('../images/IMG_7351.avif');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.all {
  padding-bottom: 3.2rem;
  position: relative;
}

.image-3 {
  object-fit: fill;
  align-self: flex-end;
  width: 92%;
  display: block;
  transform: rotate(0);
}

.social-link {
  filter: contrast(30%) saturate(107%);
  border-bottom-style: none;
  width: 80px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.social-link.fonomo {
  filter: none;
  mix-blend-mode: screen;
}

.div-block-2 {
  grid-column-gap: var(--size--small);
  grid-row-gap: var(--size--small);
  flex-flow: column;
  display: inline-flex;
}

.div-block-3 {
  grid-column-gap: var(--separator-regular);
  grid-row-gap: var(--separator-regular);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-4 {
  object-fit: cover;
}

.poster {
  object-fit: cover;
  display: block;
}

.poster:hover {
  mix-blend-mode: exclusion;
}

.poster.zoom:hover {
  mix-blend-mode: difference;
}

.div-block-5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-link {
  border: 1px #000;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.image-link.single {
  width: 80vw;
}

.image-5 {
  object-fit: fill;
  width: 98vw;
  height: 94vh;
  display: block;
  transform: rotate(0);
}

@media screen and (max-width: 991px) {
  body {
    --_device---font--size--body: 10rem;
    --_device---font--line-height--body: 7.2rem;
    --_device---separator--regular: var(--size--regular);
    --_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>: 2rem;
    --_device---separator--small: var(--size--small);
    --_device---separator--brand--logo--width: 40rem;
    --_device---font--size--link: var(--size--regular);
  }

  a {
    font-size: 2.2rem;
  }

  .image {
    width: 120px;
  }

  .key-visual {
    background-position: 50% 0;
  }

  .image-3 {
    height: 100vh;
  }

  .image-5 {
    width: 96vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_device---font--size--body: 8rem;
    --_device---font--line-height--body: 5.8rem;
    --_device---separator--regular: var(--size--regular);
    --_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>: 2rem;
    --_device---separator--small: var(--size--small);
    --_device---separator--brand--logo--width: 40rem;
    --_device---font--size--link: var(--size--regular);
  }

  a {
    word-break: normal;
    font-size: 1.6rem;
  }

  em {
    font-size: 1rem;
    line-height: 1rem;
  }

  .rich-text-block {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .text-main.sub {
    font-size: .8rem;
  }

  .image-2 {
    width: 12rem;
  }

  .all {
    padding-bottom: 2rem;
  }

  .image-3 {
    width: 84%;
  }

  .image-link.single {
    width: 100vw;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_device---font--size--body: 6.4rem;
    --_device---font--line-height--body: 4.8rem;
    --_device---separator--regular: var(--size--regular);
    --_device---font--size--subscript\<deleted\|variable-46b50450-fdaa-3b6e-2595-105ebad0579a\>: 2rem;
    --_device---separator--small: var(--size--small);
    --_device---separator--brand--logo--width: 40rem;
    --_device---font--size--link: var(--size--regular);
  }

  .image {
    width: 92px;
  }

  .link-block {
    flex-flow: column;
  }

  .div-block-4 {
    grid-template-columns: 1fr;
  }

  .poster.zoom {
    object-fit: cover;
    object-position: 50% 50%;
    min-height: 60vh;
  }

  .poster.zoom:hover {
    object-fit: contain;
  }

  .div-block-6 {
    grid-template-columns: 1fr;
    display: block;
  }
}

#w-node-fbc1bde5-56b2-878f-7690-442523b1f179-cfdd5b44, #w-node-_2d57c7b7-c16a-4899-f8ee-a0e2f7754691-cfdd5b44, #w-node-bf680b41-fb90-bc70-c2ae-a80dabfdbe4b-cfdd5b44, #w-node-dc05e3e4-de30-f4b2-d408-627ca6dd5285-cfdd5b44, #w-node-_5d903d97-0d97-ae12-6541-313798dfacf1-cfdd5b44, #w-node-f5904794-30f8-1432-5f31-c14243ad1294-cfdd5b44, #w-node-ed635e1f-8a27-4088-ba39-f51469d754c4-cfdd5b44, #w-node-bbf0f522-4a10-1830-83e9-7ec964e8e3b5-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-c0b3041a-f8fb-42f4-a03f-22cedd931543-cfdd5b44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_403ff4ba-9d06-b2a7-1faa-7cc309ee1993-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-_187bfd8c-4749-8929-d461-68e6b5262007-cfdd5b44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_187bfd8c-4749-8929-d461-68e6b5262008-cfdd5b44, #w-node-_187bfd8c-4749-8929-d461-68e6b526200a-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-_059cac9d-199a-ef14-45bf-c2e9ee7efdb5-cfdd5b44 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start stretch;
}

#w-node-_22ee960d-39b1-0152-ff2b-352dbad0d8fc-cfdd5b44 {
  align-self: end;
}

#w-node-_85df6339-f25d-d59d-4724-9636df01eb13-cfdd5b44, #w-node-_8a7a7c25-c164-c9ec-5de5-9cf3857cf229-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-c3369ed7-9645-9055-21a6-e49438b9f4ad-cfdd5b44 {
  align-self: end;
}

#w-node-_33992e88-b2ea-e824-b6e3-58de2eaa3935-cfdd5b44, #w-node-_8d4d7134-9e84-9e9d-bcfa-e3726c953f8e-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-_85c8e61a-740f-09ae-a3aa-4b5817fedd3d-cfdd5b44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-f34f5db3-d70a-95dc-1578-cc959b358454-cfdd5b44, #w-node-d38e2029-6202-9584-21c5-2a1fc501ff5e-cfdd5b44, #w-node-_9d2014b0-3998-1d46-6ae1-36594ef25ff7-cfdd5b44 {
  place-self: stretch stretch;
}

#w-node-_79913a34-5a11-0c50-5df0-c4e2750b2671-cfdd5b44 {
  grid-area: span 2 / span 3 / span 2 / span 3;
  place-self: stretch stretch;
}

@media screen and (max-width: 479px) {
  #w-node-c0b3041a-f8fb-42f4-a03f-22cedd931543-cfdd5b44, #w-node-_187bfd8c-4749-8929-d461-68e6b5262007-cfdd5b44, #w-node-_059cac9d-199a-ef14-45bf-c2e9ee7efdb5-cfdd5b44 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Calsans';
  src: url('../fonts/CalSans-SemiBold.woff2') format('woff2'), url('../fonts/CalSans-SemiBold.woff') format('woff'), url('../fonts/CalSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}