/* Wordmark: original compass glyph beside serif "TCS" over a letterspaced
   "WORLD TRAVEL" strap. Proportions match the reference bounding box. */

.site-logo {
	align-items: center;
	display: inline-flex;
	flex-direction: row;
	gap: 12px;
	line-height: 1;
	text-decoration: none !important;
}

.site-logo__mark {
	height: 38px;
	width: 38px;
	flex: none;
}
@media screen and (min-width: 768px) {
	.site-logo__mark { height: 52px; width: 52px; }
}

.site-logo__text {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
}
@media screen and (min-width: 768px) {
	.site-logo__text { gap: 6px; }
}

.site-logo__tcs {
	font-family: var(--heading-font-family);
	font-size: 30px;
	font-weight: var(--font-weight-medium);
	letter-spacing: 0.05em;
	line-height: 0.85;
}
@media screen and (min-width: 768px) {
	.site-logo__tcs { font-size: 41px; }
}

.site-logo__strap {
	font-family: var(--font-family);
	font-size: 7.5px;
	font-weight: var(--font-weight-medium);
	letter-spacing: 0.33em;
	text-transform: uppercase;
	white-space: nowrap;
}
@media screen and (min-width: 768px) {
	.site-logo__strap { font-size: 9.5px; }
}

.site-logo--dark,
.site-logo--dark:hover { color: var(--color-soft-black); }
.site-logo--light,
.site-logo--light:hover { color: var(--color-soft-white); }