body{font-family:'Inter',sans-serif}
.grid-pattern{background-image:linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px}
.glass-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* Area / property-card styles (minimal, adapted from test site) */
.area-card{display:block;border-radius:0.75rem;overflow:hidden;position:relative}
.area-card-image{position:relative}
.area-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.area-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%)}
.area-card-title{font-weight:700}
.area-card-count{opacity:0.9}
.properties-list .swiper-slide{padding:0 0.5rem}
.properties-list .area-card{border:1px solid rgba(255,255,255,0.05);background:rgba(17,17,17,0.6)}
.phs-navigation .phs-nav-btn{background:transparent;border:1px solid rgba(255,255,255,0.06);border-radius:999px;padding:0.5rem}
.phs-container{position:relative}
.phs-track{display:flex;gap:1rem;align-items:stretch}

/* Ensure swiper wrapper lays out horizontally if JS hasn't run yet */
.swiper-wrapper{display:flex;flex-wrap:nowrap}
.swiper-slide{flex:0 0 auto}

/* Progress indicator styles */
.phs-nav-progress{min-width:200px}
.phs-nav-progress .phs-nav-progress-bar{transition:width 300ms ease;display:block}
.phs-nav-progress .phs-nav-progress-bar.bg-indigo-500{background-color:#6366F1}

/* Ensure projects swiper hides overflow and allows vertical page scroll on mobile */
.projects-swiper{overflow:hidden;touch-action:pan-y}
.projects-swiper .swiper-wrapper{will-change:transform}

/* Hide default pagination dots if present */
.swiper-pagination{display:none!important}

/* Bottom controls */
.projects-controls{padding-right:0}
.projects-prev,.projects-next{min-width:40px;min-height:40px;border-radius:999px}
.projects-progress-track{background:rgba(255,255,255,0.06)}
.projects-progress-fill{transition:width 300ms ease;background:#6366F1}


/* Live project button */
.btn-live{background:transparent;border:1px solid rgba(255,255,255,0.06);color:#e6e6e6;font-weight:600}
.btn-live:hover{background:rgba(255,255,255,0.02)}

/* External link indicator (non-interactive) */
.external-indicator{position:absolute;top:0.5rem;right:0.5rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);color:rgba(255,255,255,0.8);pointer-events:none}
.external-indicator svg{display:block}