:is(body.post-type-archive-trainer, body.single-trainer) {
--ptr-ink: var(--c-ink-2);
--ptr-muted: var(--c-gray);
--ptr-label: #7b7463; --ptr-label-on-cream: var(--c-gray);
--ptr-accent-ring: #ff8562;
--ptr-hairline: rgba(29, 29, 29, 0.1);
--ptr-card-bg: var(--c-white);
--ptr-card-border: rgba(0, 0, 0, 0.06);
--ptr-card-radius: var(--r-reviews);
--ptr-card-shadow: 0 1px 2px rgba(29, 29, 29, 0.04), 0 14px 32px -22px rgba(29, 29, 29, 0.35);
--ptr-card-shadow-hover: 0 1px 2px rgba(29, 29, 29, 0.06), 0 22px 40px -22px rgba(29, 29, 29, 0.5);
--ptr-pill-border: rgba(197, 37, 45, 0.35);
--ptr-pill-bg: rgba(255, 255, 255, 0.55);
--ptr-pill-shadow: 0 10px 22px -14px rgba(197, 37, 45, 0.9);
--ptr-field-bg: #fdf8ec;
--ptr-field-border: var(--c-border-program);
--ptr-focus-ring: 0 0 0 4px rgba(197, 37, 45, 0.14);
--ptr-cta-shadow: 0 12px 26px -14px rgba(248, 54, 0, 0.8);
--ptr-hero-bg:
radial-gradient(120% 80% at 10% 0%, rgba(255, 201, 69, 0.2), transparent 55%),
radial-gradient(90% 70% at 90% 10%, rgba(248, 54, 0, 0.07), transparent 50%),
var(--c-cream);
--ptr-measure: 68ch;
--ptr-section-y: var(--sp-60);
--ptr-h2-size: var(--fs-28);
--ptr-card-pad-x: var(--sp-20);
}
@media screen and (max-width: 760px) {
:is(body.post-type-archive-trainer, body.single-trainer) {
--ptr-card-pad-x: var(--sp-12);
}
}
@media screen and (max-width: 640px) {
:is(body.post-type-archive-trainer, body.single-trainer) {
--ptr-section-y: var(--sp-40);
--ptr-h2-size: var(--fs-24);
}
} :is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content > h2,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__title {
margin: var(--sp-0) 0 var(--sp-16);
font-family: var(--font-family);
font-size: var(--ptr-h2-size);
font-weight: var(--fw-semibold);
line-height: var(--lh-120);
letter-spacing: -0.01em;
color: var(--c-ink);
text-wrap: balance;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content {
color: var(--ptr-ink);
overflow-wrap: break-word;
word-break: normal;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a:not(.site-btn) {
color: var(--c-red);
text-decoration: underline;
text-decoration-color: rgba(197, 37, 45, 0.35);
text-decoration-thickness: var(--border-1);
text-underline-offset: 0.2em;
transition: text-decoration-color 0.15s ease;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a:not(.site-btn):hover,
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a:not(.site-btn):focus-visible {
text-decoration-color: currentColor;
} :is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a[href^="tel:"]:not(.site-btn) {
font-weight: var(--fw-semibold);
text-decoration: none;
white-space: nowrap;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a[href^="tel:"]:not(.site-btn):hover,
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content a[href^="tel:"]:not(.site-btn):focus-visible {
text-decoration: underline;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-rich-text__content strong {
color: var(--c-ink);
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair {
display: flex;
flex-wrap: wrap;
gap: var(--sp-12);
max-width: none;
margin: var(--sp-28) 0 0;
text-align: left;
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn {
min-height: 52px;
padding: var(--sp-0) var(--sp-28);
letter-spacing: 0.01em;
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--cta {
box-shadow: var(--ptr-cta-shadow);
} :is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--quiet {
border: var(--border-2) solid var(--c-red);
background-color: transparent;
background-image: none;
box-shadow: none;
color: var(--c-red);
transition: background-color 0.2s ease, color 0.2s ease;
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--quiet::before {
content: none;
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--quiet:hover,
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--quiet:focus-visible {
background-color: var(--c-red);
color: var(--c-white);
opacity: 1;
}
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn--quiet:focus-visible {
outline-color: var(--c-red);
}
@media screen and (max-width: 480px) {
:is(body.post-type-archive-trainer, body.single-trainer) .page-cta-pair .site-btn {
flex: 1 1 100%;
}
}  body.post-type-archive-trainer .block-hero--compact {
--hero-min-height: 0;
border-bottom: var(--border-1) solid var(--ptr-hairline);
background: var(--ptr-hero-bg);
color: var(--ptr-ink);
} body.post-type-archive-trainer .block-hero--compact .block-hero__inner {
align-items: flex-start;
padding: 56px var(--container-gutter) var(--sp-48);
}
body.post-type-archive-trainer .block-hero--compact .block-hero__col-title {
width: 100%;
max-width: 780px;
}
body.post-type-archive-trainer .block-hero--compact .block-hero__eyebrow {
display: flex;
align-items: center;
gap: var(--sp-12);
margin: var(--sp-0) 0 var(--sp-16);
font-size: var(--fs-12);
font-weight: var(--fw-semibold);
line-height: var(--lh-130);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ptr-label-on-cream);
}
body.post-type-archive-trainer .block-hero--compact .block-hero__eyebrow::before {
content: "";
flex: 0 0 auto;
width: var(--sp-24);
height: var(--border-3);
border-radius: var(--border-3);
background: var(--c-red);
}
body.post-type-archive-trainer .block-hero--compact .block-hero__title {
max-width: 20ch;
color: var(--c-ink);
letter-spacing: -0.015em;
text-wrap: balance;
}
body.post-type-archive-trainer .block-hero--compact .block-hero__subtitle {
max-width: 60ch;
margin-top: var(--sp-20);
color: var(--ptr-muted);
text-wrap: pretty;
}
body.post-type-archive-trainer .block-hero--compact .block-hero__subtitle > p {
margin: var(--sp-0);
} @media screen and (min-width: 961px) {
body.post-type-archive-trainer .block-hero--compact .block-hero__col-title {
display: grid;
grid-template-areas:
"eyebrow copy"
"title copy"
"title cta";
grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
grid-template-rows: auto auto 1fr;
align-items: start;
column-gap: 64px;
max-width: none;
}
body.post-type-archive-trainer .block-hero--compact .block-hero__eyebrow {
grid-area: eyebrow;
margin-bottom: var(--sp-20);
}
body.post-type-archive-trainer .block-hero--compact .block-hero__title {
grid-area: title;
}
body.post-type-archive-trainer .block-hero--compact .block-hero__subtitle {
grid-area: copy;
max-width: none;
margin-top: var(--sp-0);
font-size: 17px;
line-height: 1.6;
}
body.post-type-archive-trainer .block-hero--compact .page-cta-pair {
grid-area: cta;
margin-top: var(--sp-24);
}
}
@media screen and (max-width: 640px) {
body.post-type-archive-trainer .block-hero--compact .block-hero__inner {
padding: var(--sp-32) var(--container-gutter);
}
body.post-type-archive-trainer .block-hero--compact .block-hero__subtitle {
margin-top: var(--sp-16);
}
body.post-type-archive-trainer .block-hero--compact .page-cta-pair {
margin-top: var(--sp-24);
}
} body.post-type-archive-trainer #trenery-intro.block-rich-text {
padding: var(--ptr-section-y) 0 var(--sp-8);
}
body.post-type-archive-trainer #trenery-intro .block-rich-text__content {
font-size: var(--fs-16);
line-height: 1.65;
}
body.post-type-archive-trainer #trenery-intro .block-rich-text__content > p {
max-width: var(--ptr-measure);
margin: var(--sp-0) 0 var(--sp-24);
text-wrap: pretty;
} body.post-type-archive-trainer .rt-checklist {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--sp-12);
margin: var(--sp-0);
padding: var(--sp-0);
list-style: none;
}
body.post-type-archive-trainer .rt-checklist > li {
position: relative;
box-sizing: border-box;
min-width: 0;
margin: var(--sp-0);
padding: var(--sp-16) var(--sp-16) var(--sp-16) 48px;
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--r-md);
background: var(--ptr-card-bg);
box-shadow: var(--ptr-card-shadow);
font-size: var(--fs-14);
font-weight: var(--fw-medium);
line-height: var(--lh-140);
color: var(--c-ink);
text-wrap: pretty;
}
body.post-type-archive-trainer .rt-checklist > li::before {
content: "";
position: absolute;
top: calc(var(--sp-16) + 0.35em);
left: var(--sp-20);
width: 12px;
height: 6px;
border-bottom: var(--border-2) solid var(--c-red);
border-left: var(--border-2) solid var(--c-red);
transform: rotate(-45deg);
} @media screen and (max-width: 960px) {
body.post-type-archive-trainer .rt-checklist {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 520px) {
body.post-type-archive-trainer .rt-checklist {
gap: var(--sp-8);
}
body.post-type-archive-trainer .rt-checklist > li {
padding: var(--sp-12) var(--sp-12) var(--sp-12) 36px;
font-size: var(--fs-13);
}
body.post-type-archive-trainer .rt-checklist > li::before {
top: calc(var(--sp-12) + 0.35em);
left: var(--sp-12);
width: 10px;
height: 5px;
}
} body.post-type-archive-trainer .block-trainers--hub {
padding: var(--sp-32) 0 var(--ptr-section-y);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chips {
justify-content: flex-start;
gap: var(--sp-8);
margin: var(--sp-0) 0 var(--sp-32);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip-item {
display: flex;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip {
box-sizing: border-box;
min-height: 44px;
padding: var(--sp-10) var(--sp-12);
border: var(--border-1) solid var(--ptr-pill-border);
border-radius: var(--r-pill);
background: var(--ptr-pill-bg);
color: var(--ptr-ink);
font-size: var(--fs-13);
font-weight: var(--fw-medium);
line-height: var(--lh-130);
white-space: nowrap;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip:hover {
border-color: var(--c-red);
background: var(--c-white);
color: var(--c-red);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip:is(.is-active, [aria-pressed="true"]) {
border-color: var(--c-red);
background: var(--c-red);
color: var(--c-white);
box-shadow: var(--ptr-pill-shadow);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip:focus-visible {
outline: var(--border-2) solid var(--c-red);
outline-offset: var(--outline-offset);
} @media screen and (max-width: 960px) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chips {
flex-wrap: nowrap;
margin: var(--sp-0) calc(-1 * var(--container-gutter)) var(--sp-24);
padding: var(--sp-4) var(--container-gutter) var(--sp-10);
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-padding-inline: var(--container-gutter);
scroll-snap-type: x proximity;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chips::-webkit-scrollbar {
display: none;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip-item {
flex: 0 0 auto;
scroll-snap-align: start;
}
}
@media screen and (max-width: 640px) {
body.post-type-archive-trainer .block-trainers--hub {
padding-top: var(--sp-24);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chips {
margin-bottom: var(--sp-20);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__chip {
min-height: 40px;
padding: var(--sp-8) var(--sp-16);
font-size: var(--fs-13);
}
}  body.post-type-archive-trainer .block-trainers--hub .block-trainers__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--sp-28) var(--sp-20);
margin: var(--sp-0);
padding: var(--sp-0);
list-style: none;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__item {
min-width: 0;
margin: var(--sp-0);
}
@media screen and (max-width: 1100px) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media screen and (max-width: 760px) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--sp-16) var(--sp-12);
}
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 100%;
padding: var(--sp-0) 0 var(--sp-20);
overflow: hidden;
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--ptr-card-radius);
background: var(--ptr-card-bg);
box-shadow: var(--ptr-card-shadow);
color: var(--ptr-ink);
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:hover {
box-shadow: var(--ptr-card-shadow-hover);
transform: translateY(-2px);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:focus-visible {
outline: var(--border-2) solid var(--c-red);
outline-offset: var(--outline-offset);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card > picture,
body.post-type-archive-trainer .block-trainers--hub .block-trainers__photo-fallback {
display: block;
flex: 0 0 auto;
aspect-ratio: 3 / 4;
margin: var(--sp-0);
overflow: hidden;
background: var(--c-cream-2);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__photo-fallback {
background:
radial-gradient(60% 45% at 50% 38%, rgba(194, 183, 136, 0.45), transparent 70%),
var(--c-cream-2);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__image {
width: 100%;
height: 100%;
margin: var(--sp-0);
object-fit: cover;
object-position: 50% 15%;
transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:hover .block-trainers__image {
transform: scale(1.03);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card > :not(picture, .block-trainers__photo-fallback) {
margin-right: var(--ptr-card-pad-x);
margin-left: var(--ptr-card-pad-x);
} body.post-type-archive-trainer .block-trainers--hub .block-trainers__name {
order: 1;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__position {
order: 2;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__tags {
order: 3;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__more {
order: 4;
} body.post-type-archive-trainer .block-trainers--hub .block-trainers__name::before {
content: "";
display: block;
width: var(--sp-24);
height: var(--border-3);
margin-bottom: var(--sp-12);
border-radius: var(--border-3);
background: var(--c-red);
} body.post-type-archive-trainer .block-trainers--hub .block-trainers__tags {
gap: 2px var(--sp-4);
margin-top: auto;
margin-bottom: var(--sp-0);
padding-top: var(--sp-16);
font-size: 11px;
font-weight: var(--fw-semibold);
line-height: var(--lh-140);
letter-spacing: 0.08em;
color: var(--ptr-label);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__name {
margin-top: 18px;
font-size: 17px;
font-weight: var(--fw-semibold);
line-height: var(--lh-125);
letter-spacing: -0.005em;
color: var(--c-ink);
text-wrap: balance;
transition: color 0.2s ease;
}
body.post-type-archive-trainer .block-trainers--hub a.block-trainers__card:is(:hover, :focus-visible) .block-trainers__name {
color: var(--c-red);
text-decoration: none;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__position {
margin-top: var(--sp-6);
font-size: var(--fs-13);
line-height: var(--lh-mid);
color: var(--ptr-muted);
text-wrap: pretty;
} body.post-type-archive-trainer .block-trainers--hub .block-trainers__more {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: var(--sp-8);
margin-top: auto;
padding: var(--sp-16) 0 0;
border-radius: 0;
background: none;
color: var(--c-red);
font-size: var(--fs-14);
font-weight: var(--fw-semibold);
line-height: var(--lh-120);
letter-spacing: 0.01em;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__tags ~ .block-trainers__more {
margin-top: var(--sp-0);
padding-top: var(--sp-10);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__more::after {
content: "→";
content: "→" / "";
transition: transform 0.2s ease;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:is(:hover, :focus-visible) .block-trainers__more::after {
transform: translateX(4px);
} body.post-type-archive-trainer .block-trainers--hub .block-trainers__more-wrap {
margin-top: var(--sp-40);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__load {
min-height: 52px;
padding: var(--sp-0) var(--sp-32);
border: var(--border-2) solid var(--c-red);
background: transparent;
color: var(--c-red);
transition: background-color 0.2s ease, color 0.2s ease;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__load:is(:hover, :focus-visible) {
background: var(--c-red);
color: var(--c-white);
}
@media screen and (min-width: 1101px) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__name {
font-size: var(--fs-18);
}
}
@media screen and (max-width: 760px) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card {
padding-bottom: var(--sp-16);
border-radius: var(--r-md);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__tags {
padding-top: var(--sp-12);
font-size: var(--fs-10);
letter-spacing: 0.06em;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__name {
margin-top: var(--sp-12);
font-size: 15px;
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__name::before {
width: var(--sp-20);
height: var(--border-2);
margin-bottom: var(--sp-8);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__position {
margin-top: var(--sp-4);
font-size: var(--fs-12);
line-height: var(--lh-130);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__more {
padding-top: var(--sp-12);
font-size: var(--fs-13);
}
body.post-type-archive-trainer .block-trainers--hub .block-trainers__tags ~ .block-trainers__more {
padding-top: var(--sp-8);
}
} body.post-type-archive-trainer #trenery-note.block-rich-text {
padding: var(--sp-0) 0 var(--ptr-section-y);
}
body.post-type-archive-trainer #trenery-note .block-rich-text__content {
padding-top: var(--ptr-section-y);
border-top: var(--border-1) solid var(--ptr-hairline);
font-size: var(--fs-16);
line-height: 1.6;
}
body.post-type-archive-trainer .rt-steps {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--sp-12);
margin: var(--sp-0);
padding: var(--sp-0);
list-style: none;
counter-reset: rt-steps;
} body.post-type-archive-trainer .rt-steps > li {
position: relative;
box-sizing: border-box;
min-width: 0;
min-height: 68px;
margin: var(--sp-0);
padding: var(--sp-20) var(--sp-20) var(--sp-20) 72px;
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--ptr-card-radius);
background: var(--ptr-card-bg);
box-shadow: var(--ptr-card-shadow);
text-wrap: pretty;
counter-increment: rt-steps;
}
body.post-type-archive-trainer .rt-steps > li::before {
content: counter(rt-steps);
position: absolute;
top: 50%;
left: var(--sp-20);
display: grid;
place-items: center;
box-sizing: border-box;
width: 36px;
height: 36px;
transform: translateY(-50%);
border: var(--border-2) solid var(--ptr-accent-ring);
border-radius: 50%;
font-size: var(--fs-16);
font-weight: var(--fw-semibold);
line-height: var(--lh-none);
color: var(--c-red);
}
@media screen and (min-width: 900px) {
body.post-type-archive-trainer .rt-steps {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--sp-16);
}
body.post-type-archive-trainer .rt-steps > li {
padding: 80px var(--sp-24) var(--sp-24);
}
body.post-type-archive-trainer .rt-steps > li::before {
top: var(--sp-24);
left: var(--sp-24);
transform: none;
}
}  body.single-trainer .site-breadcrumbs {
display: none;
}
body.single-trainer .block-breadcrumbs {
padding-top: var(--sp-24);
padding-bottom: var(--sp-0);
background: var(--c-cream);
}
body.single-trainer .block-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--sp-4) 0;
margin: var(--sp-0);
padding: var(--sp-0);
list-style: none;
font-size: var(--fs-13);
line-height: var(--lh-140);
color: var(--ptr-muted);
}
body.single-trainer .block-breadcrumbs__list > li + li::before {
content: "→";
content: "→" / "";
margin: var(--sp-0) var(--sp-8);
color: var(--c-sand);
}
body.single-trainer .block-breadcrumbs__list a {
color: var(--ptr-ink);
text-decoration: none;
transition: color 0.15s ease;
}
body.single-trainer .block-breadcrumbs__list a:hover,
body.single-trainer .block-breadcrumbs__list a:focus-visible {
color: var(--c-red);
text-decoration: underline;
text-underline-offset: 0.2em;
}  body.single-trainer .block-trainer-profile {
padding: var(--sp-32) 0 var(--sp-60);
background: linear-gradient(var(--c-cream), rgba(248, 236, 206, 0) 120px), var(--ptr-hero-bg);
}
body.single-trainer .block-trainer-profile__grid {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 64px;
align-items: center;
}
body.single-trainer .block-trainer-profile__media {
position: relative;
width: 100%;
max-width: 460px;
} body.single-trainer .block-trainer-profile__media::before {
content: "";
position: absolute;
inset: var(--sp-24) calc(-1 * var(--sp-20)) calc(-1 * var(--sp-20)) var(--sp-24);
z-index: 0;
border-radius: var(--r-lg);
background: linear-gradient(135deg, rgba(249, 212, 35, 0.4), rgba(248, 54, 0, 0.18));
}
body.single-trainer .block-trainer-profile__media > picture {
position: relative;
z-index: 1;
display: block;
aspect-ratio: 4 / 5;
overflow: hidden;
border-radius: var(--r-lg);
background: var(--c-cream-2);
box-shadow: 0 1px 2px rgba(29, 29, 29, 0.06), 0 28px 60px -34px rgba(29, 29, 29, 0.55);
}
body.single-trainer .block-trainer-profile__image {
width: 100%;
height: 100%;
border-radius: inherit;
background: none;
box-shadow: none;
object-fit: cover;
object-position: 50% 18%;
}
body.single-trainer .block-trainer-profile__body {
min-width: 0;
}
body.single-trainer .block-trainer-profile__badge {
display: inline-flex;
align-items: center;
gap: var(--sp-8);
margin: var(--sp-0) 0 var(--sp-20);
padding: var(--sp-6) var(--sp-16) var(--sp-6) var(--sp-12);
border: var(--border-1) solid var(--ptr-pill-border);
border-radius: var(--r-pill);
background: var(--ptr-pill-bg);
font-size: var(--fs-12);
font-weight: var(--fw-semibold);
line-height: var(--lh-140);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-red);
}
body.single-trainer .block-trainer-profile__badge::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
background-image: var(--gradient-cta);
}
body.single-trainer .block-trainer-profile__title {
max-width: none;
margin: var(--sp-0);
font-family: var(--font-family);
font-size: 48px;
font-weight: var(--fw-semibold);
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--c-ink);
text-wrap: balance;
}
body.single-trainer .block-trainer-profile__position {
margin: var(--sp-12) 0 0;
font-size: var(--fs-18);
line-height: var(--lh-mid);
color: var(--ptr-muted);
text-wrap: pretty;
}
body.single-trainer .block-trainer-profile__h2 {
margin: var(--sp-28) 0 var(--sp-12);
padding-top: var(--sp-24);
border-top: var(--border-1) solid var(--ptr-hairline);
font-family: var(--font-family);
font-size: var(--fs-12);
font-weight: var(--fw-semibold);
line-height: var(--lh-130);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ptr-label-on-cream);
} body.single-trainer .block-trainer-profile__specs {
display: flex;
flex-wrap: wrap;
gap: var(--sp-8);
margin: var(--sp-0);
padding: var(--sp-0);
list-style: none;
}
body.single-trainer .block-trainer-profile__specs > li {
margin: var(--sp-0);
padding: var(--sp-8) var(--sp-16);
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--r-pill);
background: var(--ptr-card-bg);
box-shadow: 0 1px 2px rgba(29, 29, 29, 0.05);
font-size: var(--fs-14);
font-weight: var(--fw-medium);
line-height: var(--lh-130);
color: var(--c-ink);
}
body.single-trainer .block-trainer-profile__body > .page-cta-pair {
margin-top: var(--sp-32);
} body.single-trainer .block-trainer-profile__body:not(:has(> .block-trainer-profile__badge, > .block-trainer-profile__position, > .block-trainer-profile__specs)) {
padding: var(--sp-32) 0;
border-top: var(--border-1) solid var(--ptr-hairline);
border-bottom: var(--border-1) solid var(--ptr-hairline);
}
body.single-trainer .block-trainer-profile__body:not(:has(> .block-trainer-profile__badge, > .block-trainer-profile__position, > .block-trainer-profile__specs)) > .block-trainer-profile__title::before {
content: "";
display: block;
width: 40px;
height: 4px;
margin-bottom: var(--sp-20);
border-radius: 4px;
background-image: var(--gradient-cta);
}
@media screen and (max-width: 960px) {
body.single-trainer .block-trainer-profile__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
gap: var(--sp-48);
}
body.single-trainer .block-trainer-profile__title {
font-size: var(--fs-40);
}
}
@media screen and (max-width: 760px) {
body.single-trainer .block-trainer-profile {
padding: var(--sp-20) 0 var(--sp-40);
}
body.single-trainer .block-trainer-profile__grid {
grid-template-columns: minmax(0, 1fr);
gap: var(--sp-40);
}
body.single-trainer .block-trainer-profile__media {
width: calc(100% - var(--sp-12));
max-width: 420px;
}
body.single-trainer .block-trainer-profile__media::before {
inset: var(--sp-16) calc(-1 * var(--sp-12)) calc(-1 * var(--sp-12)) var(--sp-16);
border-radius: var(--ptr-card-radius);
}
body.single-trainer .block-trainer-profile__media > picture {
border-radius: var(--ptr-card-radius);
}
body.single-trainer .block-trainer-profile__title {
font-size: var(--fs-32);
}
body.single-trainer .block-trainer-profile__position {
font-size: var(--fs-16);
}
body.single-trainer .block-trainer-profile__specs > li {
padding: var(--sp-6) var(--sp-12);
font-size: var(--fs-13);
}
body.single-trainer .block-trainer-profile__body:not(:has(> .block-trainer-profile__badge, > .block-trainer-profile__position, > .block-trainer-profile__specs)) {
padding: var(--sp-24) 0;
}
}
@media screen and (max-width: 480px) {
body.single-trainer .block-breadcrumbs {
padding-top: var(--sp-16);
}
} body.single-trainer #trainer-about.block-rich-text {
padding: var(--ptr-section-y) 0 var(--sp-24);
}
body.single-trainer #trainer-about .block-rich-text__content {
position: relative;
box-sizing: border-box;
max-width: 880px;
margin: var(--sp-0) auto;
padding: var(--sp-40) var(--sp-48) var(--sp-40);
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--r-lg);
background: var(--ptr-card-bg);
box-shadow: var(--ptr-card-shadow);
font-size: var(--fs-16);
line-height: 1.6;
}
body.single-trainer #trainer-about .block-rich-text__content::before {
content: "";
position: absolute;
top: -1px;
left: var(--sp-48);
width: 72px;
height: 4px;
border-radius: 0 0 4px 4px;
background-image: var(--gradient-cta);
}
body.single-trainer #trainer-about .block-rich-text__content > h2 {
margin-bottom: var(--sp-20);
}
body.single-trainer #trainer-about .block-rich-text__content > p:not([class]) {
max-width: var(--ptr-measure);
margin: var(--sp-0) 0 var(--sp-12);
color: var(--ptr-muted);
text-wrap: pretty;
}
body.single-trainer #trainer-about .block-rich-text__content > :last-child {
margin-bottom: var(--sp-0);
} body.single-trainer #trainer-about .block-rich-text__content:has(> .block-trainer-profile__label) {
display: grid;
grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
align-items: start;
}
body.single-trainer #trainer-about .block-rich-text__content:has(> .block-trainer-profile__label) > :not(.block-trainer-profile__label, ul, ol) {
grid-column: 1 / -1;
}
body.single-trainer #trainer-about .block-trainer-profile__label {
grid-column: 1;
margin: var(--sp-0);
padding: var(--sp-20) var(--sp-16) var(--sp-20) 0;
border-top: var(--border-1) solid var(--ptr-hairline);
font-size: var(--fs-12);
font-weight: var(--fw-semibold);
line-height: 1.6;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ptr-label);
}
body.single-trainer #trainer-about .block-trainer-profile__label + :is(ul, ol) {
grid-column: 2;
margin: var(--sp-0);
padding: var(--sp-16) 0 var(--sp-16) 1.25em;
border-top: var(--border-1) solid var(--ptr-hairline);
}
body.single-trainer #trainer-about .block-trainer-profile__label + :is(ul, ol) > li {
margin: var(--sp-0);
padding: var(--sp-4) 0;
color: var(--ptr-ink);
text-wrap: pretty;
}
body.single-trainer #trainer-about .block-trainer-profile__label + :is(ul, ol) > li::marker {
color: var(--c-red);
} body.single-trainer #trainer-about .block-trainer-profile__since {
display: inline-flex;
align-items: center;
justify-self: start;
gap: var(--sp-10);
margin: var(--sp-16) 0 0;
padding: var(--sp-10) var(--sp-20) var(--sp-10) var(--sp-16);
border: var(--border-1) solid var(--ptr-field-border);
border-radius: var(--r-pill);
background: var(--ptr-field-bg);
font-size: var(--fs-14);
font-weight: var(--fw-semibold);
line-height: var(--lh-140);
color: var(--c-ink);
}
body.single-trainer #trainer-about .block-trainer-profile__since::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-radius: 50%;
background-image: var(--gradient-cta);
} body.single-trainer #trainer-about .block-rich-text__content:not(:has(> .block-trainer-profile__label, > ul, > ol)) {
max-width: 720px;
}
@media screen and (max-width: 640px) {
body.single-trainer #trainer-about.block-rich-text {
padding-bottom: var(--sp-16);
}
body.single-trainer #trainer-about .block-rich-text__content {
padding: var(--sp-32) var(--sp-20) var(--sp-28);
border-radius: var(--ptr-card-radius);
}
body.single-trainer #trainer-about .block-rich-text__content::before {
left: var(--sp-20);
}
body.single-trainer #trainer-about .block-rich-text__content:has(> .block-trainer-profile__label) {
grid-template-columns: minmax(0, 1fr);
}
body.single-trainer #trainer-about .block-trainer-profile__label {
padding: var(--sp-16) 0 var(--sp-4);
}
body.single-trainer #trainer-about .block-trainer-profile__label + :is(ul, ol) {
grid-column: 1;
padding: var(--sp-0) 0 var(--sp-12) 1.25em;
border-top: 0;
}
body.single-trainer #trainer-about .block-trainer-profile__label + :is(ul, ol) > li {
font-size: var(--fs-14);
}
body.single-trainer #trainer-about .block-trainer-profile__since {
margin-top: var(--sp-12);
font-size: var(--fs-13);
}
} :is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 {
padding: var(--sp-16) 0 calc(var(--ptr-section-y) + var(--sp-16));
background: transparent;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__inner {
position: relative;
box-sizing: border-box;
width: calc(100% - 2 * var(--container-gutter));
max-width: 880px;
margin: var(--sp-0) auto;
padding: var(--sp-48) var(--sp-50) var(--sp-50);
border: var(--border-1) solid var(--ptr-card-border);
border-radius: var(--r-lg);
background: var(--ptr-card-bg);
box-shadow: 0 1px 2px rgba(29, 29, 29, 0.04), 0 28px 60px -34px rgba(29, 29, 29, 0.4);
text-align: center;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__inner::before {
content: "";
position: absolute;
top: -1px;
left: 50%;
width: 72px;
height: 4px;
border-radius: 0 0 4px 4px;
background-image: var(--gradient-cta);
transform: translateX(-50%);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__title {
max-width: 32ch;
margin: var(--sp-0) auto var(--sp-12);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__text {
max-width: 52ch;
margin: var(--sp-0) auto var(--sp-32);
font-size: var(--fs-16);
line-height: 1.6;
color: var(--ptr-muted);
text-wrap: pretty;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__form-slot {
max-width: 640px;
margin: var(--sp-0) auto;
text-align: left;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form {
gap: var(--sp-16) var(--sp-12);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field > .domfk-form__input,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone {
min-height: 56px;
border: var(--border-1) solid var(--ptr-field-border);
border-radius: var(--r-md);
background: var(--ptr-field-bg);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field > .domfk-form__input {
padding: var(--sp-0) var(--sp-20);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone {
padding: var(--sp-0) var(--sp-16) var(--sp-0) var(--sp-12);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field > .domfk-form__input:hover,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone:hover {
border-color: rgba(197, 37, 45, 0.45);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field > .domfk-form__input:focus,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone:focus-within {
border-color: var(--c-red);
background: var(--c-white);
box-shadow: var(--ptr-focus-ring);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone .domfk-form__input,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__phone .domfk-form__input:focus {
border: 0;
background: transparent;
box-shadow: none;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__input::placeholder {
color: var(--ptr-ink);
opacity: 0.45;
} :is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field:has(> .domfk-form__error:not([hidden])) > .domfk-form__input,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field:has(> .domfk-form__error:not([hidden])) .domfk-form__phone {
border-color: var(--c-red);
background: var(--c-white);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__error {
margin-top: var(--sp-4);
text-align: left;
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__field--consent {
margin-top: var(--sp-4);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__checkbox-indicator {
border-radius: var(--r-sm);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__checkbox-text {
line-height: 1.5;
color: var(--ptr-muted);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__submit {
min-height: 56px;
border-radius: var(--r-pill);
letter-spacing: 0.01em;
box-shadow: var(--ptr-cta-shadow);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__submit:hover:not(:disabled) {
transform: translateY(-1px);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__status {
border-radius: var(--r-md);
}
@media screen and (max-width: 640px) {
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__inner {
padding: var(--sp-40) var(--sp-20) var(--sp-32);
border-radius: var(--ptr-card-radius);
}
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .block-cta__text {
margin-bottom: var(--sp-24);
}
}
@media (prefers-reduced-motion: reduce) {
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card,
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:hover,
body.post-type-archive-trainer .block-trainers--hub .block-trainers__image,
body.post-type-archive-trainer .block-trainers--hub .block-trainers__card:hover .block-trainers__image,
body.post-type-archive-trainer .block-trainers--hub .block-trainers__more::after,
:is(body.post-type-archive-trainer, body.single-trainer) .block-cta--t678 .domfk-form__submit:hover:not(:disabled) {
transform: none;
transition: none;
}
}