/* About Us: every rule belongs to one independently editable section root. */
.yd-about-hero { background: linear-gradient(135deg, var(--yd-color-cream), var(--yd-color-sand)); }
.yd-about-hero__inner { width: min(calc(100% - 2rem), 66rem); margin: 0 auto; padding: clamp(4rem, 9vw, 8rem) 0; }
.yd-about-hero__eyebrow { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.yd-about-hero h1 { max-width: 12ch; margin: 0.7rem 0 1.3rem; font-size: clamp(3rem, 7vw, 6rem); font-weight: 500; letter-spacing: -0.04em; }
.yd-about-hero > div > p:last-of-type { max-width: 47rem; color: var(--yd-color-muted); font-size: 1.08rem; }
.yd-about-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.8rem; }
.yd-about-hero__actions a { padding: 0.85rem 1.25rem; border: 1px solid var(--yd-color-burgundy); color: var(--yd-color-burgundy); font-weight: 700; text-decoration: none; }
.yd-about-hero__actions a:first-child { background: var(--yd-color-burgundy); color: var(--yd-color-white); }
.yd-about-hero__actions a:hover { border-color: var(--yd-color-burgundy-hover); background: var(--yd-color-burgundy-hover); color: var(--yd-color-white); }
.yd-about-hero__actions a:focus-visible { outline: 2px solid var(--yd-color-burgundy-hover); outline-offset: 3px; }

.yd-about-profile { background: var(--yd-color-white); }
.yd-about-profile__inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; gap: clamp(2rem, 6vw, 5rem); }
.yd-about-profile__eyebrow { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-profile h2 { margin: 0.5rem 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 500; }
.yd-about-profile__copy > p:last-child { color: var(--yd-color-muted); }
.yd-about-profile__media { margin: 0; }
.yd-about-profile__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }

.yd-about-capacity { background: var(--yd-color-ink); color: var(--yd-color-white); }
.yd-about-capacity__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-about-capacity__eyebrow { color: var(--yd-color-sand); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-capacity h2 { max-width: 18ch; margin: 0.5rem 0 2rem; color: var(--yd-color-white); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 500; }
.yd-about-capacity__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; gap: 1px; background: color-mix(in srgb, var(--yd-color-white) 24%, transparent); }
.yd-about-capacity__item { padding: 1.4rem; background: var(--yd-color-ink); }
.yd-about-capacity__item dt { color: var(--yd-color-sand); font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 500; }
.yd-about-capacity__item dd { margin: 0.5rem 0 0; color: color-mix(in srgb, var(--yd-color-white) 76%, transparent); }

.yd-about-services { background: var(--yd-color-cream); }
.yd-about-services__inner { width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-about-services__eyebrow { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-services h2 { max-width: 18ch; margin: 0.5rem 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 500; }
.yd-about-services__inner > p:nth-of-type(2) { max-width: 44rem; color: var(--yd-color-muted); }
.yd-about-services__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; gap: 1rem; }
.yd-about-services__grid article { padding: 1.5rem; border: 1px solid var(--yd-color-sand); background: var(--yd-color-white); }
.yd-about-services__grid h3 { margin-top: 0; color: var(--yd-color-ink); }
.yd-about-services__grid p { color: var(--yd-color-muted); }

.yd-about-team { background: var(--yd-color-sand); }
.yd-about-team__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); align-items: center; width: min(calc(100% - 2rem), var(--yd-content-width)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; gap: clamp(2rem, 6vw, 5rem); }
.yd-about-team__media { margin: 0; }
.yd-about-team__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.yd-about-team__eyebrow { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-team h2 { margin: 0.5rem 0 1rem; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 500; }
.yd-about-team__copy > p:last-child { color: var(--yd-color-muted); }

.yd-about-approach { background: var(--yd-color-white); }
.yd-about-approach__inner { width: min(calc(100% - 2rem), 60rem); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.yd-about-approach__eyebrow { color: var(--yd-color-burgundy); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-approach h2 { max-width: 19ch; margin: 0.5rem 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 500; }
.yd-about-approach__inner > p:nth-of-type(2) { color: var(--yd-color-muted); }
.yd-about-approach ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2rem 0 0; padding: 0; gap: 0.8rem; list-style: none; }
.yd-about-approach li { padding: 1.1rem; border-left: 3px solid var(--yd-color-burgundy); background: var(--yd-color-cream); }

.yd-about-cta { background: var(--yd-color-burgundy); color: var(--yd-color-white); }
.yd-about-cta__inner { width: min(calc(100% - 2rem), 54rem); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; text-align: center; }
.yd-about-cta__eyebrow { color: var(--yd-color-sand); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.yd-about-cta h2 { margin: 0.5rem 0 1rem; color: var(--yd-color-white); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 500; }
.yd-about-cta__inner > p:nth-of-type(2) { color: color-mix(in srgb, var(--yd-color-white) 82%, transparent); }
.yd-about-cta a { display: inline-flex; margin-top: 1.4rem; padding: 0.85rem 1.35rem; border: 1px solid var(--yd-color-white); background: var(--yd-color-white); color: var(--yd-color-burgundy); font-weight: 700; text-decoration: none; }
.yd-about-cta a:hover { background: var(--yd-color-sand); }
.yd-about-cta a:focus-visible { outline: 2px solid var(--yd-color-white); outline-offset: 3px; }
.yd-about-cta__related-links { margin-top: 1rem; }
.yd-about-cta__related-links ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.yd-about-cta__related-links li { margin: 0; }
.yd-about-cta__related-links a { margin-top: 0; }

@media (max-width: 48rem) {
	.yd-about-profile__inner { grid-template-columns: 1fr; }
	.yd-about-capacity__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yd-about-services__grid { grid-template-columns: 1fr; }
	.yd-about-team__inner { grid-template-columns: 1fr; }
	.yd-about-approach ul { grid-template-columns: 1fr; }
}