Autosave: 20260324-124926
This commit is contained in:
parent
722b407fb7
commit
80f65f0283
@ -704,6 +704,115 @@ body.coaching-mvp-active.page main > .wp-block-group.alignfull.has-global-paddin
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 8px 18px rgba(95,45,255,.08);
|
||||
font-weight: 800;
|
||||
}
|
||||
.coach-work-together-section {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: clamp(1.6rem, 3vw, 2.4rem);
|
||||
background:
|
||||
radial-gradient(circle at 10% 16%, rgba(95,45,255,.08), transparent 24%),
|
||||
radial-gradient(circle at 88% 18%, rgba(0,184,169,.08), transparent 22%),
|
||||
linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,249,255,.96));
|
||||
border: 1px solid rgba(95,45,255,.08);
|
||||
box-shadow: 0 24px 60px rgba(9,18,40,.07);
|
||||
}
|
||||
.coach-work-together-section::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 38%, rgba(95,45,255,.03));
|
||||
pointer-events: none;
|
||||
}
|
||||
.coach-work-together-section > .wp-block-group__inner-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.coach-work-together-section .wp-block-heading,
|
||||
.coach-work-together-section > .wp-block-group__inner-container > p:not(.coach-badge) {
|
||||
max-width: 46rem;
|
||||
}
|
||||
.coach-work-grid {
|
||||
gap: 1.15rem;
|
||||
margin-top: 1.45rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
||||
}
|
||||
.coach-work-grid .coach-system-card {
|
||||
--work-accent: rgba(95,45,255,.16);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 220px;
|
||||
padding: 1.45rem 1.35rem 1.3rem;
|
||||
background:
|
||||
radial-gradient(circle at 100% 0%, rgba(255,255,255,.82), transparent 30%),
|
||||
linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,249,255,.97));
|
||||
border: 1px solid rgba(95,45,255,.09);
|
||||
box-shadow: 0 16px 36px rgba(9,18,40,.08);
|
||||
}
|
||||
.coach-work-grid .coach-system-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0 auto auto 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, var(--work-accent), rgba(95,45,255,0));
|
||||
}
|
||||
.coach-work-grid .coach-system-card::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: -2.2rem;
|
||||
top: -2.2rem;
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
border-radius: 50%;
|
||||
background: radial-gradient(circle, var(--work-accent), rgba(255,255,255,0) 68%);
|
||||
opacity: .95;
|
||||
pointer-events: none;
|
||||
}
|
||||
.coach-work-grid .coach-system-card:nth-child(3n+2) {
|
||||
--work-accent: rgba(0,184,169,.17);
|
||||
}
|
||||
.coach-work-grid .coach-system-card:nth-child(3n+3) {
|
||||
--work-accent: rgba(255,159,28,.20);
|
||||
}
|
||||
.coach-work-grid .coach-system-card:hover {
|
||||
transform: translateY(-5px);
|
||||
border-color: rgba(95,45,255,.16);
|
||||
box-shadow: 0 24px 52px rgba(9,18,40,.12);
|
||||
}
|
||||
.coach-work-grid .coach-icon-dot {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 18px;
|
||||
margin-bottom: 1.15rem;
|
||||
background: linear-gradient(135deg, color-mix(in srgb, var(--work-accent) 88%, white 12%), rgba(255,255,255,.92));
|
||||
border: 1px solid rgba(255,255,255,.75);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 14px 24px rgba(9,18,40,.08);
|
||||
font-size: .92rem;
|
||||
letter-spacing: .04em;
|
||||
}
|
||||
.coach-work-grid .coach-system-card h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: .72rem;
|
||||
font-size: 1.14rem;
|
||||
line-height: 1.28;
|
||||
color: #1b1448;
|
||||
}
|
||||
.coach-work-grid .coach-system-card p {
|
||||
margin-bottom: 0;
|
||||
font-size: .98rem;
|
||||
line-height: 1.65;
|
||||
color: rgba(39,52,74,.84);
|
||||
}
|
||||
@media (max-width: 781px) {
|
||||
.coach-work-together-section {
|
||||
padding: 1.35rem;
|
||||
}
|
||||
.coach-work-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.coach-work-grid .coach-system-card {
|
||||
min-height: 0;
|
||||
}
|
||||
}
|
||||
.coach-form-wrap {
|
||||
padding: 1.55rem;
|
||||
background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,245,255,.96));
|
||||
@ -938,7 +1047,7 @@ function coaching_mvp_home_content() {
|
||||
<!-- /wp:html -->
|
||||
|
||||
<!-- wp:group {"className":"coach-section","layout":{"type":"constrained"}} -->
|
||||
<div class="wp-block-group coach-section"><div class="wp-block-group__inner-container">
|
||||
<div class="wp-block-group coach-section coach-work-together-section"><div class="wp-block-group__inner-container">
|
||||
<!-- wp:paragraph {"className":"coach-badge"} -->
|
||||
<p class="coach-badge">How we can work together</p>
|
||||
<!-- /wp:paragraph -->
|
||||
@ -949,7 +1058,7 @@ function coaching_mvp_home_content() {
|
||||
<p>Whether you need space to think strategically, prepare for a difficult conversation, or navigate a major transition, the work is designed to help you move forward with more clarity and steadiness.</p>
|
||||
<!-- /wp:paragraph -->
|
||||
<!-- wp:html -->
|
||||
<div class="coach-system-grid">
|
||||
<div class="coach-system-grid coach-work-grid">
|
||||
<article class="coach-system-card"><span class="coach-icon-dot">01</span><h3>Leadership clarity</h3><p>Step back from the noise, identify what matters most, and lead with stronger intention.</p></article>
|
||||
<article class="coach-system-card"><span class="coach-icon-dot">02</span><h3>Decision support</h3><p>Work through complex choices with a calm, structured process that reduces second-guessing.</p></article>
|
||||
<article class="coach-system-card"><span class="coach-icon-dot">03</span><h3>Career transitions</h3><p>Navigate promotions, role changes, pivots, and new responsibilities with more confidence.</p></article>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user