:root{
  --radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;
  /* the house move: one corner opens far wider than the other three */
  --radius-accent:44px;
  --radius-accent-sm:28px;
  --corner-card:var(--radius-accent) var(--radius-sm) var(--radius-sm) var(--radius-sm);
  --corner-card-alt:var(--radius-sm) var(--radius-accent) var(--radius-sm) var(--radius-sm);
  --corner-media:var(--radius-accent) var(--radius-sm) var(--radius-sm) var(--radius-sm);

  --border-hairline:1px solid var(--line-hairline);
  --border-gold:1px solid var(--line-gold-solid);
  --border-strong:1px solid var(--line-strong);

  --shadow-none:none;
  --shadow-rest:0 1px 2px rgba(43,38,32,.04);
  --shadow-hover:0 14px 34px -18px rgba(43,38,32,.34),0 2px 6px rgba(43,38,32,.05);
  --shadow-float:0 22px 54px -26px rgba(30,23,16,.42);
  --shadow-popup:0 28px 64px -24px rgba(30,23,16,.38);
  --scrim-photo:linear-gradient(to top,rgba(30,23,16,.78) 0%,rgba(30,23,16,.32) 42%,rgba(30,23,16,0) 78%); /* @kind shadow */
  --scrim-hero:linear-gradient(105deg,rgba(247,241,230,.94) 0%,rgba(247,241,230,.80) 38%,rgba(247,241,230,.32) 68%,rgba(247,241,230,.12) 100%); /* @kind shadow */
}