Property films

.jf{margin:0} .jf-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,28px)} @media(max-width:900px){.jf-row{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.jf-row{grid-template-columns:1fr}} .jf-c{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;cursor:pointer;background:#14301F;border:0;padding:0;display:block;width:100%;text-align:left;transition:transform .25s ease,box-shadow .25s ease} .jf-c:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(20,48,31,.22)} .jf-c:focus-visible{outline:3px solid #43B649;outline-offset:3px} .jf-c img{width:100%;height:100%;object-fit:cover;display:block} .jf-c .g{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,48,31,0) 45%,rgba(20,48,31,.85))} .jf-c .p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,254,242,.94);display:flex;align-items:center;justify-content:center;transition:transform .25s ease} .jf-c:hover .p{transform:translate(-50%,-50%) scale(1.08)} .jf-c .c{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#FFFEF2} .jf-c .c .a{font-family:’Fraunces’,Georgia,serif;font-weight:500;font-size:19px;line-height:1.15} .jf-c .c .s{font-size:12.5px;color:rgba(255,254,242,.82);margin-top:4px} .jf-hint{color:#8A978F;font-size:13px;margin:14px 0 0} .jf-ov{position:fixed;inset:0;z-index:99999;background:rgba(12,20,15,.95);display:none;align-items:center;justify-content:center} .jf-ov.open{display:flex} .jf-p{position:relative;height:88vh;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)} .jf-p mux-player{width:100%;height:100%;–media-object-fit:cover} .jf-cap{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));pointer-events:none} .jf-cap .a{font-family:’Fraunces’,Georgia,serif;font-size:21px;font-weight:500} .jf-cap .s{font-size:13px;color:rgba(255,255,255,.85);margin-top:2px} .jf-nav,.jf-x{position:fixed;z-index:100001;border-radius:50%;background:rgba(255,254,242,.14);border:1px solid rgba(255,254,242,.32);color:#FFFEF2;display:flex;align-items:center;justify-content:center;cursor:pointer} .jf-nav{top:50%;transform:translateY(-50%);width:52px;height:52px} .jf-nav:hover,.jf-x:hover{background:rgba(255,254,242,.26)} .jf-nav.pv{left:max(24px,calc(50% – 30vh))}.jf-nav.nx{right:max(24px,calc(50% – 30vh))} .jf-x{top:22px;right:22px;width:46px;height:46px;font-size:22px;line-height:1} .jf-ct{position:fixed;top:28px;left:50%;transform:translateX(-50%);color:rgba(255,254,242,.8);font-size:12px;letter-spacing:.14em;text-transform:uppercase;z-index:100001} @media(max-width:560px){.jf-p{height:92vh}.jf-nav{top:auto;bottom:26px}.jf-nav.pv{left:calc(50% – 62px)}.jf-nav.nx{right:calc(50% – 62px)}} @media(prefers-reduced-motion:reduce){.jf-c{transition:none}.jf-c:hover{transform:none}} https://cdn.jsdelivr.net/npm/@mux/mux-player@3 (function(){ var F=[{id:”AsR631gmKUOekeTBx1zmdyjJKLwZ5B8ac1yqPj01XZO4″,a:”71 Severn Street”,s:”Island Bay”,p:”/wp-content/uploads/2026/09/film-71-severn-street.jpg”}, {id:”zQ1PXWrijjtlRzvokADRWhqf023EK6Ucuaa6SKOtcp00w”,a:”46A Mana Street”,s:”Vogeltown”,p:”/wp-content/uploads/2026/09/film-46a-mana-street.jpg”}, {id:”V004CG3aHl96MII3OUm00xy4aKFfa8xfDA0200gPtE52VKI”,a:”9 Tiketike Way”,s:”Brooklyn”,p:”/wp-content/uploads/2026/09/film-9-tiketike-way.jpg”}]; var PLAY=”; var ov,pane,ct,cur=0,busy=false; function poster(f){return f.p;} function build(){if(ov)return; ov=document.createElement(‘div’);ov.className=’jf-ov’;ov.setAttribute(‘role’,’dialog’);ov.setAttribute(‘aria-modal’,’true’); ov.innerHTML=’ב; document.body.appendChild(ov);pane=ov.querySelector(‘.jf-p’);ct=ov.querySelector(‘.jf-ct’); ov.querySelector(‘.jf-x’).onclick=close; ov.querySelector(‘.jf-nav.pv’).onclick=function(){step(-1)}; ov.querySelector(‘.jf-nav.nx’).onclick=function(){step(1)}; ov.addEventListener(‘click’,function(e){if(e.target===ov)close()}); var y=null;ov.addEventListener(‘touchstart’,function(e){y=e.touches[0].clientY},{passive:true}); ov.addEventListener(‘touchend’,function(e){if(y===null)return;var d=e.changedTouches[0].clientY-y;if(Math.abs(d)>60)step(d<0?1:-1);y=null},{passive:true}); document.addEventListener('keydown',function(e){if(!ov.classList.contains('open'))return; if(e.key==='Escape')close();else if(e.key==='ArrowRight'||e.key==='ArrowDown')step(1);else if(e.key==='ArrowLeft'||e.key==='ArrowUp')step(-1)});} function render(i){var f=F[i];pane.innerHTML='‘; var mp=pane.querySelector(‘mux-player’);if(mp){try{mp.muted=false;mp.volume=1;var pr=mp.play&&mp.play();if(pr&&pr.catch)pr.catch(function(){});}catch(err){}} ct.textContent=’Film ‘+(i+1)+’ of ‘+F.length;} function open(i){build();cur=i;ov.classList.add(‘open’);document.body.style.overflow=’hidden’;render(cur);ov.querySelector(‘.jf-x’).focus();} function close(){ov.classList.remove(‘open’);pane.innerHTML=”;document.body.style.overflow=”;busy=false;} function step(d){if(busy)return;busy=true;cur=(cur+d+F.length)%F.length;render(cur);setTimeout(function(){busy=false},220);} function init(){var row=document.querySelector(‘.jf-row’);if(!row||row.getAttribute(‘data-i’))return;row.setAttribute(‘data-i’,’1′); F.forEach(function(f,i){var b=document.createElement(‘button’);b.type=’button’;b.className=’jf-c’;b.setAttribute(‘aria-label’,’Watch the film of ‘+f.a+’, ‘+f.s); b.innerHTML=’‘; b.onclick=function(){open(i)};row.appendChild(b);});} if(document.readyState!==’loading’)init();else document.addEventListener(‘DOMContentLoaded’,init); })();