/* Job-site footer scene (lane "yard", prefix ctf-). Clark's Tree Care.
   Default state (no JS, reduced motion) = the composed rest scene: crown in the air mid-slew,
   every label up. JS adds .ctf-run once the scene is on screen, .ctf-paused when it is not
   (or the tab is hidden, or a subject is spotlit). Story tracks are generated by build.py. */
.ctf-yard{--ctf-tl:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 50' preserveAspectRatio='none'><path fill='%23000' d='M0 38H760V50H0ZM25 38L35 25L30 25L42 15L37 15L48 5L59 15L54 15L66 25L61 25L71 38ZM110 38L115 32L112 32L119 26L116 26L122 21L128 26L125 26L132 32L129 32L134 38ZM180 38L192 24L185 24L199 13L194 13L206 2L218 13L213 13L227 24L220 24L232 38ZM270 38L278 29L274 29L283 22L280 22L288 15L296 22L293 22L302 29L298 29L306 38ZM350 38L354 33L352 33L357 29L355 29L360 25L365 29L363 29L368 33L366 33L370 38ZM418 38L428 26L422 26L434 16L430 16L440 6L450 16L446 16L458 26L452 26L462 38ZM510 38L516 30L513 30L520 24L518 24L524 18L530 24L528 24L535 30L532 30L538 38ZM579 38L590 25L584 25L597 14L592 14L604 3L616 14L611 14L624 25L618 25L629 38ZM677 38L682 32L679 32L685 27L683 27L688 22L693 27L691 27L697 32L694 32L699 38ZM729 38L736 28L732 28L740 20L737 20L744 12L751 20L748 20L756 28L752 28L759 38Z'/></svg>");--ctf-T:24s;--ctf-start:-10.56s;position:relative;background:#0B1710;color:#F6F3EC}
.ctf-stage{position:relative;overflow:hidden;line-height:0}
.ctf-defs{position:absolute;width:0;height:0;overflow:hidden}
.ctf-scene{display:block;width:100%}
.ctf-scene-w{height:clamp(200px,20.833vw,320px)}
.ctf-scene-t{display:none}
@media (max-width:767.98px){
  .ctf-scene-w{display:none}
  .ctf-scene-t{display:block;height:min(60vw,300px)}
}
.ctf-scene text{font-family:Inter,system-ui,sans-serif}
.ctf-chip{transform-box:fill-box;transform-origin:50% 100%}
@media (min-width:768px) and (max-width:1099.98px){.ctf-scene-w .ctf-chip{transform:scale(1.3)}}

/* The site's own treeline join, standing up out of the footer into a light last section.
   Dark-ending pages (the closing CTA band) fuse straight into the sky instead. */
.ctf-yard::before{content:"";position:absolute;left:0;right:0;top:-38px;height:50px;z-index:3;pointer-events:none;background-color:#0E1C13;
  -webkit-mask:var(--ctf-tl) left top/760px 50px repeat-x;mask:var(--ctf-tl) left top/760px 50px repeat-x}
/* fuse: when main ends on a dark band, drop the join and the hairline, and let the band's
   photo wash fade out so its last rows are pure #0E1C13 = the top of the scene's sky */
main:has(> section:is(.band--forest-tex,.band--forest,.band--forest-mid):last-child) + .site-footer{border-top:0}
main:has(> section:is(.band--forest-tex,.band--forest,.band--forest-mid):last-child) + .site-footer .ctf-yard::before{content:none}
main > section.band--forest-tex:last-child::before{
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 150px),transparent 100%);
          mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 150px),transparent 100%)}

/* link row: the accessible part */
.ctf-links{padding:6px 16px 4px}
.ctf-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:0;padding:0;list-style:none}
.ctf-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px 8px 13px;border:1px solid rgba(246,243,236,.28);
  border-radius:999px;background:rgba(246,243,236,.05);color:#F6F3EC;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;
  transition:background-color .2s,color .2s,border-color .2s}
.ctf-link::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#8FD17A}
.ctf-link:hover,.ctf-link:focus-visible{background:#8FD17A;border-color:#8FD17A;color:#0E1C13}
.ctf-link:hover::before,.ctf-link:focus-visible::before{background:#0E1C13}
.ctf-link:focus{outline:none}
.ctf-link:focus-visible{outline:2px solid #F6F3EC;outline-offset:3px}

/* transform frames: every story element transforms about its LOCAL origin */
.ctf-yard .ctf-T{transform-box:view-box;transform-origin:0 0}
.ctf-yard .ctf-wob{transform-box:fill-box;transform-origin:50% 100%}
.ctf-yard .ctf-branch{transform-origin:-12px -24px}
.ctf-wing,.ctf-smoke{transform-box:fill-box;transform-origin:50% 100%}

/* spotlight (link focus/hover, or pointer over a subject) */
.ctf-halo{opacity:0;transition:opacity .35s}
.ctf-s{transition:transform .35s}
.ctf-js .ctf-s,.ctf-js .ctf-chip{cursor:pointer}
.ctf-yard[data-ctf-hl="tree"] .ctf-halo-tree,.ctf-yard[data-ctf-hl="crane"] .ctf-halo-crane,.ctf-yard[data-ctf-hl="land"] .ctf-halo-land{opacity:1}
.ctf-yard[data-ctf-hl="tree"] .ctf-s-tree,.ctf-yard[data-ctf-hl="crane"] .ctf-s-crane,.ctf-yard[data-ctf-hl="land"] .ctf-s-land{transform:translateY(-3px)}
.ctf-chip{transition:opacity .35s}
.ctf-yard[data-ctf-hl="tree"] .ctf-chip:not(.ctf-chip-tree),.ctf-yard[data-ctf-hl="crane"] .ctf-chip:not(.ctf-chip-crane),
.ctf-yard[data-ctf-hl="land"] .ctf-chip:not(.ctf-chip-land){opacity:.45}
.ctf-yard[data-ctf-hl="tree"] .ctf-link-tree,.ctf-yard[data-ctf-hl="crane"] .ctf-link-crane,.ctf-yard[data-ctf-hl="land"] .ctf-link-land{border-color:#8FD17A}

/* the story loop (only while .ctf-run) */
.ctf-run .ctf-T,.ctf-run .ctf-link::before{
  animation-duration:var(--ctf-T);animation-timing-function:linear;animation-iteration-count:infinite;
  animation-fill-mode:both;animation-delay:var(--ctf-start)}

/* ambience (independent gentle loops, only while .ctf-run) */
.ctf-run .ctf-saw{animation:ctf-saw .14s linear infinite alternate}
.ctf-run .ctf-chip-mc{animation:ctf-rumble .18s linear infinite alternate}
.ctf-run .ctf-dp{animation:ctf-dp 1.15s linear var(--ctf-d,0s) infinite}
.ctf-run .ctf-spray .ctf-cp{animation-duration:1.3s}
.ctf-run .ctf-heavy .ctf-cp{animation-duration:.95s}
.ctf-run .ctf-cp{animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--ctf-d,0s)}
.ctf-run .ctf-cp0{animation-name:ctf-cp0}.ctf-run .ctf-cp1{animation-name:ctf-cp1}.ctf-run .ctf-cp2{animation-name:ctf-cp2}
.ctf-run .ctf-star{animation:ctf-star 4.6s ease-in-out var(--ctf-d,0s) infinite alternate}
.ctf-run .ctf-fly{animation:ctf-fly 4.2s ease-in-out var(--ctf-d,0s) infinite}
.ctf-run .ctf-cloud{animation:ctf-cloud 44s ease-in-out var(--ctf-d,0s) infinite alternate}
.ctf-run .ctf-bird{animation:ctf-bird 18s ease-in-out infinite alternate}
.ctf-run .ctf-bird2{animation-duration:22s;animation-delay:-6s}
.ctf-run .ctf-wing{animation:ctf-wing 1.3s ease-in-out infinite alternate}
.ctf-run .ctf-beacon{animation:ctf-beacon 1.8s ease-in-out infinite}
.ctf-run .ctf-smoke{animation:ctf-smoke 3.2s ease-out infinite}
.ctf-run .ctf-smoke2{animation-delay:-1.6s}
@keyframes ctf-saw{0%{transform:translate(0,0)}100%{transform:translate(.7px,-.35px)}}
@keyframes ctf-rumble{0%{transform:translate(0,0)}100%{transform:translate(.35px,-.3px)}}
@keyframes ctf-dp{0%{transform:translate(0,0);opacity:0}12%{opacity:1}100%{transform:translate(7px,36px);opacity:0}}
@keyframes ctf-cp0{0%{transform:translate(0,0) rotate(0);opacity:0}8%{transform:translate(-5px,-4px) rotate(40deg);opacity:1}
  35%{transform:translate(-22px,-11px) rotate(150deg)}62%{transform:translate(-42px,-7px) rotate(260deg)}
  86%{transform:translate(-60px,6px) rotate(340deg)}100%{transform:translate(-70px,18px) rotate(400deg);opacity:1}}
@keyframes ctf-cp1{0%{transform:translate(0,0) rotate(0);opacity:0}8%{transform:translate(-6px,-6px) rotate(-30deg);opacity:1}
  35%{transform:translate(-30px,-15px) rotate(-140deg)}62%{transform:translate(-56px,-10px) rotate(-250deg)}
  86%{transform:translate(-80px,4px) rotate(-330deg)}100%{transform:translate(-92px,18px) rotate(-390deg);opacity:1}}
@keyframes ctf-cp2{0%{transform:translate(0,0) rotate(0);opacity:0}8%{transform:translate(-4px,-3px) rotate(60deg);opacity:1}
  35%{transform:translate(-16px,-8px) rotate(170deg)}62%{transform:translate(-30px,-3px) rotate(280deg)}
  86%{transform:translate(-44px,8px) rotate(360deg)}100%{transform:translate(-52px,18px) rotate(420deg);opacity:1}}
@keyframes ctf-star{0%{opacity:.15}100%{opacity:.75}}
@keyframes ctf-fly{0%,100%{opacity:0;transform:translate(0,0)}35%{opacity:1}55%{opacity:.9;transform:translate(5px,-4px)}80%{opacity:0;transform:translate(9px,-2px)}}
@keyframes ctf-cloud{0%{transform:translateX(0)}100%{transform:translateX(46px)}}
@keyframes ctf-bird{0%{transform:translate(0,0)}100%{transform:translate(60px,-10px)}}
@keyframes ctf-wing{0%{transform:scaleY(1)}100%{transform:scaleY(.4)}}
@keyframes ctf-beacon{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ctf-smoke{0%{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:.5}100%{transform:translate(6px,-18px) scale(1.5);opacity:0}}

.ctf-paused *,.ctf-paused *::before{animation-play-state:paused !important}
@media (prefers-reduced-motion:reduce){
  .ctf-yard *,.ctf-yard *::before{animation:none !important;transition:none !important}
}

/* rest pose = the static scene (no JS, reduced motion) */
.ctf-scene-w .ctf-brot{transform:rotate(-41.59deg)}
.ctf-scene-w .ctf-blen{transform:scaleX(191.75)}
.ctf-scene-w .ctf-btip{transform:translateX(191.75px)}
.ctf-scene-w .ctf-bctr{transform:rotate(39.12deg)}
.ctf-scene-w .ctf-cable{transform:scaleY(6)}
.ctf-scene-w .ctf-load{transform:translateY(6px)}
.ctf-scene-t .ctf-brot{transform:rotate(-49.41deg)}
.ctf-scene-t .ctf-blen{transform:scaleX(175.24)}
.ctf-scene-t .ctf-btip{transform:translateX(175.24px)}
.ctf-scene-t .ctf-bctr{transform:rotate(46.95deg)}
.ctf-scene-t .ctf-cable{transform:scaleY(6)}
.ctf-scene-t .ctf-load{transform:translateY(6px)}
.ctf-top{opacity:0}
.ctf-log{opacity:1}
.ctf-dust{opacity:0}
.ctf-heavy{opacity:0}
.ctf-thud{opacity:0}
.ctf-wob{transform:rotate(0deg)}
.ctf-mound{transform:translateY(0px)}
.ctf-walk{transform:translateX(0px)}
.ctf-face{transform:scaleX(1)}
.ctf-branch{transform:translateX(0px) scale(1);opacity:1}
.ctf-legA{transform:rotate(0deg)}
.ctf-legB{transform:rotate(0deg)}
.ctf-chipin-land{opacity:1;transform:translateY(0px)}
.ctf-link-land::before{opacity:1;transform:scale(1)}
.ctf-chipin-tree{opacity:1;transform:translateY(0px)}
.ctf-link-tree::before{opacity:1;transform:scale(1)}
.ctf-chipin-crane{opacity:1;transform:translateY(0px)}
.ctf-link-crane::before{opacity:1;transform:scale(1)}
/* ---- generated by build.py ---- */
@keyframes ctf-brot-w{0%{transform:rotate(-146.54deg)}30%{transform:rotate(-146.54deg)}31.5%{transform:rotate(-146.63deg)}33%{transform:rotate(-146.64deg)}34%{transform:rotate(-146.29deg)}34.5%{transform:rotate(-145.91deg)}36%{transform:rotate(-143.46deg)}37.5%{transform:rotate(-137.62deg)}39%{transform:rotate(-125.08deg)}40%{transform:rotate(-110.33deg)}40.5%{transform:rotate(-100.7deg)}42%{transform:rotate(-68.77deg)}43.5%{transform:rotate(-46.35deg)}44%{transform:rotate(-41.59deg)}45%{transform:rotate(-34.86deg)}46%{transform:rotate(-30.68deg)}46.5%{transform:rotate(-29.23deg)}48%{transform:rotate(-26.53deg)}49.5%{transform:rotate(-25.38deg)}51%{transform:rotate(-24.99deg)}52%{transform:rotate(-24.93deg)}86%{transform:rotate(-24.93deg)}87.5%{transform:rotate(-25.86deg)}89%{transform:rotate(-32.95deg)}90.5%{transform:rotate(-66.85deg)}92%{transform:rotate(-127.33deg)}93%{transform:rotate(-141.66deg)}93.5%{transform:rotate(-144.55deg)}95%{transform:rotate(-146.68deg)}96%{transform:rotate(-146.54deg)}100%{transform:rotate(-146.54deg)}}
.ctf-run .ctf-scene-w .ctf-brot{animation-name:ctf-brot-w}
@keyframes ctf-blen-w{0%{transform:scaleX(275.69)}30%{transform:scaleX(275.69)}31.5%{transform:scaleX(275.52)}33%{transform:scaleX(273.24)}34.5%{transform:scaleX(264.53)}36%{transform:scaleX(244.69)}37.5%{transform:scaleX(211.64)}39%{transform:scaleX(170.19)}40.5%{transform:scaleX(138.09)}42%{transform:scaleX(141.65)}43.5%{transform:scaleX(177.51)}44%{transform:scaleX(191.75)}45%{transform:scaleX(218.74)}46.5%{transform:scaleX(249.84)}48%{transform:scaleX(267.38)}49.5%{transform:scaleX(274.26)}51%{transform:scaleX(275.65)}52%{transform:scaleX(275.69)}86%{transform:scaleX(275.69)}87.5%{transform:scaleX(271.61)}89%{transform:scaleX(228.33)}90.5%{transform:scaleX(143.33)}92%{transform:scaleX(175.74)}93.5%{transform:scaleX(252.77)}95%{transform:scaleX(274.94)}96%{transform:scaleX(275.69)}100%{transform:scaleX(275.69)}}
.ctf-run .ctf-scene-w .ctf-blen{animation-name:ctf-blen-w}
@keyframes ctf-btip-w{0%{transform:translateX(275.69px)}30%{transform:translateX(275.69px)}31.5%{transform:translateX(275.52px)}33%{transform:translateX(273.24px)}34.5%{transform:translateX(264.53px)}36%{transform:translateX(244.69px)}37.5%{transform:translateX(211.64px)}39%{transform:translateX(170.19px)}40.5%{transform:translateX(138.09px)}42%{transform:translateX(141.65px)}43.5%{transform:translateX(177.51px)}44%{transform:translateX(191.75px)}45%{transform:translateX(218.74px)}46.5%{transform:translateX(249.84px)}48%{transform:translateX(267.38px)}49.5%{transform:translateX(274.26px)}51%{transform:translateX(275.65px)}52%{transform:translateX(275.69px)}86%{transform:translateX(275.69px)}87.5%{transform:translateX(271.61px)}89%{transform:translateX(228.33px)}90.5%{transform:translateX(143.33px)}92%{transform:translateX(175.74px)}93.5%{transform:translateX(252.77px)}95%{transform:translateX(274.94px)}96%{transform:translateX(275.69px)}100%{transform:translateX(275.69px)}}
.ctf-run .ctf-scene-w .ctf-btip{animation-name:ctf-btip-w}
@keyframes ctf-bctr-w{0%{transform:rotate(146.54deg)}26%{transform:rotate(146.54deg)}28%{transform:rotate(148.04deg)}30%{transform:rotate(146.54deg)}31.5%{transform:rotate(148.32deg)}33%{transform:rotate(150.01deg)}34%{transform:rotate(150.79deg)}34.5%{transform:rotate(150.12deg)}36%{transform:rotate(146.79deg)}37.5%{transform:rotate(140.08deg)}39%{transform:rotate(126.66deg)}40%{transform:rotate(111.33deg)}40.5%{transform:rotate(101.26deg)}42%{transform:rotate(68.03deg)}43.5%{transform:rotate(44.31deg)}44%{transform:rotate(39.12deg)}45%{transform:rotate(31.53deg)}46%{transform:rotate(26.48deg)}46.5%{transform:rotate(25.59deg)}48%{transform:rotate(24.6deg)}49.5%{transform:rotate(25.14deg)}51%{transform:rotate(26.45deg)}52%{transform:rotate(27.53deg)}55%{transform:rotate(23.73deg)}58%{transform:rotate(25.33deg)}60%{transform:rotate(24.93deg)}86%{transform:rotate(24.93deg)}87.5%{transform:rotate(27.06deg)}89%{transform:rotate(35.35deg)}90.5%{transform:rotate(67.68deg)}92%{transform:rotate(126.58deg)}93%{transform:rotate(139.86deg)}93.5%{transform:rotate(143.21deg)}95%{transform:rotate(146.74deg)}96%{transform:rotate(147.54deg)}98.5%{transform:rotate(146.14deg)}100%{transform:rotate(146.54deg)}}
.ctf-run .ctf-scene-w .ctf-bctr{animation-name:ctf-bctr-w}
@keyframes ctf-cable-w{0%{transform:scaleY(6)}4%{transform:scaleY(6)}5%{transform:scaleY(8.5)}6%{transform:scaleY(14)}7%{transform:scaleY(19.5)}8%{transform:scaleY(22)}26%{transform:scaleY(22)}27%{transform:scaleY(19.5)}28%{transform:scaleY(14)}29%{transform:scaleY(8.5)}30%{transform:scaleY(6)}52%{transform:scaleY(6)}53%{transform:scaleY(9.88)}54%{transform:scaleY(20.09)}55%{transform:scaleY(34.54)}56%{transform:scaleY(51.1)}57%{transform:scaleY(67.66)}58%{transform:scaleY(82.11)}59%{transform:scaleY(92.33)}60%{transform:scaleY(96.21)}61%{transform:scaleY(92.33)}62%{transform:scaleY(82.11)}63%{transform:scaleY(67.66)}64%{transform:scaleY(51.1)}65%{transform:scaleY(34.54)}66%{transform:scaleY(20.09)}67%{transform:scaleY(9.88)}68%{transform:scaleY(6)}100%{transform:scaleY(6)}}
.ctf-run .ctf-scene-w .ctf-cable{animation-name:ctf-cable-w}
@keyframes ctf-load-w{0%{transform:translateY(6px)}4%{transform:translateY(6px)}5%{transform:translateY(8.5px)}6%{transform:translateY(14px)}7%{transform:translateY(19.5px)}8%{transform:translateY(22px)}26%{transform:translateY(22px)}27%{transform:translateY(19.5px)}28%{transform:translateY(14px)}29%{transform:translateY(8.5px)}30%{transform:translateY(6px)}52%{transform:translateY(6px)}53%{transform:translateY(9.88px)}54%{transform:translateY(20.09px)}55%{transform:translateY(34.54px)}56%{transform:translateY(51.1px)}57%{transform:translateY(67.66px)}58%{transform:translateY(82.11px)}59%{transform:translateY(92.33px)}60%{transform:translateY(96.21px)}61%{transform:translateY(92.33px)}62%{transform:translateY(82.11px)}63%{transform:translateY(67.66px)}64%{transform:translateY(51.1px)}65%{transform:translateY(34.54px)}66%{transform:translateY(20.09px)}67%{transform:translateY(9.88px)}68%{transform:translateY(6px)}100%{transform:translateY(6px)}}
.ctf-run .ctf-scene-w .ctf-load{animation-name:ctf-load-w}
@keyframes ctf-brot-t{0%{transform:rotate(-139.82deg)}30%{transform:rotate(-139.82deg)}31.5%{transform:rotate(-139.91deg)}33%{transform:rotate(-139.88deg)}34%{transform:rotate(-139.47deg)}34.5%{transform:rotate(-139.05deg)}36%{transform:rotate(-136.39deg)}37.5%{transform:rotate(-130.36deg)}39%{transform:rotate(-118.48deg)}40%{transform:rotate(-105.93deg)}40.5%{transform:rotate(-98.27deg)}42%{transform:rotate(-73.44deg)}43.5%{transform:rotate(-54deg)}44%{transform:rotate(-49.41deg)}45%{transform:rotate(-42.6deg)}46%{transform:rotate(-38.15deg)}46.5%{transform:rotate(-36.57deg)}48%{transform:rotate(-33.62deg)}49.5%{transform:rotate(-32.37deg)}51%{transform:rotate(-31.96deg)}52%{transform:rotate(-31.91deg)}86%{transform:rotate(-31.91deg)}87.5%{transform:rotate(-32.88deg)}89%{transform:rotate(-40.58deg)}90.5%{transform:rotate(-71.89deg)}92%{transform:rotate(-120.51deg)}93%{transform:rotate(-134.49deg)}93.5%{transform:rotate(-137.56deg)}95%{transform:rotate(-139.94deg)}96%{transform:rotate(-139.82deg)}100%{transform:rotate(-139.82deg)}}
.ctf-run .ctf-scene-t .ctf-brot{animation-name:ctf-brot-t}
@keyframes ctf-blen-t{0%{transform:scaleX(235.59)}30%{transform:scaleX(235.59)}31.5%{transform:scaleX(235.47)}33%{transform:scaleX(233.83)}34.5%{transform:scaleX(227.58)}36%{transform:scaleX(213.4)}37.5%{transform:scaleX(190.13)}39%{transform:scaleX(161.89)}40.5%{transform:scaleX(141.02)}42%{transform:scaleX(142.66)}43.5%{transform:scaleX(165.6)}44%{transform:scaleX(175.24)}45%{transform:scaleX(194.07)}46.5%{transform:scaleX(216.49)}48%{transform:scaleX(229.4)}49.5%{transform:scaleX(234.53)}51%{transform:scaleX(235.56)}52%{transform:scaleX(235.59)}86%{transform:scaleX(235.59)}87.5%{transform:scaleX(232.55)}89%{transform:scaleX(200.91)}90.5%{transform:scaleX(143.68)}92%{transform:scaleX(165.59)}93.5%{transform:scaleX(219.16)}95%{transform:scaleX(235.06)}96%{transform:scaleX(235.59)}100%{transform:scaleX(235.59)}}
.ctf-run .ctf-scene-t .ctf-blen{animation-name:ctf-blen-t}
@keyframes ctf-btip-t{0%{transform:translateX(235.59px)}30%{transform:translateX(235.59px)}31.5%{transform:translateX(235.47px)}33%{transform:translateX(233.83px)}34.5%{transform:translateX(227.58px)}36%{transform:translateX(213.4px)}37.5%{transform:translateX(190.13px)}39%{transform:translateX(161.89px)}40.5%{transform:translateX(141.02px)}42%{transform:translateX(142.66px)}43.5%{transform:translateX(165.6px)}44%{transform:translateX(175.24px)}45%{transform:translateX(194.07px)}46.5%{transform:translateX(216.49px)}48%{transform:translateX(229.4px)}49.5%{transform:translateX(234.53px)}51%{transform:translateX(235.56px)}52%{transform:translateX(235.59px)}86%{transform:translateX(235.59px)}87.5%{transform:translateX(232.55px)}89%{transform:translateX(200.91px)}90.5%{transform:translateX(143.68px)}92%{transform:translateX(165.59px)}93.5%{transform:translateX(219.16px)}95%{transform:translateX(235.06px)}96%{transform:translateX(235.59px)}100%{transform:translateX(235.59px)}}
.ctf-run .ctf-scene-t .ctf-btip{animation-name:ctf-btip-t}
@keyframes ctf-bctr-t{0%{transform:rotate(139.82deg)}26%{transform:rotate(139.82deg)}28%{transform:rotate(141.32deg)}30%{transform:rotate(139.82deg)}31.5%{transform:rotate(141.59deg)}33%{transform:rotate(143.26deg)}34%{transform:rotate(143.97deg)}34.5%{transform:rotate(143.26deg)}36%{transform:rotate(139.72deg)}37.5%{transform:rotate(132.81deg)}39%{transform:rotate(120.06deg)}40%{transform:rotate(106.93deg)}40.5%{transform:rotate(98.83deg)}42%{transform:rotate(72.7deg)}43.5%{transform:rotate(51.96deg)}44%{transform:rotate(46.95deg)}45%{transform:rotate(39.26deg)}46%{transform:rotate(33.95deg)}46.5%{transform:rotate(32.94deg)}48%{transform:rotate(31.69deg)}49.5%{transform:rotate(32.13deg)}51%{transform:rotate(33.43deg)}52%{transform:rotate(34.51deg)}55%{transform:rotate(30.71deg)}58%{transform:rotate(32.31deg)}60%{transform:rotate(31.91deg)}86%{transform:rotate(31.91deg)}87.5%{transform:rotate(34.08deg)}89%{transform:rotate(42.98deg)}90.5%{transform:rotate(72.71deg)}92%{transform:rotate(119.76deg)}93%{transform:rotate(132.69deg)}93.5%{transform:rotate(136.22deg)}95%{transform:rotate(140.01deg)}96%{transform:rotate(140.82deg)}98.5%{transform:rotate(139.42deg)}100%{transform:rotate(139.82deg)}}
.ctf-run .ctf-scene-t .ctf-bctr{animation-name:ctf-bctr-t}
@keyframes ctf-cable-t{0%{transform:scaleY(6)}4%{transform:scaleY(6)}5%{transform:scaleY(8.5)}6%{transform:scaleY(14)}7%{transform:scaleY(19.5)}8%{transform:scaleY(22)}26%{transform:scaleY(22)}27%{transform:scaleY(19.5)}28%{transform:scaleY(14)}29%{transform:scaleY(8.5)}30%{transform:scaleY(6)}52%{transform:scaleY(6)}53%{transform:scaleY(10.23)}54%{transform:scaleY(21.39)}55%{transform:scaleY(37.17)}56%{transform:scaleY(55.26)}57%{transform:scaleY(73.34)}58%{transform:scaleY(89.12)}59%{transform:scaleY(100.28)}60%{transform:scaleY(104.52)}61%{transform:scaleY(100.28)}62%{transform:scaleY(89.12)}63%{transform:scaleY(73.34)}64%{transform:scaleY(55.26)}65%{transform:scaleY(37.17)}66%{transform:scaleY(21.39)}67%{transform:scaleY(10.23)}68%{transform:scaleY(6)}100%{transform:scaleY(6)}}
.ctf-run .ctf-scene-t .ctf-cable{animation-name:ctf-cable-t}
@keyframes ctf-load-t{0%{transform:translateY(6px)}4%{transform:translateY(6px)}5%{transform:translateY(8.5px)}6%{transform:translateY(14px)}7%{transform:translateY(19.5px)}8%{transform:translateY(22px)}26%{transform:translateY(22px)}27%{transform:translateY(19.5px)}28%{transform:translateY(14px)}29%{transform:translateY(8.5px)}30%{transform:translateY(6px)}52%{transform:translateY(6px)}53%{transform:translateY(10.23px)}54%{transform:translateY(21.39px)}55%{transform:translateY(37.17px)}56%{transform:translateY(55.26px)}57%{transform:translateY(73.34px)}58%{transform:translateY(89.12px)}59%{transform:translateY(100.28px)}60%{transform:translateY(104.52px)}61%{transform:translateY(100.28px)}62%{transform:translateY(89.12px)}63%{transform:translateY(73.34px)}64%{transform:translateY(55.26px)}65%{transform:translateY(37.17px)}66%{transform:translateY(21.39px)}67%{transform:translateY(10.23px)}68%{transform:translateY(6px)}100%{transform:translateY(6px)}}
.ctf-run .ctf-scene-t .ctf-load{animation-name:ctf-load-t}
@keyframes ctf-top{0%{opacity:1}26%{opacity:1}26.01%{opacity:0}90%{opacity:0}96%{opacity:1}100%{opacity:1}}
.ctf-run .ctf-top{animation-name:ctf-top}
@keyframes ctf-log{0%{opacity:0}26%{opacity:0}26.01%{opacity:1}60%{opacity:1}60.01%{opacity:0}100%{opacity:0}}
.ctf-run .ctf-log{animation-name:ctf-log}
@keyframes ctf-dust{0%{opacity:0}11%{opacity:0}12.2%{opacity:1}25.4%{opacity:1}25.6%{opacity:0.86}26%{opacity:0.57}26.01%{opacity:0.56}26.8%{opacity:0}100%{opacity:0}}
.ctf-run .ctf-dust{animation-name:ctf-dust}
@keyframes ctf-heavy{0%{opacity:0}15%{opacity:0}16%{opacity:0.5}17%{opacity:1}38%{opacity:1}42%{opacity:0}100%{opacity:0}}
.ctf-run .ctf-heavy{animation-name:ctf-heavy}
@keyframes ctf-thud{0%{opacity:0}58.4%{opacity:0}58.6%{opacity:0.25}59.2%{opacity:1}59.4%{opacity:0.92}60%{opacity:0.67}60.01%{opacity:0.66}60.6%{opacity:0.42}61.6%{opacity:0}100%{opacity:0}}
.ctf-run .ctf-thud{animation-name:ctf-thud}
@keyframes ctf-wob{0%{transform:rotate(0deg)}10%{transform:rotate(0deg)}11%{transform:rotate(0.2deg)}12.2%{transform:rotate(0.44deg)}13%{transform:rotate(0.6deg)}15%{transform:rotate(-0.13deg)}16%{transform:rotate(-0.5deg)}17%{transform:rotate(-0.1deg)}19%{transform:rotate(0.7deg)}22%{transform:rotate(-0.6deg)}24.6%{transform:rotate(0.5deg)}25.4%{transform:rotate(0.1deg)}25.6%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
.ctf-run .ctf-wob{animation-name:ctf-wob}
@keyframes ctf-mound{0%{transform:translateY(0px)}58.6%{transform:translateY(0px)}59.2%{transform:translateY(-1.8px)}59.4%{transform:translateY(-2.4px)}60%{transform:translateY(-0.9px)}60.01%{transform:translateY(-0.88px)}60.6%{transform:translateY(0.6px)}61.6%{transform:translateY(0px)}100%{transform:translateY(0px)}}
.ctf-run .ctf-mound{animation-name:ctf-mound}
@keyframes ctf-walk{0%{transform:translateX(0px)}1%{transform:translateX(0px)}13%{transform:translateX(-66px)}22%{transform:translateX(-66px)}22.01%{transform:translateX(-65.94px)}33%{transform:translateX(0px)}100%{transform:translateX(0px)}}
.ctf-run .ctf-walk{animation-name:ctf-walk}
@keyframes ctf-face{0%{transform:scaleX(1)}22%{transform:scaleX(1)}22.01%{transform:scaleX(-1)}33.5%{transform:scaleX(-1)}33.51%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.ctf-run .ctf-face{animation-name:ctf-face}
@keyframes ctf-branch{0%{transform:translateX(0px) scale(1);opacity:1}14.5%{transform:translateX(0px) scale(1);opacity:1}18.5%{transform:translateX(-20px) scale(0.63);opacity:1}20.5%{transform:translateX(-30px) scale(0.45);opacity:0}21%{transform:translateX(-30px) scale(0.45);opacity:0}21.01%{transform:translateX(0px) scale(1);opacity:0}36%{transform:translateX(0px) scale(1);opacity:0}39.5%{transform:translateX(0px) scale(1);opacity:1}100%{transform:translateX(0px) scale(1);opacity:1}}
.ctf-run .ctf-branch{animation-name:ctf-branch}
@keyframes ctf-legA{0%{transform:rotate(0deg)}1%{transform:rotate(0deg)}1.8%{transform:rotate(20deg)}2.6%{transform:rotate(0deg)}3.4%{transform:rotate(-20deg)}4.2%{transform:rotate(0deg)}5%{transform:rotate(20deg)}5.8%{transform:rotate(0deg)}6.6%{transform:rotate(-20deg)}7.4%{transform:rotate(0deg)}8.2%{transform:rotate(20deg)}9%{transform:rotate(0deg)}9.8%{transform:rotate(-20deg)}10.6%{transform:rotate(0deg)}11.4%{transform:rotate(20deg)}12.2%{transform:rotate(0deg)}13%{transform:rotate(-20deg)}22.2%{transform:rotate(0deg)}23%{transform:rotate(20deg)}23.8%{transform:rotate(0deg)}24.6%{transform:rotate(-20deg)}25.4%{transform:rotate(0deg)}26.2%{transform:rotate(20deg)}27%{transform:rotate(0deg)}27.8%{transform:rotate(-20deg)}28.6%{transform:rotate(0deg)}29.4%{transform:rotate(20deg)}30.2%{transform:rotate(0deg)}31%{transform:rotate(-20deg)}31.8%{transform:rotate(0deg)}33%{transform:rotate(14.14deg)}44%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
.ctf-run .ctf-legA{animation-name:ctf-legA}
@keyframes ctf-legB{0%{transform:rotate(0deg)}1%{transform:rotate(0deg)}1.8%{transform:rotate(-20deg)}2.6%{transform:rotate(0deg)}3.4%{transform:rotate(20deg)}4.2%{transform:rotate(0deg)}5%{transform:rotate(-20deg)}5.8%{transform:rotate(0deg)}6.6%{transform:rotate(20deg)}7.4%{transform:rotate(0deg)}8.2%{transform:rotate(-20deg)}9%{transform:rotate(0deg)}9.8%{transform:rotate(20deg)}10.6%{transform:rotate(0deg)}11.4%{transform:rotate(-20deg)}12.2%{transform:rotate(0deg)}13%{transform:rotate(20deg)}22.2%{transform:rotate(0deg)}23%{transform:rotate(-20deg)}23.8%{transform:rotate(0deg)}24.6%{transform:rotate(20deg)}25.4%{transform:rotate(0deg)}26.2%{transform:rotate(-20deg)}27%{transform:rotate(0deg)}27.8%{transform:rotate(20deg)}28.6%{transform:rotate(0deg)}29.4%{transform:rotate(-20deg)}30.2%{transform:rotate(0deg)}31%{transform:rotate(20deg)}31.8%{transform:rotate(0deg)}33%{transform:rotate(-14.14deg)}44%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
.ctf-run .ctf-legB{animation-name:ctf-legB}
@keyframes ctf-chip-land{0%{opacity:0;transform:translateY(7px)}3%{opacity:0;transform:translateY(7px)}5%{opacity:1;transform:translateY(0px)}94%{opacity:1;transform:translateY(0px)}97.5%{opacity:0;transform:translateY(7px)}100%{opacity:0;transform:translateY(7px)}}
.ctf-run .ctf-chipin-land{animation-name:ctf-chip-land}
@keyframes ctf-dot-land{0%{opacity:0;transform:scale(0.3)}3%{opacity:0;transform:scale(0.3)}5%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}97.5%{opacity:0;transform:scale(0.3)}100%{opacity:0;transform:scale(0.3)}}
.ctf-run .ctf-link-land::before{animation-name:ctf-dot-land}
@keyframes ctf-chip-tree{0%{opacity:0;transform:translateY(7px)}9%{opacity:0;transform:translateY(7px)}11%{opacity:1;transform:translateY(0px)}94%{opacity:1;transform:translateY(0px)}97.5%{opacity:0;transform:translateY(7px)}100%{opacity:0;transform:translateY(7px)}}
.ctf-run .ctf-chipin-tree{animation-name:ctf-chip-tree}
@keyframes ctf-dot-tree{0%{opacity:0;transform:scale(0.3)}9%{opacity:0;transform:scale(0.3)}11%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}97.5%{opacity:0;transform:scale(0.3)}100%{opacity:0;transform:scale(0.3)}}
.ctf-run .ctf-link-tree::before{animation-name:ctf-dot-tree}
@keyframes ctf-chip-crane{0%{opacity:0;transform:translateY(7px)}27%{opacity:0;transform:translateY(7px)}29%{opacity:1;transform:translateY(0px)}94%{opacity:1;transform:translateY(0px)}97.5%{opacity:0;transform:translateY(7px)}100%{opacity:0;transform:translateY(7px)}}
.ctf-run .ctf-chipin-crane{animation-name:ctf-chip-crane}
@keyframes ctf-dot-crane{0%{opacity:0;transform:scale(0.3)}27%{opacity:0;transform:scale(0.3)}29%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}97.5%{opacity:0;transform:scale(0.3)}100%{opacity:0;transform:scale(0.3)}}
.ctf-run .ctf-link-crane::before{animation-name:ctf-dot-crane}