#Coaching {
	--_unit: 48px;
  --_offset: calc(var(--_unit) * -1);
  --_cutout: 20px;
	--_side-pad: 80px;
  font-family: Gotham, sans-serif;
  font-size: 18px;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



#Coaching h2 {
  text-transform: uppercase;
  font-size: clamp(40px, 12vw, 48px);
  line-height: 1;
  margin-bottom: 20px!important;
  max-width: initial!important;
}
#Coaching-Hero {
    padding: 120px var(--_side-pad) 160px;
    background-image: linear-gradient(to bottom, #222122 55%, black);
    color: white;
	position: relative;
	isolation: isolate;
}
#Coaching-Hero::before {
	content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .05;
    background: transparent url("https://www.davewurtzel.com/wp-content/uploads/2025/01/bg-spark-white-1.png") no-repeat center / cover;
}
#Coaching-Hero .hero-inner {
    width: min(1080px, 100%);
    margin-inline: auto !important;
    display: flex;
    align-items: flex-start;
	justify-content: center;
    gap: 96px;
}
#Coaching-Hero .hero-social {
    display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	justify-content: center;
}
#Coaching-Hero .hero-social a {
    display: flex;
	gap: 12px;
	color: white;
	align-items: center;
	justify-content: center;
	font-family: Gotham-Bold, sans-serif;
    font-weight: bold;
	font-size: 15px;
}
#Coaching-Hero .headshot {
    max-width: 320px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: clip;
	display: flex;
	align-items: center;
	justify-content: center;
}

#Coaching-Hero .headshot img {
    width: 100%;
	height: 100%;
	object-fit: cover;
}
#Coaching-Hero .hero-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start; 
	justify-content: flex-start
}
#Coaching-Hero .hero-copy .fat-button {
	margin-top: 40px;
}
#Coaching-Hero .hero-actions {
    margin-top: 48px;
    display: flex;
    gap: 16px;
    align-items: stretch;
    justify-content: flex-start;
}

#Coaching-Hero .course-info {
    border: 2px solid white;
    border-radius: 4px;
    padding: 16px 24px;
    display: flex;
    gap: 24px;
	justify-content: center;
    align-items: center;
	min-width: fit-content;
}

#Coaching-Hero .course-info .item {
   	font-family: Gotham-Bold, sans-serif;
    line-height: 1;
	width: 100%;
	min-width: fit-content;
}

#Coaching-Hero .course-info .item.cost {
    color: #84bd56;
}
#Coaching-Hero .course-info .item:last-of-type {
    padding-left: 24px;
    border-left: 2px solid white;
}
#Coaching-Hero .course-info .title {
    font-family: Gotham, sans-serif;
    color: white;
    line-height: 1;
    margin-bottom: 8px;
}

#Coaching-Hero  .course-info .strikeout {
    opacity: .5;
    color: white;
}

#Coaching .fat-button {
    background: var(--red);
    border-radius: 4px;
    display: flex;
	text-align: center;
    align-items: center;
	justify-content: center;
    padding: 24px;
    font-family: Gotham-Bold, sans-serif;
	min-width: fit-content;
	color: white;
	font-size: 20px!important;
}

#Coaching-Hero h2 {
	text-transform: uppercase;
	font-size: clamp(56px, 8vw, 80px);
	line-height: 1;
	margin-bottom: 0!important;
}

#Coaching .bold {
	font-family: Gotham-Bold, sans-serif;
}

#Jumpstart-Info {
	background: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
#Jumpstart-Stars {
	background: var(--red);
	position: relative;
	width: 100%;
	height: 64px;
}
#Jumpstart-Stars::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url("https://www.davewurtzel.com/wp-content/themes/dave/i/star.png") center repeat-x;
    background-size: auto 100%;
    background-position: 0 0;
    background-gap: 28px;
	filter: invert(1);
	opacity: .25;
}
#Jumpstart-Images {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 16px;
	padding-inline: 40px;
	width: min(1080px, 100%);
    margin-inline: auto !important;
	margin-top: -104px;
	overflow: clip;
}
#Jumpstart-Images .item {
	aspect-ratio: 1 / 1;
	min-width: 160px;
	flex: 1;
    -webkit-clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));
    clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));	
}
#Jumpstart-Images .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.large-copy {
	font-size: clamp(22px, 4vw, 32px);
}

#Jumpstart-Cppy {
	width: min(1200px, 100%);
	padding: 64px 40px 96px;
    margin-inline: auto !important;
	text-align: center;
}

#Guide-Copy {
	background: white;
	padding: 64px var(--_side-pad) 160px;
    margin-inline: auto !important;
	text-align: center;
}

#Guide-Copy .inner {
	width: min(1080px, 100%);
	padding-inline: 40px;
	margin-inline: auto;
}

#Guide-Copy .fat-button {
	margin-top: 40px;
	max-width: fit-content; 
	margin-inline: auto;
}

#Coaching-About {
	color: white;
	position: relative;
}

#Coaching-About .graphic {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#Coaching-About .copy {
	 width: min(1200px, 100%);
	padding: 96px var(--_side-pad) 80px;
    margin-inline: auto !important;
	text-align: center;
}

#Jumpstart-Switchback {
	width: 100%;
	padding-inline: var(--_side-pad);
	background: white;
}

#Jumpstart-Switchback p, #Jumpstart-Switchback ul {
	font-size: 22px;
	line-height: 1.5;
	max-width: 36ch;
}

#Jumpstart-Switchback ul {
	padding-left: 1em;
}
#Jumpstart-Switchback li {
		list-style-type: disc;
	margin-top: 1em;
	padding-left: 0.25em;
}

#Jumpstart-Switchback .inner {
	width: min(1080px, 100%);
	margin-inline: auto;
	padding: 64px 40px 80px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#Jumpstart-Switchback .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 80px;
}

#Jumpstart-Switchback .item + .item {
	margin-top: 104px;
}
#Jumpstart-Switchback .item .copy {
	order: 1;
	flex: 1;
}
#Jumpstart-Switchback .item .graphic {
	order: 2;
	max-width: min(280px, 100%);
}

#Jumpstart-Switchback .item:nth-of-type(even) .graphic {
	order: 0;
}

#Coaching-About-Stats {
	display: flex;
	gap: 24px;
	align-items: stretch;
	justify-content: center;
	padding-inline: 24px;
	padding-bottom: 80px;
	width: min(1200px, 100%);
	margin-inline: auto;
}

#Coaching-About-Stats .item {
	background: var(--red);
	padding: 64px 24px;
	text-align: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 48px;
	align-items: center;
	justify-content: center;
	font-family: Gotham-Bold, sans-serif;
	line-height: 1.125;
	-webkit-clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));
    clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));	
}
#Coaching-About-Stats .logo-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
	
}

@media (max-width: 1080px) {
	#Coaching {
		--_side-pad: 64px;
	}
	#Coaching-Hero .hero-inner {
		gap: 64px;
	}
	#Jumpstart-Switchback .inner, #Guide-Copy .inner {
		padding-inline: 0;	
	}
}

@media (max-width: 960px) {
/* 	#Coaching {
		--_side-pad: 64px;
	} */
	#Coaching-Hero .hero-inner {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
	}
	#Coaching-Hero .hero-copy {
		width: 100%;
		text-align: center;
		align-items: center;
	}
	#Coaching-Hero h2 {
		font-size: clamp(40px, 10vw, 80px);
	}

	#Jumpstart-Switchback .item {
		flex-direction: column;
	}
	#Jumpstart-Switchback .item + .item {
		margin-top: 64px;	
	}
	#Jumpstart-Switchback .item .graphic {
		order: 0!important;
		max-width: 200px;
	}
	#Jumpstart-Switchback .item .copy {
		width: 100%;
	}
	#Jumpstart-Switchback p {
		max-width: 100%;	
	}
}
@media (max-width: 680px) {
	#Coaching {
		--_side-pad: 24px;
	}
	#Coaching-Hero {
		padding-bottom: 112px;
	}
	
	#Coaching-Hero .hero-copy {
		align-items: stretch;
	}

	#Coaching-Hero h2 {
		font-size: clamp(32px, 10vw, 64px);
	}	

	#Coaching-Hero .hero-actions {
		flex-direction: column;

	}
	#Coaching-Hero .course-info .item {
		text-align: center;	
	}
	#Jumpstart-Cppy {
		padding: 64px 24px;
	}
	#Jumpstart-Images {
		padding-inline: 24px;	
	}
	#Jumpstart-Images {
		padding-inline: 8px;
		gap: 8px;
		margin-top: -88px;
	}
	#Coaching-About-Stats {
		flex-direction: column;	
	}
}
#Coaching-Levels {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
	width: min(1200px, 100%);
  	margin-inline: auto !important;
}
@media (max-width: 1080px) {
	#Coaching-Levels { 
		gap: 16px;
	}
}
.coaching-level {
	background: rgba(0,0,0,0.65);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 24px;
	min-width: 280px;
	flex: 1;
	padding: 28px;
	/* 	notches */
    -webkit-clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));
    clip-path: polygon(var(--_cutout) 0px, calc(100% - var(--_cutout)) 0px, 100% var(--_cutout), 100% calc(100% - var(--_cutout)), calc(100% - var(--_cutout)) 100%, var(--_cutout) 100%, 0px calc(100% - var(--_cutout)), 0px var(--_cutout));
}
/* header */
.coaching-level header {}
.coaching-title {
	font-family: Gotham-Black, sans-serif;
	line-height: 1;
}
.level-duration {
	color: var(--red);
	display: block;
	font-size: 1.125rem;
	margin-top: 4px;
	font-family: Gotham, sans-serif;
}

/* main */
.coaching-level main {
	background: transparent;
	padding-bottom: 24px;
}
.level-list {
	position: relative;
}
.level-list::before {
	content: 'Includes:';
	display: block;
	line-height: 1;
	color: white;
	opacity: .5;
	font-size: 0.85rem;
	margin-bottom: 8px;
}
.level-list li {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.85rem;
}
.level-list li + li {
	margin-top: 8px;	
}
.level-list li::before {
	content: "";
	transform: translateY(4px);
	width: 12px;
	height: 12px;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 31.7 31.7'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23bd2227; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='15.8 0 12.1 12.1 0 12.1 9.8 19.6 6.1 31.7 15.8 24.2 25.6 31.6 21.9 19.6 31.7 12.1 19.6 12.1 15.8 0'/%3E%3C/svg%3E") no-repeat center / 12px;
}

/* footer */
.coaching-level footer {
	margin-top: auto;
	padding-top: 32px;
	border-top: 1px solid white;
	display: block;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.level-cost {
	position: relative;
	font-family: Gotham-Black, sans-serif;
}

.level-cost::before {
	content: 'Cost';
	color: white;
	position: absolute;
	font-family: Gotham, sans-serif;
	font-size: 1rem;
	top: 2px;
	transform: translateY(-100%);
	line-height: 1;
}

.level-cost-choice {
	width: 48px;
	height: 48px;
	background: var(--red);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}
.level-cost-choice::after {
	content: '';
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 11.1 20'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='1.7 0 .1 1.6 8 9.9 0 18.4 1.6 20 11.1 9.9 1.7 0'/%3E%3C/svg%3E") no-repeat center / 12px;
	inset: 0;
	position: absolute;
	z-index: 1;
}