/* The neighborhood layer and quiet depth effects. Content stays visible without JS. */
.hero{overflow:hidden;isolation:isolate}
.hero>img{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.075)}
.hero-content{transform:translate3d(0,var(--copy-drift,0px),0)}
.experience-photo{overflow:hidden}
.experience-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#082d32b0);pointer-events:none}
.experience-photo>span{bottom:52px;z-index:1}
.area-photo-credit{position:absolute;bottom:27px;left:40px;right:20px;color:#fff;font-size:9px;text-decoration:underline;text-underline-offset:3px;z-index:1}
.gallery-grid{perspective:1400px}
.gallery-grid button{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}
.gallery-grid button:hover{box-shadow:0 20px 35px -22px #163d3b80}
.neighborhood{padding-top:105px;padding-bottom:30px}
.neighborhood-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:43px}
.neighborhood-heading>div:last-child{max-width:405px;justify-self:end}
.neighborhood-heading p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}
.neighborhood-heading .eyebrow{font-size:9px;letter-spacing:1.7px}
.neighborhood-heading .textlink{margin-top:10px}
.neighborhood-scene{margin:0 0 35px}
.neighborhood-frame{position:relative;height:430px;overflow:hidden;background:#2f736c;isolation:isolate}
.neighborhood-frame img{object-position:center;transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}
.neighborhood-frame:hover img{transform:scale(1.025)}
.neighborhood-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082e37a8,transparent 70%);pointer-events:none}
.area-label{position:absolute;left:28px;top:27px;padding:7px 12px;border:1px solid #ffffff8a;color:white;background:#12332f40;backdrop-filter:blur(8px);font-size:8px;letter-spacing:1.8px;z-index:1}
.area-caption{position:absolute;bottom:30px;left:33px;color:#fff;z-index:1}
.area-caption>span{font-size:8px;letter-spacing:2px}
.area-caption p{font-family:'Playfair Display',Georgia,serif;font-size:49px;letter-spacing:-1.5px;line-height:1.2;margin-top:7px}
.neighborhood-scene figcaption{font-size:9px;color:var(--muted);padding-top:11px;line-height:1.7;display:flex;justify-content:space-between;gap:12px}
.neighborhood-scene figcaption a{text-decoration:underline;text-underline-offset:3px}
.neighbor{display:grid;grid-template-columns:55px 1fr 1fr;gap:28px;padding:31px 8px 34px 0;border-top:1px solid var(--line);align-items:start;transition:background .25s ease,transform .3s ease}
.neighbor:last-child{border-bottom:1px solid var(--line)}
.neighbor:hover{background:#eeeae155;transform:translateX(4px)}
.neighbor-number{font-family:'Playfair Display',Georgia,serif;font-size:25px;color:#8a8367;line-height:1.2;margin-top:5px}
.neighbor .eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:1.7px}
.neighbor h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:28px;line-height:1.22;letter-spacing:-.6px}
.neighbor-description p{font-size:13px;color:var(--muted);margin:0;line-height:1.85;max-width:380px}
.neighbor-action{display:inline-flex;gap:25px;font-size:11px;margin-top:12px;align-items:center;border-bottom:1px solid #a8b2a3;padding-bottom:5px}
.neighbor-action>span{font-size:18px;transition:transform .25s}
.neighbor:hover .neighbor-action>span{transform:translate(3px,-3px)}
.neighborhood-note{font-size:10px;color:var(--muted);margin-top:20px;max-width:740px}
dialog[open]{animation:dialog-arrival .32s cubic-bezier(.2,.65,.3,1)}
@keyframes dialog-arrival{from{opacity:0;transform:perspective(1200px) translateY(18px) rotateX(-3deg) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){header nav{gap:14px}.neighborhood-heading{gap:40px}.neighbor{grid-template-columns:40px 1fr 1fr;gap:20px}.neighbor h3{font-size:25px}.neighborhood-frame{height:380px}}
@media(max-width:720px){.neighborhood{padding-top:60px;padding-bottom:0}.neighborhood-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.neighborhood-heading>div:last-child{justify-self:start;max-width:480px}.neighborhood-heading h2{font-size:36px}.neighborhood-heading .eyebrow{font-size:8px;letter-spacing:1.4px;max-width:300px}.neighborhood-heading p{font-size:13px}.neighborhood-frame{height:340px}.neighborhood-frame img{object-position:60% center}.area-label{top:18px;left:18px;font-size:7px}.area-caption{bottom:24px;left:20px}.area-caption p{font-size:35px}.neighborhood-scene figcaption{display:block;font-size:8px}.neighborhood-scene figcaption a{display:block;margin-top:4px}.neighbor{grid-template-columns:28px 1fr;gap:0 15px;padding:26px 0}.neighbor-number{font-size:22px;grid-row:span 2}.neighbor-description{grid-column:2;margin-top:15px}.neighbor h3{font-size:27px}.neighbor .eyebrow{margin-bottom:9px}.neighbor-description p{font-size:12px;max-width:440px}.neighborhood-note{font-size:9px}.neighbor:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero>img,.hero-content,.gallery-grid button,.neighborhood-frame img{transform:none!important}dialog[open]{animation:none}}