[data-motion^="suv-"] {
  --suv-motion-mineral: #32c7b2;
  --suv-motion-mineral-soft: #91ebdf;
  --suv-motion-soil: #bd8249;
  --suv-motion-snow: #d9f3f5;
  --suv-motion-ink: #14201f;
  --suv-motion-steel: #738682;
  --suv-motion-shift: 30px;
  --suv-motion-far: 86px;
  --suv-motion-far-neg: -86px;
  --suv-motion-mid: 62px;
  --suv-motion-mid-neg: -62px;
  --suv-motion-drop-neg: -116px;
  --suv-motion-fall: 105px;
  isolation: isolate;
}

[data-motion^="suv-"] .decor-child,
[data-motion^="suv-"] [aria-hidden="true"]::before,
[data-motion^="suv-"] [aria-hidden="true"]::after {
  pointer-events: none;
}

.suv-transfer-case,
.suv-soil-sieve,
.suv-torsion-cradle,
.suv-traction-mat,
.suv-negative-profile,
.suv-ratchet-bank,
.suv-filter-stack,
.suv-snow-fence,
.suv-spline-coupler,
.suv-gaiter-bank {
  position: absolute;
  z-index: 1;
  width: min(280px, calc(100% - 24px));
  aspect-ratio: 28 / 15;
  overflow: clip;
  contain: layout paint;
  pointer-events: none;
  isolation: isolate;
  box-sizing: border-box;
  background: rgba(10, 18, 18, .82);
  border: 1px solid rgba(145, 235, 223, .28);
  box-shadow: 0 18px 45px rgba(6, 15, 15, .2);
}

.suv-transfer-case *,
.suv-soil-sieve *,
.suv-torsion-cradle *,
.suv-traction-mat *,
.suv-negative-profile *,
.suv-ratchet-bank *,
.suv-filter-stack *,
.suv-snow-fence *,
.suv-spline-coupler *,
.suv-gaiter-bank * {
  box-sizing: border-box;
  pointer-events: none;
}

.suv-transfer-case { right: 4vw; top: 126px; }
.suv-soil-sieve { left: 4vw; bottom: 6px; }
.suv-torsion-cradle { right: 4vw; bottom: 6px; }
.suv-traction-mat { left: 4vw; bottom: 6px; }
.suv-negative-profile { left: 4vw; bottom: 6px; }
.suv-ratchet-bank { right: 4vw; bottom: 6px; }
.suv-filter-stack { right: 4vw; bottom: 6px; }
.suv-snow-fence { left: 4vw; bottom: 6px; }
.suv-spline-coupler { right: 4vw; bottom: 6px; }
.suv-gaiter-bank { right: 4vw; bottom: 6px; }

.suv-hero-copy,
.suv-anchor-strip,
.suv-use-head,
.suv-surface-cards,
.suv-condition-copy,
.suv-access-title,
.suv-access-work,
.suv-brief-copy,
.suv-loading-copy,
.suv-factor-sheet,
.suv-wait-heading,
.suv-wait-actions,
.suv-handover-copy,
.suv-faq-head,
.suv-faq-list,
.suv-contact-copy {
  position: relative;
  z-index: 2;
}

.js [data-motion="suv-transfer-case"] .decor-child,
.js [data-motion="suv-soil-sieve"] .decor-child,
.js [data-motion="suv-torsion-cradle"] .decor-child,
.js [data-motion="suv-traction-mat"] .decor-child,
.js [data-motion="suv-negative-profile"] .decor-child,
.js [data-motion="suv-ratchet-bank"] .decor-child,
.js [data-motion="suv-filter-stack"] .decor-child,
.js [data-motion="suv-snow-fence"] .decor-child,
.js [data-motion="suv-spline-coupler"] .decor-child,
.js [data-motion="suv-gaiter-bank"] .decor-child {
  animation-play-state: paused;
}

.js [data-motion="suv-transfer-case"].is-motion-active .decor-child,
.js [data-motion="suv-soil-sieve"].is-motion-active .decor-child,
.js [data-motion="suv-torsion-cradle"].is-motion-active .decor-child,
.js [data-motion="suv-traction-mat"].is-motion-active .decor-child,
.js [data-motion="suv-negative-profile"].is-motion-active .decor-child,
.js [data-motion="suv-ratchet-bank"].is-motion-active .decor-child,
.js [data-motion="suv-filter-stack"].is-motion-active .decor-child,
.js [data-motion="suv-snow-fence"].is-motion-active .decor-child,
.js [data-motion="suv-spline-coupler"].is-motion-active .decor-child,
.js [data-motion="suv-gaiter-bank"].is-motion-active .decor-child {
  animation-play-state: running;
}

/* Scene 1: transfer case assembly. */
.suv-transfer-case .suv-case-shell {
  position: absolute;
  left: 20.7%;
  top: 22%;
  width: 58.6%;
  height: 57.3%;
  background:
    linear-gradient(90deg, transparent 47%, rgba(145,235,223,.24) 48% 52%, transparent 53%),
    linear-gradient(0deg, #263936, #152321);
  border: 4px solid var(--suv-motion-steel);
  border-radius: 18px 9px 17px 10px;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.04);
  animation: suv-case-shell-seat .78s cubic-bezier(.18,.75,.2,1.1) .06s forwards paused;
}

.suv-transfer-case .suv-case-shell::before,
.suv-transfer-case .suv-case-shell::after {
  content: "";
  position: absolute;
  top: 42%;
  width: 17%;
  aspect-ratio: 1;
  background: #0b1514;
  border: 3px solid var(--suv-motion-mineral);
  border-radius: 4px;
}

.suv-transfer-case .suv-case-shell::before { left: 12%; }
.suv-transfer-case .suv-case-shell::after { right: 12%; }

.suv-transfer-case .suv-case-cam {
  position: absolute;
  left: 45%;
  top: 16%;
  width: 10%;
  aspect-ratio: 1;
  background: var(--suv-motion-soil);
  border: 4px solid #f0d0a7;
  border-radius: 50%;
  transform-origin: 50% 70%;
  animation: suv-case-cam-index 1.12s cubic-bezier(.25,.7,.2,1) .54s forwards paused;
}

.suv-transfer-case .suv-case-cam::after {
  content: "";
  position: absolute;
  left: 54%;
  top: 8%;
  width: 22%;
  height: 42%;
  background: #101d1c;
  border-radius: 8px;
}

.suv-transfer-case .suv-case-slider {
  position: absolute;
  top: 47%;
  width: 20%;
  height: 9%;
  background: linear-gradient(90deg, #586d69, #c0d0cc 50%, #586d69);
  border: 1px solid #d4e0dd;
}

.suv-transfer-case .suv-case-slider-left {
  left: 7%;
  animation: suv-case-slider-left-seat .7s cubic-bezier(.2,.72,.25,1) .7s forwards paused;
}

.suv-transfer-case .suv-case-slider-right {
  right: 7%;
  animation: suv-case-slider-right-seat .76s cubic-bezier(.2,.72,.25,1) .74s forwards paused;
}

.suv-transfer-case .suv-case-dog {
  position: absolute;
  top: 40.7%;
  width: 10.5%;
  height: 22%;
  background: repeating-linear-gradient(0deg, #98aaa6 0 4px, #314744 4px 8px);
  border: 2px solid #dce6e4;
  clip-path: polygon(0 0, 100% 12%, 83% 50%, 100% 88%, 0 100%);
}

.suv-transfer-case .suv-case-dog-left {
  left: 25%;
  animation: suv-case-dog-left .72s cubic-bezier(.2,.74,.2,1.08) .9s forwards paused;
}

.suv-transfer-case .suv-case-dog-right {
  right: 25%;
  scale: -1 1;
  animation: suv-case-dog-right .82s cubic-bezier(.2,.74,.2,1.08) .96s forwards paused;
}

.suv-transfer-case .suv-case-cells {
  position: absolute;
  inset: 0;
}

.suv-transfer-case .suv-case-cells > i {
  position: absolute;
  width: 8%;
  aspect-ratio: 1;
  background: var(--suv-motion-mineral);
  border: 2px solid #d4fffa;
  clip-path: polygon(50% 0, 100% 30%, 84% 100%, 16% 100%, 0 30%);
}

.suv-transfer-case .suv-case-cells > i:nth-child(1) {
  left: 14%;
  top: 13%;
  animation: suv-case-cell-fill  .48s steps(4,end) 1.12s forwards paused;
}
.suv-transfer-case .suv-case-cells > i:nth-child(2) {
  right: 14%;
  top: 13%;
  animation: suv-case-cell-fill-two .5s steps(5,end) 1.24s forwards paused;
}
.suv-transfer-case .suv-case-cells > i:nth-child(3) {
  left: 14%;
  bottom: 12%;
  animation: suv-case-cell-fill-three .52s steps(4,end) 1.36s forwards paused;
}
.suv-transfer-case .suv-case-cells > i:nth-child(4) {
  right: 14%;
  bottom: 12%;
  animation: suv-case-cell-fill-four .54s steps(5,end) 1.48s forwards paused;
}

@keyframes suv-case-shell-seat {
  0% { opacity: .3; translate: 0 -22px; scale: .92 1.08; filter: brightness(.65); }
  68% { opacity: 1; translate: 0 3px; scale: 1.02 .98; filter: brightness(1.15); }
  100% { opacity: 1; translate: none; scale: 1; filter: none; }
}
@keyframes suv-case-cam-index {
  0% { rotate: 0deg; filter: saturate(.45); }
  72% { rotate: 52deg; filter: saturate(1.35); }
  100% { rotate: 45deg; filter: none; }
}
@keyframes suv-case-slider-left-seat {
  0% { translate: -24px 0; opacity: .35; }
  78% { translate: 3px 0; opacity: 1; }
  100% { translate: none; opacity: 1; }
}
@keyframes suv-case-slider-right-seat {
  0% { translate: 27px 0; opacity: .28; }
  74% { translate: -4px 0; opacity: 1; }
  100% { translate: none; opacity: 1; }
}
@keyframes suv-case-dog-left {
  0% { translate: -30px 0; clip-path: polygon(0 18%,100% 0,72% 50%,100% 100%,0 82%); }
  82% { translate: 3px 0; clip-path: polygon(0 0,100% 12%,83% 50%,100% 88%,0 100%); }
  100% { translate: none; clip-path: polygon(0 0,100% 12%,83% 50%,100% 88%,0 100%); }
}
@keyframes suv-case-dog-right {
  0% { translate: 35px 0; filter: brightness(.55); }
  76% { translate: -2px 0; filter: brightness(1.25); }
  100% { translate: none; filter: none; }
}
@keyframes suv-case-cell-fill {
  0% { opacity: .15; clip-path: polygon(50% 48%,52% 49%,51% 52%,49% 52%,48% 49%); }
  100% { opacity: 1; clip-path: polygon(50% 0,100% 30%,84% 100%,16% 100%,0 30%); }
}
@keyframes suv-case-cell-fill-two {
  0% { opacity: .12; scale: .18 .72; filter: grayscale(1); }
  100% { opacity: 1; scale: 1; filter: none; }
}
@keyframes suv-case-cell-fill-three {
  0% { opacity: .16; rotate: -38deg; scale: .2; }
  100% { opacity: 1; rotate: 0deg; scale: 1; }
}
@keyframes suv-case-cell-fill-four {
  0% { opacity: .1; translate: 0 9px; scale: .35 .08; }
  100% { opacity: 1; translate: none; scale: 1; }
}

/* Scene 2: soil sieve sorting. */
.suv-soil-sieve {
  background:
    linear-gradient(145deg, rgba(189,130,73,.18), transparent 54%),
    rgba(17,29,27,.9);
}

.suv-soil-sieve .suv-sieve-tray {
  position: absolute;
  left: 23%;
  width: 54%;
  height: 16%;
  background:
    radial-gradient(circle, transparent 0 2px, rgba(207,224,220,.72) 2.4px 3.2px, transparent 3.5px) 0 0 / 14px 12px,
    linear-gradient(#596d69, #283b38);
  border: 2px solid #aebebb;
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 5px 0 rgba(0,0,0,.2);
}

.suv-soil-sieve .suv-sieve-tray-a {
  top: 15%;
  animation: suv-sieve-tray-seat-a .72s cubic-bezier(.2,.78,.24,1.08) .08s forwards paused;
}
.suv-soil-sieve .suv-sieve-tray-b {
  left: 27%;
  top: 38%;
  animation: suv-sieve-tray-seat-b .82s cubic-bezier(.2,.78,.24,1.08) .2s forwards paused;
}
.suv-soil-sieve .suv-sieve-tray-c {
  left: 25%;
  top: 61%;
  animation: suv-sieve-tray-seat-c .92s cubic-bezier(.2,.78,.24,1.08) .32s forwards paused;
}

.suv-soil-sieve .suv-sieve-pockets {
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 5%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
  height: 13%;
}

.suv-soil-sieve .suv-sieve-pockets > i {
  background: rgba(189,130,73,.58);
  border: 2px solid #d7b184;
  clip-path: polygon(0 0,100% 0,88% 100%,12% 100%);
}

.suv-soil-sieve .suv-sieve-pockets > i:nth-child(1) {
  animation: suv-sieve-bed-set .5s cubic-bezier(.2,.7,.3,1) 1.02s forwards paused;
}
.suv-soil-sieve .suv-sieve-pockets > i:nth-child(2) {
  animation: suv-sieve-bed-set-mid .56s cubic-bezier(.2,.7,.3,1) 1.14s forwards paused;
}
.suv-soil-sieve .suv-sieve-pockets > i:nth-child(3) {
  animation: suv-sieve-bed-set-deep .62s cubic-bezier(.2,.7,.3,1) 1.26s forwards paused;
}

.suv-soil-sieve .suv-sieve-grains {
  position: absolute;
  inset: 0;
}

.suv-soil-sieve .suv-sieve-grains > i {
  position: absolute;
  bottom: 9%;
  width: 3.2%;
  aspect-ratio: 1;
  background: var(--suv-motion-snow);
  border: 1px solid rgba(255,255,255,.55);
}

.suv-soil-sieve .suv-sieve-grains > i:nth-child(1) { left: 22%; animation-delay: .56s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(2) { left: 48%; animation-delay: .62s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(3) { left: 73%; animation-delay: .68s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(4) { left: 27%; bottom: 13%; animation-delay: .74s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(5) { left: 53%; bottom: 12%; animation-delay: .8s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(6) { left: 78%; bottom: 14%; animation-delay: .86s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(7) { left: 18%; bottom: 17%; animation-delay: .92s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(8) { left: 43%; bottom: 16%; animation-delay: .98s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(9) { left: 68%; bottom: 18%; animation-delay: 1.04s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(10) { left: 31%; bottom: 20%; animation-delay: 1.1s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(11) { left: 57%; bottom: 19%; animation-delay: 1.16s; }
.suv-soil-sieve .suv-sieve-grains > i:nth-child(12) { left: 82%; bottom: 21%; animation-delay: 1.22s; }

.suv-soil-sieve .grain-round {
  border-radius: 50%;
  animation: suv-sieve-grain-round .88s cubic-bezier(.25,.65,.35,1) forwards paused;
}
.suv-soil-sieve .grain-chip {
  clip-path: polygon(10% 24%,72% 0,100% 68%,39% 100%);
  animation: suv-sieve-grain-chip .98s cubic-bezier(.22,.62,.35,1) forwards paused;
}
.suv-soil-sieve .grain-needle {
  width: 2.2%;
  aspect-ratio: .42;
  border-radius: 4px;
  animation: suv-sieve-grain-needle 1.08s cubic-bezier(.2,.6,.34,1) forwards paused;
}

@keyframes suv-sieve-tray-seat-a {
  0% { translate: -38px -17px; rotate: -7deg; filter: brightness(.55); }
  72% { translate: 4px 2px; rotate: 1deg; filter: brightness(1.12); }
  100% { translate: none; rotate: 0deg; filter: none; }
}
@keyframes suv-sieve-tray-seat-b {
  0% { translate: 42px -9px; rotate: 6deg; opacity: .42; }
  76% { translate: -3px 1px; rotate: -1deg; opacity: 1; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-sieve-tray-seat-c {
  0% { translate: -29px 18px; rotate: -4deg; scale: .94 1.08; }
  74% { translate: 2px -2px; rotate: .8deg; scale: 1.01 .99; }
  100% { translate: none; rotate: 0deg; scale: 1; }
}
@keyframes suv-sieve-grain-round {
  0% { translate: -17px var(--suv-motion-drop-neg); scale: .55; opacity: .18; }
  44% { translate: 9px -61px; scale: .84; opacity: 1; }
  76% { translate: -4px -24px; scale: 1.08 .86; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes suv-sieve-grain-chip {
  0% { translate: 21px var(--suv-motion-drop-neg); rotate: 66deg; opacity: .2; }
  47% { translate: -12px -68px; rotate: 31deg; opacity: 1; }
  79% { translate: 5px -27px; rotate: -9deg; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-sieve-grain-needle {
  0% { translate: -9px var(--suv-motion-drop-neg); rotate: -42deg; opacity: .16; }
  51% { translate: 14px -72px; rotate: 23deg; opacity: .9; }
  81% { translate: -3px -31px; rotate: 8deg; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-sieve-bed-set {
  0% { opacity: .2; scale: .35 .12; transform-origin: center bottom; }
  100% { opacity: 1; scale: 1; transform-origin: center bottom; }
}
@keyframes suv-sieve-bed-set-mid {
  0% { opacity: .18; clip-path: polygon(15% 55%,85% 55%,67% 100%,33% 100%); }
  100% { opacity: 1; clip-path: polygon(0 0,100% 0,88% 100%,12% 100%); }
}
@keyframes suv-sieve-bed-set-deep {
  0% { opacity: .15; translate: 0 10px; filter: saturate(.3); }
  100% { opacity: 1; translate: none; filter: none; }
}

/* Scene 3: torsion cradle release. */
.suv-torsion-cradle {
  perspective: 620px;
  background:
    linear-gradient(35deg, transparent 48%, rgba(50,199,178,.1) 49% 51%, transparent 52%),
    rgba(12,22,21,.9);
}

.suv-torsion-cradle .suv-torsion-plate {
  position: absolute;
  left: 15%;
  bottom: 10%;
  width: 70%;
  height: 15%;
  background: linear-gradient(#6d817d, #283a37);
  border: 2px solid #9dafab;
  clip-path: polygon(5% 0,95% 0,100% 100%,0 100%);
}

.suv-torsion-cradle .suv-torsion-rail {
  position: absolute;
  left: 19%;
  width: 62%;
  height: 7%;
  background: linear-gradient(90deg, #4b605c, #d0dbd8 48%, #4b605c);
  border: 1px solid #dce4e2;
  transform-origin: center;
}
.suv-torsion-cradle .suv-torsion-rail-left {
  top: 29%;
  animation: suv-torsion-rail-left .92s cubic-bezier(.18,.75,.23,1.05) .1s forwards paused;
}
.suv-torsion-cradle .suv-torsion-rail-right {
  top: 60%;
  animation: suv-torsion-rail-right 1.02s cubic-bezier(.18,.75,.23,1.05) .16s forwards paused;
}

.suv-torsion-cradle .suv-torsion-cross {
  position: absolute;
  left: 24%;
  top: 45%;
  width: 52%;
  height: 6%;
  background: var(--suv-motion-soil);
  border: 1px solid #ebc394;
  transform-origin: center;
}
.suv-torsion-cradle .suv-torsion-cross-front {
  transform: rotate(25deg);
  animation: suv-torsion-cross-front .86s cubic-bezier(.2,.72,.25,1.12) .34s forwards paused;
}
.suv-torsion-cradle .suv-torsion-cross-rear {
  transform: rotate(-25deg);
  animation: suv-torsion-cross-rear .96s cubic-bezier(.2,.72,.25,1.12) .4s forwards paused;
}

.suv-torsion-cradle .suv-torsion-bushings {
  position: absolute;
  inset: 0;
}
.suv-torsion-cradle .suv-torsion-bushings > i {
  position: absolute;
  width: 9%;
  aspect-ratio: 1;
  background: #263f3b;
  border: 4px solid var(--suv-motion-mineral);
  border-radius: 48% 52% 44% 56%;
}
.suv-torsion-cradle .suv-torsion-bushings > i:nth-child(1) {
  left: 17%;
  top: 24%;
  animation: suv-torsion-bushing-settle .84s cubic-bezier(.2,.68,.28,1.2) .52s forwards paused;
}
.suv-torsion-cradle .suv-torsion-bushings > i:nth-child(2) {
  right: 17%;
  top: 24%;
  animation: suv-torsion-bushing-settle-two .92s cubic-bezier(.2,.68,.28,1.2) .58s forwards paused;
}
.suv-torsion-cradle .suv-torsion-bushings > i:nth-child(3) {
  left: 17%;
  top: 55%;
  animation: suv-torsion-bushing-settle-three 1s cubic-bezier(.2,.68,.28,1.2) .64s forwards paused;
}
.suv-torsion-cradle .suv-torsion-bushings > i:nth-child(4) {
  right: 17%;
  top: 55%;
  animation: suv-torsion-bushing-settle-four 1.08s cubic-bezier(.2,.68,.28,1.2) .7s forwards paused;
}

@keyframes suv-torsion-rail-left {
  0% { transform: skewY(13deg); translate: -13px -9px; filter: brightness(.58); }
  74% { transform: skewY(-2deg); translate: 2px 1px; filter: brightness(1.18); }
  100% { transform: skewY(0deg); translate: none; filter: none; }
}
@keyframes suv-torsion-rail-right {
  0% { transform: skewY(-16deg); translate: 16px 11px; opacity: .5; }
  77% { transform: skewY(2.5deg); translate: -2px -1px; opacity: 1; }
  100% { transform: skewY(0deg); translate: none; opacity: 1; }
}
@keyframes suv-torsion-cross-front {
  0% { transform: rotate(41deg); scale: .86 1.18; }
  70% { transform: rotate(22deg); scale: 1.03 .97; }
  100% { transform: rotate(25deg); scale: 1; }
}
@keyframes suv-torsion-cross-rear {
  0% { transform: rotate(-43deg); scale: .82 1.22; filter: saturate(.45); }
  73% { transform: rotate(-22deg); scale: 1.04 .96; filter: saturate(1.2); }
  100% { transform: rotate(-25deg); scale: 1; filter: none; }
}
@keyframes suv-torsion-bushing-settle {
  0% { scale: .72 1.46; translate: 0 -5px; }
  48% { scale: 1.14 .72; translate: 0 3px; }
  76% { scale: .92 1.08; translate: 0 -1px; }
  100% { scale: 1 .9; translate: none; }
}
@keyframes suv-torsion-bushing-settle-two {
  0% { scale: .66 1.52; translate: 2px -6px; }
  52% { scale: 1.18 .68; translate: -1px 4px; }
  79% { scale: .95 1.05; translate: 1px -1px; }
  100% { scale: 1 .84; translate: none; }
}
@keyframes suv-torsion-bushing-settle-three {
  0% { scale: .78 1.38; translate: -2px -4px; }
  46% { scale: 1.1 .75; translate: 1px 3px; }
  74% { scale: .93 1.04; translate: 0 -2px; }
  100% { scale: 1 .93; translate: none; }
}
@keyframes suv-torsion-bushing-settle-four {
  0% { scale: .7 1.58; translate: 1px -7px; filter: brightness(.72); }
  55% { scale: 1.2 .66; translate: -1px 4px; filter: brightness(1.22); }
  82% { scale: .96 1.02; translate: 0 -1px; }
  100% { scale: 1 .79; translate: none; filter: none; }
}


/* Scene 4: four direction traction mat fold. */
.suv-traction-mat {
  perspective: 680px;
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(145,235,223,.28) 50%, transparent 50.5%),
    linear-gradient(0deg, transparent 49.5%, rgba(145,235,223,.28) 50%, transparent 50.5%),
    rgba(14,24,23,.92);
}

.suv-traction-mat .suv-mat-panel {
  position: absolute;
  width: 26.4%;
  height: 32%;
  background:
    radial-gradient(circle, transparent 0 2px, rgba(181,202,197,.66) 2.4px 3.2px, transparent 3.6px) 3px 3px / 13px 13px,
    linear-gradient(135deg, #435a56, #1f312f);
  border: 2px solid #a9bbb7;
  backface-visibility: hidden;
}
.suv-traction-mat .suv-mat-north {
  left: 36.8%;
  top: 10%;
  transform-origin: center bottom;
  animation: suv-mat-north-fold .88s cubic-bezier(.2,.7,.25,1.06) .08s forwards paused;
}
.suv-traction-mat .suv-mat-east {
  right: 9%;
  top: 34%;
  transform-origin: left center;
  animation: suv-mat-east-fold .96s cubic-bezier(.2,.7,.25,1.06) .18s forwards paused;
}
.suv-traction-mat .suv-mat-south {
  left: 36.8%;
  bottom: 10%;
  transform-origin: center top;
  animation: suv-mat-south-double 1.08s cubic-bezier(.2,.72,.22,1.08) .28s forwards paused;
}
.suv-traction-mat .suv-mat-west {
  left: 9%;
  top: 34%;
  transform-origin: right bottom;
  animation: suv-mat-west-pivot .94s cubic-bezier(.18,.76,.22,1.08) .38s forwards paused;
}

.suv-traction-mat .suv-mat-latches {
  position: absolute;
  inset: 0;
}
.suv-traction-mat .suv-mat-latches > i {
  position: absolute;
  width: 9%;
  height: 6%;
  background: var(--suv-motion-soil);
  border: 1px solid #f1d0a8;
  border-radius: 1px 5px 1px 5px;
}
.suv-traction-mat .suv-mat-latches > i:nth-child(1) {
  left: 45.5%;
  top: 29%;
  animation: suv-mat-latch-sequence .56s cubic-bezier(.18,.72,.24,1.12) .82s forwards paused;
}
.suv-traction-mat .suv-mat-latches > i:nth-child(2) {
  right: 27%;
  top: 47%;
  animation: suv-mat-latch-sequence-two .62s cubic-bezier(.18,.72,.24,1.12) .96s forwards paused;
}
.suv-traction-mat .suv-mat-latches > i:nth-child(3) {
  left: 32%;
  bottom: 27%;
  animation: suv-mat-latch-sequence-three .68s cubic-bezier(.18,.72,.24,1.12) 1.1s forwards paused;
}
.suv-traction-mat .suv-mat-edge {
  position: absolute;
  left: 21%;
  right: 21%;
  bottom: 4%;
  height: 3%;
  background: var(--suv-motion-mineral);
  box-shadow: 0 0 9px rgba(50,199,178,.42);
  transform-origin: left;
  animation: suv-mat-edge-confirm .64s steps(6,end) 1.28s forwards paused;
}

@keyframes suv-mat-north-fold {
  0% { rotate: x -88deg; filter: brightness(.52); opacity: .35; }
  76% { rotate: x 5deg; filter: brightness(1.16); opacity: 1; }
  100% { rotate: x 0deg; filter: none; opacity: 1; }
}
@keyframes suv-mat-east-fold {
  0% { rotate: y 86deg; translate: 10px 0; opacity: .3; }
  72% { rotate: y -4deg; translate: -2px 0; opacity: 1; }
  100% { rotate: y 0deg; translate: none; opacity: 1; }
}
@keyframes suv-mat-south-double {
  0% { rotate: x 176deg; scale: 1 .42; filter: brightness(.4); }
  48% { rotate: x 88deg; scale: 1 .74; filter: brightness(.72); }
  82% { rotate: x -6deg; scale: 1 1.03; filter: brightness(1.18); }
  100% { rotate: x 0deg; scale: 1; filter: none; }
}
@keyframes suv-mat-west-pivot {
  0% { rotate: -93deg; translate: -8px 8px; filter: saturate(.35); }
  78% { rotate: 6deg; translate: 2px -1px; filter: saturate(1.22); }
  100% { rotate: 0deg; translate: none; filter: none; }
}
@keyframes suv-mat-latch-sequence {
  0% { translate: 0 -15px; scale: .72 1.16; opacity: .25; }
  72% { translate: 0 2px; scale: 1.04 .96; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes suv-mat-latch-sequence-two {
  0% { translate: 18px 0; rotate: 18deg; opacity: .2; }
  75% { translate: -2px 0; rotate: -2deg; opacity: 1; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-mat-latch-sequence-three {
  0% { translate: -16px 9px; rotate: -24deg; scale: .62; }
  77% { translate: 2px -1px; rotate: 3deg; scale: 1.06; }
  100% { translate: none; rotate: 0deg; scale: 1; }
}
@keyframes suv-mat-edge-confirm {
  0% { opacity: .12; scale: .03 1; filter: brightness(.55); }
  100% { opacity: 1; scale: 1; filter: brightness(1.2); }
}

/* Scene 5: negative profile registration. */
.suv-negative-profile {
  background:
    linear-gradient(90deg, rgba(244,241,231,.06) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(rgba(244,241,231,.06) 1px, transparent 1px) 0 0 / 18px 18px,
    rgba(12,22,21,.91);
}

.suv-negative-profile .suv-profile-frame {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 76%;
  border: 3px solid #839692;
  clip-path: polygon(0 0,42% 0,46% 5%,54% 5%,58% 0,100% 0,100% 100%,0 100%);
}
.suv-negative-profile .suv-profile-body {
  position: absolute;
  left: 19%;
  top: 27%;
  width: 62%;
  height: 32%;
  background: rgba(50,199,178,.47);
  border: 2px solid #93efe2;
  clip-path: polygon(3% 63%,12% 60%,21% 25%,38% 10%,66% 10%,83% 38%,96% 48%,100% 78%,91% 84%,83% 70%,24% 70%,16% 86%,5% 83%);
  animation: suv-negative-body-register 1.02s cubic-bezier(.18,.76,.22,1.04) .12s forwards paused;
}
.suv-negative-profile .suv-profile-bed {
  position: absolute;
  left: 16%;
  top: 63%;
  width: 68%;
  height: 12%;
  background: rgba(189,130,73,.68);
  border: 2px solid #ecc99f;
  clip-path: polygon(0 20%,100% 0,96% 100%,4% 100%);
  animation: suv-negative-bed-register 1.12s cubic-bezier(.18,.76,.22,1.04) .22s forwards paused;
}
.suv-negative-profile .suv-profile-gaps {
  position: absolute;
  inset: 0;
}
.suv-negative-profile .suv-profile-gaps > i {
  position: absolute;
  height: 7%;
  border: 1px solid rgba(255,255,255,.68);
  transform-origin: left center;
}
.suv-negative-profile .gap-front {
  left: 13%;
  top: 51%;
  width: 14%;
  background: #9be9df;
  animation: suv-negative-gap-front .58s cubic-bezier(.2,.72,.28,1) .92s forwards paused;
}
.suv-negative-profile .gap-rear {
  right: 12%;
  top: 51%;
  width: 10%;
  background: #d9b280;
  transform-origin: right center;
  animation: suv-negative-gap-rear .64s cubic-bezier(.2,.72,.28,1) 1.04s forwards paused;
}
.suv-negative-profile .gap-ground {
  left: 43%;
  top: 57%;
  width: 18%;
  background: #e7f7f4;
  animation: suv-negative-gap-ground .7s cubic-bezier(.2,.72,.28,1) 1.16s forwards paused;
}
.suv-negative-profile .gap-margin {
  left: 34%;
  top: 77%;
  width: 29%;
  background: #6fd3c5;
  animation: suv-negative-margin-hold .76s cubic-bezier(.2,.72,.28,1) 1.28s forwards paused;
}

@keyframes suv-negative-body-register {
  0% { translate: var(--suv-motion-far-neg) 0; transform: skewX(-11deg); opacity: .22; filter: grayscale(1); }
  75% { translate: 5px 0; transform: skewX(2deg); opacity: 1; filter: grayscale(0); }
  100% { translate: none; transform: skewX(0deg); opacity: 1; filter: none; }
}
@keyframes suv-negative-bed-register {
  0% { translate: 0 var(--suv-motion-mid); transform: skewX(9deg); opacity: .24; filter: brightness(.5); }
  78% { translate: 0 -4px; transform: skewX(-1.5deg); opacity: 1; filter: brightness(1.15); }
  100% { translate: none; transform: skewX(0deg); opacity: 1; filter: none; }
}
@keyframes suv-negative-gap-front {
  0% { scale: .08 1; opacity: .12; clip-path: inset(0 92% 0 0); }
  100% { scale: 1; opacity: 1; clip-path: inset(0); }
}
@keyframes suv-negative-gap-rear {
  0% { scale: .14 .45; opacity: .16; filter: hue-rotate(-24deg); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes suv-negative-gap-ground {
  0% { scale: .22 .18; translate: 0 8px; opacity: .14; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes suv-negative-margin-hold {
  0% { clip-path: polygon(0 45%,8% 45%,8% 55%,0 55%); opacity: .15; }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}

/* Scene 6: four local ratchet actions. */
.suv-ratchet-bank {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3%;
  align-items: center;
  padding: 9% 6% 14%;
  background:
    linear-gradient(0deg, rgba(189,130,73,.13), transparent 44%),
    rgba(10,18,18,.91);
}
.suv-ratchet-bank .suv-ratchet {
  position: relative;
  height: 72%;
  min-width: 0;
  border-bottom: 2px solid rgba(145,235,223,.25);
}
.suv-ratchet-bank .spool {
  position: absolute;
  left: 22%;
  top: 26%;
  width: 48%;
  aspect-ratio: 1;
  background:
    radial-gradient(circle, #101c1a 0 21%, transparent 23%),
    repeating-conic-gradient(#9baca8 0 14deg, #344945 14deg 29deg);
  border: 3px solid #d5dfdd;
  border-radius: 50%;
}
.suv-ratchet-bank .teeth {
  position: absolute;
  left: 12%;
  top: 14%;
  width: 68%;
  aspect-ratio: 1;
  border: 3px dotted var(--suv-motion-soil);
  border-radius: 50%;
}
.suv-ratchet-bank .pawl {
  position: absolute;
  left: 58%;
  top: 12%;
  width: 14%;
  height: 38%;
  background: #c9d6d3;
  border: 1px solid #fff;
  border-radius: 5px 5px 2px 2px;
  transform-origin: 50% 90%;
}
.suv-ratchet-bank .strap {
  position: absolute;
  left: 46%;
  top: 58%;
  width: 16%;
  height: 36%;
  max-height: 46px;
  background: repeating-linear-gradient(90deg, #b27842 0 3px, #e0b987 3px 5px);
  transform-origin: center top;
}

.suv-ratchet-bank .ratchet-a .spool { animation: suv-ratchet-spool-a .78s cubic-bezier(.22,.68,.25,1) .18s forwards paused; }
.suv-ratchet-bank .ratchet-b .spool { animation: suv-ratchet-spool-b .9s cubic-bezier(.22,.68,.25,1) .28s forwards paused; }
.suv-ratchet-bank .ratchet-c .spool { animation: suv-ratchet-spool-c 1.02s cubic-bezier(.22,.68,.25,1) .38s forwards paused; }
.suv-ratchet-bank .ratchet-d .spool { animation: suv-ratchet-spool-d 1.14s cubic-bezier(.22,.68,.25,1) .48s forwards paused; }
.suv-ratchet-bank .ratchet-a .pawl { animation: suv-ratchet-pawl-a .72s steps(3,end) .22s forwards paused; }
.suv-ratchet-bank .ratchet-b .pawl { animation: suv-ratchet-pawl-b .84s steps(4,end) .32s forwards paused; }
.suv-ratchet-bank .ratchet-c .pawl { animation: suv-ratchet-pawl-c .96s steps(5,end) .42s forwards paused; }
.suv-ratchet-bank .ratchet-d .pawl { animation: suv-ratchet-pawl-d 1.08s steps(6,end) .52s forwards paused; }
.suv-ratchet-bank .ratchet-a .strap { animation: suv-ratchet-strap-a .64s ease-out .74s forwards paused; }
.suv-ratchet-bank .ratchet-b .strap { animation: suv-ratchet-strap-b .7s ease-out .86s forwards paused; }
.suv-ratchet-bank .ratchet-c .strap { animation: suv-ratchet-strap-c .76s ease-out .98s forwards paused; }
.suv-ratchet-bank .ratchet-d .strap { animation: suv-ratchet-strap-d .82s ease-out 1.1s forwards paused; }
.suv-ratchet-bank .suv-ratchet-confirm {
  position: absolute;
  left: 13%;
  right: 13%;
  bottom: 7%;
  height: 4%;
  background: var(--suv-motion-mineral);
  transform-origin: center;
  animation: suv-ratchet-confirm .56s steps(7,end) 1.46s forwards paused;
}

@keyframes suv-ratchet-spool-a {
  0% { rotate: 0deg; filter: brightness(.62); }
  100% { rotate: 24deg; filter: none; }
}
@keyframes suv-ratchet-spool-b {
  0% { rotate: 0deg; scale: .9; }
  64% { scale: 1.06; }
  100% { rotate: 37deg; scale: 1; }
}
@keyframes suv-ratchet-spool-c {
  0% { rotate: 0deg; filter: saturate(.3); }
  48% { filter: saturate(1.35); }
  100% { rotate: 51deg; filter: none; }
}
@keyframes suv-ratchet-spool-d {
  0% { rotate: 0deg; opacity: .45; }
  44% { opacity: 1; }
  100% { rotate: 68deg; opacity: 1; }
}
@keyframes suv-ratchet-pawl-a {
  0% { rotate: -28deg; }
  34% { rotate: 12deg; }
  67% { rotate: -9deg; }
  100% { rotate: 0deg; }
}
@keyframes suv-ratchet-pawl-b {
  0% { rotate: -33deg; translate: 0 -2px; }
  25% { rotate: 15deg; }
  50% { rotate: -12deg; }
  75% { rotate: 7deg; }
  100% { rotate: 1deg; translate: none; }
}
@keyframes suv-ratchet-pawl-c {
  0% { rotate: -37deg; scale: .9 1.12; }
  20% { rotate: 17deg; }
  40% { rotate: -14deg; }
  60% { rotate: 10deg; }
  80% { rotate: -5deg; }
  100% { rotate: 2deg; scale: 1; }
}
@keyframes suv-ratchet-pawl-d {
  0% { rotate: -42deg; filter: brightness(.6); }
  17% { rotate: 20deg; }
  34% { rotate: -17deg; }
  51% { rotate: 12deg; }
  68% { rotate: -8deg; }
  85% { rotate: 5deg; }
  100% { rotate: 3deg; filter: none; }
}
@keyframes suv-ratchet-strap-a {
  0% { scale: 1 1.34; filter: brightness(.65); }
  100% { scale: 1 .78; filter: none; }
}
@keyframes suv-ratchet-strap-b {
  0% { scale: .92 1.42; rotate: 3deg; }
  100% { scale: 1 .68; rotate: 0deg; }
}
@keyframes suv-ratchet-strap-c {
  0% { scale: 1.08 1.5; translate: 2px 0; }
  100% { scale: 1 .58; translate: none; }
}
@keyframes suv-ratchet-strap-d {
  0% { scale: .88 1.56; filter: saturate(.42); }
  100% { scale: 1 .48; filter: none; }
}
@keyframes suv-ratchet-confirm {
  0% { scale: .02 1; opacity: .15; filter: brightness(.55); }
  100% { scale: 1; opacity: 1; filter: brightness(1.25); }
}


/* Scene 7: four filter contours resolve one window. */
.suv-filter-stack {
  background:
    linear-gradient(45deg, rgba(50,199,178,.08) 25%, transparent 25% 75%, rgba(189,130,73,.08) 75%) 0 0 / 18px 18px,
    rgba(16,27,26,.91);
}
.suv-filter-stack .suv-filter-window {
  position: absolute;
  z-index: 5;
  left: 37%;
  top: 34%;
  width: 26%;
  height: 31%;
  background: #687573;
  border: 3px solid #e5ecea;
  box-shadow: 0 0 0 7px rgba(255,255,255,.05);
  animation: suv-filter-window-resolve .74s steps(6,end) 1.12s forwards paused;
}
.suv-filter-stack .suv-filter {
  position: absolute;
  z-index: 3;
  left: 24%;
  top: 18%;
  width: 52%;
  height: 64%;
  border: 2px solid rgba(255,255,255,.45);
  mix-blend-mode: screen;
  transform-origin: center;
}
.suv-filter-stack .filter-north {
  background: rgba(50,199,178,.31);
  clip-path: polygon(12% 0,88% 0,100% 42%,71% 100%,18% 87%,0 38%);
  animation: suv-filter-north-set .92s cubic-bezier(.2,.72,.25,1.05) .1s forwards paused;
}
.suv-filter-stack .filter-east {
  background: rgba(111,151,210,.27);
  clip-path: polygon(25% 0,100% 11%,88% 84%,53% 100%,0 72%,9% 18%);
  animation: suv-filter-east-set 1.02s cubic-bezier(.2,.72,.25,1.05) .22s forwards paused;
}
.suv-filter-stack .filter-south {
  background: rgba(189,130,73,.32);
  clip-path: polygon(7% 17%,62% 0,100% 31%,88% 100%,18% 91%,0 58%);
  animation: suv-filter-south-set 1.12s cubic-bezier(.2,.72,.25,1.05) .34s forwards paused;
}
.suv-filter-stack .filter-west {
  background: rgba(160,108,184,.24);
  clip-path: polygon(0 9%,73% 0,100% 49%,76% 100%,13% 88%,7% 57%);
  animation: suv-filter-west-set 1.22s cubic-bezier(.2,.72,.25,1.05) .46s forwards paused;
}
.suv-filter-stack .suv-filter-tabs {
  position: absolute;
  inset: 0;
}
.suv-filter-stack .suv-filter-tabs > i {
  position: absolute;
  background: #b7c6c3;
}
.suv-filter-stack .suv-filter-tabs > i:nth-child(1) { left: 46%; top: 5%; width: 8%; height: 10%; }
.suv-filter-stack .suv-filter-tabs > i:nth-child(2) { right: 5%; top: 46%; width: 10%; height: 8%; }
.suv-filter-stack .suv-filter-tabs > i:nth-child(3) { left: 46%; bottom: 5%; width: 8%; height: 10%; }
.suv-filter-stack .suv-filter-tabs > i:nth-child(4) { left: 5%; top: 46%; width: 10%; height: 8%; }

@keyframes suv-filter-north-set {
  0% { translate: 0 var(--suv-motion-far-neg); rotate: -19deg; clip-path: polygon(42% 0,58% 0,55% 8%,45% 8%); opacity: .18; }
  72% { translate: 0 5px; rotate: 3deg; opacity: .82; }
  100% { translate: none; rotate: 0deg; clip-path: polygon(12% 0,88% 0,100% 42%,71% 100%,18% 87%,0 38%); opacity: 1; }
}
@keyframes suv-filter-east-set {
  0% { translate: var(--suv-motion-far) 0; rotate: 23deg; clip-path: polygon(92% 42%,100% 42%,100% 58%,92% 58%); opacity: .16; }
  74% { translate: -6px 0; rotate: -4deg; opacity: .86; }
  100% { translate: none; rotate: 0deg; clip-path: polygon(25% 0,100% 11%,88% 84%,53% 100%,0 72%,9% 18%); opacity: 1; }
}
@keyframes suv-filter-south-set {
  0% { translate: 0 var(--suv-motion-far); rotate: 16deg; clip-path: polygon(43% 92%,57% 92%,58% 100%,42% 100%); opacity: .14; }
  76% { translate: 0 -6px; rotate: -2deg; opacity: .88; }
  100% { translate: none; rotate: 0deg; clip-path: polygon(7% 17%,62% 0,100% 31%,88% 100%,18% 91%,0 58%); opacity: 1; }
}
@keyframes suv-filter-west-set {
  0% { translate: var(--suv-motion-far-neg) 0; rotate: -27deg; clip-path: polygon(0 41%,8% 42%,8% 58%,0 59%); opacity: .12; }
  78% { translate: 7px 0; rotate: 5deg; opacity: .84; }
  100% { translate: none; rotate: 0deg; clip-path: polygon(0 9%,73% 0,100% 49%,76% 100%,13% 88%,7% 57%); opacity: 1; }
}
@keyframes suv-filter-window-resolve {
  0% { background: #687573; border-color: #aeb9b7; filter: saturate(.25) brightness(.72); }
  100% { background: #32c7b2; border-color: #d9fffa; filter: saturate(1.18) brightness(1.08); }
}

/* Scene 8: finite snow load behind a five part fence. */
.suv-snow-fence {
  background:
    radial-gradient(circle at 77% 18%, rgba(217,243,245,.32) 0 2px, transparent 3px),
    linear-gradient(#20393c, #102326);
}
.suv-snow-fence .suv-fence-sections {
  position: absolute;
  z-index: 4;
  left: 12%;
  right: 12%;
  bottom: 24%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2%;
  height: 40%;
}
.suv-snow-fence .suv-fence-sections > i {
  background:
    repeating-linear-gradient(90deg, transparent 0 7px, #8fa5a2 7px 10px),
    linear-gradient(0deg, transparent 47%, #c2d0cd 48% 54%, transparent 55%);
  border-inline: 2px solid #d0dcda;
  transform-origin: center bottom;
  animation: suv-snow-fence-flex .96s cubic-bezier(.22,.64,.25,1.12) .62s forwards paused;
}
.suv-snow-fence .suv-fence-sections > i:nth-child(1) { translate: 0 5px; animation-delay: .58s; }
.suv-snow-fence .suv-fence-sections > i:nth-child(2) { translate: 0 1px; animation-delay: .64s; }
.suv-snow-fence .suv-fence-sections > i:nth-child(3) { translate: 0 -3px; animation-delay: .7s; }
.suv-snow-fence .suv-fence-sections > i:nth-child(4) { translate: 0 2px; animation-delay: .76s; }
.suv-snow-fence .suv-fence-sections > i:nth-child(5) { translate: 0 6px; animation-delay: .82s; }
.suv-snow-fence .suv-fence-brace {
  position: absolute;
  z-index: 5;
  bottom: 13%;
  width: 3%;
  height: 55%;
  background: #d7e1df;
  border: 1px solid #fff;
  transform-origin: center bottom;
}
.suv-snow-fence .brace-a {
  left: 25%;
  rotate: 61deg;
  animation: suv-snow-brace-seat .74s cubic-bezier(.2,.7,.25,1.14) .92s forwards paused;
}
.suv-snow-fence .brace-b {
  right: 25%;
  rotate: -56deg;
  animation: suv-snow-brace-seat-rear .82s cubic-bezier(.2,.7,.25,1.14) 1.02s forwards paused;
}
.suv-snow-fence .suv-snowbank {
  position: absolute;
  z-index: 3;
  left: 5%;
  right: 5%;
  bottom: 3%;
  height: 35%;
  background: linear-gradient(175deg, #f4ffff, #9ecbd0 72%);
  clip-path: polygon(0 69%,9% 51%,22% 58%,35% 35%,49% 52%,63% 26%,79% 44%,92% 31%,100% 50%,100% 100%,0 100%);
  animation: suv-snow-drift-rise 1.22s cubic-bezier(.2,.68,.25,1) .72s forwards paused;
}
.suv-snow-fence .suv-snowflakes {
  position: absolute;
  z-index: 6;
  inset: 0;
}
.suv-snow-fence .suv-snowflakes > i {
  position: absolute;
  top: 13%;
  width: 3%;
  aspect-ratio: 1;
  background: #f4ffff;
  border-radius: 50%;
  opacity: 0;
}
.suv-snow-fence .suv-snowflakes > i:nth-child(1) { left: 9%; animation-delay: .08s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(2) { left: 18%; top: 4%; animation-delay: .14s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(3) { left: 27%; top: 21%; animation-delay: .2s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(4) { left: 36%; top: 9%; animation-delay: .26s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(5) { left: 45%; top: 16%; animation-delay: .32s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(6) { left: 54%; top: 3%; animation-delay: .38s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(7) { left: 63%; top: 20%; animation-delay: .44s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(8) { left: 72%; top: 7%; animation-delay: .5s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(9) { left: 81%; top: 15%; animation-delay: .56s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(10) { left: 14%; top: 26%; animation-delay: .62s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(11) { left: 51%; top: 24%; animation-delay: .68s; }
.suv-snow-fence .suv-snowflakes > i:nth-child(12) { left: 86%; top: 25%; animation-delay: .74s; }
.suv-snow-fence .flake-left {
  animation: suv-snow-flake-left 1.08s cubic-bezier(.3,.45,.45,1) forwards paused;
}
.suv-snow-fence .flake-right {
  animation: suv-snow-flake-right 1.18s cubic-bezier(.28,.44,.46,1) forwards paused;
}

@keyframes suv-snow-flake-left {
  0% { translate: -24px -20px; opacity: 0; scale: .52; }
  18% { opacity: .95; }
  72% { opacity: .76; scale: 1.08; }
  100% { translate: 34px var(--suv-motion-fall); opacity: 0; scale: .7; }
}
@keyframes suv-snow-flake-right {
  0% { translate: 31px -25px; opacity: 0; scale: .42; }
  16% { opacity: .9; }
  68% { opacity: .68; scale: .96; }
  100% { translate: -39px var(--suv-motion-fall); opacity: 0; scale: .62; }
}
@keyframes suv-snow-drift-rise {
  0% { clip-path: polygon(0 96%,9% 94%,22% 96%,35% 91%,49% 95%,63% 90%,79% 94%,92% 92%,100% 95%,100% 100%,0 100%); filter: brightness(.72); }
  100% { clip-path: polygon(0 69%,9% 51%,22% 58%,35% 35%,49% 52%,63% 26%,79% 44%,92% 31%,100% 50%,100% 100%,0 100%); filter: none; }
}
@keyframes suv-snow-fence-flex {
  0% { rotate: 0deg; scale: 1 1; filter: brightness(.7); }
  42% { rotate: 4deg; scale: .94 1.03; filter: brightness(1.12); }
  70% { rotate: -2deg; scale: 1.02 .99; }
  100% { rotate: 0deg; scale: 1; filter: none; }
}
@keyframes suv-snow-brace-seat {
  0% { rotate: 82deg; translate: -13px 7px; opacity: .2; }
  76% { rotate: 58deg; translate: 2px -1px; opacity: 1; }
  100% { rotate: 61deg; translate: none; opacity: 1; }
}
@keyframes suv-snow-brace-seat-rear {
  0% { rotate: -79deg; translate: 15px 8px; scale: .76 1; }
  78% { rotate: -53deg; translate: -2px -1px; scale: 1.04 1; }
  100% { rotate: -56deg; translate: none; scale: 1; }
}

/* Scene 9: spline coupler proof. */
.suv-spline-coupler {
  background:
    linear-gradient(0deg, transparent 47%, rgba(145,235,223,.2) 48% 52%, transparent 53%),
    rgba(11,20,19,.92);
}
.suv-spline-coupler .suv-spline-block {
  position: absolute;
  z-index: 4;
  top: 29%;
  width: 17%;
  height: 43%;
  background: linear-gradient(90deg, #293d3a, #81938f);
  border: 3px solid #b8c7c4;
  clip-path: polygon(0 12%,18% 0,100% 0,100% 100%,18% 100%,0 88%);
}
.suv-spline-coupler .block-left {
  left: 7%;
  animation: suv-spline-block-left .72s cubic-bezier(.2,.72,.25,1.1) .08s forwards paused;
}
.suv-spline-coupler .block-right {
  right: 7%;
  scale: -1 1;
  animation: suv-spline-block-right .78s cubic-bezier(.2,.72,.25,1.1) .14s forwards paused;
}
.suv-spline-coupler .suv-spline-shaft {
  position: absolute;
  z-index: 2;
  left: 19%;
  top: 45%;
  width: 62%;
  height: 12%;
  background: linear-gradient(#d4dedc, #536864 48%, #263936 52%, #aebfbb);
  border: 1px solid #edf2f1;
  border-radius: 8px;
  animation: suv-spline-shaft-check .62s cubic-bezier(.22,.66,.3,1.12) 1.3s forwards paused;
}
.suv-spline-coupler .suv-spline-collar {
  position: absolute;
  z-index: 5;
  top: 31%;
  height: 40%;
  border: 3px solid #d4dfdc;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.05);
}
.suv-spline-coupler .collar-a {
  left: 29%;
  width: 12%;
  background: #45645f;
  border-radius: 7px;
  animation: suv-spline-collar-a .82s cubic-bezier(.18,.74,.24,1.1) .36s forwards paused;
}
.suv-spline-coupler .collar-b {
  left: 44%;
  top: 27%;
  width: 13%;
  height: 48%;
  background: #9a693e;
  clip-path: polygon(18% 0,82% 0,100% 25%,100% 75%,82% 100%,18% 100%,0 75%,0 25%);
  animation: suv-spline-collar-b .94s cubic-bezier(.18,.74,.24,1.1) .48s forwards paused;
}
.suv-spline-coupler .collar-c {
  right: 28%;
  width: 10%;
  background: #387e73;
  border-radius: 48% 18% 48% 18%;
  animation: suv-spline-collar-c 1.06s cubic-bezier(.18,.74,.24,1.1) .6s forwards paused;
}
.suv-spline-coupler .suv-spline-teeth {
  position: absolute;
  z-index: 6;
  left: 26%;
  right: 26%;
  top: 43%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4%;
  height: 16%;
}
.suv-spline-coupler .suv-spline-teeth > i {
  background: var(--suv-motion-mineral-soft);
  border: 1px solid #effffc;
  clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);
}
.suv-spline-coupler .suv-spline-teeth > i:nth-child(1) { animation: suv-spline-tooth-proof .46s steps(4,end) .78s forwards paused; }
.suv-spline-coupler .suv-spline-teeth > i:nth-child(2) { animation: suv-spline-tooth-proof-two .5s steps(5,end) .84s forwards paused; }
.suv-spline-coupler .suv-spline-teeth > i:nth-child(3) { animation: suv-spline-tooth-proof-three .54s steps(4,end) .9s forwards paused; }
.suv-spline-coupler .suv-spline-teeth > i:nth-child(4) { animation: suv-spline-tooth-proof-four .58s steps(5,end) .96s forwards paused; }
.suv-spline-coupler .suv-spline-teeth > i:nth-child(5) { animation: suv-spline-tooth-proof-five .62s steps(4,end) 1.02s forwards paused; }
.suv-spline-coupler .suv-spline-teeth > i:nth-child(6) { animation: suv-spline-tooth-proof-six .66s steps(5,end) 1.08s forwards paused; }

@keyframes suv-spline-block-left {
  0% { translate: -22px 0; opacity: .42; filter: brightness(.6); }
  78% { translate: 3px 0; opacity: 1; filter: brightness(1.14); }
  100% { translate: none; opacity: 1; filter: none; }
}
@keyframes suv-spline-block-right {
  0% { translate: 25px 0; opacity: .36; scale: -1.08 .94; }
  76% { translate: -3px 0; opacity: 1; scale: -.98 1.02; }
  100% { translate: none; opacity: 1; scale: -1 1; }
}
@keyframes suv-spline-collar-a {
  0% { translate: var(--suv-motion-mid-neg) -24px; rotate: -31deg; opacity: .18; }
  76% { translate: 4px 2px; rotate: 4deg; opacity: 1; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-spline-collar-b {
  0% { translate: 0 var(--suv-motion-mid-neg); rotate: 23deg; scale: .72; filter: saturate(.3); }
  78% { translate: 0 5px; rotate: -3deg; scale: 1.04; filter: saturate(1.2); }
  100% { translate: none; rotate: 0deg; scale: 1; filter: none; }
}
@keyframes suv-spline-collar-c {
  0% { translate: var(--suv-motion-mid) 30px; rotate: 38deg; opacity: .2; }
  80% { translate: -4px -2px; rotate: -5deg; opacity: 1; }
  100% { translate: none; rotate: 0deg; opacity: 1; }
}
@keyframes suv-spline-tooth-proof {
  0% { clip-path: inset(50% 48%); opacity: .15; }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); opacity: 1; }
}
@keyframes suv-spline-tooth-proof-two {
  0% { clip-path: polygon(50% 0,50% 0,54% 50%,50% 100%,50% 100%,46% 50%); opacity: .13; }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); opacity: 1; }
}
@keyframes suv-spline-tooth-proof-three {
  0% { clip-path: circle(7% at 50% 50%); scale: .62; opacity: .12; }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); scale: 1; opacity: 1; }
}
@keyframes suv-spline-tooth-proof-four {
  0% { clip-path: inset(0 88% 0 0); filter: brightness(.52); }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); filter: none; }
}
@keyframes suv-spline-tooth-proof-five {
  0% { clip-path: inset(88% 0 0); translate: 0 5px; opacity: .18; }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); translate: none; opacity: 1; }
}
@keyframes suv-spline-tooth-proof-six {
  0% { clip-path: polygon(0 50%,8% 44%,8% 56%); rotate: -26deg; opacity: .11; }
  100% { clip-path: polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%); rotate: 0deg; opacity: 1; }
}
@keyframes suv-spline-shaft-check {
  0% { translate: none; filter: brightness(1); }
  48% { translate: 8px 0; filter: brightness(1.3); }
  100% { translate: none; filter: brightness(1); }
}

/* Scene 10: six damped gaiters and one clamp. */
.suv-gaiter-bank {
  padding: 7% 8% 15%;
  background:
    linear-gradient(90deg, rgba(50,199,178,.09) 1px, transparent 1px) 0 0 / 15px 100%,
    rgba(11,20,19,.92);
}
.suv-gaiter-bank .suv-gaiter {
  position: absolute;
  left: 17%;
  height: 8%;
  background: repeating-linear-gradient(90deg, #243a36 0 4px, #86a09a 4px 7px, #142724 7px 11px);
  border-block: 1px solid #bed0cc;
  border-radius: 7px;
  transform-origin: left center;
  transition: filter .26s ease, box-shadow .26s ease;
}
.suv-gaiter-bank .suv-gaiter::before {
  content: "";
  position: absolute;
  left: -10%;
  top: 50%;
  width: 9%;
  aspect-ratio: 1;
  translate: 0 -50%;
  background: var(--suv-motion-soil);
  border: 2px solid #edd0aa;
  border-radius: 50%;
}
.suv-gaiter-bank .suv-gaiter > i {
  position: absolute;
  right: -5%;
  top: 50%;
  width: 8%;
  aspect-ratio: 1;
  translate: 0 -50%;
  background: #aebfbb;
  border: 2px solid #e7efed;
  border-radius: 50%;
}
.suv-gaiter-bank .gaiter-a { top: 10%; width: 60%; animation: suv-gaiter-bank-seat .92s cubic-bezier(.18,.7,.25,1.12) .08s forwards paused; }
.suv-gaiter-bank .gaiter-b { top: 23%; width: 67%; animation: suv-gaiter-damp-a 1s cubic-bezier(.18,.7,.25,1.12) .16s forwards paused; }
.suv-gaiter-bank .gaiter-c { top: 36%; width: 54%; animation: suv-gaiter-damp-b 1.08s cubic-bezier(.18,.7,.25,1.12) .24s forwards paused; }
.suv-gaiter-bank .gaiter-d { top: 49%; width: 70%; animation: suv-gaiter-damp-c 1.16s cubic-bezier(.18,.7,.25,1.12) .32s forwards paused; }
.suv-gaiter-bank .gaiter-e { top: 62%; width: 58%; animation: suv-gaiter-damp-d 1.24s cubic-bezier(.18,.7,.25,1.12) .4s forwards paused; }
.suv-gaiter-bank .gaiter-f { top: 75%; width: 64%; animation: suv-gaiter-damp-e 1.32s cubic-bezier(.18,.7,.25,1.12) .48s forwards paused; }
.suv-gaiter-bank .suv-gaiter-clamp {
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 4%;
  height: 8%;
  background: linear-gradient(#aebfbb, #425954);
  border: 2px solid #d9e4e1;
  clip-path: polygon(0 0,46% 0,50% 35%,54% 0,100% 0,96% 100%,4% 100%);
  animation: suv-gaiter-clamp-lock .68s cubic-bezier(.2,.68,.26,1.12) 1.12s forwards paused;
}

.suv-faq:has(.suv-faq-list details:nth-child(1)[open]) .gaiter-a,
.suv-faq:has(.suv-faq-list details:nth-child(2)[open]) .gaiter-b,
.suv-faq:has(.suv-faq-list details:nth-child(3)[open]) .gaiter-c,
.suv-faq:has(.suv-faq-list details:nth-child(4)[open]) .gaiter-d,
.suv-faq:has(.suv-faq-list details:nth-child(5)[open]) .gaiter-e,
.suv-faq:has(.suv-faq-list details:nth-child(6)[open]) .gaiter-f {
  filter: brightness(1.28) saturate(1.16);
  box-shadow: 0 0 11px rgba(50,199,178,.42);
}

@keyframes suv-gaiter-bank-seat {
  0% { scale: .32 1.35; translate: -18px 0; opacity: .28; }
  52% { scale: 1.12 .82; translate: 3px 0; opacity: 1; }
  76% { scale: .94 1.08; translate: -1px 0; }
  100% { scale: .9 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-damp-a {
  0% { scale: .25 1.42; translate: -22px 0; opacity: .24; }
  48% { scale: 1.16 .78; translate: 4px 0; opacity: 1; }
  72% { scale: .92 1.1; translate: -2px 0; }
  100% { scale: .96 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-damp-b {
  0% { scale: .38 1.3; translate: -15px 0; opacity: .3; }
  55% { scale: 1.09 .85; translate: 2px 0; opacity: 1; }
  79% { scale: .96 1.05; translate: -1px 0; }
  100% { scale: .84 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-damp-c {
  0% { scale: .2 1.48; translate: -26px 0; opacity: .2; }
  46% { scale: 1.18 .76; translate: 5px 0; opacity: 1; }
  68% { scale: .9 1.13; translate: -3px 0; }
  84% { scale: 1.04 .96; translate: 1px 0; }
  100% { scale: 1 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-damp-d {
  0% { scale: .34 1.36; translate: -19px 0; opacity: .26; }
  50% { scale: 1.13 .81; translate: 3px 0; opacity: 1; }
  75% { scale: .93 1.09; translate: -2px 0; }
  100% { scale: .88 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-damp-e {
  0% { scale: .28 1.4; translate: -21px 0; opacity: .22; }
  44% { scale: 1.2 .74; translate: 5px 0; opacity: 1; }
  66% { scale: .89 1.15; translate: -3px 0; }
  83% { scale: 1.05 .95; translate: 1px 0; }
  100% { scale: .93 1; translate: none; opacity: 1; }
}
@keyframes suv-gaiter-clamp-lock {
  0% { translate: 0 7px; scale: .86 1; opacity: .38; filter: brightness(.62); }
  76% { translate: 0 -8px; scale: 1.03 1; opacity: 1; filter: brightness(1.16); }
  100% { translate: 0 -7px; scale: 1; opacity: 1; filter: none; }
}


@media (max-width: 1080px) {
  [data-motion^="suv-"] {
    --suv-motion-shift: 24px;
    --suv-motion-far: 69px;
    --suv-motion-far-neg: -69px;
    --suv-motion-mid: 50px;
    --suv-motion-mid-neg: -50px;
    --suv-motion-drop-neg: -93px;
    --suv-motion-fall: 84px;
  }

  .suv-transfer-case,
  .suv-soil-sieve,
  .suv-torsion-cradle,
  .suv-traction-mat,
  .suv-negative-profile,
  .suv-ratchet-bank,
  .suv-filter-stack,
  .suv-snow-fence,
  .suv-spline-coupler,
  .suv-gaiter-bank {
    width: 240px;
    height: 130px;
    aspect-ratio: auto;
  }

  .suv-transfer-case { right: 18px; top: 112px; }
  .suv-soil-sieve,
  .suv-traction-mat,
  .suv-negative-profile,
  .suv-snow-fence { left: 18px; }
  .suv-torsion-cradle,
  .suv-ratchet-bank,
  .suv-filter-stack,
  .suv-spline-coupler,
  .suv-gaiter-bank { right: 18px; }
}

@media (max-width: 840px) {
  [data-motion^="suv-"] {
    --suv-motion-shift: 20px;
    --suv-motion-far: 61px;
    --suv-motion-far-neg: -61px;
    --suv-motion-mid: 44px;
    --suv-motion-mid-neg: -44px;
    --suv-motion-drop-neg: -82px;
    --suv-motion-fall: 74px;
  }

  .suv-transfer-case,
  .suv-soil-sieve,
  .suv-torsion-cradle,
  .suv-traction-mat,
  .suv-negative-profile,
  .suv-ratchet-bank,
  .suv-filter-stack,
  .suv-snow-fence,
  .suv-spline-coupler,
  .suv-gaiter-bank {
    position: relative;
    inset: auto;
    width: 220px;
    height: 118px;
    max-width: calc(100% - 16px);
    margin: 20px auto 0;
  }
}

@media (max-width: 560px) {
  [data-motion^="suv-"] {
    --suv-motion-shift: 16px;
    --suv-motion-far: 46px;
    --suv-motion-far-neg: -46px;
    --suv-motion-mid: 34px;
    --suv-motion-mid-neg: -34px;
    --suv-motion-drop-neg: -63px;
    --suv-motion-fall: 58px;
  }

  .suv-transfer-case,
  .suv-soil-sieve,
  .suv-torsion-cradle,
  .suv-traction-mat,
  .suv-negative-profile,
  .suv-ratchet-bank,
  .suv-filter-stack,
  .suv-snow-fence,
  .suv-spline-coupler,
  .suv-gaiter-bank {
    width: 190px;
    height: 104px;
    margin-top: 16px;
  }

  .suv-snow-fence .suv-snowflakes > i:nth-child(n+7),
  .suv-spline-coupler .suv-spline-teeth > i:nth-child(n+5) {
    display: none;
  }

  .suv-ratchet-bank {
    gap: 1.5%;
    padding-inline: 4%;
  }

  .suv-transfer-case .suv-case-shell,
  .suv-torsion-cradle .suv-torsion-bushings > i,
  .suv-spline-coupler .suv-spline-block {
    border-width: 2px;
  }
}

@media (max-width: 380px) {
  [data-motion^="suv-"] {
    --suv-motion-shift: 12px;
    --suv-motion-far: 36px;
    --suv-motion-far-neg: -36px;
    --suv-motion-mid: 28px;
    --suv-motion-mid-neg: -28px;
    --suv-motion-drop-neg: -52px;
    --suv-motion-fall: 48px;
  }

  .suv-transfer-case,
  .suv-soil-sieve,
  .suv-torsion-cradle,
  .suv-traction-mat,
  .suv-negative-profile,
  .suv-ratchet-bank,
  .suv-filter-stack,
  .suv-snow-fence,
  .suv-spline-coupler,
  .suv-gaiter-bank {
    width: 160px;
    height: 88px;
    max-width: calc(100% - 8px);
    margin-top: 12px;
  }

  .suv-ratchet-bank .spool,
  .suv-spline-coupler .suv-spline-collar,
  .suv-filter-stack .suv-filter-window {
    border-width: 2px;
  }

  .suv-gaiter-bank .suv-gaiter::before,
  .suv-gaiter-bank .suv-gaiter > i {
    border-width: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-motion^="suv-"] [aria-hidden="true"],
  [data-motion^="suv-"] [aria-hidden="true"] * {
    animation: none !important;
    transition: none !important;
  }

  .suv-transfer-case .suv-case-shell,
  .suv-transfer-case .suv-case-slider,
  .suv-transfer-case .suv-case-dog,
  .suv-transfer-case .suv-case-cells > i {
    translate: none;
    opacity: 1;
    filter: none;
  }
  .suv-transfer-case .suv-case-cam { rotate: 45deg; filter: none; }

  .suv-soil-sieve .suv-sieve-tray,
  .suv-soil-sieve .suv-sieve-grains > i,
  .suv-soil-sieve .suv-sieve-pockets > i {
    translate: none;
    rotate: 0deg;
    opacity: 1;
    filter: none;
  }

  .suv-torsion-cradle .suv-torsion-rail { transform: skewY(0deg); translate: none; }
  .suv-torsion-cradle .suv-torsion-cross-front { transform: rotate(25deg); }
  .suv-torsion-cradle .suv-torsion-cross-rear { transform: rotate(-25deg); }
  .suv-torsion-cradle .suv-torsion-bushings > i:nth-child(1) { scale: 1 .9; }
  .suv-torsion-cradle .suv-torsion-bushings > i:nth-child(2) { scale: 1 .84; }
  .suv-torsion-cradle .suv-torsion-bushings > i:nth-child(3) { scale: 1 .93; }
  .suv-torsion-cradle .suv-torsion-bushings > i:nth-child(4) { scale: 1 .79; }

  .suv-traction-mat .suv-mat-panel,
  .suv-traction-mat .suv-mat-latches > i,
  .suv-traction-mat .suv-mat-edge {
    translate: none;
    rotate: 0deg;
    scale: 1;
    opacity: 1;
    filter: none;
  }

  .suv-negative-profile .suv-profile-body,
  .suv-negative-profile .suv-profile-bed {
    transform: skewX(0deg);
    translate: none;
    opacity: 1;
    filter: none;
  }
  .suv-negative-profile .suv-profile-gaps > i {
    scale: 1;
    translate: none;
    opacity: 1;
    filter: none;
  }

  .suv-ratchet-bank .ratchet-a .spool { rotate: 24deg; }
  .suv-ratchet-bank .ratchet-b .spool { rotate: 37deg; }
  .suv-ratchet-bank .ratchet-c .spool { rotate: 51deg; }
  .suv-ratchet-bank .ratchet-d .spool { rotate: 68deg; }
  .suv-ratchet-bank .ratchet-a .pawl { rotate: 0deg; }
  .suv-ratchet-bank .ratchet-b .pawl { rotate: 1deg; }
  .suv-ratchet-bank .ratchet-c .pawl { rotate: 2deg; }
  .suv-ratchet-bank .ratchet-d .pawl { rotate: 3deg; }
  .suv-ratchet-bank .ratchet-a .strap { scale: 1 .78; }
  .suv-ratchet-bank .ratchet-b .strap { scale: 1 .68; }
  .suv-ratchet-bank .ratchet-c .strap { scale: 1 .58; }
  .suv-ratchet-bank .ratchet-d .strap { scale: 1 .48; }
  .suv-ratchet-bank .suv-ratchet-confirm { scale: 1; opacity: 1; }

  .suv-filter-stack .suv-filter {
    translate: none;
    rotate: 0deg;
    opacity: 1;
  }
  .suv-filter-stack .suv-filter-window {
    background: #32c7b2;
    border-color: #d9fffa;
    filter: none;
  }

  .suv-snow-fence .suv-snowflakes > i { opacity: 0; }
  .suv-snow-fence .suv-snowbank {
    clip-path: polygon(0 69%,9% 51%,22% 58%,35% 35%,49% 52%,63% 26%,79% 44%,92% 31%,100% 50%,100% 100%,0 100%);
    filter: none;
  }
  .suv-snow-fence .suv-fence-sections > i { rotate: 0deg; scale: 1; filter: none; }
  .suv-snow-fence .brace-a { rotate: 61deg; translate: none; }
  .suv-snow-fence .brace-b { rotate: -56deg; translate: none; }

  .suv-spline-coupler .block-left,
  .suv-spline-coupler .suv-spline-collar,
  .suv-spline-coupler .suv-spline-shaft,
  .suv-spline-coupler .suv-spline-teeth > i {
    translate: none;
    rotate: 0deg;
    opacity: 1;
    filter: none;
  }
  .suv-spline-coupler .block-right { translate: none; scale: -1 1; opacity: 1; filter: none; }

  .suv-gaiter-bank .gaiter-a { scale: .9 1; }
  .suv-gaiter-bank .gaiter-b { scale: .96 1; }
  .suv-gaiter-bank .gaiter-c { scale: .84 1; }
  .suv-gaiter-bank .gaiter-d { scale: 1 1; }
  .suv-gaiter-bank .gaiter-e { scale: .88 1; }
  .suv-gaiter-bank .gaiter-f { scale: .93 1; }
  .suv-gaiter-bank .suv-gaiter {
    translate: none;
    opacity: 1;
    filter: none !important;
    box-shadow: none !important;
  }
  .suv-gaiter-bank .suv-gaiter-clamp {
    translate: 0 -7px;
    scale: 1;
    opacity: 1;
    filter: none;
  }
}