/* ==========================================================================
   ds-custom-keyframes.css
   Camera moves — one @keyframes per channel per move. Populated by save-and-
   mirror in production; this block is a hand-added test move named "seaside".

   Each @keyframes drives one registered channel (--pan-x / --pan-y / --zoom).
   A slide plays the move by attaching all three inline:
       animation: panX_seaside 8s linear forwards,
                  panY_seaside 8s linear forwards,
                  zoom_seaside 8s linear forwards;
   ========================================================================== */

@keyframes panX_seaside {
	0% { --pan-x: 0.5; }
	2% { --pan-x: 0.4333; }
	4% { --pan-x: 0.3933; }
	6% { --pan-x: 0.3665; }
	8% { --pan-x: 0.3486; }
	10% { --pan-x: 0.3379; }
	12% { --pan-x: 0.3335; }
	14% { --pan-x: 0.4463; }
	16% { --pan-x: 0.5286; }
	18% { --pan-x: 0.585; }
	20% { --pan-x: 0.625; }
	22% { --pan-x: 0.6515; }
	24% { --pan-x: 0.665; }
	36% { --pan-x: 0.6667; }
	38% { --pan-x: 0.6048; }
	40% { --pan-x: 0.4945; }
	42% { --pan-x: 0.4305; }
	44% { --pan-x: 0.3867; }
	46% { --pan-x: 0.3569; }
	48% { --pan-x: 0.3391; }
	50% { --pan-x: 0.3394; }
	52% { --pan-x: 0.3974; }
	54% { --pan-x: 0.4333; }
	56% { --pan-x: 0.4602; }
	58% { --pan-x: 0.4802; }
	60% { --pan-x: 0.4936; }
	62% { --pan-x: 0.4998; }
	64% { --pan-x: 0.567; }
	66% { --pan-x: 0.5971; }
	68% { --pan-x: 0.6144; }
	70% { --pan-x: 0.6245; }
	72% { --pan-x: 0.6288; }
	74% { --pan-x: 0.708; }
	76% { --pan-x: 0.7562; }
	78% { --pan-x: 0.7873; }
	80% { --pan-x: 0.8051; }
	84% { --pan-x: 0.8524; }
	86% { --pan-x: 0.8637; }
	90% { --pan-x: 0.8724; }
	92% { --pan-x: 0.6874; }
	94% { --pan-x: 0.5989; }
	96% { --pan-x: 0.544; }
	98% { --pan-x: 0.5115; }
	100% { --pan-x: 0.5; }
}

@keyframes panY_seaside {
	0% { --pan-y: 0.5; }
	2% { --pan-y: 0.5632; }
	4% { --pan-y: 0.6011; }
	6% { --pan-y: 0.6265; }
	8% { --pan-y: 0.6434; }
	10% { --pan-y: 0.6536; }
	12% { --pan-y: 0.6577; }
	14% { --pan-y: 0.6876; }
	16% { --pan-y: 0.7093; }
	18% { --pan-y: 0.7242; }
	22% { --pan-y: 0.7417; }
	24% { --pan-y: 0.7453; }
	26% { --pan-y: 0.6365; }
	28% { --pan-y: 0.5103; }
	30% { --pan-y: 0.4171; }
	32% { --pan-y: 0.3454; }
	34% { --pan-y: 0.2932; }
	36% { --pan-y: 0.2618; }
	38% { --pan-y: 0.2543; }
	48% { --pan-y: 0.2543; }
	50% { --pan-y: 0.2676; }
	52% { --pan-y: 0.3944; }
	54% { --pan-y: 0.4728; }
	56% { --pan-y: 0.5316; }
	58% { --pan-y: 0.5753; }
	60% { --pan-y: 0.6046; }
	62% { --pan-y: 0.618; }
	90% { --pan-y: 0.6268; }
	92% { --pan-y: 0.5638; }
	94% { --pan-y: 0.5337; }
	96% { --pan-y: 0.515; }
	98% { --pan-y: 0.5039; }
	100% { --pan-y: 0.5; }
}

@keyframes zoom_seaside {
	0% { --zoom: 1.5; }
	48% { --zoom: 1.5; }
	50% { --zoom: 1.4818; }
	52% { --zoom: 1.3077; }
	54% { --zoom: 1.2; }
	56% { --zoom: 1.1193; }
	58% { --zoom: 1.0593; }
	60% { --zoom: 1.0191; }
	62% { --zoom: 1.0007; }
	64% { --zoom: 1.2649; }
	66% { --zoom: 1.3838; }
	68% { --zoom: 1.4523; }
	70% { --zoom: 1.4923; }
	72% { --zoom: 1.5093; }
	74% { --zoom: 2.011; }
	76% { --zoom: 2.3166; }
	78% { --zoom: 2.5135; }
	80% { --zoom: 2.6263; }
	84% { --zoom: 3.5208; }
	86% { --zoom: 3.746; }
	88% { --zoom: 3.8711; }
	90% { --zoom: 3.9193; }
	92% { --zoom: 2.4694; }
	94% { --zoom: 1.7753; }
	96% { --zoom: 1.3451; }
	98% { --zoom: 1.0902; }
	100% { --zoom: 1; }
}