/* ========================================
   SERVICE PAGE
======================================== */

.service-page{
	position:relative;

	overflow:hidden;

	background:var(--color-white);
}

/* ========================================
   SECTION RHYTHM
======================================== */

.service-page section{
	position:relative;
}

/* ========================================
   ALTERNATING BACKGROUNDS
======================================== */

.service-page .service-materials,
.service-page .service-gallery{
	background:var(--color-background);
}

/* ========================================
   CONSISTENT SECTION DIVIDERS
======================================== */

.service-page .service-intro,
.service-page .service-process,
.service-page .service-cta{
	border-top:1px solid var(--color-border);
}

/* ========================================
   GLOBAL PAGE TRANSITIONS
======================================== */

.service-page img{
	backface-visibility:hidden;
	transform:translateZ(0);
}

/* ========================================
   TYPOGRAPHIC FLOW
======================================== */

.service-page .section-title{
	max-width:900px;
}

/* ========================================
   CONTENT READABILITY
======================================== */

.service-page p{
	max-width:72ch;
}

.service-page .service-hero{
	border-bottom:1px solid var(--color-border);
}