/* Generated by sites/gingham/make_motion.py css. Do not edit by hand. */
@supports (animation-timeline: view()) {
.dive { height: 420vh; height: 420svh; view-timeline: --dive block; padding: 0; }
.dive-stage { position: sticky; top: 0; height: 100vh; height: 100svh; }
.dive-l { display: block; will-change: transform, opacity; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --dive; animation-range: contain 0% contain 100%; }
.dive-layers { animation: dive-show linear both; animation-timeline: --dive; animation-range: entry 0% entry 1%; }
@keyframes dive-show { from { display: none; } to { display: block; } }
.dive-caps { display: grid; }
.dive-caps > * { grid-area: 1 / 1; will-change: opacity; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --dive; animation-range: contain 0% contain 100%; }
.dive-l0 { animation-name: dive0; }
.dive-l1 { animation-name: dive1; }
.dive-l2 { animation-name: dive2; }
.dive-l3 { animation-name: dive3; }
.dive-cap0 { animation-name: cap0; }
.dive-cap1 { animation-name: cap1; }
.dive-cap2 { animation-name: cap2; }
.dive-cap3 { animation-name: cap3; }
@keyframes cap0 { 0.00% { opacity: 1; } 19.00% { opacity: 1; } 22.00% { opacity: 0; } 100.00% { opacity: 0; } }
@keyframes cap1 { 0.00% { opacity: 0; } 23.00% { opacity: 0; } 26.00% { opacity: 1; } 44.00% { opacity: 1; } 47.00% { opacity: 0; } 100.00% { opacity: 0; } }
@keyframes cap2 { 0.00% { opacity: 0; } 48.00% { opacity: 0; } 51.00% { opacity: 1; } 69.00% { opacity: 1; } 72.00% { opacity: 0; } 100.00% { opacity: 0; } }
@keyframes cap3 { 0.00% { opacity: 0; } 73.00% { opacity: 0; } 76.00% { opacity: 1; } 100.00% { opacity: 1; } }
@keyframes dive0 {
  0% { transform: translate(0.00%, 0.00%) scale(1.0000); opacity: 1; }
  5.00% { transform: translate(0.00%, 0.00%) scale(1.0000); opacity: 1; }
  8.38% { transform: translate(-0.44%, 0.08%) scale(1.1597); opacity: 1; }
  11.75% { transform: translate(-1.89%, 0.33%) scale(1.3448); opacity: 1; }
  15.12% { transform: translate(-4.55%, 0.79%) scale(1.5596); opacity: 1; }
  18.50% { transform: translate(-8.60%, 1.50%) scale(1.8086); opacity: 1; }
  21.88% { transform: translate(-14.19%, 2.47%) scale(2.0974); opacity: 1; }
  25.25% { transform: translate(-21.35%, 3.71%) scale(2.4323); opacity: 1; }
  28.62% { transform: translate(-30.00%, 5.22%) scale(2.8207); opacity: 1; }
  32.00% { transform: translate(-39.85%, 6.93%) scale(3.2711); opacity: 1; }
  35.37% { transform: translate(-50.27%, 8.74%) scale(3.7934); opacity: 1; }
  38.75% { transform: translate(-60.21%, 10.47%) scale(4.3991); opacity: 1; }
  42.12% { transform: translate(-69.84%, 12.15%) scale(5.1015); opacity: 1; }
  45.50% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  48.87% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  52.25% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  55.62% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  59.00% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  62.38% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  65.75% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  69.12% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  72.50% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  75.88% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  79.25% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  82.62% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  86.00% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
  100% { transform: translate(-76.06%, 13.23%) scale(5.5556); opacity: 0; }
}
@keyframes dive1 {
  0% { transform: translate(13.49%, -2.35%) scale(0.2500); opacity: 0; }
  5.00% { transform: translate(13.49%, -2.35%) scale(0.2500); opacity: 0; }
  8.38% { transform: translate(15.21%, -2.64%) scale(0.2899); opacity: 0; }
  11.75% { transform: translate(16.25%, -2.83%) scale(0.3362); opacity: 0; }
  15.12% { transform: translate(16.49%, -2.87%) scale(0.3899); opacity: 0; }
  18.50% { transform: translate(15.80%, -2.75%) scale(0.4522); opacity: 0; }
  21.88% { transform: translate(14.11%, -2.45%) scale(0.5243); opacity: 0; }
  25.25% { transform: translate(11.46%, -1.99%) scale(0.6081); opacity: 0; }
  28.62% { transform: translate(8.05%, -1.40%) scale(0.7052); opacity: 0; }
  32.00% { transform: translate(4.28%, -0.74%) scale(0.8178); opacity: 0; }
  35.37% { transform: translate(0.90%, -0.16%) scale(0.9483); opacity: 0; }
  38.75% { transform: translate(-0.87%, 0.15%) scale(1.0998); opacity: 0.289; }
  42.12% { transform: translate(-1.02%, 0.18%) scale(1.2754); opacity: 0.74; }
  45.50% { transform: translate(-1.19%, 0.21%) scale(1.4790); opacity: 1; }
  48.87% { transform: translate(-1.38%, 0.24%) scale(1.7152); opacity: 1; }
  52.25% { transform: translate(-1.60%, 0.28%) scale(1.9891); opacity: 1; }
  55.62% { transform: translate(-1.85%, 0.32%) scale(2.3067); opacity: 1; }
  59.00% { transform: translate(-2.15%, 0.37%) scale(2.6750); opacity: 1; }
  62.38% { transform: translate(-2.49%, 0.43%) scale(3.1021); opacity: 1; }
  65.75% { transform: translate(-2.89%, 0.50%) scale(3.5974); opacity: 1; }
  69.12% { transform: translate(-3.35%, 0.58%) scale(4.1718); opacity: 1; }
  72.50% { transform: translate(-3.88%, 0.68%) scale(4.8380); opacity: 1; }
  75.88% { transform: translate(-3.90%, 0.68%) scale(4.8611); opacity: 0; }
  79.25% { transform: translate(-3.90%, 0.68%) scale(4.8611); opacity: 0; }
  82.62% { transform: translate(-3.90%, 0.68%) scale(4.8611); opacity: 0; }
  86.00% { transform: translate(-3.90%, 0.68%) scale(4.8611); opacity: 0; }
  100% { transform: translate(-3.90%, 0.68%) scale(4.8611); opacity: 0; }
}
@keyframes dive2 {
  0% { transform: translate(13.69%, -2.38%) scale(0.0714); opacity: 0; }
  5.00% { transform: translate(13.69%, -2.38%) scale(0.0714); opacity: 0; }
  8.38% { transform: translate(15.44%, -2.68%) scale(0.0828); opacity: 0; }
  11.75% { transform: translate(16.52%, -2.87%) scale(0.0961); opacity: 0; }
  15.12% { transform: translate(16.80%, -2.92%) scale(0.1114); opacity: 0; }
  18.50% { transform: translate(16.16%, -2.81%) scale(0.1292); opacity: 0; }
  21.88% { transform: translate(14.53%, -2.53%) scale(0.1498); opacity: 0; }
  25.25% { transform: translate(11.95%, -2.08%) scale(0.1737); opacity: 0; }
  28.62% { transform: translate(8.61%, -1.50%) scale(0.2015); opacity: 0; }
  32.00% { transform: translate(4.93%, -0.86%) scale(0.2336); opacity: 0; }
  35.37% { transform: translate(1.66%, -0.29%) scale(0.2710); opacity: 0; }
  38.75% { transform: translate(0.01%, -0.00%) scale(0.3142); opacity: 0; }
  42.12% { transform: translate(0.00%, 0.00%) scale(0.3644); opacity: 0; }
  45.50% { transform: translate(0.00%, 0.00%) scale(0.4226); opacity: 0; }
  48.87% { transform: translate(0.00%, 0.00%) scale(0.4901); opacity: 0; }
  52.25% { transform: translate(0.00%, 0.00%) scale(0.5683); opacity: 0; }
  55.62% { transform: translate(0.00%, 0.00%) scale(0.6590); opacity: 0; }
  59.00% { transform: translate(0.00%, 0.00%) scale(0.7643); opacity: 0; }
  62.38% { transform: translate(0.00%, 0.00%) scale(0.8863); opacity: 0; }
  65.75% { transform: translate(0.00%, 0.00%) scale(1.0278); opacity: 0.084; }
  69.12% { transform: translate(0.00%, 0.00%) scale(1.1920); opacity: 0.535; }
  72.50% { transform: translate(0.00%, 0.00%) scale(1.3823); opacity: 0.985; }
  75.88% { transform: translate(0.00%, 0.00%) scale(1.6030); opacity: 1; }
  79.25% { transform: translate(0.00%, 0.00%) scale(1.8589); opacity: 1; }
  82.62% { transform: translate(0.00%, 0.00%) scale(2.1558); opacity: 1; }
  86.00% { transform: translate(0.00%, 0.00%) scale(2.5000); opacity: 1; }
  100% { transform: translate(0.00%, 0.00%) scale(2.5000); opacity: 1; }
}
@keyframes dive3 {
  0% { transform: translate(13.69%, -2.38%) scale(0.0393); opacity: 0; }
  5.00% { transform: translate(13.69%, -2.38%) scale(0.0393); opacity: 0; }
  8.38% { transform: translate(15.44%, -2.68%) scale(0.0456); opacity: 0; }
  11.75% { transform: translate(16.52%, -2.87%) scale(0.0528); opacity: 0; }
  15.12% { transform: translate(16.80%, -2.92%) scale(0.0613); opacity: 0; }
  18.50% { transform: translate(16.16%, -2.81%) scale(0.0711); opacity: 0; }
  21.88% { transform: translate(14.53%, -2.53%) scale(0.0824); opacity: 0; }
  25.25% { transform: translate(11.95%, -2.08%) scale(0.0956); opacity: 0; }
  28.62% { transform: translate(8.61%, -1.50%) scale(0.1108); opacity: 0; }
  32.00% { transform: translate(4.93%, -0.86%) scale(0.1285); opacity: 0; }
  35.37% { transform: translate(1.66%, -0.29%) scale(0.1490); opacity: 0; }
  38.75% { transform: translate(0.01%, -0.00%) scale(0.1728); opacity: 0; }
  42.12% { transform: translate(0.00%, 0.00%) scale(0.2004); opacity: 0; }
  45.50% { transform: translate(0.00%, 0.00%) scale(0.2324); opacity: 0; }
  48.87% { transform: translate(0.00%, 0.00%) scale(0.2695); opacity: 0; }
  52.25% { transform: translate(0.00%, 0.00%) scale(0.3126); opacity: 0; }
  55.62% { transform: translate(0.00%, 0.00%) scale(0.3625); opacity: 0; }
  59.00% { transform: translate(0.00%, 0.00%) scale(0.4204); opacity: 0; }
  62.38% { transform: translate(0.00%, 0.00%) scale(0.4875); opacity: 0; }
  65.75% { transform: translate(0.00%, 0.00%) scale(0.5653); opacity: 0; }
  69.12% { transform: translate(0.00%, 0.00%) scale(0.6556); opacity: 0; }
  72.50% { transform: translate(0.00%, 0.00%) scale(0.7603); opacity: 0; }
  75.88% { transform: translate(0.00%, 0.00%) scale(0.8816); opacity: 0; }
  79.25% { transform: translate(0.00%, 0.00%) scale(1.0224); opacity: 0.07; }
  82.62% { transform: translate(0.00%, 0.00%) scale(1.1857); opacity: 0.535; }
  86.00% { transform: translate(0.00%, 0.00%) scale(1.3750); opacity: 1; }
  100% { transform: translate(0.00%, 0.00%) scale(1.3750); opacity: 1; }
}
}