186 lines
6.2 KiB
HTML
186 lines
6.2 KiB
HTML
<!-- KMC EIGHTH SECTION START -->
|
|
|
|
<style>
|
|
.kmc-eighth-section{
|
|
background:#FFFFFF;
|
|
padding:88px 0 98px;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-wrap{
|
|
width:min(1280px, calc(100% - 120px)) !important;
|
|
margin:0 auto;
|
|
display:grid;
|
|
grid-template-columns:minmax(0,1fr) minmax(0,600px);
|
|
align-items:center;
|
|
gap:64px !important;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-copy{max-width:640px;text-align:left;}
|
|
.kmc-eighth-section .kmc-eighth-title{
|
|
margin:0;
|
|
color:#1C3434;
|
|
font-family:"Cardo",serif;
|
|
font-size:clamp(52px,4.8vw,68px) !important;
|
|
line-height:1.04 !important;
|
|
font-weight:700;
|
|
letter-spacing:-0.01em;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-body{
|
|
margin:28px 0 0;
|
|
max-width:740px;
|
|
color:#1C3434;
|
|
font-family:"Cardo",serif;
|
|
font-size:clamp(24px,1.85vw,36px) !important;
|
|
line-height:1.3 !important;
|
|
font-weight:700;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-actions{
|
|
margin-top:44px;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:flex-start;
|
|
gap:26px;
|
|
flex-wrap:wrap;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-btn{
|
|
display:inline-flex;
|
|
align-items:center;
|
|
gap:14px;
|
|
padding:9px 9px 9px 24px !important;
|
|
min-height:54px !important;
|
|
border-radius:999px;
|
|
text-decoration:none;
|
|
background:#1C3434;
|
|
color:#fff;
|
|
font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
|
|
letter-spacing:-0.01em;
|
|
transition:opacity 0.2s ease;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-btn:hover {
|
|
opacity:0.9;
|
|
}
|
|
.kmc-eighth-section .kmc-assessment-arrow{
|
|
width:44px;
|
|
height:44px;
|
|
border-radius:999px;
|
|
background:#90F1AE;
|
|
color:#1C3434;
|
|
display:inline-flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
flex:0 0 44px;
|
|
}
|
|
.kmc-eighth-section .kmc-assessment-arrow svg {
|
|
display:block;
|
|
width:20px;
|
|
height:20px;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-link{
|
|
display:inline-flex;
|
|
align-items:center;
|
|
gap:8px;
|
|
text-decoration:none;
|
|
color:#1C3434;
|
|
white-space:nowrap;
|
|
font:600 clamp(16px,0.9vw,19px)/1.2 "Inter",sans-serif !important;
|
|
transition:opacity 0.2s ease;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-link:hover {
|
|
opacity:0.7;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-link svg {
|
|
display:block;
|
|
width:20px;
|
|
height:20px;
|
|
}
|
|
|
|
.kmc-eighth-section .kmc-eighth-visual{
|
|
position:relative;
|
|
width:100%;
|
|
aspect-ratio: 600 / 460;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-bg{
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
width:88%;
|
|
height:80%;
|
|
border-radius:32px;
|
|
overflow:hidden;
|
|
background-image:url('/wp-content/uploads/2026/03/loft-image-20260326.png');
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-position:center center;
|
|
}
|
|
.kmc-eighth-section .kmc-eighth-portrait{
|
|
position:absolute;
|
|
left:0;
|
|
bottom:0;
|
|
width:42%;
|
|
aspect-ratio:1 / 1;
|
|
border-radius:32px;
|
|
overflow:hidden;
|
|
border:14px solid #FFFFFF;
|
|
background-image:url('/wp-content/uploads/2026/03/coach-portrait-20260325.png');
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-position:center center;
|
|
box-shadow:none;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
@media (max-width:1080px){
|
|
.kmc-eighth-section{padding:68px 0 82px;}
|
|
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:48px !important;}
|
|
.kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
|
|
.kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
|
|
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
|
|
|
|
.kmc-eighth-section .kmc-eighth-visual{max-width:600px; margin:32px auto 0; aspect-ratio: 600 / 420;}
|
|
.kmc-eighth-section .kmc-eighth-bg{width: 90%; height: 85%;}
|
|
.kmc-eighth-section .kmc-eighth-portrait{width: 45%; border-width: 10px;}
|
|
}
|
|
|
|
@media (max-width:680px){
|
|
.kmc-eighth-section{padding:54px 0 72px;}
|
|
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:36px !important;}
|
|
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
|
|
.kmc-eighth-section .kmc-eighth-actions{margin-top:32px;gap:16px;flex-wrap:wrap;}
|
|
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
|
|
.kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;flex-basis:36px;}
|
|
.kmc-eighth-section .kmc-eighth-link{font-size:16px !important;}
|
|
|
|
.kmc-eighth-section .kmc-eighth-portrait{border-width:8px; border-radius: 24px;}
|
|
.kmc-eighth-section .kmc-eighth-bg{border-radius: 24px;}
|
|
}
|
|
</style>
|
|
|
|
<section class="kmc-eighth-section" aria-labelledby="kmc-eighth-title">
|
|
<div class="kmc-eighth-wrap">
|
|
<div class="kmc-eighth-copy">
|
|
<h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching?</h2>
|
|
<p class="kmc-eighth-body">Start with a 30-minute fit call to assess alignment, goals, and the best coaching path</p>
|
|
|
|
<div class="kmc-eighth-actions">
|
|
<a class="kmc-eighth-btn" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Schedule an assessment">
|
|
<span>Schedule an assessment</span>
|
|
<span class="kmc-assessment-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
|
</span>
|
|
</a>
|
|
|
|
<a class="kmc-eighth-link" href="/pricing/" aria-label="View coaching options">
|
|
<span>View coaching options</span>
|
|
<span class="kmc-eighth-link-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="kmc-eighth-visual" aria-hidden="true">
|
|
<div class="kmc-eighth-bg"></div>
|
|
<div class="kmc-eighth-portrait"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- KMC EIGHTH SECTION END --> |