/* v2 — the vertical "Studio" link (bottom right of the projects page)
   is replaced by the MUZZIN+SAMIRI logo, in the same direction.
   Capital height of the logo = 0.375em (half the capitals of "Studio").
   The SVG viewBox includes the overshoot of round letters (S, U) so nothing is clipped. */
footer.menu-index .logo-link {
	display: block;
	line-height: 0;
}
footer.menu-index .logo-link .logo {
	display: block;
	width: min(5.5724em, calc(100vh - 4rem)); /* 0.3942em height × logo ratio (5654.12 / 400) */
	height: auto;
	aspect-ratio: 5654.12 / 400;
	overflow: visible;
}

/* v2 — logo inside the bio text on the About page.
   Capital height of the logo = capital height of the text (0.717em),
   sitting on the text baseline (the 0.0188em offset is the overshoot of round letters). */
#about-text .inline-logo {
	display: inline-block;
	line-height: 0;
	vertical-align: -0.0188em;
}
#about-text .inline-logo .logo {
	display: block;
	height: 0.7537em;            /* 0.717em × 400 / 380.5 */
	width: 10.654em;             /* height × logo ratio (5654.12 / 400) */
	max-width: 100%;
	overflow: visible;
}

/* SEO — heading only visible to search engines and screen readers */
.visually-hidden {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}