/* React Bits DepthText, adapted to the existing static landing header.
   Render at the supplied 112px display size and scale the whole 3D scene,
   including its 3.6px layers and 450px perspective, to navigation size. */
body.v3-body header.landing-notch a.landing-tour-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 112px;
  height: 48px;
  padding: 0;
  border: 1px solid #ff5e1f50;
  border-radius: 999px;
  background: radial-gradient(ellipse at 50% 80%, #ff360016, #ff360003 75%);
  color: #ff3600 !important;
  box-shadow: 0 0 22px #ff360018, inset 0 0 12px #ff360008;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}
body.v3-body header.landing-notch a.landing-tour-link:hover {
  border-color: #ff5e1f90;
  background-color: #ff36000b;
  box-shadow: 0 0 26px #ff360030, inset 0 0 16px #ff360010;
}
body.v3-body header.landing-notch a.landing-tour-link:focus-visible {
  outline: 2px solid #ff8246;
  outline-offset: 4px;
  border-radius: 999px;
}
.landing-tour-label {
  font: 900 26px/.86 'SlabOS Library Inter', 'Inter', system-ui, sans-serif;
  letter-spacing: -.065em;
  color: #ff3600;
  text-shadow: 1px 1px #a32300, 2px 2px #210700, 0 3px 12px #00000094;
}
.landing-tour-link[data-depth-ready] > .landing-tour-label {
  visibility: hidden;
}
.landing-tour-depth {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: max-content;
  perspective: 450px;
  perspective-origin: 50% 48%;
  isolation: isolate;
  transform: translate(-50%, -50%) scale(.24);
  pointer-events: none;
}
.landing-tour-depth__stage {
  position: relative;
  display: inline-grid;
  place-items: center;
  transform-style: preserve-3d;
  transform: rotateX(-2.72deg) rotateY(3.57deg);
  transform-origin: 50% 50%;
}
.landing-tour-link[data-depth-active] .landing-tour-depth__stage {
  will-change: transform;
}
.landing-tour-depth__layer,
.landing-tour-depth__face {
  grid-area: 1 / 1;
  display: inline-block;
  font-family: 'SlabOS Library Inter', 'Inter', system-ui, sans-serif;
  font-size: 112px;
  font-style: normal;
  font-weight: 900;
  line-height: .86;
  letter-spacing: -.065em;
  white-space: nowrap;
  user-select: none;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  font-kerning: normal;
  text-rendering: geometricPrecision;
}
.landing-tour-depth__layer {
  position: absolute;
  inset: 0;
  filter: saturate(.95) brightness(.92);
}
.landing-tour-depth__face {
  position: relative;
  color: #ff3600;
  text-shadow: 0 22px 34px #00000094, 0 4px 8px #00000066;
  transform: translateZ(.6px);
}
@media (prefers-reduced-motion: reduce) {
  .landing-tour-link .landing-tour-depth__stage { will-change: auto; }
}