.km-ghost{font-family:var(--font-display);color:#6c5e5314;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(120px,22vw,340px);line-height:.8;position:absolute}.km-reveal{opacity:0;transition:opacity .9s var(--ease-editorial), transform .9s var(--ease-editorial);transform:translateY(24px)}.km-reveal.in{opacity:1;transform:none}.km-ph{background:repeating-linear-gradient(45deg, #6c5e531a 0 2px, transparent 2px 16px), var(--color-sand);justify-content:center;align-items:center;display:flex}.km-ph-dark{background:repeating-linear-gradient(45deg, #0000002e 0 2px, transparent 2px 16px), var(--color-umber)}.km-ph span,.km-ph-dark span{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--color-brown);opacity:.55;font-size:10px}.km-ph-dark span{color:var(--color-sand)}.km-ba{-webkit-user-select:none;user-select:none;cursor:ew-resize;background:var(--color-umber);touch-action:none;width:100%;height:clamp(300px,55vh,600px);position:relative;overflow:hidden}.km-ba-layer{position:absolute;inset:0}.km-ba-layer img{object-fit:cover;width:100%;height:100%;display:block}.km-ba-after{clip-path:inset(0 0 0 50%)}.km-ba-handle{background:var(--color-bone);z-index:5;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.km-ba-knob{background:var(--color-bone);z-index:6;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.km-ba-knob:before{content:"‹ ›";font-family:var(--font-sans);letter-spacing:2px;color:var(--color-ink);font-size:18px}.km-ba-tag{z-index:7;font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--color-bone);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3d2f298c;padding:7px 14px;font-size:10px;font-weight:700;position:absolute;top:20px}.km-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,64px);display:grid}.km-room{aspect-ratio:3/2;background:var(--color-umber);width:100%;position:relative;overflow:hidden}.km-hot{border:1.5px solid var(--color-bone);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#efeae41f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .3s,background .3s;display:flex;position:absolute}.km-hot:before{content:"";background:var(--color-bone);border-radius:50%;width:6px;height:6px}.km-hot:hover,.km-hot-active{background:#efeae44d;transform:scale(1.25)}.km-pulse{border:1.5px solid var(--color-bone);border-radius:50%;animation:2.4s ease-out infinite kmPulse;position:absolute;inset:-1.5px}@keyframes kmPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.km-anno{background:var(--color-bone);border-left:2px solid var(--color-brown);min-height:280px;padding:28px 32px;position:sticky;top:18vh}.km-anno-title{animation:.5s kmFade}.km-anno-body{animation:.5s .1s both kmFade}@keyframes kmFade{0%{opacity:0}to{opacity:1}}.km-viewport{cursor:grab;touch-action:none;background:radial-gradient(circle at 30% 40%, #efeae40a, transparent 60%), radial-gradient(circle at 75% 70%, #efeae408, transparent 55%), var(--color-umber);width:100%;height:clamp(440px,72vh,820px);position:relative;overflow:hidden}.km-viewport.km-grabbing{cursor:grabbing}.km-viewport:after{content:"";pointer-events:none;z-index:20;position:absolute;inset:0;box-shadow:inset 0 0 clamp(80px,12vw,200px) #3d2f298c}.km-canvas{will-change:transform;transform-origin:0 0;position:absolute;top:0;left:0}.km-tile{will-change:transform;transform-origin:50%;background:repeating-linear-gradient(45deg, #00000029 0 2px, transparent 2px 16px), var(--color-brown);position:absolute;overflow:hidden}.km-tile img{object-fit:cover;width:100%;height:100%;display:block}.km-tile-ph{text-align:center;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.km-tile-ph span{font-family:var(--font-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--color-sand);opacity:.7;font-size:9px}.km-tile-cap{opacity:0;background:linear-gradient(#0000,#3d2f29d1);width:100%;padding:18px 20px;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:0;transform:translateY(8px)}.km-tile.km-focused .km-tile-cap{opacity:1;transform:none}.km-tile-cap-t{font-family:var(--font-display);color:var(--color-bone);font-size:clamp(15px,1.3vw,20px);line-height:1.2}.km-tile-cap-m{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--color-sand);margin-top:5px;font-size:9px;font-weight:600}.km-hint{z-index:21;font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--color-bone);opacity:.5;pointer-events:none;align-items:center;gap:10px;font-size:10px;font-weight:600;transition:opacity .6s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.km-hint.km-hint-hidden{opacity:0}.km-drag-ic{animation:2.4s ease-in-out infinite kmSway;display:inline-block}@keyframes kmSway{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}.km-minimap{z-index:21;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3d2f2959;border:1px solid #efeae44d;position:absolute;bottom:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px)}.km-mm-view{border:1px solid var(--color-bone);background:#efeae41f;position:absolute}.km-mm-dot{background:var(--color-sand);border-radius:1px;width:3px;height:3px;position:absolute}.km-step{animation:kmSlideIn .6s var(--ease-editorial)}@keyframes kmSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.km-step-h{margin:0 0 clamp(32px,5vh,56px);font-size:clamp(30px,4.5vw,72px);line-height:1.1}.km-field{color:var(--color-bone);font-family:var(--font-sans);background:0 0;border:none;border-bottom:1px solid #efeae44d;outline:none;width:100%;padding:14px 0;font-size:clamp(18px,2.4vw,32px);font-weight:400;transition:border-color .4s}.km-field::placeholder{color:#efeae459}.km-field:focus{border-color:var(--color-bone)}.km-pill{font-family:var(--font-sans);letter-spacing:.04em;color:var(--color-bone);cursor:pointer;background:0 0;border:1px solid #efeae459;padding:14px 26px;font-size:13px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.km-pill:hover,.km-pill-sel{background:var(--color-bone);color:var(--color-ink);border-color:var(--color-bone)}.km-chapnav{z-index:40;flex-direction:column;gap:18px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.km-chapnav a{justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.km-chapnav .km-dot{background:var(--color-brown);opacity:.3;border-radius:50%;width:8px;height:8px;transition:opacity .3s,transform .3s}.km-chapnav a.km-active .km-dot{opacity:1;transform:scale(1.5)}.km-chapnav .km-lbl{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--color-brown);opacity:0;white-space:nowrap;font-size:9px;font-weight:600;transition:opacity .3s,transform .3s;transform:translate(8px)}.km-chapnav a:hover .km-lbl,.km-chapnav a.km-active .km-lbl{opacity:.8;transform:none}@media (max-width:820px){.km-chapnav{display:none}.km-detail-grid{grid-template-columns:1fr}.km-anno{min-height:0;position:static}}