:root{--chalk:#f4f1ea;--chalk-2:#f4f1eac7;--flint:#2f3337;--flint-2:#4a5056;--pond:#17312b;--brass:#c29a5b;--brass-2:#e0bf86;--glass:#17221f61;--line:#f4f1ea29;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}#ui{pointer-events:none;color:var(--chalk);font-family:var(--sans);z-index:4;transition:opacity .4s;position:fixed;inset:0}#ui.hidden{opacity:0}#ui button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#ui svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#ui:before{content:"";pointer-events:none;background:radial-gradient(100% 100% at 0 0,#060c0a80,#060c0a4d 38%,#060c0a1a 62%,#0000 82%);width:min(560px,100vw);height:230px;position:absolute;top:0;left:0}.title{text-shadow:0 1px 2px #0000008c,0 0 14px #00000059;position:absolute;top:24px;left:28px}.title .eyebrow{font:600 11.5px/1 var(--sans);letter-spacing:.22em;color:#ecd09c;text-transform:uppercase;min-height:12px}.title h1{font:500 38px/1 var(--serif);letter-spacing:.005em;margin:7px 0 2px}.title .tag{font:italic 500 15.5px/1.3 var(--serif);color:#f4f1eaf0;margin:0}.hint{white-space:nowrap;font:400 11.5px/1.3 var(--sans);letter-spacing:.02em;color:var(--chalk-2);text-shadow:0 1px 2px #00000080,0 1px 8px #00000073;transition:opacity .3s;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#ui.pop-open .hint,#ui.note-open .hint,#ui.pop-open .dock .tools .btn:not([data-k=lens]) span{opacity:0!important}#ui:has(.dock .tools .btn:not([data-k=lens]):hover) .hint{opacity:0}.dock{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);border:1px solid var(--line);pointer-events:auto;border-radius:16px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000038,inset 0 1px #ffffff0f}.dock .group{gap:2px;display:flex}.dock .sep{background:var(--line);width:1px;height:24px;margin:0 4px}.dock .btn{height:34px;color:var(--chalk-2);letter-spacing:.01em;white-space:nowrap;border-radius:11px;align-items:center;gap:6px;padding:0 10px;font-size:12px;transition:background .2s,color .2s;display:flex;position:relative}.dock .tools .btn{padding:0 9px}.dock .tools .btn span{color:var(--chalk);opacity:0;pointer-events:none;background:#101815e6;border-radius:7px;padding:4px 8px;font-size:11px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.dock .tools .btn:hover span,.dock .tools .btn:focus-visible span{opacity:1;transform:translate(-50%)}.dock .tools .btn[data-k=lens] span{opacity:1;color:inherit;background:0 0;padding:0;font-size:11.5px;position:static;transform:none}.dock .btn:hover{color:var(--chalk);background:#f4f1ea14}.dock .btn.on{color:var(--brass-2);background:#c29a5b33;box-shadow:inset 0 0 0 1px #e0bf8659}.dock .btn:focus-visible,.pop button:focus-visible,.marker:focus-visible{outline:1.5px solid var(--brass-2);outline-offset:2px}.pop{pointer-events:auto;border:1px solid var(--line);opacity:0;visibility:hidden;background:#141e1bf2;border-radius:14px;min-width:280px;padding:12px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:72px;left:50%;transform:translate(-50%,6px);box-shadow:0 14px 40px #0000004d}.pop.open{opacity:1;visibility:visible;transform:translate(-50%)}.pop .row{color:var(--chalk-2);align-items:center;gap:10px;font-size:12px;display:flex}.pop .seg{gap:4px;margin-bottom:12px}.pop .seg button{height:32px;color:var(--chalk-2);background:#f4f1ea0f;border-radius:9px;flex:1;font-size:13px}.pop .seg button small{opacity:.7;margin-left:2px;font-size:9.5px}.pop .seg button.on{color:var(--brass-2);background:#c29a5b40}.pop input[type=range]{accent-color:var(--brass);flex:1}.pop .fval{color:var(--chalk);text-align:right;min-width:38px;font-weight:600}.pop .note{color:#f4f1ea99;margin:10px 0 0;font-size:11px;line-height:1.4}.marker{color:#f4f1eab8;opacity:0;place-items:center;width:30px;height:30px;transition:opacity .3s,color .2s;display:grid;position:absolute;top:0;left:0}.marker svg{filter:drop-shadow(0 0 3px #00000080);transition:transform .2s;stroke-width:1.4px!important;width:15px!important;height:15px!important}.marker:hover{color:var(--brass-2)}.marker:hover svg{transform:scale(1.3)rotate(45deg)}.card{opacity:0;visibility:hidden;pointer-events:auto;color:#2a2a26;background:radial-gradient(120% 90% at 20% 0,#ffffff8c,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#f3eddf,#ebe2cd);border-radius:6px;width:min(330px,100vw - 52px);padding:22px 22px 18px;transition:opacity .35s,transform .35s,visibility .35s;position:absolute;top:50%;right:26px;transform:translate(16px,-50%);box-shadow:0 18px 50px #00000052,inset 0 1px #fff9}.card.open{opacity:1;visibility:visible;transform:translateY(-50%)}.card .kicker{font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#8a6a35}.card h2{font:600 25px/1.1 var(--serif);color:#1f2a26;margin:8px 0}.card p{font:400 13.5px/1.55 var(--sans);color:#3a3a34;margin:0}.card figure{color:#5b4b2c;border-top:1px solid #3c321e26;margin:14px 0 0;padding-top:12px}.card figure svg{max-height:120px;width:100%!important;height:auto!important}.card .x{border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px;color:#6b5a3a!important}.card .x:hover{background:#3c321e14}.fab{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:48px;height:48px;display:none;position:absolute;bottom:16px;right:16px;background:var(--glass)!important;border:1px solid var(--line)!important}.flash{opacity:.6;pointer-events:none;z-index:9;background:#fff;animation:.6s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{to{opacity:0}}#ui.touring .hint,#ui.touring .marker{opacity:0!important}@media (max-width:760px){.dock .tools .btn span{opacity:1;color:inherit;background:0 0;padding:0;position:static;transform:none}.title{top:14px;left:16px}.title h1{font-size:30px}.title .tag{font-size:14px}#ui:before{height:170px}.hint{white-space:normal;font-size:11px;bottom:22px;left:16px;right:80px;transform:none}.fab{display:grid}.dock{opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;transition:opacity .25s,transform .25s,visibility .25s;bottom:76px;left:16px;right:16px;transform:translateY(12px)}#ui.sheet-open .dock{opacity:1;visibility:visible;transform:translateY(0)}.dock .group{flex-wrap:wrap;justify-content:space-between}.dock .group .btn{flex:30%;justify-content:center}.dock .sep{width:100%;height:1px;margin:4px 0}.pop{min-width:0;bottom:360px;left:16px;right:16px;transform:none}.pop.open{transform:none}.card{width:auto;inset:auto 16px 86px;transform:translateY(16px)}.card.open{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dock,.pop,.card,.marker{transition:none}}