/* Shadows appear only on things that float above the page: the mega menu, the
   language dropdown, a hovered card, the contact drawer. Flat everywhere else. */
:root{
  --shadow-megamenu:0 25px 20px 0 rgba(0,0,0,0.25);
  --shadow-dropdown:0 5px 7px 0 rgba(0,0,0,0.25);
  --shadow-card-hover:0 0 25px 0 rgba(0,0,0,0.25);
  --shadow-drawer:0 0 20px 0 rgba(0,0,0,0.15);
  --shadow-hairline:0 1px 1px 0 rgba(0,0,0,0.10);

  --scrim-frost:rgba(255,255,255,0.3); /* @kind color */
  --scrim-video:rgba(0,0,0,0.8); /* @kind color */
  --blur-frost:blur(15px); /* @kind other */

  --gradient-image-overlay:linear-gradient(180deg,rgba(234,115,101,0.90) 0%,rgba(196,45,67,0.90) 100%); /* @kind color */

  --transition:all 0.35s; /* @kind other */
  --transition-fast:all 0.3s; /* @kind other */
  --transition-menu:all 0.3s ease-in-out; /* @kind other */
  --ease-soft:cubic-bezier(0.4,0,0.2,1); /* @kind other */

  --hero-wedge:polygon(270px 500.5px,401px 0px,401px 1001px,139px 1001px); /* @kind other */
}