/* Altered Capital — radii.
   The brand's signature shape is the asymmetric "altered capsule": two opposite
   corners heavily rounded, the other two nearly square. Used to mask imagery. */
:root{
  --radius-none:0px;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-xl:40px;
  --radius-pill:999px;

  --radius-control:999px;        /* buttons, tags, filters are pills */
  --radius-card:var(--radius-lg);
  --radius-input:var(--radius-pill);
  --radius-media:var(--radius-xl);

  /* Altered capsule masks (apply as border-radius) */
  --capsule-a:120px 24px 120px 24px; /* @kind radius */
  --capsule-b:24px 120px 24px 120px; /* @kind radius */
  --capsule-soft:64px 16px 64px 16px; /* @kind radius */
  --capsule-tall:50% 12% 50% 12% / 30% 8% 30% 8%; /* @kind radius */
}