:root{--ink:#16191d;--muted:#6b7280;--line:#e5e7eb;--bg:#fafaf8;--accent:#1f6f5c;color:var(--ink);background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.muted{color:var(--muted)}.top{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{letter-spacing:-.02em;background:#ffffffeb;border-radius:10px;padding:6px 12px;font-size:18px;font-weight:700}.logo{height:36px}.cta{background:var(--accent);color:#fff;border-radius:10px;padding:9px 16px;font-weight:600;text-decoration:none}.hero{background:#eef1f4;height:100svh;min-height:520px;position:relative;overflow:hidden}.stage{z-index:0;position:absolute;inset:0}.stage canvas{display:block}.intro{object-fit:cover;z-index:2;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.phase-3d .intro{opacity:0;pointer-events:none}.hero-text{z-index:3;color:#fff;text-shadow:0 1px 12px #00000073;max-width:640px;transition:opacity .8s,transform .8s;position:absolute;bottom:40px;left:32px}.phase-3d .hero-text{opacity:0;pointer-events:none;transform:translateY(12px)}.hero-text h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(28px,4.5vw,52px);line-height:1.05}.hero-text p{margin:0 0 14px;font-size:18px}.chips{text-shadow:none;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.chips li{color:var(--ink);background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.chips span{color:var(--muted);margin-right:4px;font-weight:400}.skip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:0;border-radius:10px;padding:10px 16px}.facts{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px 28px;margin:0;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.facts dd{margin:2px 0 0;font-size:17px;font-weight:600}.labels{pointer-events:none;position:absolute;inset:0}.room-label{pointer-events:auto;white-space:nowrap;background:#ffffffe0;border:0;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0000001f}.room-label span{color:var(--muted);margin-left:3px;font-weight:400}.room-label:hover{outline:2px solid var(--accent);background:#fff}.toolbar{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex;position:absolute;top:72px;left:28px;right:28px}.tools-summary{display:none}.group{pointer-events:auto;background:#fffffff2;border-radius:12px;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:0 2px 10px #00000014}.group-label{color:var(--muted);padding:0 8px;font-size:12px}.group button,.pano-switch button{background:0 0;border:0;border-radius:8px;padding:7px 12px}.group button:hover,.pano-switch button:hover{background:#f1f2f4}.group button.active,.pano-switch button.active{background:var(--ink);color:#fff}.disclaimer{z-index:3;color:var(--muted);background:#ffffffe6;border-radius:6px;margin:0;padding:4px 10px;font-size:12px;position:absolute;bottom:14px;left:28px}.error{color:#b91c1c}.real-photo{z-index:3;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:11px 20px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.walk-hint{z-index:3;color:#fff;white-space:nowrap;pointer-events:none;background:#111827b3;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (hover:none){.desktop-only{display:none}}.rooms{max-width:1400px;margin:0 auto;padding:28px 32px}.rooms h2{margin:0 0 14px;font-size:20px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.room-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.room-card:hover{border-color:var(--accent)}.room-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.room-card div{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.room-card span{font-size:13px}.details{grid-template-columns:2fr 1fr;gap:40px;max-width:1400px;margin:0 auto;padding:28px 32px;display:grid}.details h2,.contact h2{margin:0 0 14px;font-size:20px}.energy{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 20px}.energy h3{margin:0 0 12px;font-size:15px}.energy-row{align-items:center;gap:12px;margin:8px 0;display:flex}.energy-badge{text-align:center;color:#fff;border-radius:4px 14px 14px 4px;min-width:44px;padding:4px 8px;font-weight:700}.contact{grid-template-columns:1fr 1.4fr;gap:40px;max-width:1400px;margin:0 auto;padding:28px 32px 40px;display:grid}.contact a{color:var(--accent)}.contact-name{margin:18px 0 6px}.contact-form{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:22px;display:grid}.contact-form label{color:var(--muted);gap:4px;font-size:13px;display:grid}.contact-form label.check{color:var(--ink);align-items:center;gap:8px;display:flex}.contact-form input,.contact-form textarea{font:inherit;color:var(--ink);border:1px solid #d1d5db;border-radius:9px;padding:9px 11px}.contact-form button{background:var(--accent);color:#fff;border:0;border-radius:10px;justify-self:start;padding:11px 20px;font-weight:600}.contact-form button:disabled{opacity:.6}.contact-form .hp{position:absolute;left:-9999px}.small{margin:0;font-size:12px}footer{max-width:1400px;margin:0 auto;padding:10px 32px 40px;font-size:13px}@media (max-width:760px){.hero{height:82svh}.details,.contact{grid-template-columns:1fr;gap:20px}.toolbar{flex-direction:column-reverse;align-items:stretch;gap:8px;inset:auto 12px 44px}.toolbar .group{flex-wrap:wrap;padding:4px;display:none}.toolbar.open .group{display:flex}.tools-summary{pointer-events:auto;background:#fffffff2;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex;box-shadow:0 2px 10px #0000001f}.tools-summary .chevron{color:var(--muted)}.toolbar.open .group-label{width:100%;padding:4px 8px 2px;display:block}.group button{padding:6px 10px;font-size:14px}.group-label{display:none}.room-label{padding:2px 7px;font-size:10px}.room-label span{display:none}.disclaimer{font-size:11px;bottom:10px;left:12px;right:auto}.disclaimer .long{display:none}.room-grid{grid-template-columns:repeat(2,1fr);gap:10px}.room-card strong{font-size:14px}.room-card .muted{font-size:12px}.real-photo{z-index:3;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:11px 20px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.walk-hint{font-size:12px;bottom:96px}.hero-text{bottom:24px;left:18px;right:18px}}.pano{z-index:50;position:fixed;inset:0}.pano-canvas{cursor:grab;opacity:0;background:#000;transition:opacity .6s;position:absolute;inset:0}.pano-canvas.ready{opacity:1}.pano-canvas:active{cursor:grabbing}.pano-bar{background:#fffffff2;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.pano-switch{gap:4px;display:flex}.close{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:8px 14px}.pano-loading{color:#fff;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.poi-label{pointer-events:auto;white-space:nowrap;background:#ffffffed;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;padding:4px 9px;font-size:12px;font-weight:600;line-height:1.3;display:flex;box-shadow:0 1px 4px #0000002e}.poi-label span{color:var(--muted);font-size:11px;font-weight:400}.area{max-width:1400px;margin:0 auto;padding:28px 32px}.area h2{margin:0 0 6px;font-size:20px}.poi-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.poi-list li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.poi-list .icon{font-size:22px;line-height:1}.poi-list strong,.poi-list span{display:block}.poi-list .times{margin-top:4px;font-size:13px}.area-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.area-actions button{border:1px solid var(--ink);background:#fff;border-radius:10px;padding:9px 14px;font-weight:600}.attribution{font-size:11px}.house-pin{background:var(--accent);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;position:relative;box-shadow:0 2px 6px #00000040}.house-pin:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--accent);margin-left:-6px;position:absolute;bottom:-6px;left:50%}footer a{color:inherit}.legal{z-index:60;background:#0f12168c;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.legal article{background:#fff;border-radius:14px;width:100%;max-width:720px;padding:28px 32px;font-size:15px;line-height:1.55;position:relative}.legal h2{margin:0 0 10px}.legal h3{margin:18px 0 4px;font-size:15px}.legal dl{grid-template-columns:max-content 1fr;gap:6px 18px;display:grid}.legal dt{color:var(--muted)}.legal dd{margin:0}.legal .close{color:var(--ink);background:#f1f2f4;border:0;border-radius:8px;padding:6px 10px;position:absolute;top:16px;right:16px}@media (max-width:760px){.legal dl{grid-template-columns:1fr}.legal article{padding:22px 18px}}.stairs{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.stairs button{background:#fffffff2;border:0;border-radius:999px;padding:10px 16px;font-weight:600;box-shadow:0 2px 10px #00000026}.stairs button:hover{outline:2px solid var(--accent)}.gl-error{z-index:4;background:#fff;border-radius:14px;flex-direction:column;gap:6px;width:calc(100% - 32px);max-width:420px;padding:16px 18px;font-size:14px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000026}.gl-error small{color:var(--muted);word-break:break-word;font-size:11px}.hotspot{pointer-events:auto;color:#fff;background:#111827cc;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;font-size:8px;font-weight:700;box-shadow:0 1px 5px #0000004d}.hotspot:hover{background:var(--accent)}.hotspot.small{width:36px;height:36px;font-size:10px}