.marenza-neighborhood-showcase{position:relative;overflow:hidden;background:var(--paper);color:var(--ink)}
.marenza-neighborhood-shell{position:relative}
.marenza-neighborhood-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}
.marenza-neighborhood-heading h2{max-width:800px;margin:0;font-size:clamp(2rem,4vw,3.35rem);font-weight:650;line-height:1.06;letter-spacing:-.045em}
.marenza-neighborhood-navigation{display:flex;gap:8px;padding-bottom:4px}
.marenza-neighborhood-navigation button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}
.marenza-neighborhood-navigation button:hover{border-color:var(--brand);background:var(--brand);color:var(--brand-contrast,#fff);transform:scale(1.04)}
.marenza-neighborhood-navigation .icon{width:20px;height:20px}
.marenza-neighborhood-track{display:flex;gap:22px;overflow-x:auto;padding:2px 2px 22px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.marenza-neighborhood-track::-webkit-scrollbar{display:none}
.marenza-neighborhood-card{position:relative;flex:0 0 calc((100% - 66px)/4);min-width:0;overflow:hidden;border-radius:22px;background:#111;color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.18);scroll-snap-align:start;isolation:isolate}
.marenza-neighborhood-cover{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#17231e;color:#fff}
.marenza-neighborhood-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.marenza-neighborhood-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.05) 36%,rgba(0,0,0,.2) 58%,rgba(0,0,0,.9) 100%);pointer-events:none}
.marenza-neighborhood-card:hover .marenza-neighborhood-cover img{transform:scale(1.045)}
.marenza-neighborhood-copy{position:absolute;z-index:2;top:22px;right:22px;left:22px;display:grid;gap:7px;pointer-events:none}
.marenza-neighborhood-copy h3{display:-webkit-box;margin:0;overflow:hidden;font-size:clamp(1.12rem,1.35vw,1.42rem);font-weight:650;line-height:1.16;letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.4);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.marenza-neighborhood-location{display:flex;align-items:center;gap:7px;margin:0;overflow:hidden;color:rgba(255,255,255,.82);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.marenza-neighborhood-location .icon{flex:0 0 auto;width:16px;height:16px}
.marenza-neighborhood-count{position:absolute;z-index:2;right:22px;bottom:81px;left:22px;display:flex;align-items:baseline;gap:5px;margin:0;color:rgba(255,255,255,.9);line-height:1;pointer-events:none}
.marenza-neighborhood-count strong{font-size:.88rem}.marenza-neighborhood-count span{font-size:.7rem;font-weight:700}
.marenza-neighborhood-actions{position:absolute;z-index:4;right:18px;bottom:18px;left:18px;display:flex;align-items:center;justify-content:flex-start}
.marenza-neighborhood-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(12,18,16,.34);color:#fff;font-size:.74rem;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .2s,background-color .2s,transform .2s}
.marenza-neighborhood-link .icon{width:17px;height:17px;transition:transform .2s}
.marenza-neighborhood-link:hover{border-color:#fff;background:rgba(255,255,255,.18);color:#fff;transform:translateY(-2px)}
.marenza-neighborhood-link:hover .icon{transform:translateX(3px)}
.marenza-neighborhood-footer{display:flex;justify-content:center;margin-top:16px}
.marenza-neighborhood-footer>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:1px solid var(--brand);border-radius:999px;color:var(--brand);font-size:.8rem;font-weight:800;transition:background-color .2s,color .2s,transform .2s}
.marenza-neighborhood-footer>a:hover{background:var(--brand);color:var(--brand-contrast,#fff);transform:translateY(-2px)}
.marenza-neighborhood-footer .icon{width:18px;height:18px}
[data-theme=dark] .marenza-neighborhood-showcase{background:var(--paper)}
@media(min-width:980px){.marenza-neighborhood-heading h2{font-size:3rem}}
@media(max-width:1280px){.marenza-neighborhood-card{flex-basis:calc((100% - 44px)/3)}}
@media(max-width:980px){.marenza-neighborhood-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.marenza-neighborhood-showcase{padding-block:70px}.marenza-neighborhood-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.marenza-neighborhood-heading h2{font-size:clamp(2rem,10vw,2.65rem)}.marenza-neighborhood-navigation{align-self:flex-end}.marenza-neighborhood-track{gap:14px;padding-right:2px}.marenza-neighborhood-card{flex-basis:calc(100% - 34px);border-radius:20px}.marenza-neighborhood-copy{top:21px;right:21px;left:21px}.marenza-neighborhood-copy h3{font-size:clamp(1.3rem,6vw,1.6rem)}.marenza-neighborhood-count{right:21px;bottom:80px;left:21px}.marenza-neighborhood-actions{right:17px;bottom:17px;left:17px}}
@media(prefers-reduced-motion:reduce){.marenza-neighborhood-track{scroll-behavior:auto}.marenza-neighborhood-cover img,.marenza-neighborhood-navigation button,.marenza-neighborhood-link{transition:none}}