/* Append after the existing site CSS; keep .intro-actions from pages.css. */
.ritual-tour-link {
  margin: 18px 0 0 33px;
  max-width: calc(100% - 33px);
  min-height: 44px;
  gap: 20px;
}
.drone-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.drone-tour {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 49px;
  padding: 14px 19px;
  border: 1px solid #d1ab6699;
  color: inherit;
  font-size: 13px;
}
.drone-tour > span { display: flex; }
.drone-tour .icon-arrow { width: 17px; height: 17px; flex: none; }
.drone-tour:hover { background: #273529d9; }
.drone-tour:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
/* Existing .intro-actions already wraps on narrow screens.
   Existing .text-link provides the underline and icon styling.
   Booking retains .closing-book and all its current attributes. */

/* Exact tour screenshot: crop against the right edge on desktop. */
#ritualuri .ritual-photo .parallax-media {
  inset: 0;
  transform: none !important;
  will-change: auto;
}
#ritualuri .ritual-photo .parallax-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
@media (max-width: 700px) {
  #ritualuri .ritual-photo {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 2199 / 1204;
  }
  #ritualuri .ritual-photo .parallax-media > img {
    object-fit: contain;
    object-position: right center;
  }
}