/* ANGAD v5.7.8: Official venue photographs replace the CGI panorama on Home ONLY.
   Images are real uploaded facilities. All other screens retain their established styling. */
.angad-nature-entry .angad-real-venues {
  position: relative;
  isolation: isolate;
  aspect-ratio: 1.88 / 1;
  width: 100%;
  height: auto;
  background: #0b3345;
  border: 1px solid rgba(173, 227, 255, .74);
  box-shadow: 0 15px 34px rgba(0,15,27,.34);
  overflow: hidden;
  border-radius: clamp(15px, 4vw, 23px);
}
.angad-real-venues .angad-venue-work,
.angad-real-venues .angad-venue-play {
  position: absolute;
  top: 0; bottom: 0; width: 65%; overflow: hidden;
}
.angad-real-venues .angad-venue-work {
  left: 0;
  clip-path: polygon(0 0, 86% 0, 69% 100%, 0 100%);
  z-index: 1;
}
.angad-real-venues .angad-venue-play {
  right: 0;
  clip-path: polygon(32% 0, 100% 0, 100% 100%, 15% 100%);
  z-index: 1;
}
.angad-real-venues .angad-venue-work img,
.angad-real-venues .angad-venue-play img {
  display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center;background:#183d4a;
}
.angad-real-venues .angad-venue-work img{object-position:50% center}
.angad-real-venues .angad-venue-play img{object-position:45% center}
.angad-real-venues .angad-venue-diagonal {
  position:absolute;
  z-index:2;
  width:2px;height:132%;top:-16%;left:50%;
  transform:rotate(11deg);
  background:linear-gradient(180deg,transparent,#a5edff 15%,#e4ffff 52%,#84d4ff 85%,transparent);
  box-shadow:0 0 9px 2px rgba(125,226,255,.5);
  pointer-events:none;
}
.angad-real-venues::after {
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,rgba(2,22,33,.54) 0%,transparent 42%);
}
.angad-real-venues .angad-venue-label {
  position:absolute;z-index:3;bottom:11px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 15px;
  font-size:clamp(10px,2.9vw,13px);
  font-family:'Sora',system-ui,sans-serif;
  font-weight:700;letter-spacing:.13em;
  color:#fff;border:1px solid rgba(239,255,255,.68);
  border-radius:999px;
  background:rgba(6,32,49,.62);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  text-shadow:0 1px 3px rgba(0,0,0,.42);
  box-shadow:0 5px 12px rgba(0,0,0,.18);
}
.angad-real-venues .angad-venue-label-work {left:12px}
.angad-real-venues .angad-venue-label-play {right:12px}
@media(max-width:370px){
  .angad-nature-entry .angad-real-venues{aspect-ratio:1.8/1}
  .angad-real-venues .angad-venue-label{padding:4px 11px;bottom:8px}
}
@media(min-width:700px){
  .angad-nature-entry .angad-real-venues{max-width:720px;aspect-ratio:2.12/1}
}
/* Leave the test-site notice readable above the dock on compact phones. */
@media (max-width:370px) and (max-height:750px) {
  .angad-nature-entry {padding-top:64px;gap:9px}
  .angad-nature-entry .angad-entry-activities {gap:8px}
  .angad-nature-entry .angad-real-venues {aspect-ratio:1.86 / 1}
  .angad-nature-entry .angad-nature-staging {margin-bottom:4px}
}

.angad-real-venues .angad-venue-label:focus-visible {outline:3px solid #d5ff71;outline-offset:2px}
.angad-real-venues .angad-venue-label:active {transform:scale(.97)}