/* 
/* .word {
  overflow: hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  transform-origin: bottom;
}

#heading,
.hero-dark,
.hero-wrap {
  opacity: 1;
}

/* 
<style>
body:hover .cursor {opacity: 100%;}

.cursor {
	transform: translate(-50%, -50%);
	pointer-events: none;
	position: fixed;
	opacity: 0%;
}
</style> */

/* .nav-item,
.nav-item-secondary {
  cursor: pointer;
  font-size: 18px;
  position: relative;
  white-space: nowrap;
  color: var(--color-text);
}

.nav-item::before,
.nav-item::after,
.nav-item-secondary::before,
.nav-item-secondary::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.nav-item::before,
.nav-item-secondary::before {
  content: "";
  /* show by default */
/* } */

/* a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}  */
/* 
.underline-trail::before {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
} */

/* .underline-trail:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}  */

/* body:hover .cursor {opacity: 100%;}

.cursor {
	transform: translate(-50%, -50%);
	pointer-events: none;
	position: fixed;
	opacity: 0%;
} 
/* 
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.nav-item,
.nav-item-secondary {
  cursor: pointer;

  position: relative;
  white-space: nowrap;

  color: var(--color-text);
}

.reels::before,
.reels::after,
.work::before,
.work::after,
.nav-item::before,
.nav-item::after,
.nav-item-secondary::before,
.nav-item-secondary::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ff4500;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.reels::before,
.work::before,
.nav-item::before,
.nav-item-secondary::before {
  content: "";
}

.underline-trail::before {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}

.underline-trail:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
*/