/* ==========================================================================
   03 Logos — each placed by its centre, relative to the stage centre.

   Portrait (base): stacked on the centre axis, AGENT STUDIOS dead centre,
   faser. above and azeff below with the SAME 115v gap edge to edge
   (heights 66.9 / 39.5 / 40.7v): dy = half the lockup + gap + half the logo.
   ========================================================================== */

.as-home .as-logos {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.as-home .as-logo {
	position: absolute;
	left: calc(50% + var(--as-v) * var(--dx));
	top: calc(50% + var(--as-v) * var(--dy));
	width: calc(var(--as-v) * var(--w));
	translate: -50% -50%;
	filter: var(--wp--custom--shadow--final);
	pointer-events: auto;
}
.as-home .wp-block-image.as-logo img {
	display: block;
	width: 100%;
	height: auto;
}
.as-home .as-logo a {
	display: block;
	transition: opacity .18s linear;
}
.as-home .as-logo a:hover,
.as-home .as-logo a:focus-visible { opacity: .72; }

@media (prefers-reduced-motion: reduce) {
	.as-home .as-logo a { transition: none; }
}

.as-home .as-logo--faser { --w: 130; --dx: 0; --dy: -168.2; }
.as-home .as-logo--agent { --w: 206; --dx: 0; --dy: 0; }
.as-home .as-logo--azeff { --w: 188; --dx: 0; --dy: 168.8; }

@media not all and (max-aspect-ratio: 1/1) {
	.as-home .as-logo--faser { --w: 138.3; --dx: -288; --dy: -7.6; }
	.as-home .as-logo--agent { --w: 203.6; --dx: -6.4; --dy: -1.7; }
	.as-home .as-logo--azeff { --w: 202.5; --dx: 262;  --dy: 0; }
}

/* Icon slot (inserted by home.js) where the mark docks: x 100–682.9,
   y 709.3–1290.7 of the lockup's 98 707 1805 586 viewBox. */
.as-logo__slot {
	position: absolute;
	left: calc(2 / 1805 * 100%);
	top: calc(2.3 / 586 * 100%);
	width: calc(582.9 / 1805 * 100%);
	aspect-ratio: 1;
}

.as-js .as-home .as-logo { opacity: 0; }

/* No JS (and the editor): the mark never docks, so the icon comes from the black
   lockup master laid exactly over the words (same 98 707 1805 586 viewBox). */
html:not(.as-js) .as-home .as-logo--agent::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../images/lockup-black.svg) 0 0 / 100% 100% no-repeat;
}