/* The zoning section alone. Content and photographs are shared across sizes. */
.av-constructor .av-zoning{--cz-u:var(--ct-u);display:grid;grid-template-columns:calc(var(--cz-u)*427) minmax(0,1fr);gap:calc(var(--cz-u)*40);padding:calc(var(--cz-u)*60) calc(var(--cz-u)*40);background:#181818;color:#fff;overflow:hidden}
.av-zoning-eyebrow{margin:calc(var(--cz-u)*-1) 0 0;font:500 calc(var(--cz-u)*14)/calc(var(--cz-u)*17) AvConstructorFirs,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.av-zoning-copy h2{margin:calc(var(--cz-u)*41.5) 0 0;font:500 calc(var(--cz-u)*40)/calc(var(--cz-u)*42) AvConstructorFirs,sans-serif;letter-spacing:-.02em;text-transform:uppercase;white-space:pre-line}
.av-zoning-description{width:calc(var(--cz-u)*407);max-width:100%;margin:calc(var(--cz-u)*32.5) 0 0;font:400 calc(var(--cz-u)*20)/calc(var(--cz-u)*24) AvConstructorTilda,sans-serif;letter-spacing:-.01em;color:rgba(255,255,255,.8)}
.av-zoning-gallery{position:relative;min-width:0}
.av-zoning-track{position:relative;display:flex;gap:0;width:100%;height:calc(var(--cz-u)*650);margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.av-zoning-track::-webkit-scrollbar{display:none}
.av-zoning-card{position:relative;isolation:isolate;flex:0 0 auto;width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.av-zoning-card>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;user-select:none}
.av-zoning-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(24,24,24,0) 55%,rgba(24,24,24,.55) 100%)}
.av-zoning-card h3{position:absolute;z-index:1;left:calc(var(--cz-u)*20);right:calc(var(--cz-u)*20);bottom:calc(var(--cz-u)*58);margin:0;font:500 calc(var(--cz-u)*30)/calc(var(--cz-u)*31) AvConstructorFirs,sans-serif;letter-spacing:-.02em;pointer-events:none}
.av-zoning-dots{position:absolute;z-index:2;left:calc(var(--cz-u)*15);bottom:calc(var(--cz-u)*25);display:flex;align-items:center;height:calc(var(--cz-u)*10);margin:0;padding:0}
.av-zoning-dots .av-final-dot{position:relative;display:block;flex:none;width:calc(var(--cz-u)*20);height:calc(var(--cz-u)*30);margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.av-zoning-dots .av-final-dot::after{content:'';position:absolute;left:50%;top:50%;width:calc(var(--cz-u)*10);height:calc(var(--cz-u)*10);border:calc(var(--cz-u)*2) solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%);box-sizing:content-box}
.av-zoning-dots .av-final-dot[aria-current="true"]::after{width:calc(var(--cz-u)*10);height:calc(var(--cz-u)*10);border:0;background:#fff}
.av-zoning-next{position:absolute;z-index:2;right:calc(var(--cz-u)*10);bottom:calc(var(--cz-u)*10);display:grid;place-items:center;width:calc(var(--cz-u)*46);height:calc(var(--cz-u)*40);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;transition:opacity .2s ease}
.av-zoning-next svg{display:block;width:calc(var(--cz-u)*27.47314);height:calc(var(--cz-u)*21.40912)}
.av-zoning-next:hover{opacity:.7}
.av-zoning :is(button,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(max-width:767px){
 .av-constructor .av-zoning{display:block;padding:calc(var(--cz-u)*40) 0}
 .av-zoning-copy{padding:0 calc(var(--cz-u)*20)}
 .av-zoning-eyebrow{margin-top:0;font-size:calc(var(--cz-u)*10);line-height:calc(var(--cz-u)*12)}
 .av-zoning-copy h2{margin-top:calc(var(--cz-u)*20);font-size:calc(var(--cz-u)*26);line-height:calc(var(--cz-u)*27)}
 .av-zoning-description{width:calc(var(--cz-u)*300);margin-top:calc(var(--cz-u)*14);font-size:calc(var(--cz-u)*16);line-height:calc(var(--cz-u)*19)}
 .av-zoning-gallery{margin-top:calc(var(--cz-u)*26)}
 .av-zoning-track{gap:calc(var(--cz-u)*20);height:calc(var(--cz-u)*450);padding-right:calc(var(--cz-u)*60)}
 .av-zoning-card{width:calc(var(--cz-u)*300)}
 .av-zoning-card h3{right:auto;bottom:calc(var(--cz-u)*20);width:calc(var(--cz-u)*200);font-size:calc(var(--cz-u)*16);line-height:calc(var(--cz-u)*19);text-transform:uppercase}
 .av-zoning-dots{position:relative;left:auto;bottom:auto;height:calc(var(--cz-u)*7);margin:calc(var(--cz-u)*20) calc(var(--cz-u)*17.5) 0}
 .av-zoning-dots .av-final-dot{width:calc(var(--cz-u)*12);height:calc(var(--cz-u)*27)}
 .av-zoning-dots .av-final-dot::after{width:calc(var(--cz-u)*7);height:calc(var(--cz-u)*7);border-width:calc(var(--cz-u)*1)}
 .av-zoning-dots .av-final-dot[aria-current="true"]::after{width:calc(var(--cz-u)*7);height:calc(var(--cz-u)*7)}
 .av-zoning-next{display:none}
}
@media(prefers-reduced-motion:reduce){.av-zoning-next{transition:none}}
