@font-face {
  font-family: "Season Mix";
  src: url("/a/fonts/season-mix/SeasonMix-TRIAL-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Season Mix";
  src: url("/a/fonts/season-mix/SeasonMix-TRIAL-RegularItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

.framer-4yleak[data-framer-name="BG"] {
  display: none !important;
}

body {
  background: #000;
}

header[data-framer-name="Hero Container"] {
  background: #160004 !important;
  height: 100svh !important;
  min-height: 640px !important;
  overflow: hidden !important;
  position: relative !important;
}

header[data-framer-name="Hero Container"] > :not(.idgaf-hero-art) {
  pointer-events: none !important;
  visibility: hidden !important;
}

.idgaf-hero-art {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  visibility: visible !important;
  z-index: 0;
}

.idgaf-hero-scene {
  aspect-ratio: 1512 / 982;
  background: #030303;
  height: max(100%, calc(100vw * 982 / 1512));
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(100%, calc(100svh * 1512 / 982));
}

.idgaf-hero-glow,
.idgaf-hero-geometry,
.idgaf-hero-line,
.idgaf-hero-noise,
.idgaf-hero-pillar,
.idgaf-hero-type {
  position: absolute;
}

.idgaf-hero-glow img,
.idgaf-hero-geometry img,
.idgaf-hero-line img,
.idgaf-hero-pillar img {
  display: block;
  height: 100%;
  max-width: none;
  width: 100%;
}

.idgaf-hero-glow--outer {
  height: 182.3%;
  left: -9.2%;
  top: 50%;
  transform: translateY(-50%);
  width: 118.4%;
}

.idgaf-hero-glow--outer img {
  height: 178.2%;
  left: -39.1%;
  position: absolute;
  top: -39.1%;
  width: 178.2%;
}

.idgaf-hero-glow--inner {
  height: 123.2%;
  left: 10%;
  mix-blend-mode: soft-light;
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
}

.idgaf-hero-glow--inner img {
  height: 199.2%;
  left: -49.6%;
  position: absolute;
  top: -49.6%;
  width: 199.2%;
}

.idgaf-hero-geometry {
  mix-blend-mode: overlay;
}

.idgaf-hero-geometry--one {
  height: 105.7%;
  left: 15.7%;
  top: -2.7%;
  width: 68.6%;
}

.idgaf-hero-geometry--two {
  height: 82.7%;
  left: 23.1%;
  top: 8.7%;
  width: 53.7%;
}

.idgaf-hero-geometry--three {
  height: 63.4%;
  left: 29.4%;
  top: 18.4%;
  width: 41.2%;
}

.idgaf-hero-line {
  left: 0;
  mix-blend-mode: overlay;
  top: 50%;
  transform-origin: center;
  width: 100%;
}

.idgaf-hero-line img {
  height: 2px;
}

.idgaf-hero-line--two {
  transform: rotate(30deg);
}

.idgaf-hero-line--three {
  transform: rotate(150deg);
}

.idgaf-hero-line--four {
  transform: rotate(90deg);
}

.idgaf-hero-noise {
  background: url("/a/images/hero-noise.webp") 0 0 / 256px 256px repeat;
  inset: 0;
  mix-blend-mode: overlay;
  opacity: 0.34;
}

.idgaf-hero-pillar {
  height: 100.2%;
  overflow: hidden;
  top: 0;
  width: 26.4%;
}

.idgaf-hero-pillar img {
  height: 104.5%;
  left: -71.9%;
  position: absolute;
  top: -2.4%;
  width: 171.9%;
}

.idgaf-hero-pillar--left {
  left: 0;
}

.idgaf-hero-pillar--right {
  right: 0;
  transform: scaleX(-1);
}

.idgaf-hero-type {
  height: 100%;
  inset: 0;
  overflow: visible;
  width: 100%;
}

.idgaf-hero-shader,
.idgaf-hero-shader > div,
.idgaf-hero-shader canvas {
  height: 100% !important;
  width: 100% !important;
}

.idgaf-hero-shader {
  background: #f7f7f6;
  position: relative;
}

.idgaf-hero-shader::after {
  background: rgb(255 255 255 / 10%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.idgaf-hero-shader canvas {
  filter: grayscale(1) contrast(0.72) brightness(1.12);
  opacity: 0.82;
}

.idgaf-hero-shader-fallback {
  background: linear-gradient(110deg, #d9d9d7, #fff 42%, #e3e3e1 68%, #fffdf8);
  height: 100%;
  width: 100%;
}

html.idgaf-over-hero nav.idgaf-static-navigation {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 809px),
  (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
  .idgaf-hero-scene {
    aspect-ratio: auto;
    background: #160004;
    height: 100%;
    inset: 0;
    min-height: 100%;
    transform: none;
    width: 100%;
  }

  .idgaf-hero-pillar {
    display: none;
  }

  /* Keep the radial construction circular on portrait screens. The desktop
     percentages are based on a wide 1512:982 canvas and otherwise stretch the
     ellipses vertically on a phone. */
  .idgaf-hero-glow,
  .idgaf-hero-geometry {
    aspect-ratio: 1;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .idgaf-hero-glow--outer {
    width: max(185vw, 104svh);
  }

  .idgaf-hero-glow--outer img,
  .idgaf-hero-glow--inner img {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
  }

  .idgaf-hero-glow--inner {
    width: max(138vw, 78svh);
  }

  .idgaf-hero-geometry--one {
    width: max(154vw, 86svh);
  }

  .idgaf-hero-geometry--two {
    width: max(121vw, 68svh);
  }

  .idgaf-hero-geometry--three {
    width: max(93vw, 52svh);
  }

  .idgaf-hero-line {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(185vw, 104svh);
  }

  .idgaf-hero-line--two {
    transform: translate(-50%, -50%) rotate(30deg);
  }

  .idgaf-hero-line--three {
    transform: translate(-50%, -50%) rotate(150deg);
  }

  .idgaf-hero-line--four {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .idgaf-hero-type {
    height: 100%;
    transform: scale(1.52);
    transform-origin: center;
    width: 100%;
  }
}

@media (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {
  .idgaf-hero-glow--outer,
  .idgaf-hero-line {
    width: max(120vw, 180svh);
  }

  .idgaf-hero-geometry--one { width: max(98vw, 150svh); }
  .idgaf-hero-geometry--two { width: max(77vw, 118svh); }
  .idgaf-hero-geometry--three { width: max(59vw, 90svh); }
}