
:root{--jh-jade:#294b35;--jh-deep:#173824;--jh-gold:#b69657;--jh-paper:#f5e5bd;--jh-ink:#453a2d}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#21180f;font-family:Georgia,"Times New Roman",serif;color:var(--jh-ink)}
body.jade-house-v619{height:100dvh;overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jh-room{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#21180f}.jh-backdrop{position:absolute;inset:-5%;z-index:0;background:url('web/jade-house-homebase-v627.webp') center/cover no-repeat;filter:blur(17px) saturate(.8) brightness(.56);transform:scale(1.08)}
.jh-scroll{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden}.jh-stage{position:relative;width:min(100vw,150dvh);height:min(100dvh,calc(100vw / 1.5));aspect-ratio:3/2;flex:none;box-shadow:0 0 85px rgba(0,0,0,.38)}.jh-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}
.jh-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.jh-fire-glow{position:absolute;left:40%;top:36%;width:14%;height:23%;border-radius:50%;background:radial-gradient(circle,rgba(255,190,86,.25),rgba(255,146,48,.08) 42%,transparent 72%);mix-blend-mode:screen;animation:jhFire 3.8s ease-in-out infinite}.jh-window-warmth{position:absolute;left:64%;top:10%;width:24%;height:38%;background:radial-gradient(ellipse,rgba(255,221,144,.11),transparent 68%);animation:jhWarm 6s ease-in-out infinite}.jh-dust{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,234,177,.58);box-shadow:0 0 9px rgba(255,226,151,.5);animation:jhDust 9s linear infinite}.d1{left:43%;top:54%;animation-delay:-2s}.d2{left:51%;top:35%;animation-delay:-5.5s}.d3{left:72%;top:49%;animation-delay:-7s}
@keyframes jhFire{0%,100%{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes jhWarm{0%,100%{opacity:.58}50%{opacity:.9}}@keyframes jhDust{0%{transform:translate(0,25px);opacity:0}15%{opacity:.8}70%{opacity:.35}100%{transform:translate(18px,-80px);opacity:0}}
.jh-hotspot{position:absolute;z-index:10;border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none;border-radius:12px;-webkit-tap-highlight-color:transparent}.jh-hotspot::after{content:"";position:absolute;inset:-2px;border-radius:inherit;opacity:0;box-shadow:0 0 0 2px rgba(255,235,178,.72),0 0 25px rgba(255,223,145,.28);transition:opacity .18s ease}.jh-hotspot:hover::after,.jh-hotspot:focus-visible::after{opacity:1}.jh-hotspot:focus-visible{outline:none}
.hs-front{left:3.1%;top:33.5%;width:13.3%;height:10.2%}.hs-mantel{left:40.5%;top:21.4%;width:17.8%;height:9.5%}.hs-hearth{left:48.8%;top:42.5%;width:12%;height:10.6%}.hs-window{left:70.6%;top:18.7%;width:12.4%;height:10.5%}.hs-shelf{left:86.5%;top:27.0%;width:13.0%;height:12.2%}.hs-table{left:82.4%;top:54.3%;width:14.5%;height:11.2%}.hs-begin{left:54.1%;top:82.2%;width:13.1%;height:5.3%;border-radius:999px}.hs-map{left:2.1%;top:92.1%;width:12.8%;height:5.2%;border-radius:999px}
.jh-swipe-hint{display:none}
/* Keep the actual universal Explore control, but make it icon-only and place it over the artwork's compass location. */
.jade-house-v619 .jade-explore-toggle{top:calc((100dvh - min(100dvh,calc(100vw / 1.5)))/2 + 14px)!important;right:calc((100vw - min(100vw,150dvh))/2 + 10px)!important;bottom:auto!important;width:104px!important;height:104px!important;z-index:320!important}.jade-house-v619 .jade-explore-toggle .jv-explore-label{display:none!important}.jade-house-v619 .jade-explore-toggle .jv-compass{font-size:30px!important}.jade-house-v619 .jade-explore-panel{top:104px!important;right:max(16px,env(safe-area-inset-right))!important;bottom:auto!important;transform-origin:top right!important}
.jh-guide[hidden],.jh-mantel[hidden]{display:none}.jh-guide,.jh-mantel{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:18px}.jh-guide-scrim{position:absolute;inset:0;background:rgba(20,22,16,.62);backdrop-filter:blur(6px)}
.jh-guide-card,.jh-mantel-card{position:relative;z-index:1;width:min(690px,calc(100vw - 30px));max-height:min(810px,calc(100dvh - 32px));overflow:auto;padding:34px 38px 28px;border-radius:24px;background:linear-gradient(145deg,rgba(255,249,232,.985),rgba(235,216,175,.985));border:1px solid rgba(182,150,87,.62);box-shadow:0 34px 90px rgba(10,20,13,.43);scrollbar-width:thin}.jh-guide-card::before,.jh-mantel-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(148,111,58,.27);border-radius:16px;pointer-events:none}.jh-close{position:absolute;right:14px;top:10px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,252,242,.72);color:var(--jh-jade);font:30px/1 Georgia,serif;cursor:pointer}.jh-kicker{display:block;color:#8c7048;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}.jh-guide-head{position:relative;z-index:1;text-align:center;padding:0 28px}.jh-guide-head h1{margin:7px 0 8px;color:var(--jh-jade);font-size:clamp(32px,5vw,52px);font-weight:500;line-height:.98}.jh-guide-head p{margin:0 auto 15px;max-width:520px;color:#5d5140;font-size:14px;line-height:1.55;font-style:italic}.jh-progress{display:flex;justify-content:center;gap:8px;margin:17px 0 4px}.jh-progress span{width:36px;height:5px;border-radius:99px;background:rgba(95,81,56,.16);transition:background .2s ease,transform .2s ease}.jh-progress span.done{background:#55725a}.jh-progress span.current{background:#294b35;transform:scaleY(1.5)}
.jh-guide-body{position:relative;z-index:1;padding:20px 0 8px}.jh-step-title{text-align:center;margin:0 0 7px;color:#294b35;font-size:28px;font-weight:500}.jh-step-prompt{text-align:center;margin:0 auto 20px;max-width:510px;color:#5a4d3c;font-size:15px;line-height:1.5}.jh-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jh-option{min-height:54px;padding:11px 13px;border-radius:13px;border:1px solid rgba(148,111,58,.28);background:rgba(255,253,246,.64);color:#433a2d;font:700 13px/1.25 Georgia,serif;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.jh-option:hover,.jh-option:focus-visible{transform:translateY(-1px);background:#fffdf6;outline:2px solid rgba(182,150,87,.35);outline-offset:1px}.jh-option.selected{background:rgba(54,92,61,.13);border-color:#507159;box-shadow:inset 3px 0 0 #507159;color:#294b35}.jh-limit{text-align:center;margin:12px 0 0;color:#877457;font-size:11px}
.jh-guide-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:17px;border-top:1px solid rgba(148,111,58,.24)}.jh-back,.jh-next,.jh-mantel-place,.jh-blueprint-action{min-height:44px;padding:10px 18px;border-radius:999px;font:700 13px Georgia,serif;cursor:pointer}.jh-back{border:1px solid rgba(148,111,58,.3);background:rgba(255,252,242,.72);color:#294b35}.jh-next,.jh-mantel-place{border:1px solid rgba(182,150,87,.48);background:linear-gradient(#456d4d,#294b35);color:#fff5dc;min-width:140px}.jh-next:disabled{opacity:.42;cursor:not-allowed}
.jh-blueprint{text-align:center}.jh-blueprint h2{margin:4px 0 8px;color:#294b35;font-size:38px;font-weight:500}.jh-blueprint-lead{max-width:560px;margin:0 auto 18px;color:#524637;line-height:1.65;font-size:15px}.jh-blueprint-card{margin:14px auto;padding:22px;text-align:left;border-radius:16px;background:rgba(255,253,246,.66);border:1px solid rgba(148,111,58,.28);box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}.jh-blueprint-card h3{margin:0 0 11px;color:#294b35;font-size:19px}.jh-blueprint-card ul{margin:0;padding-left:21px;columns:2;column-gap:28px}.jh-blueprint-card li{break-inside:avoid;margin:0 0 7px;font-size:13px;line-height:1.35}.jh-blueprint-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.jh-blueprint-action{border:1px solid rgba(148,111,58,.32);background:rgba(255,253,246,.76);color:#294b35}.jh-blueprint-action.primary{background:#294b35;color:#fff7df}.jh-blueprint-status{min-height:18px;margin:10px 0 0;color:#6d5d45;font-size:11px}
.jh-mantel-card{width:min(560px,calc(100vw - 30px));padding:34px 34px 30px;text-align:center}.jh-mantel-card h2{margin:7px 0 10px;color:#294b35;font-size:40px;font-weight:500}.jh-mantel-card>p{color:#5c4f3e;line-height:1.6;font-size:14px}.jh-mantel-field{display:grid;gap:7px;margin:20px 0 11px;text-align:left}.jh-mantel-field span{color:#294b35;font-size:12px;font-weight:700}.jh-mantel-field input{height:50px;border-radius:12px;border:1px solid rgba(148,111,58,.34);background:#fffaf0;padding:0 14px;font:16px Georgia,serif;color:#41382c;outline:none}.jh-mantel-field input:focus{border-color:#52725a;box-shadow:0 0 0 3px rgba(82,114,90,.15)}.jh-local-choice{display:flex;align-items:flex-start;gap:8px;text-align:left;margin:0 0 16px;color:#6c5d47;font-size:11px;line-height:1.4}.jh-local-choice input{margin-top:2px}.jh-mantel-place{width:100%}.jh-mantel-result{min-height:20px;margin:12px 0 0!important;color:#294b35!important;font-style:italic}
@media(max-width:760px){
 body.jade-house-v619{overflow:hidden}.jh-backdrop{filter:blur(14px) saturate(.8) brightness(.48)}.jh-scroll{display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.jh-scroll::-webkit-scrollbar{display:none}.jh-stage{height:100dvh;width:150dvh;min-width:150dvh;max-width:none;max-height:none;box-shadow:none}.jh-swipe-hint{display:block;position:fixed;z-index:45;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:rgba(32,58,39,.82);border:1px solid rgba(230,205,149,.34);color:#f7e6bd;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .4s ease}.jh-swipe-hint span{font-weight:700}.jade-house-v619 .jade-explore-toggle{top:auto!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:58px!important;height:58px!important}.jade-house-v619 .jade-explore-toggle .jv-compass{font-size:22px!important}.jade-house-v619 .jade-explore-panel{top:auto!important;left:10px!important;right:10px!important;bottom:80px!important;width:auto!important;transform-origin:bottom right!important}.jh-guide,.jh-mantel{padding:9px}.jh-guide-card,.jh-mantel-card{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:28px 18px 22px;border-radius:20px}.jh-guide-head{padding:0 18px}.jh-guide-head h1{font-size:36px}.jh-options{grid-template-columns:1fr}.jh-option{min-height:50px}.jh-guide-foot{position:sticky;bottom:-22px;margin-left:-18px;margin-right:-18px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));background:linear-gradient(rgba(239,222,184,.94),rgba(239,222,184,.99));backdrop-filter:blur(7px)}.jh-blueprint-card ul{columns:1}.jh-mantel-card h2{font-size:34px}}
@media(max-width:420px){.jh-guide-head h1{font-size:31px}.jh-step-title{font-size:25px}.jh-guide-head p,.jh-step-prompt{font-size:13px}.jh-back,.jh-next{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.jh-fire-glow,.jh-window-warmth,.jh-dust{animation:none!important}.jh-hotspot::after,.jh-option,.jh-swipe-hint{transition:none!important}}
@supports not (height:100dvh){body.jade-house-v619{height:100vh}.jh-stage{width:min(100vw,150vh);height:min(100vh,calc(100vw/1.5))}@media(max-width:760px){.jh-stage{height:100vh;width:150vh;min-width:150vh}.jh-guide-card,.jh-mantel-card{max-height:calc(100vh - 18px)}}}
