.spaces .spaces-header{width:100%;height:60svh;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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);isolation:isolate;background:#ffffff0a;border-radius:999px;gap:.25rem;width:fit-content;padding:.35rem;display:flex;position:relative}.spaces .prop-filters .filter-capsule{background:var(--base-100);z-index:0;border-radius:999px;width:0;height:calc(100% - .7rem);position:absolute;top:.35rem;left:0;transform:translate(0)}.spaces .prop-filters.is-wrapped .filter-capsule{opacity:0}.spaces .prop-filters .filter{appearance:none;z-index:1;color:var(--base-300);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .9rem;transition:color .3s,transform .3s;position:relative}.spaces .prop-filters .filter:hover{transform:translateY(-2px)}.spaces .prop-filters .filter.active{color:var(--base-500)}.spaces .prop-filters.is-wrapped .filter.active{background:var(--base-100)}.spaces .space{color:var(--base-100);flex-direction:column;gap:1.5rem;margin-bottom:4rem;display:flex}.spaces .space .space-img{aspect-ratio:16/4;border-radius:2rem;overflow:hidden}.spaces .space .space-img img{opacity:.75}.spaces .space .space-info{gap:2rem;display:flex}.spaces .space .space-info h3{letter-spacing:-.05rem;font-size:1.75rem}.spaces .space .space-info .prop-info-col:first-child{flex:2}.spaces .space .space-info .prop-info-col:nth-child(2){flex:5;gap:2rem;display:flex}.spaces .prop-info-sub-col:first-child{flex:4}.spaces .prop-info-sub-col:nth-child(2){flex:3}.spaces .prop-name{flex-direction:column;gap:.75rem;display:flex}.spaces .prop-name p.lg{color:var(--base-300)}.spaces .prop-date p,.spaces .prop-client-name{color:var(--base-350)}.spaces .prop-name p{color:var(--base-200)}.spaces .prop-info-sub-col:nth-child(2) .prop-client{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.spaces .prop-client-img{border-radius:10rem;width:2rem;height:2rem;overflow:hidden}@media (max-width:1000px){.spaces .spaces-header .container{flex-direction:column;align-items:flex-start;gap:0;padding:2rem}.spaces .spaces-header .prop-col:nth-child(2){flex:1}.spaces .prop-filters{border-radius:1.25rem;flex-wrap:wrap;gap:.5rem;width:100%}.spaces .prop-filters .filter{padding:.35rem .7rem}.spaces .space .space-img{aspect-ratio:5/3}.spaces .space .space-info{flex-direction:column-reverse}.spaces .space .space-info h3{font-size:1.25rem}.spaces .prop-name p{font-size:1rem}.spaces .prop-name{gap:.5rem}.spaces .prop-date{display:none}.spaces .prop-info-sub-col:nth-child(2) .prop-client{gap:.5rem}.spaces .space{margin-bottom:2rem}.spaces .prop-info-sub-col:first-child,.spaces .prop-info-sub-col:nth-child(2){flex:1}.spaces .prop-filters .filter p.lg{font-size:1rem}}
