:root {
--hc-red: #e31b23;
--hc-red-soft: rgba(227, 27, 35, .18);
--hc-bg: #050505;
--hc-bg-2: #101010;
--hc-text: #ffffff;
--hc-muted: rgba(255, 255, 255, .68);
--hc-soft: rgba(255, 255, 255, .08);
--hc-border: rgba(255, 255, 255, .12);
--hc-radius: 28px;
--hc-shadow: 0 24px 70px rgba(0, 0, 0, .34);
--hc-container: 1220px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--hc-text);
background: var(--hc-bg);
font-family: Arial, Helvetica, sans-serif;
overflow-x: hidden;
}
body.hcgym-menu-open {
overflow: hidden;
}
a {
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
.hcgym-site {
min-height: 100vh;
background:
radial-gradient(circle at 10% 8%, rgba(227, 27, 35, .22), transparent 30%),
radial-gradient(circle at 88% 12%, rgba(185, 29, 255, .13), transparent 28%),
linear-gradient(135deg, #040404 0%, #101010 48%, #050505 100%);
}
.hcgym-main {
min-height: 60vh;
}
.hcgym-container {
width: min(var(--hc-container), calc(100% - 48px));
margin: 0 auto;
}
.hcgym-container--narrow {
max-width: 980px;
} .hcgym-header {
position: sticky;
top: 0;
z-index: 9999;
background:
linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
rgba(5, 5, 5, .92);
border-bottom: 1px solid var(--hc-border);
box-shadow: 0 18px 58px rgba(0,0,0,.36);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.hcgym-header__inner {
width: min(1320px, calc(100% - 48px));
min-height: 82px;
margin: 0 auto;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 30px;
align-items: center;
}
.hcgym-brand {
display: inline-flex;
align-items: center;
gap: 12px;
color: #fff;
text-decoration: none;
}
.hcgym-brand__logo {
display: block;
width: auto;
max-width: 58px;
max-height: 58px;
}
.hcgym-brand__mark {
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 2px solid rgba(255,255,255,.82);
font-weight: 950;
}
.hcgym-brand__title {
display: block;
max-width: 160px;
color: #fff;
font-size: 16px;
line-height: 1;
font-weight: 950;
letter-spacing: -.045em;
text-transform: uppercase;
white-space: nowrap;
} .hcgym-menu {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.hcgym-menu li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.hcgym-menu a {
text-decoration: none;
}
.hcgym-menu > li > a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 0 13px;
border-radius: 999px;
color: rgba(255,255,255,.64);
font-size: 14px;
font-weight: 850;
line-height: 1;
letter-spacing: -.018em;
white-space: nowrap;
transition: color .22s ease, background .22s ease, transform .22s ease;
}
.hcgym-menu > li:hover > a,
.hcgym-menu > li.current-menu-item > a,
.hcgym-menu > li.current_page_item > a,
.hcgym-menu > li.current-menu-ancestor > a {
color: #fff;
background: rgba(255,255,255,.075);
}
.hcgym-menu > li:hover > a {
transform: translateY(-1px);
}
.hcgym-menu .sub-menu {
position: absolute;
top: calc(100% + 16px);
left: 0;
z-index: 30;
min-width: 230px;
margin: 0;
padding: 10px;
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
border-radius: 22px;
background:
linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
rgba(10,10,10,.97);
border: 1px solid var(--hc-border);
box-shadow: 0 26px 70px rgba(0,0,0,.48);
transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.hcgym-menu li:hover > .sub-menu,
.hcgym-menu li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hcgym-menu .sub-menu a {
display: flex;
align-items: center;
min-height: 42px;
padding: 12px 14px;
border-radius: 14px;
color: rgba(255,255,255,.72);
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
.hcgym-menu .sub-menu a:hover {
color: #fff;
background: rgba(227,27,35,.16);
}
.hcgym-header__actions {
display: flex;
align-items: center;
gap: 14px;
padding-left: 18px;
border-left: 1px solid var(--hc-border);
} .hcgym-lang {
position: relative;
}
.hcgym-lang__toggle {
height: 42px;
min-width: 76px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 0 14px;
border-radius: 999px;
color: #fff;
background: rgba(255,255,255,.075);
border: 1px solid rgba(255,255,255,.13);
font-size: 12px;
font-weight: 950;
letter-spacing: .055em;
text-transform: uppercase;
cursor: pointer;
}
.hcgym-lang__toggle i {
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-2px) rotate(45deg);
opacity: .7;
}
.hcgym-lang.is-open .hcgym-lang__toggle {
background: rgba(227,27,35,.18);
border-color: rgba(227,27,35,.38);
}
.hcgym-lang__menu {
position: absolute;
top: calc(100% + 12px);
right: 0;
width: 120px;
padding: 8px;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
border-radius: 20px;
background: rgba(10,10,10,.98);
border: 1px solid var(--hc-border);
box-shadow: 0 26px 70px rgba(0,0,0,.48);
transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.hcgym-lang.is-open .hcgym-lang__menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.hcgym-lang__item {
display: flex;
align-items: center;
min-height: 42px;
padding: 0 12px;
border-radius: 14px;
color: rgba(255,255,255,.72);
font-size: 13px;
font-weight: 950;
letter-spacing: .055em;
text-decoration: none;
}
.hcgym-lang__item:hover,
.hcgym-lang__item.is-active {
color: #fff;
background: rgba(227,27,35,.18);
} .hcgym-burger {
display: none;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
padding: 0;
border-radius: 999px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
cursor: pointer;
}
.hcgym-burger span {
width: 18px;
height: 2px;
border-radius: 999px;
background: #fff;
}
.hcgym-burger.is-open span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.hcgym-burger.is-open span:nth-child(2) {
opacity: 0;
}
.hcgym-burger.is-open span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.hcgym-mobile-panel {
position: fixed;
inset: 0;
z-index: 10000;
opacity: 0;
visibility: hidden;
pointer-events: none;
background: rgba(0,0,0,.66);
backdrop-filter: blur(14px);
}
.hcgym-mobile-panel.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.hcgym-mobile-panel__inner {
position: absolute;
top: 0;
right: 0;
width: min(430px, 92vw);
height: 100%;
padding: 24px;
background:
radial-gradient(circle at 20% 0%, rgba(227,27,35,.24), transparent 34%),
linear-gradient(135deg, #111, #050505);
border-left: 1px solid var(--hc-border);
transform: translateX(24px);
transition: transform .24s ease;
overflow-y: auto;
}
.hcgym-mobile-panel.is-open .hcgym-mobile-panel__inner {
transform: translateX(0);
}
.hcgym-mobile-panel__top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 34px;
}
.hcgym-mobile-close {
width: 44px;
height: 44px;
border: 0;
border-radius: 999px;
color: #fff;
background: rgba(255,255,255,.08);
font-size: 30px;
cursor: pointer;
}
.hcgym-mobile-nav .hcgym-menu {
display: block;
}
.hcgym-mobile-nav .hcgym-menu > li {
margin-bottom: 8px;
}
.hcgym-mobile-nav .hcgym-menu > li > a {
width: 100%;
min-height: 54px;
justify-content: flex-start;
padding: 0 18px;
border-radius: 18px;
color: rgba(255,255,255,.80);
background: rgba(255,255,255,.065);
border: 1px solid rgba(255,255,255,.10);
font-size: 16px;
}
.hcgym-mobile-nav .hcgym-menu .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
margin: 8px 0 0 16px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.hcgym-mobile-lang {
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid var(--hc-border);
} .hcgym-page,
.hcgym-single-post,
.hcgym-blog-page {
position: relative;
padding: 76px 0 92px;
}
.hcgym-page::before,
.hcgym-single-post::before,
.hcgym-blog-page::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
background-size: 58px 58px;
mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 90%);
}
.hcgym-page > *,
.hcgym-single-post > *,
.hcgym-blog-page > * {
position: relative;
z-index: 1;
}
.hcgym-page-hero,
.hcgym-post-hero {
margin-bottom: 38px;
}
.hcgym-page-title {
max-width: 980px;
margin: 0;
color: #fff;
font-size: clamp(42px, 6vw, 78px);
line-height: .92;
font-weight: 950;
letter-spacing: -.075em;
text-transform: uppercase;
}
.hcgym-page-lead {
max-width: 760px;
margin: 14px 0 0;
color: var(--hc-muted);
font-size: 17px;
line-height: 1.55;
font-weight: 750;
}
.hcgym-entry {
color: rgba(255,255,255,.74);
font-size: 16px;
line-height: 1.72;
}
.hcgym-entry :where(h1,h2,h3,h4,h5,h6) {
color: #fff;
font-weight: 950;
letter-spacing: -.045em;
text-transform: uppercase;
}
.hcgym-entry h2 {
margin-top: 54px;
font-size: clamp(30px, 4vw, 48px);
line-height: .98;
}
.hcgym-entry h3 {
margin-top: 36px;
font-size: clamp(22px, 3vw, 32px);
line-height: 1.05;
}
.hcgym-entry a {
color: #fff;
text-decoration-color: rgba(227,27,35,.55);
text-underline-offset: 4px;
}
.hcgym-entry img {
border-radius: var(--hc-radius);
}
.wp-block-group,
.wp-block-columns,
.wp-block-media-text,
.wp-block-cover {
border-radius: var(--hc-radius);
}
.hcgym-entry .wp-block-button__link,
.hcgym-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 20px;
border-radius: 999px;
color: #fff;
background: linear-gradient(135deg, #e31b23, #ff3440);
border: 1px solid rgba(255,255,255,.16);
font-size: 14px;
font-weight: 950;
line-height: 1;
text-decoration: none;
} .hcgym-blog-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px;
}
.hcgym-blog-card {
overflow: hidden;
border-radius: var(--hc-radius);
background:
linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
rgba(18,18,18,.74);
border: 1px solid var(--hc-border);
box-shadow: var(--hc-shadow);
}
.hcgym-blog-card__link {
display: grid;
grid-template-rows: auto 1fr;
height: 100%;
color: inherit;
text-decoration: none;
}
.hcgym-blog-card__image {
aspect-ratio: 16 / 9;
min-height: 220px;
background: rgba(255,255,255,.055);
overflow: hidden;
}
.hcgym-blog-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hcgym-blog-card__image span {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,.18);
font-size: 54px;
font-weight: 950;
letter-spacing: -.08em;
}
.hcgym-blog-card__content {
display: flex;
flex-direction: column;
min-height: 250px;
padding: 24px 26px 26px;
}
.hcgym-blog-card__meta {
margin-bottom: 14px;
color: rgba(255,255,255,.48);
font-size: 11px;
font-weight: 950;
letter-spacing: .08em;
text-transform: uppercase;
}
.hcgym-blog-card__title {
margin: 0;
color: #fff;
font-size: clamp(22px, 2.35vw, 32px);
line-height: 1.04;
font-weight: 950;
letter-spacing: -.048em;
text-transform: uppercase;
}
.hcgym-blog-card__excerpt {
margin: 14px 0 0;
color: rgba(255,255,255,.66);
font-size: 14px;
line-height: 1.55;
font-weight: 650;
}
.hcgym-blog-card .hcgym-button {
margin-top: auto;
background: rgba(255,255,255,.10);
}
.hcgym-pagination {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 42px;
}
.hcgym-pagination .page-numbers {
min-width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
color: rgba(255,255,255,.70);
background: rgba(255,255,255,.07);
border: 1px solid var(--hc-border);
font-weight: 950;
text-decoration: none;
}
.hcgym-pagination .current,
.hcgym-pagination .page-numbers:hover {
color: #fff;
background: rgba(227,27,35,.22);
border-color: rgba(227,27,35,.42);
} .hcgym-footer {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 10% 0%, rgba(227, 27, 35, .18), transparent 32%),
linear-gradient(135deg, #080808, #050505);
border-top: 1px solid var(--hc-border);
color: #fff;
}
.hcgym-footer__inner {
width: min(1320px, calc(100% - 48px));
margin: 0 auto;
padding: 58px 0 28px;
}
.hcgym-footer__top {
display: grid;
grid-template-columns: 1fr auto;
gap: 34px;
align-items: end;
margin-bottom: 42px;
}
.hcgym-kicker {
width: fit-content;
margin-bottom: 14px;
padding: 8px 13px;
border-radius: 999px;
color: #ff555c;
background: rgba(227,27,35,.16);
border: 1px solid rgba(227,27,35,.30);
font-size: 12px;
font-weight: 950;
letter-spacing: .09em;
text-transform: uppercase;
}
.hcgym-footer__title {
margin: 0;
color: #fff;
font-size: clamp(34px, 5vw, 64px);
line-height: .9;
font-weight: 950;
letter-spacing: -.065em;
text-transform: uppercase;
}
.hcgym-footer__text {
max-width: 520px;
color: rgba(255,255,255,.66);
font-size: 15px;
line-height: 1.55;
font-weight: 750;
}
.hcgym-footer-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.hcgym-footer-menu a {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border-radius: 999px;
color: rgba(255,255,255,.72);
background: rgba(255,255,255,.065);
border: 1px solid rgba(255,255,255,.12);
font-size: 13px;
font-weight: 850;
text-decoration: none;
}
.hcgym-footer-gyms__title {
margin-bottom: 18px;
color: rgba(255,255,255,.46);
font-size: 12px;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.hcgym-footer-gyms__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.hcgym-footer-gym {
padding: 22px;
border-radius: 24px;
background:
linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
rgba(18,18,18,.72);
border: 1px solid var(--hc-border);
}
.hcgym-footer-gym__title {
display: block;
margin-bottom: 18px;
color: #fff;
font-size: 20px;
line-height: .95;
font-weight: 950;
letter-spacing: -.045em;
text-transform: uppercase;
text-decoration: none;
}
.hcgym-footer-gym__row {
display: grid;
gap: 5px;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid rgba(255,255,255,.075);
}
.hcgym-footer-gym__row span {
color: rgba(255,255,255,.42);
font-size: 10px;
font-weight: 950;
letter-spacing: .11em;
text-transform: uppercase;
}
.hcgym-footer-gym__row strong,
.hcgym-footer-gym__row a {
color: rgba(255,255,255,.88);
font-size: 13px;
line-height: 1.35;
font-weight: 850;
text-decoration: none;
}
.hcgym-footer__bottom {
display: flex;
justify-content: space-between;
gap: 18px;
margin-top: 34px;
padding-top: 24px;
border-top: 1px solid var(--hc-border);
color: rgba(255,255,255,.48);
font-size: 12px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
} @media (max-width: 1180px) {
.hcgym-brand__title {
display: none;
}
.hcgym-menu {
gap: 4px;
}
.hcgym-menu > li > a {
padding: 0 9px;
font-size: 12px;
}
.hcgym-footer-gyms__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 989px) {
.hcgym-header__inner {
min-height: 74px;
grid-template-columns: auto auto;
}
.hcgym-nav {
display: none;
}
.hcgym-header__actions {
padding-left: 0;
border-left: 0;
}
.hcgym-header__actions > .hcgym-lang {
display: none;
}
.hcgym-burger {
display: inline-flex;
}
.hcgym-brand__title {
display: block;
max-width: 170px;
font-size: 15px;
}
.hcgym-page,
.hcgym-single-post,
.hcgym-blog-page {
padding: 54px 0 64px;
}
.hcgym-container {
width: calc(100% - 32px);
}
.hcgym-page-title {
font-size: clamp(34px, 11vw, 48px);
line-height: .96;
letter-spacing: -.06em;
}
.hcgym-page-lead,
.hcgym-entry {
font-size: 15px;
line-height: 1.62;
}
.hcgym-blog-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.hcgym-blog-card__title {
font-size: clamp(22px, 7vw, 32px);
}
.hcgym-footer__top {
grid-template-columns: 1fr;
align-items: start;
}
.hcgym-footer-menu {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.hcgym-header__inner,
.hcgym-footer__inner,
.hcgym-container {
width: calc(100% - 28px);
}
.hcgym-brand__logo {
max-width: 50px;
max-height: 50px;
}
.hcgym-brand__title {
max-width: 136px;
font-size: 14px;
}
.hcgym-mobile-panel__inner {
width: 100%;
padding: 20px;
}
.hcgym-blog-card__image {
min-height: 180px;
aspect-ratio: 16 / 10;
}
.hcgym-blog-card__content {
min-height: auto;
padding: 20px;
}
.hcgym-footer-gyms__grid {
grid-template-columns: 1fr;
}
.hcgym-footer-menu {
display: grid;
grid-template-columns: 1fr;
}
.hcgym-footer-menu a {
justify-content: center;
}
.hcgym-footer__bottom {
flex-direction: column;
align-items: flex-start;
}
}
.hcgym-skip-link {
position: fixed;
left: 20px;
top: 20px;
z-index: 20000;
transform: translateY(-120px);
padding: 12px 16px;
border-radius: 999px;
color: #fff;
background: var(--hc-red);
font-weight: 900;
text-decoration: none;
}
.hcgym-skip-link:focus {
transform: translateY(0);
} :root {
--hc-container: 1320px;
--hc-page-gutter: 24px;
} #top .hc-trainers-archive,
#top .hc-gyms-archive,
#top .hc-trainer-page,
#top .hc-gym-page,
#top .hc-story-page,
#top .hc-trainer-info-page,
#top .hc-blog-page,
#top .hcgym-blog-page {
padding-left: 0 !important;
padding-right: 0 !important;
}
#top .hcgym-header__inner,
#top .hcgym-footer__inner,
#top .hcgym-container,
#top .hc-trainers-container,
#top .hc-gyms-container,
#top .hc-trainer-container,
#top .hc-gym-container,
#top .hc-story-container,
#top .hc-trainer-info-container,
#top .hc-blog-container,
#top .hcgym-blog-container {
box-sizing: border-box;
width: min(var(--hc-container), calc(100% - var(--hc-page-gutter) - var(--hc-page-gutter))) !important;
max-width: var(--hc-container) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
min-width: 0;
}
@media (max-width: 640px) {
:root { --hc-page-gutter: 14px; }
}
@media (max-width: 680px) {
#top .hc-trainer-join-cta {
padding: 24px 20px !important;
}
#top .hc-trainer-join-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 22px !important;
}
#top .hc-trainer-join-title {
max-width: none !important;
font-size: 25px !important;
line-height: 1.16 !important;
letter-spacing: -.025em !important;
text-transform: none !important;
margin: 14px 0 12px !important;
}
#top .hc-trainer-join-text {
max-width: none !important;
font-size: 15px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
margin: 0 !important;
}
#top .hc-trainer-join-actions {
width: 100% !important;
}
#top .hc-trainer-join-button {
display: flex !important;
justify-content: center !important;
width: 100% !important;
box-sizing: border-box;
}
}
#top .hc-gyms-story-inner {
grid-template-columns: minmax(0, 1fr);
gap: 22px;
}
#top .hc-gyms-story-title {
max-width: none;
font-size: clamp(28px, 3.5vw, 50px) !important;
line-height: 1.1 !important;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: balance;
}
#top .hc-gyms-story-button {
justify-self: start;
max-width: 100%;
white-space: normal;
}
#top .hc-trainers-archive .hc-trainer-card-image img,
#top .hc-trainers-archive .hc-trainer-archive-card:hover .hc-trainer-card-image img {
object-fit: cover !important;
object-position: center top !important;
transform: none !important;
}
#top .hcgym-single-post .hcgym-page-title {
width: 100%;
max-width: none;
font-size: clamp(32px, 4.5vw, 68px);
line-height: 1.08;
white-space: normal;
word-break: normal;
}