/* Reference: edge-to-edge mobile panoramas, stacked in document order. */
.project-grid{
  --vr-height:clamp(560px,78svh,940px);
  display:grid;grid-template-columns:minmax(0,1fr);gap:28px;
  overflow:visible;scroll-snap-type:none;
}
.project-grid .project-card,
.project-grid .project-card:hover,
.js .project-grid .project-card.reveal{
  grid-column:1/-1;order:initial;opacity:1;transform:none;transition:none;
  background:transparent;border-radius:0;box-shadow:none;overflow:visible;min-width:0;
}
.project-grid .project-card-body{display:block!important;padding:12px 4px 0!important;background:transparent!important}
.project-grid .project-card-body>:not(.project-location){display:none!important}
.project-grid .project-card-body .project-location{margin:0!important}
.project-grid .project-card .project-preview,
.project-grid .project-card:last-child .project-preview,
.project-grid .project-vr-slot{
  position:relative;display:block;width:100%;height:var(--vr-height);aspect-ratio:auto;
  border-radius:clamp(12px,1.4vw,22px);overflow:hidden;background:#0b253f;
}
.project-grid .project-vr-slot iframe,
.project-grid .project-card .project-vr-slot .project-preview{
  position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;
}
.project-grid .project-vr-slot iframe{display:block;z-index:0}
.project-grid .project-card .project-vr-slot .project-preview{z-index:1;opacity:1;transition:opacity 220ms ease}
.project-grid .project-card .project-preview img{transform:none;transition:none;width:100%;height:100%;object-fit:cover}
.project-vr-slot .vr-badge,.project-vr-slot .project-play-label,.project-vr-slot .project-preview::after{display:none!important}
.project-grid .project-card .project-vr-slot[data-vr-state="document-loaded"] .project-preview{opacity:0;pointer-events:none}
.project-vr-status{
  position:absolute;z-index:2;left:50%;top:48%;bottom:auto;transform:translate(-50%,-50%);
  width:max-content;max-width:calc(100% - 40px);display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:10px;background:rgba(30,30,30,.78);color:#fff;
  font:500 13px/1.5 var(--font-sans,sans-serif);
}
.project-vr-status[hidden],.project-vr-status button[hidden]{display:none}
.project-vr-status button{padding:6px 10px;border:1px solid #fff;border-radius:5px;background:transparent;color:inherit;cursor:pointer}
.project-vr-status .project-vr-media__spinner{width:20px;height:20px}
body.vr-immersive-visible #aud-whatsapp{display:none!important}
@media(max-width:767px){
  .project-grid{
    --vr-height:calc(100svh - var(--header-h) - 80px - env(safe-area-inset-bottom));
    display:grid;grid-template-columns:minmax(0,1fr);gap:20px;
    width:100vw;margin-inline:calc(-1 * var(--gutter));padding:0;
    overflow:visible;scroll-snap-type:none;
  }
  .project-grid .project-card{width:100%;flex:none;scroll-snap-align:none}
  .project-grid .project-card .project-preview,
  .project-grid .project-card:last-child .project-preview,
  .project-grid .project-vr-slot{border-radius:0}
  .project-grid .project-card-body{padding:10px var(--gutter) 0!important}
  body.vr-immersive-visible .mobile-cta{
    height:calc(80px + env(safe-area-inset-bottom));padding:12px 12px calc(12px + env(safe-area-inset-bottom));
    grid-template-columns:40% minmax(0,1fr);gap:10px;
  }
  body.vr-immersive-visible .mobile-cta>a:first-child{padding:0 6px;font-size:14px}
  body.vr-immersive-visible .mobile-cta .button{padding:0 10px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.project-grid .project-card .project-vr-slot .project-preview{transition:none}}