/*
 * AWD Circle Text
 *
 * Base component variables may be overridden by placement classes or by a
 * narrowly scoped client rule without duplicating the component structure.
 */
.awd-circle-text {
	--awd-circle-text-color: currentColor;
	--awd-circle-text-duration: 20s;
	--awd-circle-text-size: 28rem;
	--awd-circle-text-font-size: 14px;
	--awd-circle-text-font-weight: 600;
	--awd-circle-text-letter-spacing: .08em;
	display: inline-block;
	width: 100%;
	max-width: var(--awd-circle-text-size);
	aspect-ratio: 1;
	color: var(--awd-circle-text-color);
}

.awd-circle-text__svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	animation: awd-circle-text-rotate var(--awd-circle-text-duration) linear infinite;
	transform-origin: center;
}

.awd-circle-text__label {
	fill: currentColor;
	font-family: var(--ast-body-font-family, inherit);
	font-size: var(--awd-circle-text-font-size);
	font-weight: var(--awd-circle-text-font-weight);
	letter-spacing: var(--awd-circle-text-letter-spacing);
	text-transform: uppercase;
}

/* Automatic phrase-length adjustments added by the shortcode. */
.awd-circle-text--short {
	--awd-circle-text-font-size: 15px;
	--awd-circle-text-letter-spacing: .1em;
}

.awd-circle-text--medium {
	--awd-circle-text-font-size: 14px;
	--awd-circle-text-letter-spacing: .075em;
}

.awd-circle-text--long {
	--awd-circle-text-font-size: 12.5px;
	--awd-circle-text-letter-spacing: .045em;
}

/* Placement variants. These control position and scale, not phrase length. */
.awd-circle-text.who-we-are {
	--awd-circle-text-size: 122px;
	position: absolute;
	top: -19%;
	right: -7%;
	z-index: 0;
}

.awd-circle-text.service-wheel {
	--awd-circle-text-size: 150px;
	position: absolute;
	top: -70px;
	right: -40px;
	z-index: 1;
}
.awd-circle-text.bottom-left {
    top: unset;
    left: -55px;
    bottom: -50px;
}

/* Hide decorative service rings on mobile. */
@media (max-width: 1023px) {
	.awd-circle-text.service-wheel, .awd-circle-text {
		display: none;
	}
}

@keyframes awd-circle-text-rotate {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.awd-circle-text__svg { animation: none; }
}