@media(max-width:900px){
 .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--surface);padding:12px 20px;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch}
 .nav-links.open{display:flex}
 .menu{display:block}
 .nav-cta{display:none}
 .nav-auth-desktop{display:none}
 .nav-links-auth{display:flex;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}
 .nav-links-auth a{flex:1;text-align:center;padding:11px 12px;border-radius:var(--radius-sm);background:var(--bg);font-size:11px;font-weight:700;text-transform:uppercase}
 .grid-4{grid-template-columns:repeat(2,1fr)}
 .grid-3{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr;gap:34px}
 .collage{grid-template-columns:1fr 1fr}
 .timeline{grid-template-columns:1fr;gap:26px;margin-top:0}
 .timeline:before{top:0;bottom:0;left:9px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,rgba(214,182,111,0),rgba(214,182,111,.55) 6%,rgba(214,182,111,.55) 94%,rgba(214,182,111,0))}
 .timeline-item{text-align:left;padding:0 0 0 34px}
 .timeline-item:before{top:4px;left:9px;transform:translateX(-50%)}
 .tenant-scroll{grid-auto-columns:calc((100% - 16px)/2)}
 .stat-value{font-size:32px}
 .stat-label{font-size:14px}
 .stats{margin-bottom:64px}
}
@media(max-width:640px){
 .container{width:min(var(--container),calc(100% - 28px))}
 .hero{min-height:510px}
 .hero-content{padding:55px 0}
 .hero h1{font-size:39px}
 .section-head{flex-direction:column;align-items:flex-start;gap:8px}
 .grid-2,.grid-3,.grid-4,.checks,.footer-grid,.form-grid,.about-stats,.timeline,.collage{grid-template-columns:1fr}
 .collage{grid-template-rows:220px 220px 220px}
 .collage-a{grid-row:auto}
 .collage-badge{left:14px;bottom:14px}
 .commitment-row{padding-left:0}
 .commitment-row:hover{padding-left:10px}
 .section{padding:48px 0}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:56px}
 .stat-card{min-height:140px;padding:20px 10px;min-width:0}
 .stat-value{font-size:24px;white-space:normal}
 .stat-value:after{margin:12px auto}
 .stat-label{font-size:13.5px}
 .gallery{grid-template-columns:1fr 1fr}
 .gallery .g,.gallery .g.tall{height:150px}
 .gallery .g.tall{grid-row:auto}
 .news-row{grid-template-columns:96px minmax(0,1fr);gap:14px;min-height:0;padding:14px}
 .news-row .thumb{height:96px}
 .news-row h3{font-size:19px;margin-bottom:6px}
 .news-row p{font-size:12.5px}
 .event{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"date info" "btn btn";gap:14px;min-height:0;padding:16px}
 .event-thumb{display:none}
 .event-date{grid-area:date;width:72px;height:78px}
 .event-date b{font-size:30px}
 .event-info{grid-area:info}
 .event h3{font-size:20px}
 .event .btn{grid-area:btn;width:100%;height:46px}
 .footer-bottom{flex-direction:column;gap:8px}
 .facility-slide{flex-basis:210px;height:280px}
 .actions{flex-direction:column;align-items:stretch}
 .actions .btn{width:100%}
 .tenant-scroll{grid-auto-columns:calc(100% - 40px);gap:12px}
 .tenant-search{padding-left:14px;margin-bottom:14px}
 .tenant-search input{font-size:12px}
 .tenant-search-btn{padding:9px 14px}
 .tenant-card .pic{height:140px}
 .tenant-card .body{padding:14px}
 .tenant-card h3{font-size:13px;margin-bottom:6px}
 .tenant-card p{font-size:11.5px;line-height:1.5;margin-bottom:10px}
 .card-cta-btn{width:calc(100% - 28px);margin:0 14px 14px;font-size:10px;padding:12px 14px}
}
@media(max-width:420px){
 .btn{padding:13px 14px;font-size:9px}
 .pill{padding:8px 12px;font-size:9px}
 .card-cta-btn{font-size:9.5px}
}