/* Extracted from original-source/app/globals.css in original cascade order. */
:root{--junction-cycle:40s;--ease-premium:cubic-bezier(.16,1,.3,1)}
.junction-visual{
  --junction-up: -205px;
  --junction-down: 205px;
  --junction-left: -195px;
  --junction-right: 195px;
  position: absolute;
  z-index: 0;
  top: 4.5%;
  right: 3.3%;
  width: 44%;
  height: 91%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 48%, rgba(247,247,245,.12) 0, rgba(247,247,245,.035) 18%, transparent 33%),
    repeating-linear-gradient(116deg, transparent 0 52px, rgba(255,255,255,.035) 53px, transparent 54px 106px),
    repeating-linear-gradient(24deg, transparent 0 74px, rgba(255,255,255,.026) 75px, transparent 76px 148px),
    linear-gradient(145deg, rgba(29,29,29,.98), rgba(10,10,10,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 45px 100px rgba(10,10,10,.22);
  backdrop-filter: blur(24px);
  will-change: transform;
}
.junction-visual::before,
.junction-visual::after{
  content: "";
  position: absolute;
  z-index: 5;
  background: rgba(247,247,245,.34);
  box-shadow: 0 0 16px rgba(247,247,245,.06);
}
.junction-visual::before{
  top: 48%;
  left: 0;
  width: 100%;
  height: 1px;
}
.junction-visual::after{
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}
.wire-frame{
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(247,247,245,.17);
  transform-origin: center;
}
.wire-frame span{
  position: absolute;
  width: 1px;
  height: 145%;
  background: rgba(247,247,245,.12);
  transform-origin: center;
}
.wire-frame span:nth-child(1){ left: 20%; top: -22%; transform: rotate(25deg); }
.wire-frame span:nth-child(2){ left: 58%; top: -22%; transform: rotate(-38deg); }
.wire-frame span:nth-child(3){ left: 74%; top: -22%; transform: rotate(62deg); }
.wire-frame span:nth-child(4){ left: 43%; top: -22%; transform: rotate(96deg); }
.wire-frame--one{
  top: 7%;
  left: -35%;
  width: 118%;
  height: 72%;
  transform: rotate(9deg) skewX(-8deg);
  animation: wire-drift 18s var(--ease-premium) infinite alternate;
}
.wire-frame--two{
  top: 25%;
  left: -12%;
  width: 88%;
  height: 53%;
  border-color: rgba(247,247,245,.26);
  transform: rotate(-11deg) skewY(5deg);
  animation: wire-drift-reverse 22s var(--ease-premium) infinite alternate;
}
.wire-frame--three{
  top: 33%;
  left: 7%;
  width: 54%;
  height: 29%;
  border-color: rgba(247,247,245,.46);
  background: rgba(255,255,255,.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 18px 40px rgba(0,0,0,.16);
  backdrop-filter: blur(20px);
  transform: rotate(4deg);
  animation: wire-drift 26s var(--ease-premium) infinite alternate-reverse;
}
.junction-ripple-field{
  position: absolute;
  z-index: 6;
  top: 48%;
  left: 50%;
  width: min(79%, 440px);
  aspect-ratio: 1;
  overflow: hidden;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 3px;
  background:
    radial-gradient(circle at 50% 50%, rgba(247,247,245,.08), rgba(255,255,255,.02) 42%, transparent 68%),
    rgba(255,255,255,.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 70px rgba(255,255,255,.035),
    0 30px 70px rgba(0,0,0,.14);
  backdrop-filter: blur(20px) saturate(110%);
  animation: junction-glass-impact 18s ease-out infinite;
}
.junction-ripple-field::before,
.junction-ripple-field::after{
  content: "";
  position: absolute;
  pointer-events: none;
}
.junction-ripple-field::before{
  inset: 0;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.28) 50%, transparent calc(50% + .5px)),
    linear-gradient(0deg, transparent calc(50% - .5px), rgba(255,255,255,.28) 50%, transparent calc(50% + .5px));
}
.junction-ripple-field::after{
  inset: -25%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(247,247,245,.33), rgba(247,247,245,.07) 10%, transparent 29%);
  opacity: 0;
  transform: scale(.16);
  animation: junction-glass-bloom 18s ease-out infinite;
}
.junction-ripple-field > span{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px;
  border: 1px solid rgba(247,247,245,.72);
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 22px rgba(247,247,245,.12);
  transform: scale(.18);
  animation: junction-water-ripple 18s cubic-bezier(.16,.72,.24,1) infinite;
}
.junction-ripple-field > span:nth-child(2){ animation-delay: .16s; }
.junction-ripple-field > span:nth-child(3){ animation-delay: .32s; }
.junction-ripple-field > span:nth-child(4){ animation-delay: .48s; }
.junction-point{
  position: absolute;
  z-index: 9;
  left: calc(50% - 5px);
  top: calc(48% - 5px);
  animation: junction-traverse 18s ease-in-out infinite;
  will-change: transform;
}
.junction-point i{
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(247,247,245,.92);
  border-radius: 50%;
  background: var(--white-marl);
  box-shadow: 0 0 20px rgba(247,247,245,.74);
  animation: junction-arrival 18s ease-out infinite;
}
.junction-point span{
  position: absolute;
  top: 17px;
  left: 18px;
  white-space: nowrap;
  color: var(--white-marl);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
  animation: junction-label 18s ease-in-out infinite;
}
@keyframes wire-drift{
  from { transform: rotate(7deg) skewX(-8deg) translate3d(-1%, -1%, 0); }
  to { transform: rotate(12deg) skewX(-5deg) translate3d(2%, 1%, 0); }
}
@keyframes wire-drift-reverse{
  from { transform: rotate(-13deg) skewY(5deg) translate3d(1%, 0, 0); }
  to { transform: rotate(-7deg) skewY(2deg) translate3d(-2%, 2%, 0); }
}
@keyframes junction-traverse{
  0% { transform: translate3d(0, var(--junction-up), 0); }
  10%, 18% { transform: translate3d(0, 0, 0); }
  27% { transform: translate3d(0, var(--junction-down), 0); }
  37%, 45% { transform: translate3d(0, 0, 0); }
  54% { transform: translate3d(var(--junction-right), 0, 0); }
  64%, 72% { transform: translate3d(0, 0, 0); }
  81% { transform: translate3d(var(--junction-left), 0, 0); }
  91%, 95% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, var(--junction-up), 0); }
}
@keyframes junction-arrival{
  0%, 9%, 19%, 36%, 46%, 63%, 73%, 90%, 100% {
    box-shadow: 0 0 0 0 rgba(247,247,245,0), 0 0 16px rgba(247,247,245,.5);
  }
  10%, 37%, 64%, 91% {
    box-shadow: 0 0 0 0 rgba(247,247,245,.4), 0 0 30px rgba(247,247,245,.94);
  }
  16%, 43%, 70%, 95% {
    box-shadow: 0 0 0 22px rgba(247,247,245,0), 0 0 16px rgba(247,247,245,.5);
  }
}
@keyframes junction-water-ripple{
  0%, 9%, 18.5%, 36%, 45.5%, 63%, 72.5%, 90%, 100% { opacity: 0; transform: scale(.18); }
  10%, 37%, 64%, 91% { opacity: .82; transform: scale(.24); }
  17%, 44%, 71%, 98% { opacity: 0; transform: scale(12); }
}
@keyframes junction-glass-bloom{
  0%, 9%, 18.5%, 36%, 45.5%, 63%, 72.5%, 90%, 100% { opacity: 0; transform: scale(.16); }
  10%, 37%, 64%, 91% { opacity: .66; transform: scale(.2); }
  17%, 44%, 71%, 98% { opacity: 0; transform: scale(1.2); }
}
@keyframes junction-glass-impact{
  0%, 9%, 18.5%, 36%, 45.5%, 63%, 72.5%, 90%, 100% {
    border-color: rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 70px rgba(255,255,255,.035), 0 30px 70px rgba(0,0,0,.14);
  }
  10%, 37%, 64%, 91% {
    border-color: rgba(247,247,245,.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 88px rgba(255,255,255,.1), 0 0 0 1px rgba(255,255,255,.09), 0 30px 78px rgba(0,0,0,.16);
  }
  17%, 44%, 71%, 98% {
    border-color: rgba(255,255,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 76px rgba(255,255,255,.045), 0 30px 70px rgba(0,0,0,.14);
  }
}
@keyframes junction-label{
  0%, 7%, 21%, 34%, 48%, 61%, 75%, 88%, 100% { opacity: .14; }
  11%, 17%, 38%, 44%, 65%, 71%, 92%, 95% { opacity: 1; }
}
@media (max-width: 1240px){.junction-visual{
    --junction-up: -170px;
    --junction-down: 170px;
    --junction-left: -155px;
    --junction-right: 155px;
  }}
@media (max-width: 1060px){.junction-visual{ width: 46%; right: 2.5%; }}
@media (max-width: 820px){.junction-visual{
    --junction-up: -122px;
    --junction-down: 122px;
    --junction-left: -138px;
    --junction-right: 138px;
    top: 20px;
    left: 3vw;
    right: 3vw;
    width: 94vw;
    height: 450px;
  }
.junction-ripple-field{ width: min(72%, 330px); }}
@media (max-width: 560px){.junction-visual{
    --junction-up: -92px;
    --junction-down: 92px;
    --junction-left: -120px;
    --junction-right: 120px;
    left: 14px;
    right: 14px;
    width: calc(100% - 28px);
    height: 355px;
    border-radius: 16px;
  }
.junction-ripple-field{ width: min(74vw, 260px); }}
@media (prefers-reduced-motion: reduce){.junction-ripple-field{ animation: none !important; }
.junction-ripple-field::after,
.junction-ripple-field > span{ display: none; }
.junction-point{ transform: none !important; }
.junction-point span{ opacity: 1 !important; }}
.junction-visual{
  --junction-up: -215px;
  --junction-down: 215px;
  --junction-left: -205px;
  --junction-right: 205px;
  top: 0;
  right: 0;
  width: 49%;
  height: 100%;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  mask-image: radial-gradient(ellipse at 52% 48%, black 0 58%, transparent 88%);
}
.junction-visual::before,
.junction-visual::after{
  z-index: 5;
  background: rgba(10,10,10,.34);
  box-shadow: 0 0 14px rgba(10,10,10,.055);
}
.wire-frame{
  border: 0;
  opacity: .9;
}
.wire-frame span{
  --chaos-angle: 25deg;
  --order-angle: 0deg;
  background: rgba(10,10,10,.17);
  animation: junction-line-order 18s var(--ease-premium) infinite;
}
.wire-frame span:nth-child(1){ --chaos-angle: 25deg; --order-angle: 0deg; }
.wire-frame span:nth-child(2){ --chaos-angle: -38deg; --order-angle: 90deg; }
.wire-frame span:nth-child(3){ --chaos-angle: 62deg; --order-angle: 0deg; }
.wire-frame span:nth-child(4){ --chaos-angle: 96deg; --order-angle: 90deg; }
.wire-frame--one{
  animation: junction-organise-one 18s var(--ease-premium) infinite;
}
.wire-frame--two{
  border-color: transparent;
  animation: junction-organise-two 18s var(--ease-premium) infinite;
}
.wire-frame--three{
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  animation: junction-organise-three 18s var(--ease-premium) infinite;
}
.junction-ripple-field{
  width: min(84%, 470px);
  overflow: visible;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  animation: none;
}
.junction-ripple-field::before{
  display: none;
}
.junction-ripple-field::after{
  inset: -30%;
  background: radial-gradient(circle, rgba(10,10,10,.1), rgba(10,10,10,.025) 12%, transparent 31%);
}
.junction-ripple-field > span{
  width: 40px;
  height: 40px;
  margin: -20px;
  border-color: rgba(10,10,10,.48);
  box-shadow:
    0 0 0 1px rgba(247,247,245,.28),
    0 0 28px rgba(10,10,10,.07);
}
.junction-point i{
  border-color: var(--black);
  background: var(--black);
  box-shadow: 0 0 20px rgba(10,10,10,.3);
}
.junction-point span{
  color: var(--black);
}
@keyframes junction-organise-one{
  0%, 8%, 19%, 35%, 46%, 62%, 73%, 89%, 100% { transform: rotate(12deg) skewX(-10deg) translate3d(-3%, 2%, 0); opacity: .62; }
  10%, 16%, 37%, 43%, 64%, 70%, 91%, 97% { transform: rotate(0deg) skewX(0deg) translate3d(0, 0, 0); opacity: .32; }
}
@keyframes junction-organise-two{
  0%, 8%, 19%, 35%, 46%, 62%, 73%, 89%, 100% { transform: rotate(-14deg) skewY(8deg) translate3d(3%, -2%, 0); opacity: .76; }
  10%, 16%, 37%, 43%, 64%, 70%, 91%, 97% { transform: rotate(0deg) skewY(0deg) translate3d(0, 0, 0); opacity: .38; }
}
@keyframes junction-organise-three{
  0%, 8%, 19%, 35%, 46%, 62%, 73%, 89%, 100% { transform: rotate(7deg) skewX(5deg) translate3d(-2%, 3%, 0); opacity: .82; }
  10%, 16%, 37%, 43%, 64%, 70%, 91%, 97% { transform: rotate(0deg) skewX(0deg) translate3d(0, 0, 0); opacity: .44; }
}
@keyframes junction-line-order{
  0%, 8%, 19%, 35%, 46%, 62%, 73%, 89%, 100% { transform: rotate(var(--chaos-angle)); }
  10%, 16%, 37%, 43%, 64%, 70%, 91%, 97% { transform: rotate(var(--order-angle)); }
}
@keyframes junction-glass-bloom{
  0%, 9%, 18.5%, 36%, 45.5%, 63%, 72.5%, 90%, 100% { opacity: 0; transform: scale(.16); }
  10%, 37%, 64%, 91% { opacity: .42; transform: scale(.2); }
  17%, 44%, 71%, 98% { opacity: 0; transform: scale(1.35); }
}
@keyframes junction-arrival{
  0%, 9%, 19%, 36%, 46%, 63%, 73%, 90%, 100% {
    box-shadow: 0 0 0 0 rgba(10,10,10,0), 0 0 14px rgba(10,10,10,.14);
  }
  10%, 37%, 64%, 91% {
    box-shadow: 0 0 0 0 rgba(10,10,10,.28), 0 0 30px rgba(10,10,10,.32);
  }
  16%, 43%, 70%, 95% {
    box-shadow: 0 0 0 22px rgba(10,10,10,0), 0 0 14px rgba(10,10,10,.12);
  }
}
.junction-point,
.junction-point i,
.junction-point span,
.junction-ripple-field::after,
.junction-ripple-field > span,
.wire-frame--one,
.wire-frame--two,
.wire-frame--three,
.wire-frame span{
  animation-duration: var(--junction-cycle);
}
.junction-ripple-field > span{
  border-color: rgba(10,10,10,.22);
  box-shadow:
    inset 0 0 10px rgba(247,247,245,.7),
    0 0 0 1px rgba(247,247,245,.42),
    0 5px 28px rgba(10,10,10,.08);
  filter: blur(.18px);
}
.junction-ripple-field > span:nth-child(2){ animation-delay: .45s; }
.junction-ripple-field > span:nth-child(3){ animation-delay: .9s; }
.junction-ripple-field > span:nth-child(4){ animation-delay: 1.35s; }
.junction-ripple-field::after{
  background:
    radial-gradient(circle, rgba(247,247,245,.72) 0, rgba(231,226,216,.26) 10%, rgba(10,10,10,.045) 18%, transparent 34%);
  filter: blur(1px);
}
.junction-point i{
  transform-origin: center;
}
@keyframes junction-water-ripple{
  0%, 9.7%, 24%, 36.7%, 51%, 63.7%, 78%, 90.7% {
    opacity: 0;
    transform: scale(.08);
  }
  10%, 37%, 64%, 91% {
    opacity: 0;
    transform: scale(.1);
  }
  10.7%, 37.7%, 64.7%, 91.7% {
    opacity: .58;
    transform: scale(.34);
  }
  18.5%, 45.5%, 72.5%, 98.5% {
    opacity: .2;
    transform: scale(8.5);
  }
  23%, 50%, 77%, 100% {
    opacity: 0;
    transform: scale(13.5);
  }
}
@keyframes junction-glass-bloom{
  0%, 9.7%, 24%, 36.7%, 51%, 63.7%, 78%, 90.7% {
    opacity: 0;
    transform: scale(.12);
  }
  10.4%, 37.4%, 64.4%, 91.4% {
    opacity: .42;
    transform: scale(.2);
  }
  19.5%, 46.5%, 73.5%, 99.5% {
    opacity: .1;
    transform: scale(1.12);
  }
  23%, 50%, 77%, 100% {
    opacity: 0;
    transform: scale(1.42);
  }
}
@keyframes junction-arrival{
  0%, 9.6%, 19%, 36.6%, 46%, 63.6%, 73%, 90.6%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(10,10,10,0), 0 0 12px rgba(10,10,10,.11);
  }
  10%, 37%, 64%, 91% {
    transform: scale(.76);
    box-shadow: 0 0 0 0 rgba(10,10,10,.18), 0 0 18px rgba(10,10,10,.2);
  }
  11.2%, 38.2%, 65.2%, 92.2% {
    transform: scale(1.08);
    box-shadow: 0 0 0 10px rgba(10,10,10,.035), 0 0 28px rgba(10,10,10,.18);
  }
  17%, 44%, 71%, 98% {
    transform: scale(1);
    box-shadow: 0 0 0 24px rgba(10,10,10,0), 0 0 12px rgba(10,10,10,.1);
  }
}
@media (max-width: 820px){.junction-visual{
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }}
@media (max-width: 560px){.junction-visual{
    left: 0;
    right: 0;
    width: 100%;
    height: 355px;
  }}
.junction-ripple-field{
  width: min(88%, 520px);
  aspect-ratio: 1.58 / 1;
  overflow: visible;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 48% 46%, rgba(247,247,245,.56) 0, rgba(247,247,245,.18) 16%, rgba(231,226,216,.11) 35%, transparent 70%),
    linear-gradient(165deg, rgba(247,247,245,.18), transparent 42%, rgba(29,29,29,.035) 68%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(247,247,245,.72),
    inset 0 -14px 42px rgba(29,29,29,.035),
    0 24px 64px rgba(10,10,10,.045);
  backdrop-filter: blur(3px) saturate(145%);
  -webkit-backdrop-filter: blur(3px) saturate(145%);
  mask-image: radial-gradient(ellipse, black 0 42%, rgba(0,0,0,.76) 62%, transparent 86%);
  -webkit-mask-image: radial-gradient(ellipse, black 0 42%, rgba(0,0,0,.76) 62%, transparent 86%);
}
.junction-ripple-field::before{
  display: block;
  inset: 7% -4%;
  border-radius: 50%;
  background:
    linear-gradient(176deg, transparent 29%, rgba(247,247,245,.72) 46%, rgba(247,247,245,.16) 48%, transparent 53%),
    repeating-radial-gradient(ellipse at 50% 50%, transparent 0 22px, rgba(247,247,245,.11) 23px, transparent 24px 48px);
  opacity: .52;
  filter: blur(.45px);
  transform: rotate(-2deg) scaleX(1.04);
}
.junction-ripple-field::after{
  inset: -38% -18%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse, rgba(247,247,245,.84) 0, rgba(231,226,216,.32) 8%, rgba(247,247,245,.1) 20%, transparent 45%);
  filter: blur(1.4px);
}
.junction-ripple-field > span{
  width: 52px;
  height: 26px;
  margin: -13px -26px;
  border: 1px solid rgba(247,247,245,.82);
  border-radius: 50%;
  box-shadow:
    inset 0 2px 8px rgba(247,247,245,.7),
    inset 0 -3px 8px rgba(29,29,29,.07),
    0 -1px 0 rgba(247,247,245,.86),
    0 7px 24px rgba(10,10,10,.07);
  filter: blur(.12px);
}
.junction-ripple-field > span:nth-child(2){ animation-delay: .55s; }
.junction-ripple-field > span:nth-child(3){ animation-delay: 1.1s; }
.junction-ripple-field > span:nth-child(4){ animation-delay: 1.65s; }
.junction-point i{
  box-shadow:
    inset 0 1px 0 rgba(247,247,245,.44),
    0 5px 14px rgba(10,10,10,.22),
    0 0 0 1px rgba(247,247,245,.34);
}
@keyframes junction-water-ripple{
  0%, 9.85%, 25%, 36.85%, 52%, 63.85%, 79%, 90.85% {
    opacity: 0;
    transform: scale(.08);
  }
  10%, 37%, 64%, 91% {
    opacity: .82;
    transform: scale(.14);
  }
  12.5%, 39.5%, 66.5%, 93.5% {
    opacity: .68;
    transform: scale(2.2);
  }
  18.5%, 45.5%, 72.5%, 99.5% {
    opacity: .24;
    transform: scale(8.2);
  }
  24.5%, 51.5%, 78.5%, 100% {
    opacity: 0;
    transform: scale(11.4);
  }
}
@keyframes junction-glass-bloom{
  0%, 9.85%, 25%, 36.85%, 52%, 63.85%, 79%, 90.85% {
    opacity: 0;
    transform: scale(.1);
  }
  10.2%, 37.2%, 64.2%, 91.2% {
    opacity: .62;
    transform: scale(.16);
  }
  17%, 44%, 71%, 98% {
    opacity: .16;
    transform: scale(1.05);
  }
  24.5%, 51.5%, 78.5%, 100% {
    opacity: 0;
    transform: scale(1.34);
  }
}
@media (max-width: 820px){.junction-ripple-field{
    width: min(82vw, 430px);
  }}
@media (prefers-reduced-motion: reduce){.junction-ripple-field::before{
    opacity: .38;
  }}
/* Layout integration only. The source motion keyframes remain unchanged. */
.landing-hero{min-height:740px}.landing-hero .hero-copy{max-width:760px;width:55%}.landing-hero .junction-visual{position:absolute;right:0;top:0;width:48%;height:100%;opacity:1}.landing-hero h1{font-size:clamp(58px,6vw,90px)}.landing-hero .junction-visual{--junction-up:-215px;--junction-down:215px;--junction-left:-205px;--junction-right:205px}
@media(max-width:1000px){.landing-hero .hero-copy{width:57%}.landing-hero h1{font-size:65px}}
@media(max-width:700px){.landing-hero{display:block;padding-bottom:25px;min-height:0}.landing-hero .hero-copy{width:100%}.landing-hero h1{font-size:54px}.landing-hero .junction-visual{position:relative;width:100%;height:340px;right:auto;top:auto;margin-top:35px;--junction-up:-110px;--junction-down:110px;--junction-left:-105px;--junction-right:105px}.landing-hero .hero-note{position:static;margin-top:10px}.landing-hero .junction-ripple-field{width:88%}}
@media(prefers-reduced-motion:reduce){.junction-point{transform:none!important}.wire-frame--one,.wire-frame--two,.wire-frame--three{transform:rotate(0deg) skew(0deg) translate3d(0,0,0)!important}.wire-frame span{transform:rotate(var(--order-angle))!important}.junction-point span{opacity:1!important}.junction-ripple-field>span,.junction-ripple-field:after{display:none!important}}
