.luong-cover{margin:0 5vw}
.luong-cover>img{view-transition-name:luong-cover;width:100%;height:auto;background:var(--panel)}
.luong-overview{display:grid;grid-template-columns:1fr 2fr;gap:7vw}
.luong-overview h2{max-width:18ch}
.luong-overview p{margin-bottom:22px}
.luong-overview dd{font-size:1.125rem}
.luong-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.luong-controls nav{flex-wrap:wrap}
.luong-lighting{display:none;gap:8px}
.js .luong-lighting{display:flex}
.luong-lighting button,.luong-viewer button{min-height:44px;padding:9px 18px;background:white;border:1px solid var(--line);cursor:pointer;font-size:1rem}
.luong-lighting button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.luong-status{margin:16px 5vw 0;color:var(--muted);font-size:.875rem}
.luong-floor{scroll-margin-top:25px}
.luong-floor .section-heading{align-items:baseline}
.luong-floor .section-heading p{color:var(--muted);font-size:1rem}
.luong-floor-layout{display:grid;grid-template-columns:1fr;gap:54px;align-items:start}
.luong-plan{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:0 5vw;align-items:start}
.luong-plan-preview{grid-column:2;grid-row:1/6;min-width:0}
.luong-plan-preview img{width:100%;height:auto}
.luong-plan-preview .luong-board-picture{display:block;overflow:hidden;border-radius:10px;background:var(--panel);touch-action:pan-y}
.luong-board-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:16px;flex-wrap:wrap}
.luong-board-toolbar label{font-size:.875rem;color:var(--muted)}
.luong-board-toolbar select{font:inherit;color:var(--ink);max-width:100%;min-height:44px;padding:8px 35px 8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.luong-board-caption{margin:15px 0!important;color:var(--ink);font-size:1rem!important}
.luong-board-controls,.luong-board-lighting{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}
.luong-board-lighting{justify-content:flex-start}
.luong-board-controls button,.luong-board-lighting button{font:inherit;font-size:1rem;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}
.luong-board-lighting button[aria-pressed=true]{background:var(--ink);color:white}
.luong-plan a[aria-current=true] circle{fill:#8b4a17;stroke:var(--ink);stroke-width:50}
.luong-plan svg{grid-column:1}
.luong-plan>p,.luong-plan>h3{grid-column:1}
.luong-plan h3{font-size:1.25rem;margin-bottom:12px}
.luong-plan p{font-size:.875rem;margin-bottom:15px}
.luong-plan svg{display:block;width:100%;max-height:68vh;overflow:visible;background:#f4f6f7;border:1px solid var(--line);padding:14px}
.luong-plan path{fill:none;stroke-linejoin:round;stroke-linecap:round}
.plan-walls{stroke:var(--ink);stroke-width:24}
.plan-furniture{stroke:#9aabb5;stroke-width:12}
.plan-glass{stroke:#638ca0;stroke-width:20}
.luong-plan circle{fill:var(--blue);stroke:white;stroke-width:28}
.luong-plan text{fill:white;font-size:180px;font-weight:600;pointer-events:none}
.luong-plan a:hover circle,.luong-plan a:focus circle{fill:#8b4a17;stroke:var(--ink);stroke-width:50}
.luong-plan a:focus-visible{outline:none}
.luong-plan .muted{margin-top:15px}
.luong-room{padding:0 0 54px;margin-bottom:54px;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.luong-room>h3{font-size:clamp(1.5rem,2.3vw,2rem);margin-bottom:18px}
.luong-room>p{margin-bottom:20px}
.luong-room details{margin-bottom:28px;max-width:65ch}
.luong-room summary{cursor:pointer;color:var(--blue);padding:12px 0;font-size:1rem;font-weight:500}
.luong-room summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.luong-room details h4{font-size:1rem;margin:18px 0 8px;font-weight:600}
.luong-room details ul{font-size:1rem;line-height:1.7;padding-left:22px}
.luong-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}
.luong-gallery figure{margin:0;scroll-margin-top:30px}
.luong-gallery figure:first-child:nth-last-child(odd){grid-column:1/-1}
.luong-photo{display:block;background:var(--panel);position:relative}
.luong-photo img{width:100%;height:auto}
.luong-photo:hover{outline:2px solid var(--blue);outline-offset:3px}
.luong-photo:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.luong-gallery figcaption{font-size:.875rem;line-height:1.6}
.luong-gallery figcaption strong{display:block;color:var(--ink);font-size:1rem;font-weight:600;margin-bottom:6px}
.luong-gallery figcaption span{display:block}
.luong-gallery figure:target{outline:3px solid var(--blue);outline-offset:7px}
.luong-note{background:var(--panel)}
.luong-note p{margin-bottom:24px}
.luong-viewer{border:0;padding:0;width:fit-content;max-width:96vw;max-height:94dvh;background:#fff;color:var(--ink)}
.luong-viewer[open]{display:flex;flex-direction:column}
.luong-viewer::backdrop{background:rgba(12,23,31,.85)}
.luong-viewer-head,.luong-viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px}
.luong-viewer-head h2{font-size:1.25rem;font-weight:600;line-height:1.4}
.luong-viewer-stage{display:flex;justify-content:center;overflow:auto;min-height:0;overscroll-behavior:contain}
.luong-viewer-stage img{width:auto;height:auto;max-width:min(1400px,96vw);max-height:calc(94dvh - 160px);object-fit:contain}
.luong-viewer-count{font-size:.875rem}
.luong-viewer-head,.luong-viewer-controls{flex-wrap:wrap;flex-shrink:0}
.luong-viewer-lighting{display:flex;gap:8px}
.luong-viewer-lighting button[aria-pressed=true]{background:var(--ink);color:white}
.luong-viewer-stage{touch-action:pan-y}
.luong-viewer-stage.is-zoomed{display:block}
.luong-viewer-stage.is-zoomed img{max-width:none;max-height:none;width:180%;height:auto}
.luong-viewer{width:min(1400px,96vw)}
.luong-viewer-stage img{max-width:100%}
.luong-viewer-open{overflow:hidden}
@media(max-width:900px){.luong-floor-layout{grid-template-columns:1fr}.luong-plan{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.luong-plan svg{grid-column:2;grid-row:1/5;height:440px;max-height:none}.luong-plan h3{align-self:end}.luong-plan .muted{align-self:start}}
@media(max-width:700px){.luong-cover{margin:0 6vw}.luong-overview{grid-template-columns:1fr;gap:24px}.luong-overview h2{max-width:25ch}.luong-controls{margin:0 6vw;flex-wrap:wrap;gap:15px}.luong-status{margin-left:6vw}.luong-gallery{grid-template-columns:1fr}.luong-gallery figure{grid-column:1!important}.luong-plan{gap:0 16px}.luong-plan svg{height:400px}.luong-plan h3{font-size:1.125rem}.luong-room{padding-bottom:32px;margin-bottom:32px}.luong-viewer-head,.luong-viewer-controls{padding:10px;gap:10px}.luong-viewer-head h2{font-size:1.0625rem}.luong-viewer button{padding:8px 12px}.luong-controls nav{gap:24px}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(luong-cover){animation-duration:280ms}}
@media(max-width:900px){.luong-plan{grid-template-columns:1fr;gap:0}.luong-plan-preview{grid-column:1;grid-row:auto;margin-top:24px}.luong-plan svg{grid-column:1;grid-row:auto;height:230px;width:100%;padding:8px}.luong-plan h3{align-self:auto}.luong-plan>p{margin-bottom:12px}.luong-board-toolbar{gap:10px}.luong-board-toolbar select{flex:1;min-width:0}.luong-viewer-head{gap:8px}.luong-viewer-head h2{flex:1;min-width:170px}.luong-viewer-stage img{max-height:calc(94dvh - 220px)}}