/* NEW CITY D: paper note + polaroids over the aerial crowd */
.v-city-d{position:relative;overflow:hidden;padding:clamp(80px,10vw,150px) 20px;background:#2b2418}
.v-city-d .cd-bg{position:absolute;inset:0}
.v-city-d .cd-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);will-change:transform}
.v-city-d .cd-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,6,.55),rgba(20,14,6,.35) 40%,rgba(20,14,6,.65))}
.v-city-d .cd-stage{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(0,640px) 1fr;align-items:center;gap:0}
.v-city-d .cd-note{grid-column:2;position:relative;z-index:2;background:#fffaf0;color:var(--ink);padding:clamp(30px,4vw,52px) clamp(22px,4vw,54px) clamp(30px,4vw,46px);transform:rotate(-1.5deg);box-shadow:0 30px 60px rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.1);
  background-image:repeating-linear-gradient(transparent 0 33px,rgba(27,122,75,.13) 33px 34px);background-position:0 18px}
.v-city-d .cd-tape{position:absolute;top:-16px;width:120px;height:34px;background:rgba(249,188,13,.82);box-shadow:0 2px 4px rgba(0,0,0,.15)}
.v-city-d .cd-tape-l{left:-24px;transform:rotate(-22deg);transform-origin:left center}
.v-city-d .cd-tape-r{right:-24px;transform:rotate(18deg);background:rgba(27,122,75,.78);transform-origin:right center}
.v-city-d .cd-kick{font-family:var(--fb);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--red)}
.v-city-d .cd-h{font-family:var(--fh);font-weight:400;text-transform:none;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02;margin:8px 0 18px;color:var(--ink);transform:rotate(-1deg)}
.v-city-d .cd-body p{font-size:1.06rem;line-height:1.62;margin-bottom:14px}
.v-city-d .cd-body .cd-lead{font-family:var(--fb);text-transform:uppercase;font-size:1.3rem;line-height:1.15;color:var(--red);margin-bottom:8px}
.v-city-d .cd-list{margin:4px 0 16px;display:grid;gap:8px}
.v-city-d .cd-list li{position:relative;padding-left:34px;font-size:1.08rem}
.v-city-d .cd-list li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;border:3px solid var(--ink)}
.v-city-d .cd-list li:nth-child(1)::before{background:var(--gold)}.v-city-d .cd-list li:nth-child(2)::before{background:var(--green)}.v-city-d .cd-list li:nth-child(3)::before{background:var(--red)}
.v-city-d .cd-sign{font-family:var(--fh);font-size:1.35rem!important;line-height:1.3!important;color:var(--green);margin-top:6px}
.v-city-d .cd-pola{position:relative;z-index:1;background:#fff;padding:12px 12px 46px;box-shadow:0 22px 40px rgba(0,0,0,.4);width:min(280px,100%);transition:transform .5s cubic-bezier(.2,1.6,.4,1)}
.v-city-d .cd-pola img{width:100%;aspect-ratio:1;object-fit:cover}
.v-city-d .cd-pola figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:var(--fh);font-size:1rem}
.v-city-d .cd-pola-1{grid-column:1;justify-self:end;margin-right:-50px;transform:rotate(-8deg) translateY(-80px)}
.v-city-d .cd-pola-2{grid-column:3;justify-self:start;margin-left:-50px;transform:rotate(7deg) translateY(90px);z-index:3}
.v-city-d .cd-pola-1:hover{transform:rotate(-2deg) translateY(-90px) scale(1.04)}
.v-city-d .cd-pola-2:hover{transform:rotate(2deg) translateY(80px) scale(1.04)}
@media(max-width:1000px){
  .v-city-d .cd-stage{grid-template-columns:1fr 1fr}
  .v-city-d .cd-note{grid-column:1/-1;grid-row:1}
  .v-city-d .cd-pola{width:min(220px,100%);margin:0}
  .v-city-d .cd-pola-1{grid-row:2;justify-self:center;transform:rotate(-6deg) translateY(-24px)}
  .v-city-d .cd-pola-2{grid-row:2;grid-column:2;justify-self:center;transform:rotate(6deg) translateY(10px)}
  .v-city-d .cd-pola-1:hover{transform:rotate(-2deg) translateY(-30px)}
  .v-city-d .cd-pola-2:hover{transform:rotate(2deg) translateY(4px)}
}
@media(max-width:480px){
  .v-city-d{padding-inline:14px}
  .v-city-d .cd-pola{padding:8px 8px 36px}
  .v-city-d .cd-pola figcaption{font-size:.8rem;bottom:9px}
  .v-city-d .cd-tape{width:84px;height:28px}
}