/* Westfield Social Wall - style */
.wsw-wrapper{
  background:#000;
  color:#fff;
  position:relative;
  width:100%;
  padding:120px 0;
  overflow:hidden;
  text-align:center;
  min-height:70vh;
}

.wsw-center .wsw-title{
  font-weight:900;
  line-height:0.9;
  font-size:clamp(42px, 8vw, 120px);
  letter-spacing:1px;
  margin:0 auto;
  text-transform:uppercase;
}

.wsw-center .wsw-soon{
  font-size:14px;
  letter-spacing:1px;
  margin:8px 0 14px;
  opacity:.85;
}

.wsw-social a{
  color:#fff;
  font-size:22px;
  margin:0 8px;
  display:inline-block;
  transition:transform .2s ease, opacity .2s ease;
}
.wsw-social a:hover{ transform:scale(1.08); opacity:.9; }

/* Floating images around */
.wsw-img{
  position:absolute;
  width:min(260px, 26vw);
  border-radius:8px;
  box-shadow:0 6px 24px rgba(0,0,0,.5);
  object-fit:cover;
}

/* Approximate positions to reference layout */
.wsw-img1{ top:40px; left:30px; }
.wsw-img2{ bottom:90px; left:60px; }
.wsw-img3{ top:90px; right:60px; }
.wsw-img4{ bottom:70px; right:80px; }
.wsw-img5{ bottom:28%; left:50%; transform:translateX(-50%); width:min(360px, 36vw); }

/* Subtle float animation */
@keyframes wsw-float { 0%{ transform:translateY(0) } 50%{ transform:translateY(-6px) } 100%{ transform:translateY(0) } }
.wsw-img1, .wsw-img2, .wsw-img3, .wsw-img4, .wsw-img5{ animation:wsw-float 6s ease-in-out infinite; }

/* Responsive tweaks */
@media (max-width: 900px){
  .wsw-img{ width:min(170px, 40vw); }
  .wsw-img5{ width:min(240px, 70vw); bottom:35%; }
}
@media (max-width: 600px){
  .wsw-wrapper{ padding:80px 0 120px; }
  .wsw-img{ width:40vw; }
  .wsw-img1{ top:20px; left:16px; }
  .wsw-img2{ bottom:120px; left:12px; }
  .wsw-img3{ top:70px; right:16px; }
  .wsw-img4{ bottom:20px; right:20px; }
  .wsw-img5{ bottom:42%; }
}