/* Opening intro: a song being scanned. Music terms are pinned along a soundwave under the logo;
   a playhead sweeps across and lights each one up, then the wave flattens into a line that rises
   into the spot where the figure lands. Plays once when the page opens. CSS only: no scripts. */
.net-wide, .net-tall { display: none; }

.gw-all { animation: gw-out 0.25s ease-in 3.55s forwards; }

/* the soundwave: grey until the playhead passes, then white */
.gw-wave line { stroke-linecap: round; stroke-width: var(--sw); }
.gw-dim line { stroke: #8f98b4; stroke-opacity: 0.32; }
.gw-lit line { stroke: #f2f5ff; opacity: 0; animation: gw-in 0.12s ease-out both; }
.gw-axis { stroke: #8f98b4; stroke-width: 1px; stroke-opacity: 0.3; }
.gw-flat { stroke: #f2f5ff; stroke-width: calc(var(--sw) * 0.8); stroke-linecap: round; opacity: 0; }

/* the playhead */
.gw-head { opacity: 0; }
.gw-head .hg { stroke: #ffffff; stroke-width: calc(var(--sw) * 3); stroke-opacity: 0.12; stroke-linecap: round; }
.gw-head .hc { stroke: #ffffff; stroke-width: calc(var(--sw) * 0.6); stroke-linecap: round; }
.gw-head .hh { fill: #ffffff; }

/* the terms: the focus. Soft until checked, then white */
.gw-marks > g { opacity: 0; animation: gw-in 0.5s ease-out var(--d) both, gw-out 0.25s ease-in 2.95s forwards; }
.gw-marks .pin { stroke: #8f98b4; stroke-width: 1px; stroke-opacity: 0.3; animation: gw-pin 0.15s ease-out var(--t) both; }
.gw-marks text { font: 500 15.5px var(--sans); letter-spacing: 0.01em; text-anchor: middle; }
.gw-marks .t0 { fill: #a9b6d8; fill-opacity: 0.7; }
.gw-marks .t1 { fill: #ffffff; opacity: 0; animation: gw-in 0.15s ease-out var(--t) both; }

/* where the line lands: a soft glow, then the figure */
.gw-glow { opacity: 0; animation: gw-glow 1.2s ease-in-out 3.45s both; }

@keyframes gw-in   { from { opacity: 0; } to { opacity: 1; } }
@keyframes gw-out  { from { opacity: 1; } to { opacity: 0; } }
@keyframes gw-line { from { opacity: 0; } to { opacity: 0.95; } }
@keyframes gw-pin  { from { stroke-opacity: 0.3; } to { stroke-opacity: 0.7; } }
@keyframes gw-glow { 0% { opacity: 0; } 30% { opacity: 0.85; } 100% { opacity: 0; } }

/* Computers and tablets held sideways: drawn in the logo video's own frame */
@media (min-width: 861px) and (min-aspect-ratio: 4/3) {
  .net-wide {
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100svh;
    z-index: 1; pointer-events: none; overflow: hidden;
    --fw: calc(var(--frame-h) * 16 / 9);
  }
  .net-wide svg { position: absolute; display: block; left: calc(50% - 0.5 * var(--fw)); top: calc(50svh - 7vh - 0.5 * var(--frame-h)); width: var(--fw); height: var(--frame-h); }
  .hero-text { animation-delay: 3.65s; }
}

/* Phones held upright: the logo sits a little higher, the wave sits just under it */
@media (max-width: 860px) and (orientation: portrait) {
  .hero { padding-bottom: calc(var(--below) + 18svh); }
  .net-tall { display: block; position: relative; height: 0; z-index: 1; pointer-events: none; }
  .net-tall svg { position: absolute; display: block; left: calc(50% - 50vw); top: calc(-460 * 100vw / 390); width: 100vw; height: calc(1100 * 100vw / 390); }
  .net-tall .gw-marks text { font-size: 12px; }
  .hero-still { position: relative; z-index: 2; }
  .hero-text { position: relative; top: 0; z-index: 2; opacity: 0; animation: rise 0.9s ease-out 3.65s forwards; }
}

@media (prefers-reduced-motion: reduce) {
  .net-wide, .net-tall { display: none; }
  .hero-text { opacity: 1; animation: none; }
}

.net-wide .gw-lit line:nth-child(1) { animation-delay: 0.750s; }
.net-wide .gw-lit line:nth-child(2) { animation-delay: 0.763s; }
.net-wide .gw-lit line:nth-child(3) { animation-delay: 0.776s; }
.net-wide .gw-lit line:nth-child(4) { animation-delay: 0.789s; }
.net-wide .gw-lit line:nth-child(5) { animation-delay: 0.802s; }
.net-wide .gw-lit line:nth-child(6) { animation-delay: 0.816s; }
.net-wide .gw-lit line:nth-child(7) { animation-delay: 0.829s; }
.net-wide .gw-lit line:nth-child(8) { animation-delay: 0.842s; }
.net-wide .gw-lit line:nth-child(9) { animation-delay: 0.855s; }
.net-wide .gw-lit line:nth-child(10) { animation-delay: 0.868s; }
.net-wide .gw-lit line:nth-child(11) { animation-delay: 0.881s; }
.net-wide .gw-lit line:nth-child(12) { animation-delay: 0.894s; }
.net-wide .gw-lit line:nth-child(13) { animation-delay: 0.907s; }
.net-wide .gw-lit line:nth-child(14) { animation-delay: 0.921s; }
.net-wide .gw-lit line:nth-child(15) { animation-delay: 0.934s; }
.net-wide .gw-lit line:nth-child(16) { animation-delay: 0.947s; }
.net-wide .gw-lit line:nth-child(17) { animation-delay: 0.960s; }
.net-wide .gw-lit line:nth-child(18) { animation-delay: 0.973s; }
.net-wide .gw-lit line:nth-child(19) { animation-delay: 0.986s; }
.net-wide .gw-lit line:nth-child(20) { animation-delay: 0.999s; }
.net-wide .gw-lit line:nth-child(21) { animation-delay: 1.012s; }
.net-wide .gw-lit line:nth-child(22) { animation-delay: 1.026s; }
.net-wide .gw-lit line:nth-child(23) { animation-delay: 1.039s; }
.net-wide .gw-lit line:nth-child(24) { animation-delay: 1.052s; }
.net-wide .gw-lit line:nth-child(25) { animation-delay: 1.065s; }
.net-wide .gw-lit line:nth-child(26) { animation-delay: 1.078s; }
.net-wide .gw-lit line:nth-child(27) { animation-delay: 1.091s; }
.net-wide .gw-lit line:nth-child(28) { animation-delay: 1.104s; }
.net-wide .gw-lit line:nth-child(29) { animation-delay: 1.117s; }
.net-wide .gw-lit line:nth-child(30) { animation-delay: 1.131s; }
.net-wide .gw-lit line:nth-child(31) { animation-delay: 1.144s; }
.net-wide .gw-lit line:nth-child(32) { animation-delay: 1.157s; }
.net-wide .gw-lit line:nth-child(33) { animation-delay: 1.170s; }
.net-wide .gw-lit line:nth-child(34) { animation-delay: 1.183s; }
.net-wide .gw-lit line:nth-child(35) { animation-delay: 1.196s; }
.net-wide .gw-lit line:nth-child(36) { animation-delay: 1.209s; }
.net-wide .gw-lit line:nth-child(37) { animation-delay: 1.222s; }
.net-wide .gw-lit line:nth-child(38) { animation-delay: 1.236s; }
.net-wide .gw-lit line:nth-child(39) { animation-delay: 1.249s; }
.net-wide .gw-lit line:nth-child(40) { animation-delay: 1.262s; }
.net-wide .gw-lit line:nth-child(41) { animation-delay: 1.275s; }
.net-wide .gw-lit line:nth-child(42) { animation-delay: 1.288s; }
.net-wide .gw-lit line:nth-child(43) { animation-delay: 1.301s; }
.net-wide .gw-lit line:nth-child(44) { animation-delay: 1.314s; }
.net-wide .gw-lit line:nth-child(45) { animation-delay: 1.328s; }
.net-wide .gw-lit line:nth-child(46) { animation-delay: 1.341s; }
.net-wide .gw-lit line:nth-child(47) { animation-delay: 1.354s; }
.net-wide .gw-lit line:nth-child(48) { animation-delay: 1.367s; }
.net-wide .gw-lit line:nth-child(49) { animation-delay: 1.380s; }
.net-wide .gw-lit line:nth-child(50) { animation-delay: 1.393s; }
.net-wide .gw-lit line:nth-child(51) { animation-delay: 1.406s; }
.net-wide .gw-lit line:nth-child(52) { animation-delay: 1.419s; }
.net-wide .gw-lit line:nth-child(53) { animation-delay: 1.432s; }
.net-wide .gw-lit line:nth-child(54) { animation-delay: 1.446s; }
.net-wide .gw-lit line:nth-child(55) { animation-delay: 1.459s; }
.net-wide .gw-lit line:nth-child(56) { animation-delay: 1.472s; }
.net-wide .gw-lit line:nth-child(57) { animation-delay: 1.485s; }
.net-wide .gw-lit line:nth-child(58) { animation-delay: 1.498s; }
.net-wide .gw-lit line:nth-child(59) { animation-delay: 1.511s; }
.net-wide .gw-lit line:nth-child(60) { animation-delay: 1.524s; }
.net-wide .gw-lit line:nth-child(61) { animation-delay: 1.537s; }
.net-wide .gw-lit line:nth-child(62) { animation-delay: 1.551s; }
.net-wide .gw-lit line:nth-child(63) { animation-delay: 1.564s; }
.net-wide .gw-lit line:nth-child(64) { animation-delay: 1.577s; }
.net-wide .gw-lit line:nth-child(65) { animation-delay: 1.590s; }
.net-wide .gw-lit line:nth-child(66) { animation-delay: 1.603s; }
.net-wide .gw-lit line:nth-child(67) { animation-delay: 1.616s; }
.net-wide .gw-lit line:nth-child(68) { animation-delay: 1.629s; }
.net-wide .gw-lit line:nth-child(69) { animation-delay: 1.643s; }
.net-wide .gw-lit line:nth-child(70) { animation-delay: 1.656s; }
.net-wide .gw-lit line:nth-child(71) { animation-delay: 1.669s; }
.net-wide .gw-lit line:nth-child(72) { animation-delay: 1.682s; }
.net-wide .gw-lit line:nth-child(73) { animation-delay: 1.695s; }
.net-wide .gw-lit line:nth-child(74) { animation-delay: 1.708s; }
.net-wide .gw-lit line:nth-child(75) { animation-delay: 1.721s; }
.net-wide .gw-lit line:nth-child(76) { animation-delay: 1.734s; }
.net-wide .gw-lit line:nth-child(77) { animation-delay: 1.748s; }
.net-wide .gw-lit line:nth-child(78) { animation-delay: 1.761s; }
.net-wide .gw-lit line:nth-child(79) { animation-delay: 1.774s; }
.net-wide .gw-lit line:nth-child(80) { animation-delay: 1.787s; }
.net-wide .gw-lit line:nth-child(81) { animation-delay: 1.800s; }
.net-wide .gw-lit line:nth-child(82) { animation-delay: 1.813s; }
.net-wide .gw-lit line:nth-child(83) { animation-delay: 1.826s; }
.net-wide .gw-lit line:nth-child(84) { animation-delay: 1.839s; }
.net-wide .gw-lit line:nth-child(85) { animation-delay: 1.853s; }
.net-wide .gw-lit line:nth-child(86) { animation-delay: 1.866s; }
.net-wide .gw-lit line:nth-child(87) { animation-delay: 1.879s; }
.net-wide .gw-lit line:nth-child(88) { animation-delay: 1.892s; }
.net-wide .gw-lit line:nth-child(89) { animation-delay: 1.905s; }
.net-wide .gw-lit line:nth-child(90) { animation-delay: 1.918s; }
.net-wide .gw-lit line:nth-child(91) { animation-delay: 1.931s; }
.net-wide .gw-lit line:nth-child(92) { animation-delay: 1.944s; }
.net-wide .gw-lit line:nth-child(93) { animation-delay: 1.957s; }
.net-wide .gw-lit line:nth-child(94) { animation-delay: 1.971s; }
.net-wide .gw-lit line:nth-child(95) { animation-delay: 1.984s; }
.net-wide .gw-lit line:nth-child(96) { animation-delay: 1.997s; }
.net-wide .gw-lit line:nth-child(97) { animation-delay: 2.010s; }
.net-wide .gw-lit line:nth-child(98) { animation-delay: 2.023s; }
.net-wide .gw-lit line:nth-child(99) { animation-delay: 2.036s; }
.net-wide .gw-lit line:nth-child(100) { animation-delay: 2.049s; }
.net-wide .gw-lit line:nth-child(101) { animation-delay: 2.062s; }
.net-wide .gw-lit line:nth-child(102) { animation-delay: 2.076s; }
.net-wide .gw-lit line:nth-child(103) { animation-delay: 2.089s; }
.net-wide .gw-lit line:nth-child(104) { animation-delay: 2.102s; }
.net-wide .gw-lit line:nth-child(105) { animation-delay: 2.115s; }
.net-wide .gw-lit line:nth-child(106) { animation-delay: 2.128s; }
.net-wide .gw-lit line:nth-child(107) { animation-delay: 2.141s; }
.net-wide .gw-lit line:nth-child(108) { animation-delay: 2.154s; }
.net-wide .gw-lit line:nth-child(109) { animation-delay: 2.167s; }
.net-wide .gw-lit line:nth-child(110) { animation-delay: 2.181s; }
.net-wide .gw-lit line:nth-child(111) { animation-delay: 2.194s; }
.net-wide .gw-lit line:nth-child(112) { animation-delay: 2.207s; }
.net-wide .gw-lit line:nth-child(113) { animation-delay: 2.220s; }
.net-wide .gw-lit line:nth-child(114) { animation-delay: 2.233s; }
.net-wide .gw-lit line:nth-child(115) { animation-delay: 2.246s; }
.net-wide .gw-lit line:nth-child(116) { animation-delay: 2.259s; }
.net-wide .gw-lit line:nth-child(117) { animation-delay: 2.272s; }
.net-wide .gw-lit line:nth-child(118) { animation-delay: 2.286s; }
.net-wide .gw-lit line:nth-child(119) { animation-delay: 2.299s; }
.net-wide .gw-lit line:nth-child(120) { animation-delay: 2.312s; }
.net-wide .gw-lit line:nth-child(121) { animation-delay: 2.325s; }
.net-wide .gw-lit line:nth-child(122) { animation-delay: 2.338s; }
.net-wide .gw-lit line:nth-child(123) { animation-delay: 2.351s; }
.net-wide .gw-lit line:nth-child(124) { animation-delay: 2.364s; }
.net-wide .gw-lit line:nth-child(125) { animation-delay: 2.377s; }
.net-wide .gw-lit line:nth-child(126) { animation-delay: 2.391s; }
.net-wide .gw-lit line:nth-child(127) { animation-delay: 2.404s; }
.net-wide .gw-lit line:nth-child(128) { animation-delay: 2.417s; }
.net-wide .gw-lit line:nth-child(129) { animation-delay: 2.430s; }
.net-wide .gw-lit line:nth-child(130) { animation-delay: 2.443s; }
.net-wide .gw-lit line:nth-child(131) { animation-delay: 2.456s; }
.net-wide .gw-lit line:nth-child(132) { animation-delay: 2.469s; }
.net-wide .gw-lit line:nth-child(133) { animation-delay: 2.482s; }
.net-wide .gw-lit line:nth-child(134) { animation-delay: 2.496s; }
.net-wide .gw-lit line:nth-child(135) { animation-delay: 2.509s; }
.net-wide .gw-lit line:nth-child(136) { animation-delay: 2.522s; }
.net-wide .gw-lit line:nth-child(137) { animation-delay: 2.535s; }
.net-wide .gw-lit line:nth-child(138) { animation-delay: 2.548s; }
.net-wide .gw-marks > g:nth-child(1) { --d: 0.25s; --t: 0.855s; }
.net-wide .gw-marks > g:nth-child(2) { --d: 0.30s; --t: 1.052s; }
.net-wide .gw-marks > g:nth-child(3) { --d: 0.35s; --t: 1.249s; }
.net-wide .gw-marks > g:nth-child(4) { --d: 0.40s; --t: 1.446s; }
.net-wide .gw-marks > g:nth-child(5) { --d: 0.45s; --t: 1.656s; }
.net-wide .gw-marks > g:nth-child(6) { --d: 0.50s; --t: 1.853s; }
.net-wide .gw-marks > g:nth-child(7) { --d: 0.55s; --t: 2.049s; }
.net-wide .gw-marks > g:nth-child(8) { --d: 0.60s; --t: 2.246s; }
.net-wide .gw-marks > g:nth-child(9) { --d: 0.65s; --t: 2.456s; }
@keyframes gw-sweep-wide { from { transform: translateX(0px); } to { transform: translateX(960px); } }
@keyframes gw-grow-wide { from { transform: translate(0px, 668px) scaleY(0.04) translate(0px, -668px); } to { transform: translate(0px, 668px) scaleY(1) translate(0px, -668px); } }
@keyframes gw-flat-wide { from { transform: translate(0px, 668px) scaleY(1) translate(0px, -668px); } to { transform: translate(0px, 668px) scaleY(0.01) translate(0px, -668px); } }
@keyframes gw-rise-wide { from { transform: translate(800.0px, 0px) scaleX(1) translate(-800.0px, 0px); } to { transform: translate(800.0px, -52px) scaleX(0.02) translate(-800.0px, 0px); } }
.net-wide { --sw: 2.8px; }
.net-wide .gw-wave { animation: gw-grow-wide 0.6s cubic-bezier(0.2, 0.8, 0.3, 1) 0.1s both, gw-flat-wide 0.25s cubic-bezier(0.5, 0, 0.8, 0.4) 2.95s forwards, gw-out 0.25s ease-in 2.95s forwards; }
.net-wide .gw-head { animation: gw-sweep-wide 1.80s linear 0.75s both, gw-in 0.12s ease-out 0.63s both, gw-out 0.2s ease-in 2.60s forwards; }
.net-wide .gw-flat { animation: gw-line 0.15s ease-out 3.1s both, gw-rise-wide 0.4s cubic-bezier(0.5, 0, 0.75, 0) 3.2s both, gw-out 0.12s ease-in 3.50s forwards; }
.net-tall .gw-lit line:nth-child(1) { animation-delay: 0.750s; }
.net-tall .gw-lit line:nth-child(2) { animation-delay: 0.775s; }
.net-tall .gw-lit line:nth-child(3) { animation-delay: 0.799s; }
.net-tall .gw-lit line:nth-child(4) { animation-delay: 0.824s; }
.net-tall .gw-lit line:nth-child(5) { animation-delay: 0.848s; }
.net-tall .gw-lit line:nth-child(6) { animation-delay: 0.873s; }
.net-tall .gw-lit line:nth-child(7) { animation-delay: 0.897s; }
.net-tall .gw-lit line:nth-child(8) { animation-delay: 0.922s; }
.net-tall .gw-lit line:nth-child(9) { animation-delay: 0.946s; }
.net-tall .gw-lit line:nth-child(10) { animation-delay: 0.971s; }
.net-tall .gw-lit line:nth-child(11) { animation-delay: 0.995s; }
.net-tall .gw-lit line:nth-child(12) { animation-delay: 1.020s; }
.net-tall .gw-lit line:nth-child(13) { animation-delay: 1.045s; }
.net-tall .gw-lit line:nth-child(14) { animation-delay: 1.069s; }
.net-tall .gw-lit line:nth-child(15) { animation-delay: 1.094s; }
.net-tall .gw-lit line:nth-child(16) { animation-delay: 1.118s; }
.net-tall .gw-lit line:nth-child(17) { animation-delay: 1.143s; }
.net-tall .gw-lit line:nth-child(18) { animation-delay: 1.167s; }
.net-tall .gw-lit line:nth-child(19) { animation-delay: 1.192s; }
.net-tall .gw-lit line:nth-child(20) { animation-delay: 1.216s; }
.net-tall .gw-lit line:nth-child(21) { animation-delay: 1.241s; }
.net-tall .gw-lit line:nth-child(22) { animation-delay: 1.265s; }
.net-tall .gw-lit line:nth-child(23) { animation-delay: 1.290s; }
.net-tall .gw-lit line:nth-child(24) { animation-delay: 1.315s; }
.net-tall .gw-lit line:nth-child(25) { animation-delay: 1.339s; }
.net-tall .gw-lit line:nth-child(26) { animation-delay: 1.364s; }
.net-tall .gw-lit line:nth-child(27) { animation-delay: 1.388s; }
.net-tall .gw-lit line:nth-child(28) { animation-delay: 1.413s; }
.net-tall .gw-lit line:nth-child(29) { animation-delay: 1.437s; }
.net-tall .gw-lit line:nth-child(30) { animation-delay: 1.462s; }
.net-tall .gw-lit line:nth-child(31) { animation-delay: 1.486s; }
.net-tall .gw-lit line:nth-child(32) { animation-delay: 1.511s; }
.net-tall .gw-lit line:nth-child(33) { animation-delay: 1.535s; }
.net-tall .gw-lit line:nth-child(34) { animation-delay: 1.560s; }
.net-tall .gw-lit line:nth-child(35) { animation-delay: 1.585s; }
.net-tall .gw-lit line:nth-child(36) { animation-delay: 1.609s; }
.net-tall .gw-lit line:nth-child(37) { animation-delay: 1.634s; }
.net-tall .gw-lit line:nth-child(38) { animation-delay: 1.658s; }
.net-tall .gw-lit line:nth-child(39) { animation-delay: 1.683s; }
.net-tall .gw-lit line:nth-child(40) { animation-delay: 1.707s; }
.net-tall .gw-lit line:nth-child(41) { animation-delay: 1.732s; }
.net-tall .gw-lit line:nth-child(42) { animation-delay: 1.756s; }
.net-tall .gw-lit line:nth-child(43) { animation-delay: 1.781s; }
.net-tall .gw-lit line:nth-child(44) { animation-delay: 1.805s; }
.net-tall .gw-lit line:nth-child(45) { animation-delay: 1.830s; }
.net-tall .gw-lit line:nth-child(46) { animation-delay: 1.855s; }
.net-tall .gw-lit line:nth-child(47) { animation-delay: 1.879s; }
.net-tall .gw-lit line:nth-child(48) { animation-delay: 1.904s; }
.net-tall .gw-lit line:nth-child(49) { animation-delay: 1.928s; }
.net-tall .gw-lit line:nth-child(50) { animation-delay: 1.953s; }
.net-tall .gw-lit line:nth-child(51) { animation-delay: 1.977s; }
.net-tall .gw-lit line:nth-child(52) { animation-delay: 2.002s; }
.net-tall .gw-lit line:nth-child(53) { animation-delay: 2.026s; }
.net-tall .gw-lit line:nth-child(54) { animation-delay: 2.051s; }
.net-tall .gw-lit line:nth-child(55) { animation-delay: 2.075s; }
.net-tall .gw-lit line:nth-child(56) { animation-delay: 2.100s; }
.net-tall .gw-lit line:nth-child(57) { animation-delay: 2.125s; }
.net-tall .gw-lit line:nth-child(58) { animation-delay: 2.149s; }
.net-tall .gw-lit line:nth-child(59) { animation-delay: 2.174s; }
.net-tall .gw-lit line:nth-child(60) { animation-delay: 2.198s; }
.net-tall .gw-lit line:nth-child(61) { animation-delay: 2.223s; }
.net-tall .gw-lit line:nth-child(62) { animation-delay: 2.247s; }
.net-tall .gw-lit line:nth-child(63) { animation-delay: 2.272s; }
.net-tall .gw-lit line:nth-child(64) { animation-delay: 2.296s; }
.net-tall .gw-lit line:nth-child(65) { animation-delay: 2.321s; }
.net-tall .gw-lit line:nth-child(66) { animation-delay: 2.345s; }
.net-tall .gw-lit line:nth-child(67) { animation-delay: 2.370s; }
.net-tall .gw-lit line:nth-child(68) { animation-delay: 2.395s; }
.net-tall .gw-lit line:nth-child(69) { animation-delay: 2.419s; }
.net-tall .gw-lit line:nth-child(70) { animation-delay: 2.444s; }
.net-tall .gw-lit line:nth-child(71) { animation-delay: 2.468s; }
.net-tall .gw-lit line:nth-child(72) { animation-delay: 2.493s; }
.net-tall .gw-lit line:nth-child(73) { animation-delay: 2.517s; }
.net-tall .gw-lit line:nth-child(74) { animation-delay: 2.542s; }
.net-tall .gw-marks > g:nth-child(1) { --d: 0.25s; --t: 0.848s; }
.net-tall .gw-marks > g:nth-child(2) { --d: 0.30s; --t: 1.069s; }
.net-tall .gw-marks > g:nth-child(3) { --d: 0.35s; --t: 1.315s; }
.net-tall .gw-marks > g:nth-child(4) { --d: 0.40s; --t: 1.486s; }
.net-tall .gw-marks > g:nth-child(5) { --d: 0.45s; --t: 1.658s; }
.net-tall .gw-marks > g:nth-child(6) { --d: 0.50s; --t: 1.855s; }
.net-tall .gw-marks > g:nth-child(7) { --d: 0.55s; --t: 2.051s; }
.net-tall .gw-marks > g:nth-child(8) { --d: 0.60s; --t: 2.247s; }
.net-tall .gw-marks > g:nth-child(9) { --d: 0.65s; --t: 2.444s; }
@keyframes gw-sweep-tall { from { transform: translateX(0px); } to { transform: translateX(330px); } }
@keyframes gw-grow-tall { from { transform: translate(0px, 72px) scaleY(0.04) translate(0px, -72px); } to { transform: translate(0px, 72px) scaleY(1) translate(0px, -72px); } }
@keyframes gw-flat-tall { from { transform: translate(0px, 72px) scaleY(1) translate(0px, -72px); } to { transform: translate(0px, 72px) scaleY(0.01) translate(0px, -72px); } }
@keyframes gw-rise-tall { from { transform: translate(195.0px, 0px) scaleX(1) translate(-195.0px, 0px); } to { transform: translate(195.0px, -44px) scaleX(0.02) translate(-195.0px, 0px); } }
.net-tall { --sw: 2.0px; }
.net-tall .gw-wave { animation: gw-grow-tall 0.6s cubic-bezier(0.2, 0.8, 0.3, 1) 0.1s both, gw-flat-tall 0.25s cubic-bezier(0.5, 0, 0.8, 0.4) 2.95s forwards, gw-out 0.25s ease-in 2.95s forwards; }
.net-tall .gw-head { animation: gw-sweep-tall 1.80s linear 0.75s both, gw-in 0.12s ease-out 0.63s both, gw-out 0.2s ease-in 2.60s forwards; }
.net-tall .gw-flat { animation: gw-line 0.15s ease-out 3.1s both, gw-rise-tall 0.4s cubic-bezier(0.5, 0, 0.75, 0) 3.2s both, gw-out 0.12s ease-in 3.50s forwards; }