/* ==========================================================================
   02 Crane — fitted to the recording, anchored bottom-left so taller screens
   show more sky, not a gap. The art carries 420px of rebuilt boom above the
   original frame (1097x1900, not 1097x1480), so the tower keeps the
   recording's scale and the boom sits above the viewport at rest.
   ========================================================================== */

/* Portrait: scales with screen height and sits low, so its cap stays under the stack. */
.as-home .as-crane {
	position: absolute;
	left: calc(var(--as-v) * -40);
	bottom: -2dvh;
	height: 69.33dvh;
	aspect-ratio: 1097 / 1900;
	will-change: transform, clip-path;
}

@media not all and (max-aspect-ratio: 1/1) {
	/* 1.04x panel height, -36v / -12v offset; 548v x 1900/1480 = 703.5v. */
	.as-home .as-crane {
		left: calc(var(--as-v) * -36);
		bottom: calc(var(--as-v) * -9);
		height: calc(var(--as-v) * 703.5);
	}
}

.as-home .wp-block-image.as-crane img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

/* Start pose (progress 0), so nothing flashes before the script runs. */
.as-js .as-home .as-crane { clip-path: inset(100% 0 0 0); }