.vp-demo{width:100%;max-width:960px;margin:1.25rem auto 2.5rem}.vp-demo--article{max-width:100%;margin:.85rem auto 1.6rem}.vp-demo--article .vp-mosaic{grid-auto-rows:112px}.vp-article-hero{width:100%;margin:1.4rem 0 1.8rem}.vp-article-hero img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:var(--villa-media-radius,8px);margin:0!important}.vp-article-hero figcaption{margin-top:7px;color:#64748b;font-size:12px;line-height:1.5}.vp-demo *{box-sizing:border-box}.vp-demo__metadata{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:12px;margin:0 0 10px}.vp-demo button{cursor:pointer;font:inherit}.vp-mosaic{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:137px;gap:3px;overflow:hidden;border-radius:var(--villa-media-radius,8px);background:0 0}.vp-mosaic__tile{position:relative;background:#e7ebf0;overflow:hidden;min-width:0;min-height:0}html.dark .vp-mosaic__tile{background:#323c48}.vp-mosaic__tile::before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/img/villa-v-placeholder.svg)50%/54px 54px no-repeat}html.dark .vp-mosaic__tile::before{background-image:url(/img/villa-v-placeholder-dark.svg)}.vp-mosaic__tile img{position:relative;z-index:1}.vp-mosaic__tile[data-villa-photo-loading]::before{z-index:2}.vp-mosaic__tile--main{grid-column:span 2;grid-row:span 2}.vp-mosaic__tile img{width:100%;height:100%;display:block;object-fit:cover;cursor:zoom-in}.vp-native-wrap{position:relative;overflow:hidden;border-radius:var(--villa-media-radius,8px);background:#e7ebf0}html.dark .vp-native-wrap{background:#323c48}.vp-native-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/img/villa-v-placeholder.svg)50%/76px 76px no-repeat}html.dark .vp-native-wrap::before{background-image:url(/img/villa-v-placeholder-dark.svg)}.vp-native-wrap [data-twe-carousel-item] img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.vp-native-wrap [data-twe-slide] svg{width:24px;height:24px;display:block;margin:0}.vp-view-all{position:absolute;right:12px;bottom:12px;z-index:5;background:rgba(18,29,44,.9);color:#fff!important;font-size:12px!important;font-weight:650;border:0;border-radius:var(--villa-control-radius,8px);padding:9px 12px;white-space:nowrap}.vp-all-photos{margin-top:10px}.vp-all-photos[hidden]{display:none!important}.vp-all-photos__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.vp-all-photos__grid figure{margin:0;min-width:0}.vp-all-photos__grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--villa-media-radius,8px);cursor:zoom-in;background:#e2e8f0}.vp-demo img{margin:0!important;padding:0!important}img.vp-zoomable.medium-zoom-image--opened{object-fit:contain!important}.vp-zoom-controls{position:fixed;inset:0;z-index:10000;pointer-events:none}.vp-zoom-controls[hidden]{display:none!important}.vp-zoom-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:rgba(15,23,42,.8);border:1px solid #fff7;border-radius:100%;color:#fff;cursor:pointer}.vp-zoom-controls button[data-vp-prev]{left:15px}.vp-zoom-controls button[data-vp-next]{right:15px}.vp-zoom-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.vp-zoom-controls .vp-zoom-count{position:absolute;top:15px;left:50%;transform:translateX(-50%);border-radius:var(--villa-control-radius,8px);background:rgba(15,23,42,.8);padding:6px 11px;color:#fff;font-size:12px}.vp-demo :is(button):focus-visible,.vp-zoom-controls button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:640px){.vp-demo__metadata{font-size:10px}.vp-mosaic{grid-auto-rows:82px;border-radius:var(--villa-media-radius,8px)}.vp-demo--article .vp-mosaic{grid-auto-rows:67px}.vp-article-hero img{max-height:230px;border-radius:var(--villa-media-radius,8px)}.vp-view-all{bottom:5px;right:5px;padding:6px 8px;font-size:10px!important}.vp-all-photos__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.vp-zoom-controls button{width:38px;height:38px}.vp-zoom-controls button[data-vp-prev]{left:4px}.vp-zoom-controls button[data-vp-next]{right:4px}}