/* The Backyard — district photo slider (coverflow) */
#zoneCards.cf-hidden{display:none!important;}

/* the whole ASSET section runs dark, centred */
#asset.cf-dark{background:var(--dark);}
#asset.cf-dark .wrap{text-align:center;}
#asset.cf-dark h2.sec{color:var(--gold);}
#asset.cf-dark .eyebrow{color:var(--gold);}
#asset.cf-dark .lead,#asset.cf-dark p{color:var(--sand);margin-left:auto;margin-right:auto;}

.cf-stage{
  position:relative;margin:40px -28px 0;padding:8px 0 4px;overflow:hidden;
  perspective:1600px;perspective-origin:50% 45%;
}
@media(max-width:900px){.cf-stage{margin:26px -20px 0;}}

.cf-track{
  position:relative;height:418px;margin:0 auto;transform-style:preserve-3d;
  touch-action:pan-y;cursor:grab;
}
.cf-track.is-drag{cursor:grabbing;}

.cf-item{
  position:absolute;top:0;left:50%;width:542px;height:362px;margin-left:-271px;
  border-radius:6px;overflow:hidden;background:#0e1419;
  box-shadow:0 28px 66px -22px rgba(0,0,0,.88);
  transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;
  will-change:transform;backface-visibility:hidden;
  -webkit-box-reflect:below 5px linear-gradient(rgba(0,0,0,.26),transparent 26%);
  pointer-events:none;
}
.cf-item img{width:100%;height:100%;object-fit:cover;display:block;}
.cf-item::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,20,19,.05) 40%,rgba(20,20,19,.5));
  opacity:0;transition:opacity .6s ease;
}
.cf-item.is-side{filter:brightness(.58) saturate(.85);}
.cf-item.is-side::after{opacity:1;}

@media(max-width:900px){
  .cf-stage{perspective:1150px;}
  .cf-track{height:296px;}
  .cf-item{width:394px;height:263px;margin-left:-197px;}
}
@media(max-width:560px){
  .cf-track{height:228px;}
  .cf-item{width:300px;height:200px;margin-left:-150px;}
}
@media(prefers-reduced-motion:reduce){
  .cf-item{transition:none;}
}