.jo-houses{padding:2.4rem 0 4rem}.jo-houses__grid{display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1.2rem;scroll-padding-left:0}.jo-house,.jo-house--wide,.jo-house--tall,.jo-house--small{flex:0 0 72%;aspect-ratio:1 / 1;min-width:0;min-height:0;scroll-snap-align:start}.jo-houses__grid::-webkit-scrollbar{height:4px}.jo-houses__grid::-webkit-scrollbar-track{background:transparent}.jo-houses__grid::-webkit-scrollbar-thumb{background:#17171a2e;border-radius:999px}.jo-houses__grid{scrollbar-width:thin;scrollbar-color:rgba(23,23,26,.18) transparent}.jo-house{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid var(--jo-black-soft);text-decoration:none;color:inherit;box-shadow:0 1px 2px #17171a0f,0 14px 34px -22px #17171a66;transition:box-shadow .4s ease,border-color .4s ease}.jo-house:hover{border-color:var(--jo-black);box-shadow:0 1px 2px #17171a1a,0 22px 46px -24px #17171a8c}.jo-house__media{position:absolute;top:0;right:0;bottom:0;left:0}.jo-house__media img,.jo-house__placeholder svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.jo-house:hover .jo-house__media img{transform:scale(1.04)}.jo-house__placeholder{width:100%;height:100%;background:var(--jo-sand)}.jo-house__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#fdfcf9f5,#fdfcf9d1 28%,#fdfcf947 55%,#fdfcf900 78%)}.jo-house__body{position:absolute;inset:auto 0 0 0;padding:2.4rem 2.6rem 2.6rem}.jo-house__title{margin:0;font-size:clamp(2.2rem,2.6vw,3rem);color:var(--jo-ink);letter-spacing:.02em}.jo-house__desc{margin:.7rem 0 0;max-width:34ch;color:var(--jo-ink-soft);font-size:1.4rem;line-height:1.55}.jo-house__cue{display:inline-block;margin-top:1.4rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em;color:var(--jo-gold-deep);border-bottom:1px solid var(--jo-hairline-gold);padding-bottom:.3rem;transition:border-color .3s ease,color .3s ease}.jo-house:hover .jo-house__cue{color:var(--jo-aegean-deep);border-color:var(--jo-aegean-deep)}@media screen and (min-width:750px){.jo-house,.jo-house--wide,.jo-house--tall,.jo-house--small{flex-basis:38%}}@media screen and (min-width:990px){.jo-houses__grid{overflow-x:visible;scroll-snap-type:none;padding-bottom:0}.jo-house,.jo-house--wide,.jo-house--tall,.jo-house--small{flex:1 1 0}}@media screen and (max-width:749px){.jo-house__body{padding:1.6rem 1.8rem 1.8rem}}.jo-houses .jo-section-head:empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-jo-houses.css.map */