.services-page {
	--services-ink: #0B0B0B;
	--services-cream: #F5EEE3;
	--services-gold: #C99A55;
	color: var(--services-ink);
	background: var(--services-cream);
}

.services-page__intro {
	padding-block: clamp(28px, 5vw, 64px) clamp(40px, 6vw, 76px);
	background: var(--services-cream);
}

.services-page__intro-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(250px, .75fr);
	align-items: center;
	gap: clamp(32px, 6vw, 80px);
	padding: clamp(32px, 6vw, 76px);
	border-radius: var(--mm-radius-panel, 20px);
	background: radial-gradient(ellipse at 82% 30%, rgba(201, 154, 85, .12), transparent 38%), var(--services-ink);
	color: var(--services-cream);
}

.services-page__intro-copy { max-width: 680px; }
.services-page__eyebrow { margin: 0 0 .8rem; color: var(--services-gold); font-size: .75rem; font-weight: 750; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
.services-page h1 { max-width: 12ch; margin: 0; color: var(--services-cream); font-family: var(--mm-display, Georgia, serif); font-size: clamp(2.7rem, 5.8vw, 4.8rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.03; text-wrap: balance; }
.services-page__lead { max-width: 42rem; margin: 1.25rem 0 1.8rem; color: rgba(245, 238, 227, .82); font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.7; }
.services-page__intro .btn-outline,
.services-page__cta .btn-outline { border-color: rgba(245, 238, 227, .78); color: var(--services-cream); }
.services-page__intro .btn-outline:hover,
.services-page__cta .btn-outline:hover { border-color: var(--services-gold); background: rgba(201, 154, 85, .12); color: var(--services-cream); }

.services-page__intro-visual { display: grid; gap: 0; border-top: 1px solid rgba(245, 238, 227, .25); }
.services-page__intro-visual span { padding: 1rem .15rem; border-bottom: 1px solid rgba(245, 238, 227, .25); color: var(--services-cream); font-family: var(--mm-display, Georgia, serif); font-size: clamp(1.05rem, 1.8vw, 1.35rem); }

.services-page__difference { padding-block: clamp(12px, 2vw, 24px) clamp(52px, 7vw, 88px); background: var(--services-cream); }
.services-page__difference-panel { box-sizing: border-box; max-width: 920px; padding: clamp(28px, 5vw, 56px); border: 1px solid rgba(11, 11, 11, .12); border-radius: var(--mm-radius-panel, 20px); background: rgba(11, 11, 11, .025); }
.services-page__difference h2,
.services-page__heading h2,
.services-page__cta h2 { max-width: 22ch; margin: .4rem 0 1rem; font-family: var(--mm-display, Georgia, serif); font-size: clamp(1.9rem, 3.8vw, 3rem); font-weight: 600; letter-spacing: -.03em; line-height: 1.12; text-wrap: balance; }
.services-page__difference-panel > p:not(.services-page__eyebrow) { max-width: 76ch; margin-bottom: 1.5rem; line-height: 1.75; }
.services-page__difference-panel .btn-outline { border-color: var(--services-ink); color: var(--services-ink); }
.services-page__difference-panel .btn-outline:hover { border-color: var(--services-gold); background: rgba(201, 154, 85, .16); color: var(--services-ink); }

.services-page__list { padding-block: clamp(52px, 7vw, 88px); background: var(--services-cream); }
.services-page__heading { max-width: 760px; margin-bottom: 2rem; }
.services-page__heading > p:last-child { max-width: 55ch; line-height: 1.7; }
.services-page__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.services-page__card { min-height: 210px; padding: clamp(1.3rem, 3vw, 2rem); border: 1px solid rgba(11, 11, 11, .14); border-radius: var(--mm-radius-card, 18px); background: rgba(11, 11, 11, .018); }
.services-page__card > span { color: var(--services-gold); font-size: .8rem; font-weight: 750; letter-spacing: .08em; }
.services-page__card h3 { margin: .8rem 0 .65rem; font-size: 1.25rem; }
.services-page__card p { margin: 0; line-height: 1.7; }

.services-page__cta { padding-block: 0 clamp(52px, 7vw, 88px); background: var(--services-cream); }
.services-page__cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(28px, 5vw, 56px); border-radius: var(--mm-radius-panel, 20px); background: var(--services-ink); color: var(--services-cream); }
.services-page__cta h2 { margin-bottom: 0; color: var(--services-cream); }
.services-page__cta-links { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; flex: 0 0 auto; }

@media (max-width: 900px) {
	.services-page__cta-panel { align-items: flex-start; flex-direction: column; }
	.services-page__cta-links { width: 100%; }
}

@media (max-width: 760px) {
	.services-page__intro-panel { grid-template-columns: 1fr; gap: 2rem; padding: 30px 24px; }
	.services-page__intro .btn { width: 100%; white-space: normal; text-align: center; }
	.services-page__grid { grid-template-columns: 1fr; }
	.services-page__card { min-height: 0; }
	.services-page__cta-panel { padding: 30px 24px; }
	.services-page__cta-links { width: 100%; align-items: stretch; flex-direction: column; }
	.services-page__cta-links .btn { width: 100%; text-align: center; }
}