/* === Yoga & Surf tiles (2-up) === */
#yoga-surf.section{ padding:clamp(28px,4vw,56px) 0; }
#yoga-surf .ps-grid{ display:grid; gap:clamp(16px,2.5vw,28px); }
@media (min-width: 900px){ #yoga-surf .ps-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 899.98px){ #yoga-surf .ps-grid{ grid-template-columns: 1fr; } }
#yoga-surf .ps-card{
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:18px;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  padding:clamp(20px,3vw,28px);
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
}
#yoga-surf .ps-label{
  text-align:center; color:#000; margin:0;
  line-height:1.0; font-weight:200; font-style:italic;
  font-size: clamp(11px, 1.15vw, 13px);
}
#yoga-surf .ps-label strong{
  display:block; margin:0 0 -8px;
  font-weight:800; font-style:normal; letter-spacing:.02em;
  font-size: clamp(16px, 2vw, 22px);
}
#yoga .ps-label{ transform: translateX(-8px); }
#surf .ps-label{ transform: translateX(8px); }
#yoga-surf .ps-copy{
  margin-top:10px; text-align:center; max-width:46ch; margin-inline:auto;
  font-size:clamp(12px,1.25vw,14px); line-height:1.55; color:#000;
}
#yoga-surf .ps-copy p{ margin:0; }
/* logo pinned to bottom of card */
#yoga-surf .ps-icon{ margin-top:auto; padding-top:10px; display:flex; justify-content:center; }
#yoga-surf .ps-icon img{ display:block; height:auto; width:auto; max-height:clamp(64px,11vw,100px); }