/* A quiet photographic canvas; the light itself supplies the movement. */
.lx-experience{--lx-ink:#f6f5f1;--lx-muted:#adb0ad;--lx-line:#414442;--lx-green:#a4d178;color:var(--lx-ink);background:#1d201f;border:1px solid #343835;border-radius:24px;overflow:hidden;scroll-margin-top:108px;isolation:isolate}
.lx-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px 28px 22px}
.lx-heading>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:7px 22px;align-items:end}
.lx-kicker{display:flex;align-items:center;gap:10px;grid-column:1/-1;margin:0;font:11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#c7cbc5}
.lx-kicker i,.lx-room-dot{width:6px;height:6px;background:var(--lx-green);border-radius:50%;flex-shrink:0}
.lx-heading h3{margin:0;font-size:clamp(28px,2.8vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.04em;color:var(--lx-ink)}
.lx-intro{margin:0 0 3px;font-size:15px;line-height:1.6;color:#c0c3be}
.lx-tools{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.lx-tools[hidden]{display:none}
.lx-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;color:#e0e3dc;background:transparent;border:1px solid #535850;border-radius:12px;font:inherit;font-size:13px;cursor:pointer;transition:background .25s,border-color .25s}
.lx-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.lx-tools button:hover,.lx-tools button[aria-pressed=true]{background:#333c2d;border-color:#a4d178}
.lx-tools button:disabled{opacity:.45;cursor:wait}
.lx-auto-icon{font-size:19px;line-height:1}
.lx-room{position:relative;width:100%;background:#242927;overflow:hidden}
.lx-photograph{position:relative;height:clamp(350px,38vw,620px);overflow:hidden}
.lx-fallback,.lx-fallback img,.lx-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 62%}
.lx-canvas{opacity:0;transition:opacity .65s ease}
.lx-experience[data-lx-ready=true] .lx-canvas{opacity:1}
.lx-room-label{display:flex;align-items:center;gap:9px;position:absolute;left:24px;top:20px;padding:10px 14px;border:1px solid #ffffff26;border-radius:12px;background:rgba(17,22,22,.83);color:#fff;font-size:13px;line-height:1.5;pointer-events:none}
.lx-room-tag{margin-left:10px;padding-left:12px;border-left:1px solid #ffffff40;color:#c8cdc8;font-size:11px}
.lx-loading{position:absolute;right:24px;top:20px;background:#202622df;padding:9px 12px;border-radius:10px;font-size:12px;color:#d5dfd1}
.lx-loading[hidden],.lx-retry[hidden]{display:none}
.lx-retry{position:absolute;right:24px;top:65px;min-height:44px;padding:10px 16px;background:#e1e9d7;color:#25351d;border:0;border-radius:12px;cursor:pointer}
.lx-mode-dock {
  padding: clamp(18px, 2vw, 26px) 28px;
  scroll-margin-top: 230px;
  scroll-margin-top: clamp(200px, 46svh, 440px);
}
.lx-mode-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.lx-mode-buttons button {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-content: center;
  gap: 6px 8px;
  min-width: 0;
  min-height: 76px;
  padding: 13px 16px;
  text-align: left;
  color: #e0e5db;
  background: #242a25;
  border: 1px solid #858d7b85;
  border-radius: 14px;
  cursor: pointer;
  transition: background .3s, border-color .3s, color .3s;
}
.lx-mode-number{grid-row:1/3;font:11px/1.7 ui-monospace,Consolas,monospace;color:#a9b09f}
.lx-mode-name{font-size:16px;font-weight:500;line-height:1.5;white-space:nowrap}
.lx-mode-english{font-family:inherit;font-size:10px;line-height:1.4;letter-spacing:.04em;color:#adb6a6;white-space:nowrap}
.lx-mode-buttons button i{position:absolute;top:15px;right:12px;width:4px;height:4px;border-radius:50%;background:transparent}
.lx-mode-buttons button:hover{background:#30362d;border-color:#929e86}
.lx-mode-buttons button[aria-pressed=true]{background:#e1e9d7;color:#25351d;border-color:#e1e9d7}
.lx-mode-buttons button[aria-pressed=true] .lx-mode-number,.lx-mode-buttons button[aria-pressed=true] .lx-mode-english{color:#536747}
.lx-mode-buttons button[aria-pressed=true] i{background:#4d6f35}
.lx-mode-buttons button:disabled{opacity:.6;cursor:wait}
.lx-experience button:focus-visible{outline:2px solid #b7dc91;outline-offset:3px}
.lx-footnote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding: 16px 28px;
  border-top: 1px solid #41483c;
  background: #242a24;
}
.lx-footnote-instruction {
  padding-inline-start: 11px;
  border-inline-start: 3px solid var(--lx-green);
  color: #e8f4dc;
  font-size: clamp(14px, 1.3vw, 17px);
  font-weight: 650;
  line-height: 1.55;
}
.lx-footnote-brand {
  margin-inline-start: auto;
  color: #b9c3b3;
  font: 10px/1.6 ui-monospace, Consolas, monospace;
  letter-spacing: .1em;
}
.lx-mode-dock noscript p {
  margin: 14px 0 0;
  color: #c0c3be;
  font-size: 13px;
}
.lx-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width: 1050px) {
  .lx-mode-buttons button{padding:13px 10px;grid-template-columns:17px minmax(0,1fr);gap:5px}
  .lx-mode-name{font-size:14px}
  .lx-mode-buttons button i{right:7px;top:10px}
}
@media (max-width: 700px) {
  .lx-heading>div:first-child{display:block}
  .lx-experience{border-radius:20px;scroll-margin-top:88px}
  .lx-heading{padding:24px 20px 20px;align-items:start;gap:16px}
  .lx-kicker{font-size:9px;letter-spacing:.08em;margin-bottom:12px}
  .lx-intro{font-size:12px;margin-top:10px}
  .lx-tools{flex-direction:column;gap:6px}
  .lx-tools button{min-height:44px;font-size:11px;padding:8px 10px}
  .lx-tools svg{width:14px;height:14px}
  .lx-photograph{height:auto;aspect-ratio:4/3}
  .lx-room img,.lx-canvas{object-position:52% 50%}
  .lx-room-label{left:12px;top:12px;padding:7px 10px;font-size:11px}
  .lx-room-tag{font-size:9px;padding-left:8px;margin-left:4px}
  .lx-loading{right:12px;top:54px;font-size:10px}
  .lx-retry{right:12px;top:92px}
  .lx-mode-dock{padding:16px}
  .lx-mode-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lx-mode-buttons button{grid-column:span 2;min-height:68px;grid-template-columns:minmax(0,1fr);padding:10px;gap:5px}
  .lx-mode-buttons button:nth-child(n+4){grid-column:span 3}
  .lx-mode-number{display:none}
  .lx-mode-name{font-size:13px}
  .lx-mode-english{letter-spacing:0}
  .lx-footnote{align-items:flex-start;flex-direction:column;padding:13px 16px}
  .lx-footnote-brand{margin-inline-start:0}
}
@media(max-width:360px){.lx-heading{padding:20px 16px;gap:8px}.lx-tools button{font-size:10px;padding:8px}.lx-intro{max-width:150px}}
@media(prefers-reduced-motion:reduce){.lx-experience *{transition:none!important;animation:none!important}}
.lx-experience .lx-copy{white-space:break-spaces;overflow-wrap:anywhere;min-width:0}
.lx-experience .lx-copy:empty{display:none}
.lx-heading>div:first-child{min-width:0}
.lx-room-label{max-width:calc(100% - 48px)}
@media(max-width:700px){.lx-room-label{max-width:calc(100% - 24px)}}