.room-gallery-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.room-gallery-intro p{margin:0}.room-gallery-intro strong{font-size:1rem;font-weight:600}.room-gallery-intro p>span{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}.room-gallery-hint{font-size:.75rem;color:var(--muted);white-space:nowrap;padding-top:5px}
.room-photo-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.room-photo-filters button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font-size:.8125rem}.room-photo-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.room-photo-filters span{font-size:.6875rem;opacity:.8}.room-photo-result{font-size:.75rem;color:var(--muted);margin-bottom:22px}.room-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;align-items:start}.room-photo-grid figure{margin:0;min-width:0}.room-photo-grid figure:first-child{grid-column:1/-1}.room-photo-open{display:block;width:100%;padding:0;border:1px solid var(--line);background:#eeece5;color:var(--ink);text-align:left}.room-photo-open img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.room-photo-open>span{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 12px;font-size:.75rem;background:#f3f2eb}.room-photo-open b{font-weight:500}.room-photo-open:hover{border-color:var(--green)}.room-photo-grid figcaption{font-size:.75rem;color:var(--muted);margin-top:9px;line-height:1.65}
.photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#142019;color:#fff;overflow:hidden}.photo-viewer::backdrop{background:#142019}.photo-viewer-shell{display:flex;flex-direction:column;height:100%;min-height:0;padding:20px 28px max(12px,env(safe-area-inset-bottom))}.photo-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding-bottom:12px}.photo-viewer-top h2{font:500 1.125rem/1.5 var(--sans);letter-spacing:0;color:#fff}.photo-viewer-status{margin:3px 0 0;font-size:.75rem;color:#cbd3c9}.photo-viewer-close{display:flex;align-items:center;gap:16px;min-height:44px;padding:8px 15px;border:1px solid #627164;background:transparent;color:white;font-size:.8125rem;white-space:nowrap}.photo-viewer-close span{font-size:25px;line-height:1}.photo-viewer-close:hover,.photo-viewer-arrow:hover{background:#314035}.photo-viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:20px;min-height:0;flex:1;touch-action:pan-y pinch-zoom}.photo-viewer-stage figure{display:flex;align-items:center;flex-direction:column;min-height:0;height:100%;min-width:0;margin:0;gap:8px}.photo-viewer-image{display:block;min-height:0;width:100%;height:100%;flex:1;object-fit:contain;background:transparent;user-select:none;-webkit-user-drag:none}.photo-viewer-caption{flex-shrink:0;font-size:.8125rem;line-height:1.6;color:#d9dfd6;text-align:center;max-width:100%;max-height:3.2em;overflow:auto}.photo-viewer-arrow{width:48px;height:48px;border:1px solid #627164;border-radius:50%;background:#243229;color:white;font:32px/1 Georgia,serif}.photo-viewer-arrow:disabled{opacity:.35}.photo-viewer-thumbnails{position:relative;display:flex;gap:8px;flex-shrink:0;overflow-x:auto;padding:10px 3px 6px;margin-top:8px;scrollbar-width:thin;scrollbar-color:#6c7c6e transparent;overscroll-behavior-x:contain}.photo-viewer-thumbnails button{position:relative;width:80px;height:62px;flex:0 0 80px;border:2px solid transparent;background:#27382d;padding:2px;color:white}.photo-viewer-thumbnails button[aria-pressed=true]{border-color:var(--lime)}.photo-viewer-thumbnails img{width:100%;height:100%;object-fit:contain}.photo-viewer-thumbnails span{position:absolute;bottom:2px;right:2px;font-size:.625rem;line-height:1.5;min-width:18px;background:#15251deb;padding:1px 3px}.photo-viewer-help{flex-shrink:0;text-align:center;font-size:.6875rem;color:#b5c1b3;margin:6px 0 0}.photo-viewer :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(max-width:760px){.room-gallery-intro{display:block;margin-bottom:20px}.room-gallery-hint{display:block;margin-top:8px}.room-photo-grid{grid-template-columns:1fr;gap:26px}.photo-viewer-shell{padding:14px 12px max(12px,env(safe-area-inset-bottom))}.photo-viewer-top{gap:12px}.photo-viewer-top h2{font-size:.875rem}.photo-viewer-close{gap:8px;padding:7px 10px}.photo-viewer-stage{position:relative;display:flex;gap:0}.photo-viewer-stage figure{width:100%}.photo-viewer-arrow{position:absolute;top:calc(50% - 36px);z-index:1;width:44px;height:44px;background:#15251dd9}.photo-viewer-prev{left:0}.photo-viewer-next{right:0}.photo-viewer-caption{font-size:.75rem}.photo-viewer-thumbnails button{width:68px;height:54px;flex-basis:68px}.photo-viewer-help{font-size:.625rem}}