/*
 * About Us — quote strip (manual carousel, no autoplay)
 * Depends on: design-tokens.css
 * Page: body.log-about-page
 */

/* !important: beats log-global-layout-fix.css's .entry-content.is-layout-constrained > *
   margin-block reset, which otherwise zeroes this top margin. */
.quote-strip-wrap { max-width: 1080px; margin: 40px auto 0 !important; padding: 0 20px; text-align: center; }

.quote-card {
	background: linear-gradient(160deg, var(--ink-950), var(--ink-900));
	border-radius: var(--r-lg);
	padding: 44px 40px;
	color: var(--white);
	position: relative;
	overflow: hidden;
}

.quote-card::before, .quote-card::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; }
.quote-card::before { width: 260px; height: 260px; background: radial-gradient(circle, var(--gold-glass-20), transparent 70%); top: -90px; left: -60px; }
.quote-card::after { width: 240px; height: 240px; background: radial-gradient(circle, var(--gold-glass-10), transparent 70%); bottom: -90px; right: -50px; }

.qc-inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 44px; max-width: 780px; margin: 0 auto; }

.qc-av-large {
	flex-shrink: 0;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: linear-gradient(150deg, var(--gold-400), var(--gold-600));
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--display);
	font-weight: 800;
	font-size: 32px;
	color: var(--ink-900);
	box-shadow: 0 16px 32px -8px var(--ink-glass-35);
	border: 3px solid var(--white-glass-15);
}

.qc-body { text-align: left; }
.qc-mark { font-family: var(--display); font-size: 52px; color: var(--gold-400); opacity: .5; line-height: .6; display: block; margin-bottom: 6px; }
.qc-text { font-family: var(--display); font-style: italic; font-size: clamp(17px, 2.2vw, 23px); line-height: 1.55; min-height: auto; }
.qc-author { margin-top: 16px; font-size: 13px; font-weight: 700; line-height: 1.2; color: var(--gold-400); }
.qc-role { font-size: 11.5px; color: var(--gray-light); font-weight: 500; line-height: 1.2; }

.qc-controls { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 26px; }

.qc-arrow {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--white-glass-08);
	border: 1px solid var(--white-glass-15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	transition: all .25s var(--ease);
}

.qc-arrow:hover { background: var(--gold-500); color: var(--ink-900); border-color: var(--gold-500); transform: translateY(-2px); }
.qc-arrow .icon { width: 15px; height: 15px; }

.qc-nav { display: flex; justify-content: center; gap: 10px; }
.qc-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--white-glass-25); transition: all .3s var(--ease); cursor: pointer; }
.qc-dot.active { background: var(--gold-400); width: 20px; border-radius: 99px; }

@media(max-width:640px) {
	.qc-inner { flex-direction: column; gap: 16px; text-align: center; }
	.qc-body { text-align: center; }
	.quote-card { padding: 30px 22px; }
}