:root {
  --ryzerine_highlight-background: #fafafa40;
  --ryzerine_pure-white: white;
  --ryzerine_pure-black: black;
  --ryzerine_off-black: #0a0a0a;
  --ryzerine_off-white: #fafafa;
}

.ryzerine_main-header {
  width: 100%;
  overflow: hidden;
}

.ryzerine_main-nav {
  z-index: 97;
  width: 100%;
  padding: 8px var(--ryzerine_main-padding);
  min-height: var(--ryzerine_nav-min-height);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_logo-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.nav_menu-trigger {
  cursor: pointer;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ryzerine_menu-trigger-gap);
  flex-flow: column;
  min-height: 16px;
  display: flex;
}

.nav_social-container {
  justify-content: flex-start;
  align-items: center;
  gap: var(--ryzerine_nav-social-gap);
  display: flex;
}

.ryzerine_main-section {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ryzerine_main-section.ryzerine_secondary-section {
  background-color: var(--ryzerine_off-black);
  color: var(--ryzerine_off-white);
}

.ryzerine_main-section.ryzerine_primary-section {
  color: var(--ryzerine_off-black);
  background-color: var(--ryzerine_off-white);
}

.nav_social-link {
  width: var(--ryzerine_nav-social-icon);
  display: block;
}

.hero_main-container {
  z-index: 1;
  width: 100%;
  height: 100dvh;
  padding: 8px var(--ryzerine_main-padding);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_main-background {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.nav_trigger-line {
  height: 1px;
  position: relative;
}

.nav_logo-wrapper {
  width: var(--ryzerine_nav-main-logo);
  display: block;
}

.nav_social-icon, .nav_main-logo {
  width: 100%;
  color: var(--ryzerine_off-white);
}

.nav_main-role {
  text-align: center;
  width: 75vw;
  color: var(--ryzerine_off-white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hero_main-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.discovery_main-container {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 8px;
  padding-right: 2px;
  display: flex;
}

.discovery_icon-wrapper {
  width: 10px;
}

.discovery_main-icon {
  width: 100%;
}

.ryzerine_main-highlight {
  aspect-ratio: 2.39;
  border-radius: 2px;
  width: clamp(358.4px, 24vw, 435.2px);
  padding: 2.5px;
  display: block;
  position: relative;
}

.highlight_image-container {
  aspect-ratio: 1;
  border-radius: 2px;
  width: 41.5%;
  position: relative;
}

.highlight_content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 58.5%;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.highlight_main-background {
  z-index: 0;
  background-color: var(--ryzerine_highlight-background);
  border-radius: 2px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.highlight_main-container {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.highlight_main-image {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.highlight_headline-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.highlight_label-container {
  opacity: .85;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.highlight_label-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 4px;
  padding-right: 6px;
  display: flex;
}

.highlight_icon-wrapper {
  width: 7px;
}

.highlight_main-icon {
  width: 100%;
}

.highlight_main-action {
  opacity: .85;
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.hero_main-image {
  object-fit: cover;
  object-position: 50% 33%;
  width: 100%;
  max-width: none;
  height: 120%;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.ryzerine_main-discovery {
  opacity: .5;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.showcase_main-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  padding: 96px var(--ryzerine_main-padding);
  flex-flow: column;
  display: flex;
}

.showcase_headline-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.showcase_content-container {
  grid-column-gap: 192px;
  grid-row-gap: 192px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.showcase_content-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.showcase_main-content {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.showcase_image-wrapper {
  border-radius: 2px;
  width: 100%;
  position: relative;
}

.showcase_main-image {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.showcase_meta-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.hero_background-overlay {
  z-index: 1;
  background-image: linear-gradient(#000000bf, #0000);
  width: 100%;
  height: 35dvh;
  position: absolute;
  inset: 0% 0% auto;
}

@media screen and (max-width: 991px) {
  .nav_main-role {
    width: 97vw;
  }

  .ryzerine_main-highlight {
    width: clamp(364px, 50vw, 495.2px);
  }

  .hero_main-image {
    object-position: 36% 33%;
  }

  .showcase_main-container {
    padding: 80px var(--ryzerine_main-padding);
  }

  .showcase_content-container {
    grid-column-gap: 124px;
    grid-row-gap: 124px;
  }

  .showcase_content-wrapper {
    grid-column-gap: 2px;
    grid-row-gap: 124px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero_background-overlay {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .ryzerine_main-highlight {
    width: 80vw;
  }

  .showcase_main-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 56px var(--ryzerine_main-padding);
  }

  .showcase_content-container, .showcase_content-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

#w-node-_7d5f5796-20b8-16d7-6ff8-773e76ae49ae-76ae49ac {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center start;
}

#w-node-_7d5f5796-20b8-16d7-6ff8-773e76ae49b8-76ae49ac {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_7d5f5796-20b8-16d7-6ff8-773e76ae49be-76ae49ac {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center end;
}

#w-node-c30a110b-c6d9-8a4e-024e-fb50b9cab762-b9cab760 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center start;
}

#w-node-c30a110b-c6d9-8a4e-024e-fb50b9cab76c-b9cab760 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-c30a110b-c6d9-8a4e-024e-fb50b9cab76f-b9cab760 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center end;
}