.roman-budget .r-photo-open{display:block;width:100%;padding:0;border:0;background:#efe5d6;cursor:zoom-in;overflow:hidden;border-radius:10px}.roman-budget .r-photo-open img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;transition:transform .25s}.roman-budget .r-photo-open:hover img{transform:scale(1.025)}.roman-budget .r-hero-photo .r-photo-open{height:530px}.roman-budget .r-hero-photo img{object-position:50% 30%}.roman-budget .r-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.roman-budget .r-photo-grid figure{margin:0;min-width:0}.roman-budget .r-photo-grid .r-photo-open{aspect-ratio:4/3}.roman-budget .r-photo-grid figcaption{padding:12px 0 0}.roman-budget #roman-photos>.r-note{margin-top:20px}.roman-budget #roman-motion .r-two{align-items:center}.roman-budget #roman-motion .r-demo{padding:24px}.roman-budget #roman-motion .r-window{height:260px}
#roman-photo-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;padding:16px;border:0;border-radius:10px;color:#342a25;background:#fffaf3}#roman-photo-dialog::backdrop{background:#000c}#roman-photo-dialog .r-gallery-toolbar{display:flex;gap:12px;align-items:center}#roman-photo-count{margin-right:auto;font:14px Arial}#roman-photo-dialog button{min-width:44px;min-height:44px;border:1px solid #b49b80;border-radius:6px;background:#efe5d6;color:#342a25;font-size:20px;cursor:pointer}#roman-photo-large{display:block;width:100%;height:min(74dvh,800px);object-fit:contain;margin-top:12px}#roman-photo-caption{margin:12px 0 0;font:14px/1.5 Arial}html.roman-gallery-open{overflow:hidden}
@media(max-width:850px){.roman-budget .r-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roman-budget .r-hero-photo .r-photo-open{height:460px}}
@media(max-width:600px){.roman-budget .r-hero-photo .r-photo-open{height:380px}.roman-budget .r-photo-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.roman-budget .r-photo-grid figure{flex:0 0 88%;scroll-snap-align:start}.roman-budget .r-photo-grid .r-photo-open{aspect-ratio:4/3}.roman-budget #roman-motion .r-demo{padding:18px}#roman-photo-dialog{padding:12px}#roman-photo-large{height:68dvh}}
@media(prefers-reduced-motion:reduce){.roman-budget .r-photo-open img{transition:none}}