.npbd-ba-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);margin:28px auto;max-width:1240px}
.npbd-ba-cols-1{grid-template-columns:1fr;max-width:900px}.npbd-ba-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1380px}
.npbd-ba-card{background:#fff;border:1px solid #e0e6e3;border-radius:14px;overflow:hidden;box-shadow:0 6px 28px rgba(0,0,0,.07);min-width:0}
.npbd-ba-frame{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;background:#e8eae8;--npbd-ba-pos:50%;touch-action:pan-y}
.npbd-ba-image{position:absolute;inset:0}.npbd-ba-image img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.npbd-ba-before{clip-path:inset(0 calc(100% - var(--npbd-ba-pos)) 0 0);z-index:1}
.npbd-ba-divider{pointer-events:none;position:absolute;z-index:3;top:0;bottom:0;left:var(--npbd-ba-pos);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.24);transform:translateX(-50%)}
.npbd-ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#16382b;width:45px;height:45px;border:2px solid #16382b;font-size:23px;font-weight:700;line-height:1}
.npbd-ba-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.npbd-ba-frame:focus-within{outline:3px solid #b88a40;outline-offset:-3px}
.npbd-ba-tag{position:absolute;top:16px;z-index:2;background:rgba(12,28,23,.82);color:#fff;padding:5px 11px;border-radius:5px;font-weight:650;font-size:13px;letter-spacing:.04em;pointer-events:none}
.npbd-ba-tag-before{left:16px}.npbd-ba-tag-after{right:16px}
.npbd-ba-copy{padding:17px 20px 21px}.npbd-ba-copy h3{margin:0 0 9px;font-size:clamp(19px,2vw,24px);line-height:1.25;color:#18382c}
.npbd-ba-copy p{margin:0 0 10px;line-height:1.55;color:#3a4841}.npbd-ba-copy .npbd-ba-disclosure{font-size:12px;color:#626d65}
.npbd-ba-design-link{display:inline-block;margin-top:2px;font-weight:650;color:#225541;text-decoration:underline;text-underline-offset:2px}
@media(max-width:850px){.npbd-ba-gallery,.npbd-ba-cols-3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.npbd-ba-gallery,.npbd-ba-cols-3{grid-template-columns:1fr;gap:20px}.npbd-ba-frame{aspect-ratio:3/2}}
/* Independent bunk-style page series; appears only when published comparisons exist. */
.npbd-style-room-series{margin:clamp(36px,5vw,60px) 0;padding:clamp(22px,4vw,34px);background:#f5f8f6;border:1px solid #dfe8e2;border-radius:16px;clear:both}
.npbd-style-room-series>h2{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.2;color:#173f30}
.npbd-style-room-series>p{max-width:64ch;line-height:1.6;margin:0 0 20px;color:#3e5147}
.npbd-style-room-series .npbd-ba-gallery{margin:20px 0 0}
@media(max-width:620px){.npbd-style-room-series{padding:18px 12px;margin:30px 0}}