/***********
*************** GLOBAL BASE RESET
*****************************************/

/*************************************************************         BOX MODEL RESET          ********************/

/* #region BOX MODEL RESET */

*{ box-sizing: border-box; }

[hidden]{ display: none !important; }



/* #endregion BOX MODEL RESET */


/*************************************************************         SCROLL BEHAVIOUR          ********************/

/* #region SCROLL BEHAVIOUR */

html{ scroll-behavior: smooth; }



/* #endregion SCROLL BEHAVIOUR */


/*************************************************************         PAGE BODY          ********************/

/* #region PAGE BODY */

body{
  position: relative;
  margin: 0;
  min-height: 100vh;
  font-family: var(--font);
  color: var(--text);
  background-color: var(--bg);

  /*==========================================================================
  |                               MAIN BACKGROUND                            |
  ==========================================================================*/

  background:
    linear-gradient(180deg, #030303 0%, #050505 52%, #020202 100%),
    radial-gradient(1200px 900px at 50% -18%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(900px 700px at 84% 18%, rgba(255,255,255,0.035), transparent 52%),
    radial-gradient(900px 700px at 14% 88%, rgba(255,255,255,0.025), transparent 54%);

}

/*==========================================================================
|                           BACKGROUND OVERLAY SETUP                       |
==========================================================================*/

body::before,
body::after{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

/*==========================================================================
|                           BACKGROUND CREASE LAYER                        |
==========================================================================*/

body::before{
  z-index: -2;
  opacity: 0.88;
  background:
    linear-gradient(126deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.03) 12%, rgba(255,255,255,0) 24%),
    linear-gradient(146deg, rgba(255,255,255,0) 16%, rgba(255,255,255,0.075) 32%, rgba(255,255,255,0) 49%),
    linear-gradient(62deg, rgba(255,255,255,0) 54%, rgba(255,255,255,0.06) 72%, rgba(255,255,255,0) 84%),
    linear-gradient(102deg, rgba(255,255,255,0.065) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0.04) 34%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.48));
  mix-blend-mode: screen;
}

/*==========================================================================
|                           BACKGROUND GLOW LAYER                          |
==========================================================================*/

body::after{
  z-index: -1;
  opacity: 0.9;
  background:
    radial-gradient(1200px 540px at 50% -10%, rgba(255,255,255,0.055), transparent 58%),
    radial-gradient(560px 920px at 96% 14%, rgba(255,255,255,0.14), transparent 42%),
    radial-gradient(420px 820px at 0% 100%, rgba(255,255,255,0.12), transparent 42%),
    linear-gradient(140deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.04) 28%, rgba(255,255,255,0) 38%),
    linear-gradient(36deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.03) 62%, rgba(255,255,255,0) 72%);
  filter: blur(8px);
}



/* #endregion #PAGE BODY */


/*************************************************************         BASELINE SITEWIDE LINKS          ********************/

/* #region BASELINE SITEWIDE LINKS */

a{
  color: inherit;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
  text-decoration-color: rgba(241,160,36,0.7);
}



/* #endregion BASELINE SITEWIDE LINKS */