/* Products That Count — shape, borders, elevation.
   The brand is uncompromisingly hard-edged: every container in the guide is a
   sharp-cornered rectangle or a straight-sided cut of one. The guide explicitly
   forbids adding shadow or dimensional effects to the logo (p.8 "Don'ts"), and
   no shadow appears anywhere in the guide — elevation is expressed by OVERLAP
   of flat planes (p.17), never by blur. */
:root{
  --radius-none:0;
  --radius-pill:999px;  /* circles only: content-type icon badges, play buttons */

  --border-width-hairline:1px;
  --border-width-thin:2px;
  --border-width-thick:4px;
  --border-width-rule:6px;      /* the coral accent bar beside the logo */
  --border-width-icon-stroke:3px;/* line-art icon stroke, .125pt-.35pt in print */

  --shadow-none:none;

  /* Graphic elements (p.11). "Taking cues from an arrow, a ticket, and the
     concept of direction... knowledge travels." Use as clip-path values. */
  --shape-notch:polygon(0 0,100% 0,100% 100%,4% 100%,0 92%); /* @kind other */
  --shape-arrow:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%); /* @kind other */
  --shape-arrow-sm:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%); /* @kind other */
  --shape-tab:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%); /* @kind other */
  --shape-banner:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%); /* @kind other */
}