.show-how-link{font-weight:650;color:#9b532b!important}
.how-dialog{box-sizing:border-box;width:min(1180px,calc(100% - 32px));max-width:none;height:min(850px,94dvh);max-height:94dvh;padding:0;margin:auto;border:1px solid #52645a;border-radius:18px;background:#f7f5ef;color:#20362e;box-shadow:0 32px 100px #0006;overflow:hidden}
.how-dialog::backdrop{background:#10221fd9;backdrop-filter:blur(7px)}
.how-shell{display:flex;flex-direction:column;height:100%}.how-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;background:#20362e;color:#fff}.how-header h2{font:600 17px/1.2 system-ui;margin:0;color:inherit}.how-header p{margin:5px 0 0;font:11px/1.2 system-ui;color:#d2ddcf}.how-header button{border:1px solid #ffffff70;border-radius:7px;padding:9px 17px;background:transparent;color:#fff;font:600 12px/1.3 system-ui;min-height:40px;cursor:pointer}
.how-stage{position:relative;flex:1;min-height:200px;background:#e8ede5;overflow:hidden}.how-stage iframe{border:0;width:100%;height:100%;display:block;pointer-events:none}.how-loading{position:absolute;inset:0;display:grid;place-content:center;padding:30px;text-align:center;font:500 16px/1.6 system-ui;background:#e8ede5}.how-loading[hidden]{display:none}.how-loading button{border:1px solid #52645a;background:#fff;padding:10px;border-radius:8px;color:#20362e;margin-top:12px;cursor:pointer}
.how-demo-label{position:absolute;inset:12px auto auto 14px;background:#20362ef0;color:#fff;border:1px solid #ffffff60;border-radius:5px;padding:6px 9px;font:600 10px/1.3 system-ui;pointer-events:none;z-index:2}
.how-caption{padding:15px 24px 10px;border-top:1px solid #d5dbd0;background:#fff}.how-caption h3{font:600 21px/1.2 Georgia,serif;margin:0 0 8px;color:#20362e}.how-caption p{font:14px/1.5 system-ui;margin:0;min-height:42px;max-width:940px;color:#46594f}.how-track{height:3px;background:#dbe0d6;margin-top:14px;overflow:hidden}.how-track span{display:block;width:0;height:100%;background:#ae7045;transition:width .12s linear}
.how-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 24px 15px;background:#fff}.how-controls button,.how-controls select{font:600 12px/1.3 system-ui;min-height:40px;border:1px solid #bac9bd;border-radius:7px;padding:8px 11px;background:#f5f7f1;color:#20362e;cursor:pointer}.how-controls button:disabled{opacity:.4;cursor:default}.how-controls select{max-width:245px;min-width:0;flex:1;font-weight:500}.how-controls .how-sound{margin-inline-start:auto;background:#20362e;color:#fff}.how-counter{font:11px/1.3 system-ui;white-space:nowrap}.how-dialog :focus-visible{outline:3px solid #bd8156;outline-offset:2px}.how-controls button[data-attention=true]{background:#a65829;color:#fff;border-color:#a65829}.how-open{overflow:hidden}
@media(min-width:1101px) and (max-width:1280px){.header-inner{gap:10px;width:calc(100% - 28px)}.main-nav{gap:7px}.main-nav>a:not(.header-contact){font-size:11px}.brand-name{font-size:18px}.brand-sub{font-size:7px}.main-nav .menu-languages{padding-inline-start:5px}}
@media(max-width:640px){.how-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.how-header{padding:10px 14px}.how-header h2{font-size:15px}.how-header p{font-size:10px}.how-stage{min-height:180px}.how-caption{padding:12px 16px 8px}.how-caption h3{font-size:19px}.how-caption p{font-size:12px;line-height:1.5;min-height:54px}.how-controls{padding:8px 12px max(10px,env(safe-area-inset-bottom));gap:6px}.how-controls button{padding:7px 9px;min-height:38px;font-size:11px}.how-controls select{max-width:none;flex-basis:calc(100% - 55px);order:-2;min-height:32px;font-size:11px}.how-counter{order:-1}.how-track{margin-top:10px}}
/* The isolated live demonstration uses the real controls and rendering engine. */
.tour-demo,.tour-demo body{height:100%;overflow:hidden!important;background:#e8ede5!important}
.tour-demo .site-header,.tour-demo .planner-heading,.tour-demo main>section:not(#plan-order),.tour-demo footer,.tour-demo .dh-pwa-banner,.tour-demo .preview-help,.tour-demo .planner-preview figcaption,.tour-demo .preview-expand,.tour-demo .interior-photo-zoom,.tour-demo #planner-storage-note{display:none!important}
.tour-demo #plan-order,.tour-demo .investment-card,.tour-demo #order-planner{display:contents!important}
.tour-demo .planner-visual{position:fixed!important;inset:0 39% 0 0!important;width:61%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#e8ede5}
.tour-demo .planner-controls{position:fixed!important;inset:0 0 0 auto!important;display:block!important;width:39%!important;height:100%!important;padding:12px!important;overflow:auto!important;background:#f6f4ed}
.tour-demo .planner-controls>.order-summary,.tour-demo .planner-controls>.land-launch,.tour-demo .planner-controls>#submit-request,.tour-demo .request-open-help{display:none!important}
.tour-demo #planner-exterior-panel,.tour-demo #planner-interior-panel,.tour-demo .planner-preview,.tour-demo #preview-open,.tour-demo .configuration-scene,.tour-demo #interior-room-preview,.tour-demo .planner-visual .custom-compare-frame{height:100%!important;max-height:none!important;aspect-ratio:auto!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.tour-demo .scene-photo,.tour-demo #interior-room-preview canvas{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.tour-demo [hidden]{display:none!important}
.tour-demo .customizer-toolbar{padding:8px!important}.tour-demo .customizer-toolbar button{font-size:10px!important;min-height:30px!important}.tour-demo .addon-grid{grid-template-columns:1fr!important}.tour-demo .planner-customizer{margin:0!important}
.tour-demo [data-tour-phase=price] .planner-customizer,.tour-demo [data-tour-phase=finish] .planner-customizer{display:none!important}
.tour-demo [data-tour-phase=price] .planner-controls>.order-summary,.tour-demo [data-tour-phase=finish] .planner-controls>.order-summary,.tour-demo [data-tour-phase=finish] .planner-controls>.land-launch,.tour-demo [data-tour-phase=finish] .planner-controls>#submit-request{display:block!important}
.tour-demo .tour-demo-ring{position:fixed;z-index:100;border:2px solid #c1743e;border-radius:8px;pointer-events:none;box-shadow:0 0 0 5px #c1743e24;transition:left .25s,top .25s,width .25s,height .25s}.tour-demo .tour-demo-ring::after{content:'↖';position:absolute;inset:auto -9px -12px auto;font-size:25px;font-weight:bold;color:#d58d47;text-shadow:1px 1px #fff}
.tour-demo #land-dialog,.tour-demo #request-dialog,.tour-demo .interior-photo-dialog{width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important}.tour-demo #land-dialog .land-heading,.tour-demo #request-dialog .request-heading{padding:12px!important}.tour-demo #request-send,.tour-demo #land-download{pointer-events:none;opacity:.55}
@media(max-width:640px){.tour-demo .planner-visual{inset:0 0 auto!important;width:100%!important;height:48%!important}.tour-demo .planner-controls{inset:48% 0 0!important;width:100%!important;height:52%!important;padding:8px!important}.tour-demo .addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tour-demo .planner-customizer .addon-option{padding:9px!important}.tour-demo .planner-customizer .addon-option>span{font-size:11px!important}.tour-demo .planner-controls .investment-total{padding:10px!important}.tour-demo .planner-controls .investment-total strong{font-size:27px!important}.tour-demo .interior-body{padding:7px!important}.tour-demo #land-dialog .land-heading p{display:none}}
@media(prefers-reduced-motion:reduce){.how-track span,.tour-demo .tour-demo-ring{transition:none!important}}
@media print{.how-dialog,.show-how-link{display:none!important}}

.tour-demo #land-save-status{display:none!important}

.tour-demo .mobile-contact{display:none!important}
.tour-demo #land-dialog,.tour-demo #request-dialog,.tour-demo .interior-photo-dialog{max-width:100%!important}
.how-dialog[data-step=land] .how-demo-label,.how-dialog[data-step=request] .how-demo-label{display:none}

/* First automatic visit waits for an explicit presentation language. */
.how-language-picker[hidden]{display:none}
.how-dialog[data-language-picker=true]{width:min(640px,calc(100% - 24px));height:fit-content;max-height:94dvh;overflow:auto}
.how-dialog[data-language-picker=true] .how-stage,.how-dialog[data-language-picker=true] .how-caption,.how-dialog[data-language-picker=true] .how-controls{display:none}
.how-language-picker{padding:36px 24px 40px;text-align:center}
.how-language-picker h3{margin:0 0 10px;color:#20362e;font:600 27px/1.25 Georgia,serif}
.how-language-picker p{margin:0 0 26px;color:#46594f;font:14px/1.7 system-ui}
.how-language-options{display:flex;gap:12px;justify-content:center}
.how-language-options button{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:22px 10px;border:1px solid #b8c7bd;border-radius:12px;background:#fff;color:#20362e;cursor:pointer;font:600 16px/1.4 system-ui;box-shadow:0 3px 12px #20362e08}
.how-language-options button:hover{background:#eaf0e7;border-color:#52645a}
.how-language-options svg{display:block;width:54px;height:36px;border-radius:3px;box-shadow:0 0 0 1px #20362e26;overflow:hidden}
@media(max-width:440px){.how-language-picker{padding:28px 16px}.how-language-picker h3{font-size:24px}.how-language-options{gap:8px}.how-language-options button{padding:18px 6px;font-size:14px}.how-language-options svg{width:45px;height:30px}.how-dialog[data-language-picker=true]{border-radius:16px}}

.how-dialog[data-language-picker=true] .how-shell{height:auto}

.how-controls [hidden]{display:none!important}
.how-controls .how-close{background:#20362e;color:#fff;border-color:#20362e}