/* ===========================================================================
   ENV360 — spherical 360 tour layer. Sits on top of env.css chrome
   (.ienv, .env-load, .env-hs, .env-side, .env-panel, .env-compass reused).
   =========================================================================== */

.e3-stage{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}
.ienv[data-drag="1"] .e3-stage{cursor:grabbing}
.e3-gl,.e3-birds{position:absolute;inset:0;width:100%;height:100%;display:block}
.e3-birds{pointer-events:none}
.e3-hs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.e3-hs .env-hs{top:0;left:0;will-change:transform}

/* walk-to links: gold, inviting */
.env-hs.go .lbl{cursor:pointer;background:rgba(11,11,9,.82);border-color:var(--gold);
  color:var(--gold);font-weight:700;letter-spacing:.1em;
  transition:background .3s var(--ease-lux),color .3s var(--ease-lux)}
.env-hs.go .lbl::before{content:"↳ ";font-weight:400}
.env-hs.go .lbl:hover{background:var(--gold);color:var(--black)}
.env-hs.go .stalk{height:34px}

/* bottom walkthrough chips */
.e3-nav{position:absolute;inset-inline:0;inset-block-end:20px;z-index:10;
  display:flex;justify-content:center;pointer-events:none}
.e3-nav .box{display:flex;align-items:center;gap:2px;background:rgba(11,11,9,.66);
  backdrop-filter:blur(10px);border:1px solid var(--gold-hair);padding:8px 10px;
  pointer-events:auto;max-width:94vw;overflow-x:auto;scrollbar-width:none}
.e3-nav .box::-webkit-scrollbar{display:none}
.e3-nav button{background:none;border:1px solid transparent;color:rgba(242,238,230,.72);
  cursor:pointer;font-family:var(--label);font-size:11.5px;letter-spacing:.1em;
  padding:8px 13px;white-space:nowrap;
  transition:color .3s var(--ease-lux),border-color .3s var(--ease-lux),background .3s var(--ease-lux)}
.e3-nav button[aria-pressed="true"]{background:var(--gold);color:var(--black);
  border-color:var(--gold);font-weight:700}
.e3-nav button:not([aria-pressed="true"]):hover{border-color:var(--gold-hair);color:var(--off)}

/* floors panel */
.env-panel .floors{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.env-panel .floors button{width:100%;display:flex;justify-content:space-between;align-items:baseline;
  gap:12px;text-align:right;background:none;border:1px solid var(--gold-hair);
  color:var(--off);font-family:var(--body);font-weight:300;font-size:15px;
  padding:13px 16px;cursor:pointer;
  transition:border-color .3s var(--ease-lux),background .3s var(--ease-lux)}
.env-panel .floors button:hover{border-color:var(--gold);background:var(--gold-veil)}
.env-panel .floors .fl{font-family:var(--label);font-size:12px;letter-spacing:.14em;color:var(--gold)}

/* gallery panel */
.env-panel .gal{margin-top:22px;display:grid;gap:10px}
.env-panel .gal figure{margin:0;border:1px solid var(--gold-hair)}
.env-panel .gal img{display:block;width:100%;height:auto}
.env-panel .gal figcaption{font-family:var(--label);font-size:10.5px;letter-spacing:.1em;
  color:rgba(242,238,230,.6);padding:8px 10px}

/* no-WebGL fallback */
.ienv[data-nogl="1"] .e3-fallback{display:grid}
.e3-fallback{display:none;position:absolute;inset:0;place-content:center;gap:14px;
  text-align:center;padding:24px;background:var(--black)}
.e3-fallback p{color:rgba(242,238,230,.75);font-weight:300;max-width:44ch}

@media (max-width:760px){
  .e3-nav{inset-block-end:12px}
  .e3-nav button{padding:9px 11px;font-size:11px}
}

/* project switcher inside the compass card */
.e3-projects{display:flex;gap:10px;margin-top:8px;justify-content:flex-end}
.e3-projects a,.e3-projects b{font-family:var(--label);font-size:10px;letter-spacing:.14em;
  text-decoration:none;padding:6px 10px;border:1px solid var(--gold-hair);color:rgba(242,238,230,.7);
  background:rgba(11,11,9,.66);backdrop-filter:blur(8px)}
.e3-projects b{color:var(--gold);border-color:var(--gold);font-weight:700}
.e3-projects a:hover{color:var(--gold);border-color:var(--gold)}