/* ── unit cards (home "Available now" + /listings) ── */
.unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit .furn,.unit .ph-dots,.unit .ph-nav{display:none}.unit .ph-price{font-size:1.1rem;left:10px;bottom:8px}.unit .ph-price small{font-size:.56rem}.unit .sig{font-size:.48rem;padding:4px 7px;top:8px;left:8px}}
@media(max-width:420px){.unit-grid{gap:10px}.unit{padding:6px;border-radius:14px}.ph{border-radius:9px}.ph-price{font-size:1.05rem;left:9px;bottom:7px}.ph-price small{font-size:.54rem}.sig,.furn{font-size:.46rem;padding:4px 6px;top:7px}.sig{left:7px}.furn{right:7px}.unit .txt{padding:8px 4px 3px;gap:4px}.unit h3{font-size:.98rem}.unit .loc{font-size:.62rem}.specs{font-size:.62rem;gap:3px 8px;padding:6px 0}.specs svg{width:12px;height:12px}.unit .act button{font-size:.56rem;padding:8px 8px}.unit .act a{font-size:.58rem}.ph-dots{display:none}}
.unit{position:relative;background:#fff;border:1px solid #e4d8c4;border-radius:16px;padding:8px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 10px rgba(28,21,12,.05)}
.unit:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(28,21,12,.14)}
/* photos: swipe on touch, arrows on hover */
.ph{position:relative;aspect-ratio:5/4;background:#eee6d6;overflow:hidden;border-radius:11px}
.ph-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ph-track::-webkit-scrollbar{display:none}
.ph-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block}
.ph::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none}
.ph-price{position:absolute;left:11px;bottom:9px;z-index:2;color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;font-weight:600;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.ph-price small{font-family:'Inter',system-ui,sans-serif;font-size:.6rem;font-weight:500;opacity:.85;margin-left:5px;letter-spacing:.02em}
.ph-dots{position:absolute;right:11px;bottom:12px;z-index:2;display:flex;gap:4px}
.ph-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s,transform .2s}.ph-dots i.on{background:#fff;transform:scale(1.25)}
.ph-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#1c150c;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ph-nav.prev{left:8px}.ph-nav.next{right:8px}.unit:hover .ph-nav{opacity:1}.ph-nav:hover{background:#fff}
@media(hover:none){.ph-nav{display:none}}
.sig{position:absolute;top:9px;left:9px;z-index:2;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:5px 8px;border-radius:5px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);background:linear-gradient(135deg,#dbe9fa 0%,#8fb6e3 22%,#2f6fb8 50%,#143f78 78%,#8fb6e3 100%);border:1px solid rgba(255,255,255,.55);box-shadow:0 2px 8px rgba(20,63,120,.35),inset 0 1px 0 rgba(255,255,255,.45)}
.furn{position:absolute;top:9px;right:9px;z-index:2;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.9);color:#1c150c}
/* body */
.unit .txt{padding:10px 6px 4px;display:flex;flex-direction:column;gap:5px;flex:1}
.unit h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;font-weight:600;line-height:1.2;color:#1c150c;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.unit .loc{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#6b5d49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit .loc svg{width:12px;height:12px;flex-shrink:0}
.specs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.68rem;color:#3c3126;padding:7px 0;border-top:1px solid #efe7d8;border-bottom:1px solid #efe7d8;margin-top:1px}
.specs span{display:inline-flex;align-items:center;gap:4px}.specs svg{width:13px;height:13px;stroke:#b8913a;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.unit .act{margin-top:auto;display:flex;gap:8px;align-items:center;padding-top:3px}
.unit .act button{flex:1;font-family:inherit;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;background:#1c150c;color:#fff;border:0;border-radius:8px;padding:9px 10px;white-space:nowrap;cursor:pointer;transition:background .2s}
.unit .act button:hover{background:#b8913a}
.unit .act a{font-size:.64rem;color:#6b5d49;text-decoration:none;white-space:nowrap}.unit .act a:hover{color:#b8913a}
/* Signature: chrome-blue accents */
.unit.sigcard{border-color:#8fb6e3;box-shadow:0 0 0 1px rgba(64,120,190,.22),0 10px 28px rgba(31,80,140,.12)}
.unit.sigcard{background:linear-gradient(180deg,#f4f8fe,#fff 45%)}
.unit.sigcard .act button{background:linear-gradient(135deg,#2f6fb8,#143f78)}.unit.sigcard .act button:hover{background:linear-gradient(135deg,#3a7fd0,#1b4f94)}
/* entrance: the same reveal as the rest of the site (fade + rise, eased), staggered per card */
.anim .unit{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.23,1,.32,1),transform .85s cubic-bezier(.23,1,.32,1),box-shadow .3s}
.anim .unit.visible{opacity:1;transform:translateY(0)}
.anim .unit:nth-child(3n+2){transition-delay:.1s}.anim .unit:nth-child(3n+3){transition-delay:.2s}
.anim .unit.visible:hover{transform:translateY(-4px);transition-delay:0s}