/* Loom & Line brand overrides — wordmark, carousel image consistency, misc polish.
   Kept separate from the vendor Intera CSS so customizations stay traceable. */

.brand-word {
	font-family: 'Fraunces', Georgia, serif;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: baseline;
}
.brand-amp {
	font-style: italic;
	font-weight: 400;
	color: var(--bg-color, #B5654A);
	font-size: 0.8em;
	margin: 0 4px;
}
.brand-word-light {
	color: #fff;
}
.brand-word-dark {
	color: #1c1a18;
}
.footer-logo .brand-word,
.widget .brand-word {
	font-size: 26px;
}

/* The "Get in Touch" header button collides with the eyebrow/hero text on
   narrow screens because the header wraps before the navbar-toggler breakpoint. */
@media only screen and (max-width: 576px) {
	.extra-nav {
		display: none;
	}
}

/* Keep homepage/portfolio image-carousel tiles a consistent height regardless
   of each source photo's native aspect ratio. */
.our-services .dlab-media.radius-md img {
	height: 280px;
	width: 100%;
	object-fit: cover;
}