.surface-tour{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr);gap:28px;align-items:start}.surface-tour-main{min-width:0}.surface-viewport{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:24px;background:#f4f1e9;border:1px solid #d8ddd4}.tour-camera{position:absolute;inset:0;transform-origin:0 0;transition:transform .9s cubic-bezier(.22,.68,0,1);will-change:transform}.surface-apartment{display:block;width:100%;height:100%;object-fit:fill}.surface-dot{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%) scale(calc(1 / var(--camera-scale,1)));transform-origin:center;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;display:grid;place-items:center;color:#123b35}.surface-dot-core{display:block;width:13px;height:13px;border-radius:50%;background:#14544f;border:2px solid #fff;box-shadow:0 1px 5px #092e4060;position:relative}.surface-dot-core:after{content:'';position:absolute;inset:-5px;border:1.5px solid #14544f99;border-radius:50%;animation:surface-pulse 2.8s ease-out infinite;animation-delay:var(--pulse-delay)}.surface-dot-upgrade .surface-dot-core{background:#fbf7ee;border-color:#14544f}.surface-dot-upgrade .surface-dot-core:after{border-color:#7f958c66}.surface-dot-extra .surface-dot-core{background:#d8a945;border-color:#fff}.surface-dot-extra .surface-dot-core:after{border-color:#d8a94588}.surface-dot[aria-pressed=true]{z-index:5}.surface-dot[aria-pressed=true] .surface-dot-core{background:#f1cd60;border:2px solid #14544f;width:18px;height:18px;box-shadow:0 0 0 5px #f1cd604d}.surface-dot[hidden]{display:none}.surface-dot-label{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;max-width:250px;background:#123d38;color:white;padding:8px 11px;border-radius:8px;box-shadow:0 4px 14px #102e2d30;font-size:11px;line-height:1.35;pointer-events:none;opacity:0;transition:opacity .18s}.surface-dot:hover .surface-dot-label,.surface-dot:focus-visible .surface-dot-label,.surface-dot[aria-pressed=true] .surface-dot-label{opacity:1}.surface-dot:focus-visible{outline:2px solid #e9b944;outline-offset:4px;border-radius:50%}.surface-camera-status{position:absolute;top:15px;left:15px;z-index:7;background:#fffef9ed;border:1px solid #d5dfd4;border-radius:10px;padding:9px 13px;font-size:.8rem;color:#17453e;pointer-events:none;max-width:70%}.surface-reset{position:absolute;bottom:15px;left:15px;z-index:7;padding:10px 14px;border:1px solid #76998a;background:#fffef9ed;border-radius:10px;font:inherit;font-size:.78rem;min-height:44px;cursor:pointer;color:#17453e}.surface-tour-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}.surface-room-filters{display:flex;flex-wrap:wrap;gap:7px}.surface-room-filters button{padding:10px 12px;border:1px solid #c7d4ca;border-radius:999px;background:transparent;color:#184239;min-height:44px;font:inherit;font-size:.76rem;cursor:pointer}.surface-room-filters button[aria-pressed=true]{background:#123d38;border-color:#123d38;color:white}.surface-tour-arrows{display:flex;gap:12px;align-items:center}.surface-tour-arrows button{width:44px;height:44px;border:1px solid #c7d4ca;border-radius:50%;background:#fffef9;color:#184239;font-size:1.2rem;cursor:pointer}.surface-step-count{font-size:.75rem;color:#526b60;min-width:63px;text-align:center}.surface-legend{display:flex;flex-wrap:wrap;gap:17px;font-size:.69rem;color:#526b60;margin-top:18px}.surface-legend span{display:flex;align-items:center;gap:7px}.surface-legend i{width:9px;height:9px;border-radius:50%;background:#14544f;display:inline-block}.surface-legend i.surface-legend-upgrade{background:transparent;border:1px solid #14544f}.surface-legend i.surface-legend-extra{background:#d8a945}.surface-map-note{font-size:.71rem;color:#667e70;line-height:1.6;margin-top:12px}.surface-inspector{position:sticky;top:95px;border:1px solid #d8ddd4;border-radius:20px;background:#fffefa;overflow:auto;max-height:calc(100vh - 120px);box-shadow:0 14px 35px #183b3208;scrollbar-width:thin}.surface-inspector-placeholder{padding:32px 26px}.surface-preview-number{font-size:.72rem;letter-spacing:.12em;color:#748f7c}.surface-inspector h3{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15;margin:15px 0;color:#143c35;letter-spacing:-.02em}.surface-inspector-placeholder p{font-size:1rem;line-height:1.7;color:#526b60;margin:20px 0 25px}.surface-inspector-placeholder .btn{font-size:.84rem}.surface-intro-products{display:flex;justify-content:center;gap:25px;padding-top:35px}.surface-intro-products img{height:110px;width:65px;object-fit:contain;mix-blend-mode:multiply}.surface-inspector-heading{position:relative;padding:24px 48px 15px 24px}.surface-inspector-heading h3{margin:12px 0 0}.surface-inspector-heading .eyebrow{font-size:.68rem}.surface-inspector-heading>button{position:absolute;top:16px;right:12px;width:35px;height:35px;border:0;border-radius:50%;background:#f2f4ef;color:#546b60;font-size:1.6rem;cursor:pointer}.surface-task-status{margin:0 24px 20px;padding:10px 12px;border:1px solid #cfdfd0;border-radius:9px;background:#edf3e7;color:#205244;font-size:.76rem;font-weight:700}.surface-task-upgrade{background:#f4f1e9;border-color:#dfd7c5;color:#6a573c}.surface-task-extra{background:#fff4cf;border-color:#e8d084;color:#715718}.surface-inspector-body{padding:0 24px 25px}.surface-inspector-body h4{font-size:.94rem;margin:22px 0 10px;color:#173f38}.surface-inspector-body>p{font-size:.86rem;line-height:1.7;color:#475e52}.surface-product-toggle{display:flex;gap:7px;align-items:center;margin:14px 0}.surface-product-toggle button{flex:1;min-height:44px;font:inherit;font-size:.76rem;border:1px solid #b9cbbd;border-radius:9px;background:white;color:#244b40;padding:9px;cursor:pointer}.surface-product-toggle button[aria-pressed=true]{background:#143f38;color:white;border-color:#143f38}.surface-product-toggle span{font-size:.7rem;color:#7d887c}.surface-tool-card{display:flex;gap:15px;align-items:flex-start;border-top:1px solid #dee5dc;padding:17px 0;min-width:0}.surface-tool-card>img{width:65px;max-height:115px;object-fit:contain;flex:none;mix-blend-mode:multiply}.surface-tool-card>div{min-width:0}.surface-tool-card strong{display:block;font-size:.84rem;line-height:1.4;color:#173f38}.surface-tool-card span{display:block;font-size:.74rem;line-height:1.4;color:#667e70;margin-top:5px}.surface-tool-card p{font-size:.74rem;line-height:1.6;color:#526b60;margin:8px 0}.surface-tool-card a{font-size:.73rem;color:#14544f;text-underline-offset:3px}.surface-tool-symbol{width:45px;height:45px;border-radius:50%;background:#eaf1e5;color:#205244;display:grid!important;place-items:center;flex:none}.surface-scope-button{min-height:44px;border:1px solid #b4cbb9;border-radius:10px;background:#eef3e8;padding:11px 13px;font:inherit;font-size:.8rem;color:#14544f;cursor:pointer;width:100%;margin-top:10px}.surface-inspector-body>p.surface-scope-note{font-size:.71rem;color:#738576;margin-top:18px}.surface-tour button:focus-visible,.surface-tour select:focus-visible{outline:3px solid #d8a945;outline-offset:3px}.surface-jump{display:block;margin-top:15px;font-size:.72rem;color:#526b60}.surface-jump select{display:block;width:100%;margin-top:7px;border:1px solid #c7d4ca;border-radius:10px;padding:11px 12px;background:#fffefa;min-height:44px;font:inherit;color:#184239}.surface-zoomed .surface-dot-core:after{animation-duration:3.4s}@keyframes surface-pulse{0%{transform:scale(.65);opacity:.75}85%,100%{transform:scale(1.8);opacity:0}}@media(max-width:1100px){.surface-tour{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:20px}}@media(max-width:760px){.surface-tour{display:block}.surface-viewport{border-radius:16px}.surface-camera-status{top:9px;left:9px;font-size:.68rem;padding:7px 9px}.surface-reset{bottom:8px;left:9px;font-size:.68rem;padding:8px 10px}.surface-dot{width:24px;height:24px}.surface-dot-core{width:11px;height:11px}.surface-dot-label{font-size:10px}.surface-tour-controls{margin-top:14px;gap:12px}.surface-room-filters{gap:6px}.surface-room-filters button{font-size:.7rem;padding:8px 10px}.surface-tour-arrows{margin-left:auto}.surface-inspector{position:static;max-height:none;margin-top:22px}.surface-inspector-placeholder{padding:24px}.surface-inspector h3{font-size:1.7rem}.surface-inspector-body>p{font-size:.91rem}.surface-tool-card p{font-size:.82rem}.surface-tool-card strong{font-size:.9rem}.surface-map-note{font-size:.69rem}.surface-legend{font-size:.65rem;gap:12px}}@media(prefers-reduced-motion:reduce){.tour-camera{transition:none;will-change:auto}.surface-dot-core:after{animation:none;opacity:.3}.surface-dot-label{transition:none}}
/* Keep the explanation beside the selected surface, on the apartment itself. */
.surface-tour{display:block}.surface-tour-main{width:100%}.surface-viewport{aspect-ratio:auto;height:clamp(430px,68vh,650px)}.tour-camera{inset:auto;top:0;left:0;bottom:auto;width:100%;height:auto;aspect-ratio:3/2}.surface-apartment{height:auto;aspect-ratio:3/2}.surface-point-card{position:absolute;left:calc(38% + 28px);top:50%;transform:translateY(-50%);width:330px;max-width:calc(62% - 45px);z-index:10;border:1px solid #c9d8ca;border-radius:17px;background:#fffefaf7;color:#183e35;box-shadow:0 12px 35px #123d3830;padding:17px 18px 12px;backdrop-filter:blur(8px)}.surface-point-card[hidden]{display:none}.surface-point-card:before{content:'';position:absolute;left:-8px;top:calc(50% - 8px);width:14px;height:14px;background:#fffefa;border-left:1px solid #c9d8ca;border-bottom:1px solid #c9d8ca;transform:rotate(45deg)}.surface-card-close{position:absolute;right:7px;top:6px;width:30px;height:30px;background:transparent;color:#698171;border:0;font-size:24px;cursor:pointer}.surface-card-status{font-size:.65rem;color:#63816d;text-transform:uppercase;letter-spacing:.06em;margin:0 22px 7px 0}.surface-point-card h3{font-size:1.08rem;line-height:1.25;margin:0 20px 14px 0;color:#153f35}.surface-card-content{display:flex;align-items:center;gap:13px;min-width:0}.surface-card-content>img{width:67px;height:96px;object-fit:contain;flex:none;background:white;border-radius:8px}.surface-card-content>div{min-width:0}.surface-card-action{font-size:.82rem;line-height:1.55;color:#324f40;margin:0 0 10px}.surface-card-content strong{display:block;font-size:.9rem;line-height:1.3}.surface-card-content small{display:block;font-size:.72rem;color:#647e6c;line-height:1.4;margin-top:4px}.surface-card-options{display:flex;gap:6px;align-items:center;margin-top:14px}.surface-card-options button{font:inherit;font-size:.7rem;min-height:36px;flex:1;padding:7px;border:1px solid #c5d8c8;border-radius:8px;background:white;cursor:pointer;color:#244c3d}.surface-card-options button[aria-pressed=true]{background:#154a3d;color:white;border-color:#154a3d}.surface-card-options>span{font-size:.66rem;color:#7c8b7b}.surface-card-more{display:block;background:transparent;border:0;padding:8px 0 0;min-height:35px;font:inherit;font-size:.67rem;color:#356d51;text-underline-offset:3px;cursor:pointer}.surface-card-tool-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e5efdf;color:#356d51;flex:none}.surface-detail-drawer{margin-top:20px;border-top:1px solid #cbdace;padding-top:9px}.surface-detail-drawer>summary{cursor:pointer;color:#356d51;font-weight:600;font-size:.83rem;min-height:44px;align-content:center}.surface-detail-drawer .surface-inspector{position:static;max-height:none;margin-top:12px}.surface-detail-drawer .surface-inspector-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.surface-detail-drawer .surface-inspector-body>h4,.surface-detail-drawer .surface-inspector-body>p,.surface-detail-drawer .surface-product-toggle,.surface-detail-drawer .surface-scope-button{grid-column:1/-1}.surface-zoomed .surface-dot[aria-pressed=true] .surface-dot-label{opacity:0}.surface-map-note:after{content:' Product examples are matched to the finish; the exact formula is agreed before the visit.'}@media(max-width:760px){.surface-viewport{height:360px}.surface-point-card{left:12px;right:12px;bottom:12px;top:auto;transform:none;width:auto;max-width:none;padding:12px 13px 7px;border-radius:13px}.surface-point-card:before{left:calc(50% - 7px);top:-8px;transform:rotate(135deg)}.surface-point-card h3{font-size:.87rem;margin:0 22px 8px 0}.surface-card-status{font-size:.56rem;margin-bottom:4px}.surface-card-content{gap:11px}.surface-card-content>img{width:48px;height:66px}.surface-card-action{font-size:.73rem;line-height:1.45;margin-bottom:5px}.surface-card-content strong{font-size:.82rem}.surface-card-content small{font-size:.64rem;line-height:1.3}.surface-card-options{margin-top:7px}.surface-card-options button{min-height:35px;font-size:.67rem;padding:6px}.surface-card-more{min-height:28px;padding-top:5px;font-size:.62rem}.surface-detail-drawer .surface-inspector-body{display:block}.surface-inspector{margin-top:0}.surface-card-close{width:28px;height:28px;font-size:22px}}@media(prefers-reduced-transparency:reduce){.surface-point-card{background:#fffefa;backdrop-filter:none}}