:root {
  --revstrix-mobile-top-inset: calc(70px + env(safe-area-inset-top, 0px));
  --revstrix-mobile-bottom-inset: calc(80px + env(safe-area-inset-bottom, 0px));
}

.hero[data-disc-gallery] .experience_wrap {
  justify-content: flex-start;
}

.hero[data-disc-gallery] .experience_info {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}

.hero[data-disc-gallery] .info-content {
  width: 100%;
  max-width: 100%;
}

.hero[data-disc-gallery] .testimonial_wrap {
  display: none !important;
}

html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) and (orientation: portrait) {
  body {
    padding-top: var(--revstrix-mobile-top-inset) !important;
    padding-bottom: var(--revstrix-mobile-bottom-inset) !important;
  }

  .hero[data-disc-gallery] {
    box-sizing: border-box;
    height: calc(100svh - var(--revstrix-mobile-top-inset) - var(--revstrix-mobile-bottom-inset));
    min-height: 0;
    overflow: clip;
  }

  .hero[data-disc-gallery] > .container,
  .hero[data-disc-gallery] .experience_wrap {
    height: 100%;
    box-sizing: border-box;
  }

  .hero[data-disc-gallery] .experience_wrap {
    z-index: 3;
    min-height: 0;
    padding: 0.75rem 0 0.4rem;
    pointer-events: none;
  }

  .hero[data-disc-gallery] .experience_info {
    width: 100%;
    max-width: 100%;
    gap: 0.3rem;
    flex: 1 1 auto;
  }

  .hero[data-disc-gallery] .info-content {
    width: 100%;
    max-width: 100%;
  }

  .hero[data-disc-gallery] .experience_info > :first-child {
    font-size: clamp(1.2rem, 5.6vw, 1.7rem);
    line-height: 1;
  }

  .hero[data-disc-gallery] .info-content_panel {
    padding-block: 0.15rem;
  }

  .hero[data-disc-gallery] .info-content_label-wrap {
    padding-top: 0.1rem;
  }

  .hero[data-disc-gallery] .info-content_label-wrap .subheading-xs {
    font-size: 0.55rem;
    line-height: 1.2;
  }

  .hero[data-disc-gallery] .info-content_panel > .paragraph-m {
    max-width: 60%;
    font-size: clamp(0.7rem, 2.7vw, 0.85rem);
    line-height: 1.2;
  }

  .hero[data-disc-gallery] .testimonial_wrap {
    display: none !important;
  }

  .hero[data-disc-gallery] .testimonial {
    min-width: 0;
    width: 100%;
    gap: 0.35rem;
  }

  .hero[data-disc-gallery] .testimonial__stars {
    height: 0.8rem;
    gap: 0.12rem;
    justify-content: flex-start;
  }

  .hero[data-disc-gallery] .testimonial:last-child .testimonial__stars {
    justify-content: flex-end;
  }

  .hero[data-disc-gallery] .testimonial__text {
    gap: 0.12rem;
    align-items: flex-start;
  }

  .hero[data-disc-gallery] .testimonial:last-child .testimonial__text {
    align-items: flex-end;
    text-align: right;
  }

  .hero[data-disc-gallery] [data-mobile-credit-label] {
    margin: 0;
    font-size: clamp(0.55rem, 2vw, 0.68rem);
    line-height: 1.2;
    letter-spacing: 0.08em;
  }

  .hero[data-disc-gallery] [data-mobile-credit-name] {
    margin: 0;
    font-size: clamp(1.15rem, 5.8vw, 1.75rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
    white-space: nowrap;
  }

  .production-content {
    height: auto;
    min-height: calc(100svh - var(--revstrix-mobile-top-inset) - var(--revstrix-mobile-bottom-inset));
    box-sizing: border-box;
  }

  .detail-wheel {
    padding-bottom: calc(2rem + var(--revstrix-mobile-bottom-inset));
  }
}

@media (max-width: 360px) and (orientation: portrait) {
  .hero[data-disc-gallery] .experience_info {
    width: 100%;
    max-width: 100%;
  }

  .hero[data-disc-gallery] .testimonial_wrap {
    display: none !important;
  }

  .hero[data-disc-gallery] [data-mobile-credit-name] {
    font-size: clamp(1rem, 5.5vw, 1.25rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero[data-disc-gallery] .experience-canvas {
    scroll-behavior: auto;
  }
}