/* Nothing in this brand is a hard rectangle. Photography is blob-cropped,
   controls are full pills, surfaces get a soft 20-28px. */
:root{
  --radius-xs:6px;
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:28px;
  --radius-xl:40px;
  --radius-pill:999px;

  /* Organic photo crops — asymmetric superellipse corners */
  --blob-a:42% 38% 40% 44% / 38% 42% 40% 38%; /* @kind radius */
  --blob-b:36% 44% 38% 42% / 44% 36% 42% 38%; /* @kind radius */
  --blob-c:44% 36% 42% 38% / 36% 44% 38% 42%; /* @kind radius */
  --blob-badge:52% 48% 50% 50% / 60% 60% 40% 40%; /* @kind radius */  /* logo lozenge */
  --blob-hero:44% 56% 40% 60% / 62% 38% 62% 38%; /* @kind radius */
}