/* Local styles for the interactive estate study. */
#tour-viewport{position:relative;min-height:420px;isolation:isolate;overflow:hidden;background:#c7c9b6 url('assets/visione-podere-1440.webp') center/cover no-repeat;border-radius:4px}
#estate-canvas{display:block;width:100%;height:clamp(420px,65vh,720px);cursor:grab;touch-action:pan-y;outline-offset:-5px}
#estate-canvas.is-dragging{cursor:grabbing;touch-action:none}
#estate-canvas:focus-visible{outline:3px solid #fff}
#tour-viewport.tour-unavailable{min-height:450px;background-size:cover}
#tour-viewport.tour-unavailable #estate-canvas{display:none}
#tour-status{font-size:.8rem;letter-spacing:.04em}
#tour-note{font-size:.8rem;line-height:1.65;max-width:74ch;color:inherit;opacity:.78}
[data-tour-view][aria-pressed="true"],#tour-proposals[aria-pressed="true"]{background:#344c3d;color:#fff;border-color:#344c3d}
/* Projected buttons follow the same camera matrices as the landscape. */
.tour-hotspots{position:absolute;inset:0;pointer-events:none;z-index:2}
.tour-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 12px 5px 5px;border:1px solid #ffffffb8;border-radius:28px;background:#f7f5edf5;color:#233b2d;font:inherit;font-size:.7rem;box-shadow:0 4px 18px #15271c30;pointer-events:auto;cursor:pointer;white-space:nowrap}
.tour-hotspot-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #a8b3a3;border-radius:50%;font-size:.62rem;font-weight:600}
.tour-hotspot:hover{background:#fff;box-shadow:0 5px 22px #15271c50}
.tour-hotspot:focus-visible{outline:3px solid #bd842e;outline-offset:4px;z-index:3}
.tour-hotspot[aria-pressed="true"] .tour-hotspot-number{border-color:#ffffff80}
.tour-hotspot[hidden],.tour-scene-card[hidden]{display:none}
.tour-scene-card{position:absolute;top:20px;left:20px;z-index:1;padding:16px 19px;background:#f5f2eaf2;border:1px solid #d6d6c9;border-radius:3px;box-shadow:0 8px 28px #27372b12;pointer-events:none;width:310px;max-width:calc(100% - 40px)}
#tour-scene-kicker{display:block;font-size:.58rem;letter-spacing:.12em;margin-bottom:7px;color:#61695d;text-transform:uppercase}
#tour-scene-title{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:1.6rem;line-height:1.1;letter-spacing:-.03em}
#tour-scene-copy{font-size:.7rem;line-height:1.6;margin-top:8px;color:#435042}
#tour-viewport.tour-unavailable .tour-hotspots,#tour-viewport.tour-unavailable .tour-scene-card{display:none}
#tour-zoom-in:disabled,#tour-zoom-out:disabled{opacity:.4;cursor:default}
@media(max-width:640px){
  #tour-viewport{min-height:360px}
  #estate-canvas{height:480px}
  #tour-status{font-size:.73rem}
  #tour-note{font-size:.75rem}
  .tour-scene-card{top:12px;left:12px;padding:12px 14px;width:260px;max-width:calc(100% - 24px)}
  #tour-scene-title{font-size:1.3rem}
  #tour-scene-copy{font-size:.66rem;line-height:1.5}
  .tour-hotspot{width:44px;height:44px;padding:6px;justify-content:center}
  .tour-hotspot-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .tour-hotspot-number{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){#tour-viewport *,#tour-viewport *::before,#tour-viewport *::after{animation:none!important;transition:none!important}}