/* Preserve the desktop grid; horizontal project browsing is mobile only. */
.project-navigation{display:none}
@media(max-width:700px){
.projects .property-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:8px 0 14px;scrollbar-width:thin;scrollbar-color:#14233f55 transparent}
.projects .property-card{scroll-snap-align:start;scroll-margin-block:110px}
.projects .property-card:focus-visible{outline-offset:-3px!important}
.project-navigation{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:16px}
.project-navigation[hidden]{display:none}
.project-position{margin:0;color:#5c636e;font-size:13px;font-variant-numeric:tabular-nums}
.project-arrows{display:flex;gap:10px}
.project-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #14233f40;border-radius:50%;background:transparent;color:#14233f;font-size:23px;line-height:1}
.project-arrows button:disabled{opacity:.3;cursor:default}
.project-arrows button:not(:disabled):hover{background:#14233f;color:#fff}
 .projects .section-heading{margin-bottom:24px}
 .projects .property-image{aspect-ratio:3/2}
 .projects .property-caption{padding-top:14px}
 .projects .property-caption h3{font-size:24px}
 .project-navigation{margin-top:12px}
}