/* Embedded Matterport 3D tour above the map. Shows the tour's preview image until the visitor presses start,
   then loads the live tour in place (nothing loads from Matterport before that). */
.tour3d{background:var(--bg,#fff);color:var(--fg,#1B1A1A);padding-block:clamp(48px,7vw,80px) 0}
.tour3d .h2{color:inherit}
.tour3d-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.tour3d-open{font:700 15px/1 var(--label,"Barlow Condensed",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--map-link,#C24500);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:4px}
.tour3d-open:hover{color:inherit}
.mp-frame{position:relative;width:100%;aspect-ratio:16/9;max-height:78vh;background:#1B1A1A;overflow:hidden}
.mp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mp-start{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;display:grid;place-items:center}
.mp-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mp-start::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}
.mp-start:hover img{transform:scale(1.03)}
.mp-start:focus-visible{outline:3px solid #EB5400;outline-offset:-3px}
.mp-play{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;background:#EB5400;color:#fff;padding:16px 24px;
  font:700 16px/1 var(--label,"Barlow Condensed",Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mp-play svg{width:30px;height:30px}
.mp-start:hover .mp-play{background:#D24B00}
@media (max-width:600px){.mp-frame{aspect-ratio:4/5;max-height:none}.mp-play{padding:14px 18px;font-size:15px}}