.spaces .spaces-header{width:100vw;height:40svh;color:var(--base-100);align-items:flex-end;display:flex;position:relative;overflow:hidden}.spaces .spaces-header .container{align-items:flex-end;gap:2rem;display:flex}.spaces .spaces-header .prop-col:first-child{flex:2}.spaces .spaces-header .prop-col:nth-child(2){flex-direction:column;flex:5;gap:2rem;display:flex}.spaces .prop-filters{flex-wrap:wrap;gap:.5rem;display:flex}.spaces .prop-filters .filter{color:var(--base-400);cursor:pointer;border:1px solid var(--base-700);border-radius:2rem;padding:.5rem 1rem;transition:all .3s}.spaces .prop-filters .filter:hover{border-color:var(--base-400);color:var(--base-200)}.spaces .prop-filters .filter p{color:inherit}.spaces .prop-filters .filter.active{background:var(--base-100);color:#000;border-color:var(--base-100)}.spaces .spaces-list .container{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.spaces .space{color:var(--base-100);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.spaces .space:hover{border-color:#fff3;transform:translateY(-4px)}.spaces .space .space-img{aspect-ratio:4/3;position:relative;overflow:hidden}.spaces .space .space-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.spaces .space:hover .space-img img{transform:scale(1.03)}.spaces .space .space-info{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.spaces .space .space-info h3{letter-spacing:-.02rem;font-size:1.15rem;line-height:1.3}.spaces .space .space-info .prop-info-col:first-child{order:2}.spaces .space .space-info .prop-info-col:nth-child(2){flex-direction:column;order:1;gap:.75rem;display:flex}.spaces .prop-info-sub-col:nth-child(2){display:none}.spaces .prop-name{flex-direction:column;gap:.25rem;display:flex}.spaces .prop-name p.lg{color:var(--base-400);font-size:.85rem}.spaces .prop-date p{color:var(--base-400);font-size:.8rem}@media (max-width:1000px){.spaces .spaces-header{height:auto;padding:15svh 0 3rem}.spaces .spaces-header .container{flex-direction:column;align-items:flex-start;gap:1.5rem}.spaces .spaces-header .prop-col:nth-child(2){flex:1}.spaces .spaces-list .container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.spaces .space .space-info{padding:1.25rem}.spaces .space .space-info h3{font-size:1rem}}@media (max-width:480px){.spaces .spaces-list .container{grid-template-columns:1fr}}