/* Story of Eyes + Gallery One intros — match the approved Gears Showcase presentation. */

.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .stamps-description,
.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .stamps-heading,
.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .stamps-lede {
  font-family: var(--jost-font, "Jost", sans-serif) !important;
}

/* Jost uses a taller text box than the former serif face. Recover that space
   from the CTA's empty top margin so the copy remains fully visible without
   moving the photo stack, handwritten label, or arrow. */
.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-cta {
  margin-top: max(0px, calc(clamp(2rem, 8vh, 4rem) - 42px));
}

.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .lu-photo-return {
  position: absolute;
  top: auto;
  right: clamp(22px, 6vw, 92px);
  bottom: clamp(34px, 7vh, 82px);
  left: auto;
  width: clamp(96px, 9vw, 116px);
  height: clamp(96px, 9vw, 116px);
  min-height: 0;
  max-width: none;
  padding: clamp(12px, 1.4vw, 17px);
  flex-direction: column;
  gap: 5px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.02);
  border-top: 1.4px solid rgba(208, 243, 255, 0.4);
  border-left: 1.4px solid rgba(255, 255, 255, 0.2);
  border-right: 1.4px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1.2px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: rgba(20, 20, 22, 0.22);
  -webkit-backdrop-filter: blur(22px) saturate(200%);
  backdrop-filter: blur(22px) saturate(200%);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  transform: none;
  color: #fff !important;
}

.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .lu-photo-return:hover,
.lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .lu-photo-return:focus-visible {
  background: #91BFAC !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  outline: 1px solid #FADC55 !important;
  outline-offset: 2px !important;
  transform: translateY(-2px);
}

@media (max-width: 599px) {
  .lu-photography-page:is([data-lu-photo-page="brand"], [data-lu-photo-page="gallery"]) .stamps-intro-panel .lu-photo-return {
    right: clamp(14px, 4vw, 24px);
    bottom: clamp(22px, 4vh, 36px);
    width: 84px;
    height: 84px;
    padding: 10px;
    font-size: 7.5px;
  }
}