/* ==========================================================================
   Brand — ST logo (transparent mark)
   ========================================================================== */

.brand-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 0;
	background: transparent;
	transition: opacity var(--transition-fast);
}

.brand-logo:hover {
	opacity: 0.92;
}

.brand-logo__inner {
	display: block;
	line-height: 0;
	background: transparent;
}

.brand-logo__img {
	display: block;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
	background: transparent;
}

/* Header & mobile menu */
.site-brand {
	flex-shrink: 0;
	align-items: center;
}

.site-brand .brand-logo__img {
	max-height: 2.5rem;
	max-width: 3.75rem;
}

@media (min-width: 48rem) {
	.site-brand .brand-logo__img {
		max-height: 2.75rem;
		max-width: 4.25rem;
	}
}

@media (min-width: 75rem) {
	.site-brand .brand-logo__img {
		max-height: 3rem;
		max-width: 4.5rem;
	}
}

/* Footer */
.brand-logo--footer .brand-logo__img {
	max-height: 3.25rem;
	max-width: 5rem;
	object-position: left center;
}

/* Contact form card (if used) */
.brand-logo--contact .brand-logo__img {
	max-height: 2.75rem;
	max-width: 4.25rem;
	margin-inline: auto;
	object-position: center;
}

/* Decorative monogram */
.brand-monogram {
	display: block;
	line-height: 0;
	pointer-events: none;
	user-select: none;
	background: transparent;
}

.brand-monogram__img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	object-fit: contain;
	background: transparent;
}

.about-hero__brand-mark {
	position: absolute;
	top: 12%;
	right: 4%;
	width: min(10rem, 24vw);
	opacity: 0.1;
	filter: drop-shadow(0 0 24px var(--color-accent-glow));
	z-index: 0;
}

.about-hero .container {
	position: relative;
	z-index: 1;
}

.about-hero__layout {
	position: relative;
	z-index: 1;
}

.contact-main__form-brand {
	display: flex;
	justify-content: center;
	margin-bottom: var(--space-8);
	padding-bottom: var(--space-6);
	border-bottom: 1px solid var(--color-border);
}