:root { --jhf-primary:        var(--e-global-color-primary,   #0D1D31); --jhf-primary-dark:   #06121F;
--jhf-primary-soft:   #1a2d4a; --jhf-secondary:      var(--e-global-color-secondary, #EC005F); --jhf-secondary-dark: #C7004F;
--jhf-secondary-soft: #FF3380; --jhf-accent:         var(--e-global-color-accent,    #EC005F); --jhf-text:           var(--e-global-color-text,      #435469);
--jhf-text-strong:    var(--e-global-color-primary,   #0D1D31);
--jhf-text-muted:     #5B6572; --jhf-text-on-dark:   #E8ECF1; --jhf-bg:             #FAFAF7;
--jhf-surface:        #FFFFFF;
--jhf-surface-alt:    #F7F8FA;
--jhf-surface-dark:   var(--e-global-color-primary,   #0D1D31);
--jhf-border:         #E1E5EB; --jhf-success:        #2E8B57;
--jhf-error:          #D93545; --jhf-font-display:   var(--e-global-typography-primary-font-family, 'Raleway'), system-ui, sans-serif;
--jhf-font-body:      var(--e-global-typography-text-font-family,    'Raleway'), system-ui, sans-serif; --jhf-text-xs:        0.75rem; --jhf-text-sm:        0.875rem; --jhf-text-eyebrow:   1rem; --jhf-text-base:      1.125rem; --jhf-text-lg:        1.25rem; --jhf-text-xl:        1.375rem; --jhf-text-2xl:       1.625rem; --jhf-text-3xl:       2rem; --jhf-text-4xl:       2.75rem; --jhf-text-hero:      4rem;  --jhf-eyebrow-tracking: 0.156em;  --jhf-space-1: 0.25rem;
--jhf-space-2: 0.5rem;
--jhf-space-3: 0.75rem;
--jhf-space-4: 1rem;
--jhf-space-6: 1.5rem;
--jhf-space-8: 2rem;
--jhf-space-12: 3rem;
--jhf-space-16: 4rem;
--jhf-space-24: 6rem; --jhf-radius-sm:   0.5rem;
--jhf-radius-md:   0.75rem;
--jhf-radius-lg:   1rem;
--jhf-radius-xl:   1.5rem;
--jhf-radius-full: 9999px; --jhf-shadow-sm:   0 1px 2px rgba(13, 29, 49, 0.06);
--jhf-shadow-md:   0 6px 24px rgba(13, 29, 49, 0.08);
--jhf-shadow-lg:   0 18px 48px rgba(13, 29, 49, 0.14);
--jhf-shadow-btn:  0 10px 40px rgba(13, 29, 49, 0.10); --jhf-shadow-pink: 0 8px 24px rgba(236, 0, 95, 0.28);
} .jhf-eyebrow {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-eyebrow);
font-weight: 700;
line-height: 1.4;
letter-spacing: var(--jhf-eyebrow-tracking);
text-transform: uppercase;
color: var(--jhf-secondary);
}.jhf-consent {
position: fixed;
left: 50%;
bottom: 16px;
transform: translateX(-50%);
z-index: 2147483000;
box-sizing: border-box;
width: min(820px, calc(100% - 32px));
max-height: calc(100vh - 32px);
overflow: auto;
padding: var(--jhf-space-6);
background: var(--jhf-primary, #0D1D31);
color: var(--jhf-text-on-dark, #E8ECF1);
border: 1px solid var(--jhf-primary-soft, #1a2d4a);
border-radius: var(--jhf-radius-lg, 1rem);
box-shadow: var(--jhf-shadow-lg);
font-family: var(--jhf-font-body);
font-size: var(--jhf-text-sm);
line-height: 1.55;
text-align: left;
}
.jhf-consent *,
.jhf-consent *::before,
.jhf-consent *::after { box-sizing: border-box; }
.jhf-consent--banner {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-4);
align-items: center;
justify-content: space-between;
}
.jhf-consent--pannello { width: min(580px, calc(100% - 32px)); }
.jhf-consent__text { flex: 1 1 340px; min-width: 240px; }
.jhf-consent__title,
.jhf-consent__heading {
margin: 0 0 var(--jhf-space-1);
font-family: var(--jhf-font-display);
font-weight: 800;
color: #fff;
}
.jhf-consent__title { font-size: var(--jhf-text-base); }
.jhf-consent__heading { font-size: var(--jhf-text-xl); line-height: 1.25; }
.jhf-consent__desc {
margin: 0;
color: #B9C3CF;
font-size: var(--jhf-text-sm);
}
.jhf-consent--pannello .jhf-consent__desc { margin-bottom: var(--jhf-space-2); }
.jhf-consent__link,
.jhf-consent__link:visited {
color: #fff;
text-decoration: underline;
text-underline-offset: 2px;
}
.jhf-consent__link:hover { color: var(--jhf-secondary-soft, #FF3380); }
.jhf-consent__actions {
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
gap: var(--jhf-space-2);
}
.jhf-consent__actions--panel {
justify-content: flex-end;
padding-top: var(--jhf-space-4);
border-top: 1px solid var(--jhf-primary-soft, #1a2d4a);
} .jhf-consent .jhf-consent__btn { margin: 0; white-space: nowrap; }
.jhf-consent .jhf-button--white:hover,
.jhf-consent .jhf-button--white:focus { border-color: #ffffff !important; }
.jhf-consent__link:focus-visible,
.jhf-consent__check:focus-visible {
outline: 2px solid var(--jhf-secondary-soft, #FF3380);
outline-offset: 2px;
}
.jhf-consent__row {
display: flex;
gap: var(--jhf-space-4);
align-items: flex-start;
padding: var(--jhf-space-4) 0;
border-top: 1px solid var(--jhf-primary-soft, #1a2d4a);
}
.jhf-consent__row-text { flex: 1 1 auto; }
.jhf-consent__row-title {
display: block;
margin-bottom: 2px;
font-weight: 700;
color: #fff;
cursor: pointer;
}
.jhf-consent__row-desc { margin: 0; color: #B9C3CF; font-size: 0.8125rem; line-height: 1.5; }
.jhf-consent__row-control {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: var(--jhf-space-2);
margin-top: 2px;
color: #B9C3CF;
font-size: 0.8125rem;
}
.jhf-consent__check {
width: 20px;
height: 20px;
margin: 0;
accent-color: var(--jhf-secondary, #EC005F);
cursor: pointer;
}
.jhf-consent__check:disabled { cursor: default; }
@media (max-width: 640px) {
.jhf-consent { bottom: 8px; width: calc(100% - 16px); padding: var(--jhf-space-4); max-height: calc(100vh - 16px); }
.jhf-consent__actions { width: 100%; }
.jhf-consent .jhf-consent__btn { flex: 1 1 auto; }
}.jhf-page {
font-family: var(--jhf-font-body);
color: var(--jhf-text);
font-size: var(--jhf-text-base);
line-height: 1.65;
padding: 0;
}
.jhf-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 var(--jhf-space-6);
}
.jhf-section { padding: var(--jhf-space-16) 0; }
.jhf-section--tight { padding: var(--jhf-space-12) 0; }
.jhf-eyebrow {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-eyebrow);
font-weight: 700;
line-height: 1.4;
letter-spacing: var(--jhf-eyebrow-tracking);
text-transform: uppercase;
color: var(--jhf-secondary);
margin: 0 0 var(--jhf-space-4);
}
.jhf-eyebrow .sep { margin: 0 0.5em; opacity: 0.5; }
.jhf-eyebrow--on-dark { color: rgba(255,255,255,0.85); } .jhf-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 14px 28px;
border: 2px solid transparent;
border-radius: var(--jhf-radius-full);
font-family: var(--jhf-font-display);
font-size: 15px;
font-weight: 700;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background-color .25s ease-out, color .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out, transform .25s ease-out;
}
.jhf-button:hover:not([disabled]) {
transform: translateY(-2px);
box-shadow: var(--jhf-shadow-btn, 0 10px 40px rgba(13,29,49,0.10));
}
.jhf-button:focus-visible {
outline: 2px solid var(--jhf-secondary);
outline-offset: 2px;
}
.jhf-button[disabled] { opacity: 0.55; cursor: not-allowed; }
.jhf-button--primary {
background: var(--jhf-secondary);
color: #fff;
border-color: var(--jhf-secondary);
}
.jhf-button--primary:hover:not([disabled]) {
background: var(--jhf-secondary-soft);
border-color: var(--jhf-secondary-soft);
color: #fff;
}
.jhf-button--navy {
background: var(--jhf-primary);
color: #fff;
}
.jhf-button--navy:hover { background: var(--jhf-primary-dark); color: #fff; } .jhf-button--secondary {
background: white;
color: var(--jhf-primary);
border-color: var(--jhf-border, #E5E7EB);
}
.jhf-button--secondary:hover { background: var(--jhf-surface-alt, #F7F8FA); color: var(--jhf-primary); }
.jhf-button--outline {
background: transparent;
color: var(--jhf-primary);
border-color: var(--jhf-primary);
}
.jhf-button--outline:hover { background: var(--jhf-primary); color: #fff; }
.jhf-button--ghost {
background: transparent;
color: var(--jhf-secondary);
padding-left: 0;
padding-right: 0;
}
.jhf-button--ghost:hover { color: var(--jhf-secondary-dark); } .jhf-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
}
.jhf-icon--accent { color: var(--jhf-secondary); }
.jhf-icon--lg { width: 22px; height: 22px; } .jhf-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: var(--jhf-radius-full);
font-size: 13px;
font-weight: 600;
background: var(--jhf-surface-alt);
color: var(--jhf-primary);
border: 1px solid var(--jhf-border);
}
.jhf-chip .jhf-icon { width: 14px; height: 14px; }
.jhf-chip--accent {
background: rgba(236, 0, 95, 0.08);
color: var(--jhf-secondary-dark);
border-color: rgba(236, 0, 95, 0.25);
}
.jhf-chip--ghost {
background: transparent;
border-color: var(--jhf-border);
} .jhf-event-header { padding: var(--jhf-space-16) 0 var(--jhf-space-12); }
.jhf-event-header__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-3xl);
font-weight: 900;
line-height: 1.1;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-6);
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
.jhf-event-header__title { font-size: var(--jhf-text-4xl); }
}
.jhf-event-header__meta {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-2) var(--jhf-space-6);
margin-top: var(--jhf-space-6);
color: var(--jhf-text-strong);
font-size: var(--jhf-text-sm);
}
.jhf-event-header__meta-item {
display: inline-flex;
align-items: center;
gap: 8px;
} .jhf-stat-strip {
background: var(--jhf-primary);
color: #fff;
padding: 64px 0;
}
.jhf-stat-strip__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
text-align: center;
}
@media (min-width: 768px) {
.jhf-stat-strip__grid {
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
}
.jhf-stat {
position: relative;
padding: 0 16px;
}
.jhf-stat__value {
display: inline-flex;
align-items: flex-start;
justify-content: center;
}
.jhf-stat__num {
display: block;
font-family: var(--jhf-font-display);
font-size: clamp(40px, 5vw, 60px);
font-weight: 900;
color: var(--jhf-secondary);
letter-spacing: -0.03em;
line-height: 1;
margin-bottom: 4px;
font-variant-numeric: tabular-nums;
}
.jhf-stat__plus {
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3.5vw, 44px);
font-weight: 900;
line-height: 1;
color: var(--jhf-secondary);
margin-left: 4px;
}
.jhf-stat__label {
display: block;
margin: 4px 0 0;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,0.75);
} .jhf-companies-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
@media (min-width: 640px) {
.jhf-companies-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.jhf-companies-grid { grid-template-columns: repeat(3, 1fr); }
} .jhf-company-card {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
transition: box-shadow .2s ease, transform .2s ease;
}
.jhf-company-card:hover {
box-shadow: var(--jhf-shadow-md);
transform: translateY(-2px);
}
.jhf-company-card__head {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
}
.jhf-company-card__logo {
width: 64px;
height: 64px;
flex-shrink: 0;
border-radius: var(--jhf-radius-md);
background: var(--jhf-surface-alt);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.jhf-company-card__logo img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 6px;
}
.jhf-company-card__logo--placeholder { color: var(--jhf-text-muted); }
.jhf-company-card__logo--placeholder .jhf-icon { width: 28px; height: 28px; }
.jhf-company-card__name {
font-family: var(--jhf-font-display);
font-size: 18px;
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0;
line-height: 1.2;
}
.jhf-company-card__sector {
margin: 4px 0 0;
font-size: 13px;
font-weight: 500;
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.jhf-company-card__excerpt {
color: var(--jhf-text);
font-size: 15px;
margin: 0;
line-height: 1.55;
}
.jhf-company-card__chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.jhf-company-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--jhf-space-4);
margin-top: auto;
padding-top: var(--jhf-space-4);
border-top: 1px solid var(--jhf-border);
flex-wrap: wrap;
} .jhf-event-card {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow .2s ease, transform .2s ease;
}
.jhf-event-card:hover {
box-shadow: var(--jhf-shadow-md);
transform: translateY(-2px);
}
.jhf-event-card__cover {
display: block;
background: var(--jhf-surface-alt);
}
.jhf-event-card__cover img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.jhf-event-card__body { padding: var(--jhf-space-6); display: flex; flex-direction: column; gap: var(--jhf-space-3); }
.jhf-event-card__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 700;
margin: 0;
color: var(--jhf-text-strong);
}
.jhf-event-card__title a { color: inherit; text-decoration: none; }
.jhf-event-card__title a:hover { color: var(--jhf-secondary); }
.jhf-event-card__meta {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: 14px;
color: var(--jhf-text);
}
.jhf-event-card .jhf-button { margin-top: var(--jhf-space-4); align-self: flex-start; }
.jhf-events-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
@media (min-width: 768px) {
.jhf-events-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.jhf-events-grid { grid-template-columns: repeat(3, 1fr); }
} .jhf-filter-form {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-4);
align-items: center;
padding: var(--jhf-space-4) var(--jhf-space-6);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-md);
margin-bottom: var(--jhf-space-8);
}
.jhf-filter-form label {
font-size: 14px;
font-weight: 600;
color: var(--jhf-text-strong);
display: inline-flex;
align-items: center;
gap: 8px;
}
.jhf-filter-form select {
padding: 8px 12px;
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-sm);
font-family: var(--jhf-font-body);
font-size: 14px;
background: var(--jhf-surface);
color: var(--jhf-text-strong);
} .jhf-company-page__header { padding: var(--jhf-space-12) 0 var(--jhf-space-6); }
.jhf-company-page__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-3xl);
font-weight: 900;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-3);
line-height: 1.1;
}
@media (min-width: 768px) {
.jhf-company-page__title { font-size: var(--jhf-text-4xl); }
}
.jhf-company-page__sector {
color: var(--jhf-text-muted);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 14px;
}
.jhf-company-page__body { padding: var(--jhf-space-6) 0; }
.jhf-company-page__events {
background: var(--jhf-surface-alt);
padding: var(--jhf-space-12) 0;
margin-top: var(--jhf-space-12);
} .jhf-empty {
background: var(--jhf-surface);
border: 1px dashed var(--jhf-border);
padding: var(--jhf-space-12);
border-radius: var(--jhf-radius-lg);
text-align: center;
color: var(--jhf-text-muted);
} .jhf-button,
a.jhf-button,
a.jhf-button:link,
a.jhf-button:visited,
a.jhf-button:hover,
a.jhf-button:active,
a.jhf-button:focus,
button.jhf-button {
text-decoration: none !important;
font-family: var(--jhf-font-display) !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: normal !important;
border-radius: var(--jhf-radius-full) !important;
}
.jhf-button--primary,
a.jhf-button--primary,
a.jhf-button--primary:link,
a.jhf-button--primary:visited,
button.jhf-button--primary {
background-color: var(--jhf-secondary) !important;
color: #ffffff !important;
border-color: var(--jhf-secondary) !important;
}
.jhf-button--primary:hover,
a.jhf-button--primary:hover,
a.jhf-button--primary:focus,
button.jhf-button--primary:hover {
background-color: var(--jhf-secondary-soft) !important;
color: #ffffff !important;
border-color: var(--jhf-secondary-soft) !important;
}
.jhf-button--navy,
a.jhf-button--navy:link,
a.jhf-button--navy:visited,
button.jhf-button--navy {
background-color: var(--jhf-primary) !important;
color: #ffffff !important;
border-color: var(--jhf-primary) !important;
}
.jhf-button--navy:hover,
a.jhf-button--navy:hover,
a.jhf-button--navy:focus {
background-color: var(--jhf-primary-dark) !important;
color: #ffffff !important;
} .jhf-button--secondary,
a.jhf-button--secondary:link,
a.jhf-button--secondary:visited,
button.jhf-button--secondary {
background-color: #ffffff !important;
color: var(--jhf-primary) !important;
border: 2px solid var(--jhf-border, #E5E7EB) !important;
}
.jhf-button--secondary:hover,
a.jhf-button--secondary:hover,
a.jhf-button--secondary:focus {
background-color: var(--jhf-surface-alt, #F7F8FA) !important;
color: var(--jhf-primary) !important;
}
.jhf-button--outline,
a.jhf-button--outline:link,
a.jhf-button--outline:visited,
button.jhf-button--outline {
background-color: transparent !important;
color: var(--jhf-primary) !important;
border: 1px solid var(--jhf-primary) !important;
}
.jhf-button--outline:hover,
a.jhf-button--outline:hover {
background-color: var(--jhf-primary) !important;
color: #ffffff !important;
}
.jhf-button--ghost,
a.jhf-button--ghost:link,
a.jhf-button--ghost:visited,
button.jhf-button--ghost {
background-color: transparent !important;
color: var(--jhf-secondary) !important;
border-color: transparent !important;
}
.jhf-button--ghost:hover,
a.jhf-button--ghost:hover {
color: var(--jhf-secondary-dark) !important;
} .jhf-button .jhf-icon { color: currentColor !important; } .jhf-shortcode { font-family: var(--jhf-font-body); color: var(--jhf-text); }
.jhf-form {
max-width: 480px;
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
background: var(--jhf-surface);
padding: var(--jhf-space-8);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
}
.jhf-form--inline { padding: 0; border: none; max-width: none; gap: var(--jhf-space-3); }
.jhf-form__row { display: flex; flex-direction: column; gap: 6px; }
.jhf-form__row label {
font-size: 14px;
font-weight: 600;
color: var(--jhf-text-strong);
}
.jhf-form__req { color: var(--jhf-secondary); margin-left: 2px; }
.jhf-form__help { font-size: 13px; color: var(--jhf-text-muted); margin: 0; }
.jhf-form input[type="text"],
.jhf-form input[type="email"],
.jhf-form input[type="password"],
.jhf-form input[type="file"] {
padding: 10px 14px;
font-family: var(--jhf-font-body);
font-size: 16px;
line-height: 1.4;
color: var(--jhf-text-strong);
background: #fff;
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-sm);
transition: border-color .15s, box-shadow .15s;
}
.jhf-form input:focus {
outline: none;
border-color: var(--jhf-secondary);
box-shadow: 0 0 0 3px rgba(236, 0, 95, 0.15);
}
.jhf-form__row--checkbox label {
flex-direction: row;
align-items: flex-start;
gap: 10px;
font-weight: 400;
color: var(--jhf-text);
font-size: 15px;
line-height: 1.5;
cursor: pointer;
}
.jhf-form__row--checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: var(--jhf-secondary);
}
.jhf-form__footer {
font-size: 14px;
color: var(--jhf-text-muted);
text-align: center;
margin: var(--jhf-space-4) 0 0;
}
.jhf-form__footer a { color: var(--jhf-secondary); font-weight: 600; } .jhf-notice {
padding: 14px 18px;
border-radius: var(--jhf-radius-sm);
margin-bottom: var(--jhf-space-6);
font-size: 15px;
line-height: 1.5;
border: 1px solid;
}
.jhf-notice a { font-weight: 600; }
.jhf-notice--success { background: #ecfdf5; color: #065f46; border-color: #a7f3d0; }
.jhf-notice--error   { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
.jhf-notice--info    { background: #eff6ff; color: #1e3a8a; border-color: #bfdbfe; } .jhf-dashboard {
max-width: 1200px;
margin: 0 auto;
padding: var(--jhf-space-8) var(--jhf-space-6);
}
.jhf-dashboard__header { margin-bottom: var(--jhf-space-12); }
.jhf-dashboard__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-3xl);
font-weight: 900;
color: var(--jhf-text-strong);
margin: 0;
line-height: 1.1;
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
.jhf-dashboard__title { font-size: var(--jhf-text-4xl); }
}
.jhf-dashboard__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-8);
}
@media (min-width: 768px) {
.jhf-dashboard__grid { grid-template-columns: repeat(2, 1fr); }
}
.jhf-dashboard__card {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-8);
}
.jhf-dashboard__card-title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-6);
padding-bottom: var(--jhf-space-3);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-dashboard__cv-info { margin: 0 0 var(--jhf-space-4); }
.jhf-dashboard__profile { margin: 0; }
.jhf-dashboard__profile dt {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--jhf-text-muted);
margin-bottom: 4px;
}
.jhf-dashboard__profile dd {
margin: 0 0 var(--jhf-space-4);
color: var(--jhf-text-strong);
font-weight: 600;
font-size: 16px;
} .jhf-dashboard__subtitle {
margin: var(--jhf-space-4) 0 0;
color: var(--jhf-text);
font-size: var(--jhf-text-lg);
max-width: 65ch;
}
.jhf-dashboard__quick {
margin: var(--jhf-space-12) 0 var(--jhf-space-16);
}
.jhf-dashboard__quick-title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-8);
letter-spacing: -0.01em;
}
.jhf-quick-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
@media (min-width: 768px) {
.jhf-quick-grid { grid-template-columns: repeat(3, 1fr); }
}
.jhf-quick-card {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-8);
display: flex;
flex-direction: column;
gap: var(--jhf-space-3);
transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.jhf-quick-card:hover {
box-shadow: var(--jhf-shadow-md);
transform: translateY(-2px);
}
.jhf-quick-card__icon {
width: 48px;
height: 48px;
border-radius: var(--jhf-radius-md);
background: var(--jhf-surface-alt);
color: var(--jhf-secondary);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--jhf-space-2);
}
.jhf-quick-card__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0;
line-height: 1.2;
}
.jhf-quick-card__text {
color: var(--jhf-text);
font-size: 15px;
line-height: 1.55;
margin: 0 0 var(--jhf-space-4);
flex-grow: 1;
}
.jhf-quick-card .jhf-button {
align-self: flex-start;
} .jhf-quick-card--highlight {
background: var(--jhf-surface-dark);
border-color: var(--jhf-surface-dark);
color: #fff;
}
.jhf-quick-card--highlight .jhf-quick-card__title { color: #fff; }
.jhf-quick-card--highlight .jhf-quick-card__text  { color: rgba(255,255,255,0.85); }
.jhf-quick-card--highlight .jhf-quick-card__icon {
background: rgba(236, 0, 95, 0.15);
color: var(--jhf-secondary);
} .jhf-cv-actions {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-3);
align-items: center;
}
.jhf-cv-delete-form { display: inline; margin: 0; padding: 0; }
.jhf-button--danger-ghost,
button.jhf-button--danger-ghost {
background-color: transparent !important;
color: var(--jhf-error) !important;
border: 1px solid transparent !important;
}
.jhf-button--danger-ghost:hover,
button.jhf-button--danger-ghost:hover {
background-color: rgba(217, 53, 69, 0.08) !important;
color: var(--jhf-error) !important;
border-color: rgba(217, 53, 69, 0.25) !important;
} .jhf-booking { max-width: 1200px; margin: 0 auto; padding: var(--jhf-space-12) var(--jhf-space-6); }
.jhf-booking__header { margin-bottom: var(--jhf-space-12); }
.jhf-booking__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-3xl);
font-weight: 900;
color: var(--jhf-text-strong);
margin: var(--jhf-space-3) 0 var(--jhf-space-3);
line-height: 1.1;
}
@media (min-width: 768px) {
.jhf-booking__title { font-size: var(--jhf-text-4xl); }
}
.jhf-booking__meta {
display: inline-flex; align-items: center; gap: 8px;
color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-4); font-size: 16px;
}
.jhf-booking__stats { display: flex; gap: 8px; flex-wrap: wrap; margin-top: var(--jhf-space-4); }
.jhf-booking__companies { display: flex; flex-direction: column; gap: var(--jhf-space-12); }
.jhf-booking-company {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-8);
scroll-margin-top: 80px;
}
.jhf-booking-company__header {
margin: 0 0 var(--jhf-space-8);
padding-bottom: var(--jhf-space-4);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-booking-company__name {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-3);
line-height: 1.2;
}
.jhf-booking-company__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.jhf-slot-section { margin-top: var(--jhf-space-6); }
.jhf-slot-section__title {
font-family: var(--jhf-font-display);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted);
margin: 0 0 var(--jhf-space-4);
}
.jhf-slot-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: var(--jhf-space-3);
}
.jhf-slot-form { margin: 0; }
.jhf-slot {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 14px 8px;
border-radius: var(--jhf-radius-md);
border: 1px solid var(--jhf-border);
background: var(--jhf-surface);
font-family: var(--jhf-font-display);
cursor: pointer;
transition: all .15s ease;
}
.jhf-slot__time { font-size: 18px; font-weight: 800; color: var(--jhf-text-strong); }
.jhf-slot__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.jhf-slot--available .jhf-slot__label { color: var(--jhf-secondary); }
.jhf-slot--available:hover {
border-color: var(--jhf-secondary);
background: rgba(236, 0, 95, 0.05);
transform: translateY(-1px);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-slot--mine {
background: var(--jhf-secondary);
border-color: var(--jhf-secondary);
}
.jhf-slot--mine .jhf-slot__time,
.jhf-slot--mine .jhf-slot__label { color: #fff; }
.jhf-slot--mine:hover { background: var(--jhf-secondary-dark); border-color: var(--jhf-secondary-dark); }
.jhf-slot--booked {
background: var(--jhf-surface-alt);
border-color: var(--jhf-border);
cursor: not-allowed;
opacity: 0.55;
}
.jhf-slot--booked .jhf-slot__time { color: var(--jhf-text-muted); }
.jhf-slot--booked .jhf-slot__label { color: var(--jhf-text-muted); } .jhf-dashboard__appointments { margin: var(--jhf-space-12) 0; }
.jhf-appointment-list { display: flex; flex-direction: column; gap: var(--jhf-space-4); }
.jhf-appointment {
display: flex;
align-items: center;
gap: var(--jhf-space-6);
padding: var(--jhf-space-6);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
flex-wrap: wrap;
}
.jhf-appointment__when {
min-width: 200px;
padding-right: var(--jhf-space-4);
border-right: 1px solid var(--jhf-border);
}
@media (max-width: 640px) {
.jhf-appointment__when { border-right: none; padding-right: 0; padding-bottom: var(--jhf-space-3); border-bottom: 1px solid var(--jhf-border); width: 100%; min-width: 0; }
}
.jhf-appointment__date {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--jhf-secondary);
}
.jhf-appointment__time {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 900;
color: var(--jhf-text-strong);
font-variant-numeric: tabular-nums;
line-height: 1.1;
margin-top: 2px;
}
.jhf-appointment__who { flex: 1; min-width: 200px; }
.jhf-appointment__company {
font-family: var(--jhf-font-display);
font-size: 18px;
font-weight: 700;
color: var(--jhf-text-strong);
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.jhf-appointment__company:hover { color: var(--jhf-secondary); }
.jhf-appointment__event {
font-size: 14px;
color: var(--jhf-text-muted);
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.jhf-appointment__event a { color: var(--jhf-text-muted); text-decoration: none; }
.jhf-appointment__event a:hover { color: var(--jhf-secondary); }
.jhf-appointment__actions form { margin: 0; } .jhf-back-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: var(--jhf-text-muted);
text-decoration: none;
margin-bottom: var(--jhf-space-6);
padding: 8px 12px;
border-radius: var(--jhf-radius-md);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
transition: color .15s, border-color .15s;
}
.jhf-back-link:hover { color: var(--jhf-secondary); border-color: var(--jhf-secondary); }
.jhf-icon--flip { transform: rotate(180deg); }
.jhf-booking__intro {
color: var(--jhf-text);
font-size: 16px;
max-width: 65ch;
margin: 0 0 var(--jhf-space-8);
}
.jhf-booking-pickers {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-4);
}
@media (min-width: 640px)  { .jhf-booking-pickers { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .jhf-booking-pickers { grid-template-columns: repeat(3, 1fr); } }
.jhf-picker-card {
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
padding: var(--jhf-space-6);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
color: var(--jhf-text);
text-decoration: none;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.jhf-picker-card:hover {
border-color: var(--jhf-secondary);
transform: translateY(-2px);
box-shadow: var(--jhf-shadow-md);
}
.jhf-picker-card.is-active {
border-color: var(--jhf-secondary);
background: rgba(236, 0, 95, 0.04);
}
.jhf-picker-card.is-full {
opacity: 0.65;
}
.jhf-picker-card__head { display: flex; align-items: center; gap: var(--jhf-space-3); }
.jhf-picker-card__logo {
width: 56px; height: 56px; flex-shrink: 0;
border-radius: var(--jhf-radius-md);
background: var(--jhf-surface-alt);
overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.jhf-picker-card__logo img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.jhf-picker-card__logo--placeholder { color: var(--jhf-text-muted); }
.jhf-picker-card__head-text { min-width: 0; }
.jhf-picker-card__name {
font-family: var(--jhf-font-display);
font-size: 17px;
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0;
line-height: 1.2;
}
.jhf-picker-card__sector {
margin: 4px 0 0;
font-size: 12px;
font-weight: 600;
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.jhf-picker-card__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.jhf-picker-card__cta {
margin-top: auto;
padding-top: var(--jhf-space-3);
border-top: 1px solid var(--jhf-border);
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--jhf-font-display);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--jhf-secondary);
}
.jhf-picker-card.is-full .jhf-picker-card__cta { color: var(--jhf-text-muted); } .jhf-slot--locked {
background: var(--jhf-surface-alt);
border-color: var(--jhf-border);
cursor: not-allowed;
opacity: 0.5;
}
.jhf-slot--locked .jhf-slot__time { color: var(--jhf-text-muted); }
.jhf-slot--locked .jhf-slot__label {
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 1px;
} .jhf-slot-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)) !important;
gap: 8px !important;
}
.jhf-slot-form { margin: 0 !important; padding: 0 !important; }
.jhf-slot,
button.jhf-slot,
.jhf-slot-form button.jhf-slot {
width: 100% !important;
min-height: 56px !important;
padding: 8px 6px !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
border-radius: 12px !important;
background-color: var(--jhf-surface) !important;
border: 1px solid var(--jhf-border) !important;
color: var(--jhf-text-strong) !important;
font-family: var(--jhf-font-display) !important;
font-size: inherit !important;
line-height: 1.1 !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: normal !important;
box-shadow: none !important;
cursor: pointer;
transition: background-color .15s, border-color .15s, transform .15s, box-shadow .15s;
overflow: hidden;
}
.jhf-slot__time {
font-size: 15px !important;
font-weight: 800 !important;
color: inherit !important;
line-height: 1 !important;
font-variant-numeric: tabular-nums;
letter-spacing: -0.01em;
display: block !important;
}
.jhf-slot__label {
font-size: 9px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
color: inherit !important;
line-height: 1 !important;
opacity: 0.7;
display: block !important;
} .jhf-slot--available .jhf-slot__label { color: var(--jhf-secondary) !important; opacity: 1; }
.jhf-slot--available:hover {
background-color: rgba(236, 0, 95, 0.06) !important;
border-color: var(--jhf-secondary) !important;
transform: translateY(-1px);
box-shadow: 0 2px 6px rgba(236, 0, 95, 0.15) !important;
} .jhf-slot--mine,
button.jhf-slot--mine {
background-color: var(--jhf-secondary) !important;
border-color: var(--jhf-secondary) !important;
color: #fff !important;
}
.jhf-slot--mine .jhf-slot__time,
.jhf-slot--mine .jhf-slot__label {
color: #fff !important;
opacity: 1 !important;
}
.jhf-slot--mine:hover {
background-color: var(--jhf-secondary-dark) !important;
border-color: var(--jhf-secondary-dark) !important;
} .jhf-slot--booked,
button.jhf-slot--booked {
background-color: var(--jhf-surface-alt) !important;
border-color: var(--jhf-border) !important;
color: var(--jhf-text-muted) !important;
cursor: not-allowed !important;
opacity: 0.6;
}
.jhf-slot--booked .jhf-slot__time,
.jhf-slot--booked .jhf-slot__label {
color: var(--jhf-text-muted) !important;
opacity: 1 !important;
}
.jhf-slot--booked:hover { transform: none !important; box-shadow: none !important; } .jhf-slot--locked,
button.jhf-slot--locked {
background-color: transparent !important;
border: 1px dashed var(--jhf-border) !important;
color: var(--jhf-text-muted) !important;
cursor: not-allowed !important;
opacity: 0.45;
}
.jhf-slot--locked .jhf-slot__time {
color: var(--jhf-text-muted) !important;
font-weight: 600 !important;
}
.jhf-slot--locked .jhf-slot__label { display: none !important; }
.jhf-slot--locked:hover { transform: none !important; box-shadow: none !important; } .jhf-company-portal { padding: var(--jhf-space-8) var(--jhf-space-6); max-width: 1200px; margin: 0 auto; }
.jhf-company-block { margin: var(--jhf-space-12) 0; }
.jhf-company-block__header { margin-bottom: var(--jhf-space-6); }
.jhf-company-block__name {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 800;
color: var(--jhf-text-strong);
margin: var(--jhf-space-2) 0 0;
letter-spacing: -0.01em;
}
.jhf-event-block {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
margin-bottom: var(--jhf-space-6);
}
.jhf-event-block__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--jhf-space-4);
flex-wrap: wrap;
margin-bottom: var(--jhf-space-6);
padding-bottom: var(--jhf-space-4);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-event-block__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0;
line-height: 1.2;
}
.jhf-event-block__date { margin: 4px 0 0; color: var(--jhf-text-muted); font-size: 14px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.jhf-event-block__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.jhf-appointments-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.jhf-appointments-table thead th {
text-align: left;
padding: 10px 8px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--jhf-text-muted);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-appointments-table tbody td {
padding: 12px 8px;
border-bottom: 1px solid var(--jhf-border);
color: var(--jhf-text);
}
.jhf-appointments-table tbody tr:last-child td { border-bottom: none; }
.jhf-appointments-table tbody tr:hover td { background: var(--jhf-surface-alt); }
.jhf-appointments-table a { color: var(--jhf-secondary); text-decoration: none; } .jhf-button--sm,
a.jhf-button--sm,
button.jhf-button--sm {
padding: 10px 20px !important;
min-height: 38px !important;
font-size: 13px !important;
} .jhf-shortcode .jhf-slot.jhf-slot--mine,
.jhf-shortcode button.jhf-slot.jhf-slot--mine,
.jhf-shortcode .jhf-slot-form button.jhf-slot--mine,
body .jhf-booking .jhf-slot--mine,
body .jhf-booking button.jhf-slot--mine {
background-color: var(--jhf-secondary) !important;
background: var(--jhf-secondary) !important;
background-image: none !important;
border: 1px solid var(--jhf-secondary) !important;
color: #ffffff !important;
}
.jhf-shortcode .jhf-slot--mine .jhf-slot__time,
.jhf-shortcode .jhf-slot--mine .jhf-slot__label,
body .jhf-booking .jhf-slot--mine .jhf-slot__time,
body .jhf-booking .jhf-slot--mine .jhf-slot__label,
.jhf-slot--mine *,
button.jhf-slot--mine * {
color: #ffffff !important;
opacity: 1 !important;
}
.jhf-shortcode .jhf-slot--mine:hover,
body .jhf-booking .jhf-slot--mine:hover {
background-color: var(--jhf-secondary-dark) !important;
background: var(--jhf-secondary-dark) !important;
border-color: var(--jhf-secondary-dark) !important;
} .jhf-shortcode .jhf-slot.jhf-slot--booked,
body .jhf-booking .jhf-slot--booked {
background-color: var(--jhf-surface-alt) !important;
background: var(--jhf-surface-alt) !important;
background-image: none !important;
border: 1px solid var(--jhf-border) !important;
color: var(--jhf-text-muted) !important;
}
.jhf-shortcode .jhf-slot.jhf-slot--locked,
body .jhf-booking .jhf-slot--locked {
background-color: transparent !important;
background: transparent !important;
background-image: none !important;
border: 1px dashed var(--jhf-border) !important;
} .jhf-shortcode .jhf-slot.jhf-slot--available,
body .jhf-booking .jhf-slot--available {
background-color: var(--jhf-surface) !important;
background: var(--jhf-surface) !important;
background-image: none !important;
border: 1px solid var(--jhf-border) !important;
color: var(--jhf-text-strong) !important;
}
.jhf-shortcode .jhf-slot.jhf-slot--available:hover,
body .jhf-booking .jhf-slot--available:hover {
background-color: rgba(236, 0, 95, 0.06) !important;
border-color: var(--jhf-secondary) !important;
} .jhf-company-card__profiles {
margin: 0;
padding: 10px 12px;
background: var(--jhf-surface-alt);
border-radius: var(--jhf-radius-sm);
font-size: 13px;
color: var(--jhf-text);
line-height: 1.5;
}
.jhf-company-card__profiles strong {
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--jhf-text-muted);
margin-bottom: 4px;
} .jhf-waitlist-block {
background: var(--jhf-surface);
border: 1px dashed var(--jhf-secondary);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-8);
margin: var(--jhf-space-6) 0;
text-align: left;
}
.jhf-waitlist-block h3 { color: var(--jhf-text-strong) !important; }
.jhf-waitlist-block p { color: var(--jhf-text); margin-bottom: var(--jhf-space-4); }
.jhf-waitlist-block form { margin: 0; }
.jhf-dashboard__waitlist .jhf-appointment {
border-left: 4px solid var(--jhf-secondary);
} .jhf-danger-zone {
margin-top: var(--jhf-space-16);
padding-top: var(--jhf-space-8);
border-top: 1px dashed var(--jhf-error);
}
.jhf-danger-zone summary {
font-family: var(--jhf-font-display);
font-size: 14px;
font-weight: 700;
color: var(--jhf-error);
text-transform: uppercase;
letter-spacing: 0.06em;
cursor: pointer;
padding: 8px 0;
user-select: none;
}
.jhf-danger-zone summary:hover { opacity: 0.7; }
.jhf-danger-zone__body {
padding: var(--jhf-space-6) 0 0;
} .jhf-qr-scanner { max-width: 1200px; margin: 0 auto; padding: var(--jhf-space-8) var(--jhf-space-6); }
.jhf-qr-scanner__layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-8);
margin-top: var(--jhf-space-8);
}
@media (min-width: 768px) {
.jhf-qr-scanner__layout { grid-template-columns: 1fr 1fr; }
}
.jhf-qr-scanner__camera-box {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
}
.jhf-qr-reader {
width: 100%;
max-width: 500px;
margin: 0 auto var(--jhf-space-4);
border-radius: var(--jhf-radius-md);
overflow: hidden;
background: #000;
min-height: 300px;
}
.jhf-qr-scanner__controls {
display: flex;
gap: var(--jhf-space-3);
flex-wrap: wrap;
justify-content: center;
}
.jhf-qr-scanner__result {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
min-height: 300px;
}
.jhf-checkin-card { display: flex; flex-direction: column; }
.jhf-checkin-appointment {
background: var(--jhf-surface-alt);
border-radius: var(--jhf-radius-md);
padding: var(--jhf-space-4);
margin-bottom: var(--jhf-space-3);
border-left: 4px solid var(--jhf-secondary);
} .jhf-my-qr {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
text-align: center;
margin-top: var(--jhf-space-6);
}
.jhf-my-qr__canvas {
display: inline-block;
padding: var(--jhf-space-4);
background: #fff;
border-radius: var(--jhf-radius-md);
margin: var(--jhf-space-3) auto;
}
.jhf-my-qr__canvas img,
.jhf-my-qr__canvas svg,
.jhf-my-qr__canvas canvas { display: block; max-width: 100%; height: auto; } .jhf-partners-section {
padding: 96px 0;
background: #ffffff;
}
.jhf-partners-section--alt {
background: var(--jhf-surface-alt, #F7F8FA);
} .jhf-section-header {
text-align: center;
max-width: 760px;
margin: 0 auto 64px;
}
.jhf-section-header .jhf-eyebrow {
display: inline-block;
margin-bottom: 16px;
}
.jhf-section-header__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 16px;
}
.jhf-section-header__paragraph {
font-size: 18px;
color: var(--jhf-text);
line-height: 1.6;
margin: 0;
} .jhf-partners__main-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.jhf-partner-main-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 24px;
padding: 40px 32px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
.jhf-partner-main-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 60px rgba(13, 29, 49, 0.12);
border-color: transparent;
}
.jhf-partner-main__logo {
width: 100%;
min-height: 100px;
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 12px;
display: grid;
place-items: center;
padding: 16px;
overflow: hidden;
}
.jhf-partners-section--alt .jhf-partner-main__logo {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
}
.jhf-partner-main__logo-img {
max-width: 100%;
max-height: 80px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.jhf-partner-main__placeholder {
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: 24px;
color: var(--jhf-primary);
letter-spacing: -0.02em;
line-height: 1.1;
text-align: center;
}
.jhf-partner-main__name {
font-family: var(--jhf-font-display);
font-size: 17px;
font-weight: 800;
color: var(--jhf-primary);
margin: 0;
line-height: 1.25;
}
.jhf-partner-main__description {
font-size: 14px;
color: var(--jhf-text-muted, #5B6572);
line-height: 1.55;
margin: 0;
}
.jhf-partner-main__cta {
color: var(--jhf-secondary);
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color .25s ease-out;
}
.jhf-partner-main__cta::after {
content: "→";
transition: transform .25s ease-out;
}
.jhf-partner-main-card:hover .jhf-partner-main__cta::after {
transform: translateX(4px);
}
.jhf-partner-main__cta:hover {
color: var(--jhf-secondary-soft, #FF3380);
} .jhf-partners__base-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
}
.jhf-partner-base-cell {
aspect-ratio: 16/9;
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 12px;
display: grid;
place-items: center;
padding: 16px;
text-decoration: none;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out, color .25s ease-out;
color: var(--jhf-text-muted, #5B6572);
overflow: hidden;
font-weight: 800;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
}
.jhf-partner-base-cell:hover {
transform: translateY(-3px);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
border-color: var(--jhf-primary);
color: var(--jhf-primary);
}
.jhf-partner-base__logo {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.jhf-partner-base__name {
line-height: 1.25;
} .jhf-partners__patrocini-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.jhf-patrocinio-cell {
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: center;
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
padding: 20px 28px;
min-height: 120px;
text-decoration: none;
color: inherit;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
a.jhf-patrocinio-cell:hover {
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(13, 29, 49, 0.08);
border-color: var(--jhf-text-muted, #768499);
}
.jhf-patrocinio__text {
display: flex;
flex-direction: column;
gap: 4px;
line-height: 1.3;
}
.jhf-patrocinio__formula {
font-size: 0.9375rem;
font-weight: 500;
color: var(--jhf-text-muted, #5B6572);
}
.jhf-patrocinio__name {
font-family: var(--jhf-font-display);
font-size: 1.125rem;
font-weight: 800;
color: var(--jhf-primary);
letter-spacing: -0.005em;
}
.jhf-patrocinio__logo {
max-height: 80px;
max-width: 180px;
width: auto;
height: auto;
object-fit: contain;
display: block;
flex-shrink: 0;
} @media (max-width: 960px) {
.jhf-partners-section { padding: 64px 0; }
.jhf-section-header { margin-bottom: 40px; }
.jhf-partners__main-grid { grid-template-columns: 1fr; gap: 16px; }
.jhf-partners__base-grid { grid-template-columns: repeat(3, 1fr); }
.jhf-partners__patrocini-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.jhf-partners__base-grid { grid-template-columns: repeat(2, 1fr); }
.jhf-patrocinio-cell { grid-template-columns: 1fr; gap: 12px; padding: 16px 20px; min-height: auto; }
.jhf-patrocinio__logo { max-height: 60px; max-width: 140px; justify-self: start; }
.jhf-partner-main-card { padding: 32px 24px; }
}  .jhf-event-hero {
position: relative;
min-height: 620px;
display: flex;
align-items: flex-end;
color: white;
overflow: hidden;
padding: 96px 0 64px;
background: var(--jhf-primary);
}
.jhf-event-hero--photo::before {
content: '';
position: absolute;
inset: 0;
background: var(--jhf-hero-image) center/cover no-repeat;
opacity: 0.55;
z-index: 0;
}
.jhf-event-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(236,0,95,0.78) 0%, rgba(13,29,49,0.85) 60%, rgba(13,29,49,0.95) 100%);
z-index: 1;
}
.jhf-event-hero--gradient .jhf-event-hero__overlay {
background:
radial-gradient(ellipse at top right, rgba(236,0,95,0.35) 0%, transparent 60%),
radial-gradient(ellipse at bottom left, rgba(236,0,95,0.15) 0%, transparent 50%),
var(--jhf-primary);
} .jhf-event-hero--gradient {
min-height: 540px;
padding: 80px 0 56px;
}
.jhf-event-hero__inner { position: relative; z-index: 2; width: 100%; }
.jhf-event-hero__breadcrumb {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(255,255,255,0.7);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 24px;
text-decoration: none;
transition: color .25s ease-out;
}
.jhf-event-hero__breadcrumb:hover { color: white; }
.jhf-event-hero__pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--jhf-secondary);
color: white;
padding: 6px 14px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 24px;
}
.jhf-event-hero__pill--upcoming::before {
content: '';
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
animation: jhf-pulse 2s infinite;
}
.jhf-event-hero__pill--past {
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.25);
}
@keyframes jhf-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(1.3); }
}
.jhf-event-hero__meta {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 24px;
color: rgba(255,255,255,0.85);
font-size: 15px;
font-weight: 600;
}
.jhf-event-hero__meta span {
display: inline-flex;
align-items: center;
gap: 8px;
}
.jhf-event-hero__title {
font-family: var(--jhf-font-display);
font-size: clamp(40px, 6vw, 72px);
font-weight: 800;
line-height: 1.15;
color: white;
margin: 0 0 24px;
letter-spacing: -0.01em;
max-width: 780px;
}
.jhf-event-hero__lead {
font-size: 19px;
color: rgba(255,255,255,0.85);
line-height: 1.55;
margin: 0 0 40px;
max-width: 620px;
}
.jhf-event-hero__actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
} .jhf-event-section-title {
font-family: var(--jhf-font-display);
font-size: clamp(1.625rem, 3vw, 2.25rem);
font-weight: 800;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-8, 2rem);
letter-spacing: -0.01em;
line-height: 1.15;
} .jhf-event-final-cta {
background: var(--jhf-secondary);
color: white;
padding: var(--jhf-space-16, 4rem) 0;
text-align: center;
position: relative;
overflow: hidden;
}
.jhf-event-final-cta::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 0%, transparent 40%),
radial-gradient(circle at 80% 70%, rgba(13,29,49,0.18) 0%, transparent 40%);
pointer-events: none;
}
.jhf-event-final-cta__inner {
position: relative;
max-width: 720px;
margin: 0 auto;
}
.jhf-event-final-cta__title {
font-family: var(--jhf-font-display);
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
font-weight: 800;
color: white;
margin: 0 0 var(--jhf-space-4, 1rem);
letter-spacing: -0.01em;
line-height: 1.15;
}
.jhf-event-final-cta__text {
color: rgba(255,255,255,0.92);
font-size: 1.1875rem;
margin: 0 0 var(--jhf-space-6, 1.5rem);
}
.jhf-eyebrow--on-magenta { color: rgba(255,255,255,0.85) !important; } .jhf-button--white,
a.jhf-button--white:link,
a.jhf-button--white:visited,
button.jhf-button--white {
background-color: #ffffff !important;
color: var(--jhf-secondary) !important;
border: 2px solid #ffffff !important;
}
.jhf-button--white:hover,
a.jhf-button--white:hover,
a.jhf-button--white:focus {
background-color: var(--jhf-primary) !important;
color: #ffffff !important;
border-color: var(--jhf-primary) !important;
} .jhf-button--ghost-light,
a.jhf-button--ghost-light:link,
a.jhf-button--ghost-light:visited,
button.jhf-button--ghost-light {
background-color: transparent !important;
color: #ffffff !important;
border: 2px solid rgba(255,255,255,0.4) !important;
}
.jhf-button--ghost-light:hover,
a.jhf-button--ghost-light:hover,
a.jhf-button--ghost-light:focus {
background-color: rgba(255,255,255,0.08) !important;
border-color: #ffffff !important;
color: #ffffff !important;
} @media (max-width: 960px) {
.jhf-event-hero { min-height: 540px; padding: 64px 0; }
}
@media (max-width: 640px) {
.jhf-event-hero { min-height: 480px; padding: 48px 0; }
.jhf-event-hero__title { font-size: clamp(32px, 8vw, 44px); }
.jhf-event-hero__lead { font-size: 17px; margin-bottom: 32px; }
.jhf-event-hero__actions .jhf-button { width: 100%; justify-content: center; }
} .jhf-patrocinio-cell img,
.jhf-patrocinio__logo {
border-radius: 0 !important;
}  .jhf-programma {
background: #ffffff;
padding: 96px 0;
}
.jhf-programma__header {
max-width: 720px;
margin: 0 auto var(--jhf-space-10, 2.5rem);
text-align: center;
}
.jhf-programma__title {
color: var(--jhf-navy, #0D1D31);
font-family: "Raleway", system-ui, -apple-system, sans-serif;
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
line-height: 1.2;
margin: var(--jhf-space-2, 0.5rem) 0 0;
}
.jhf-programma__intro {
color: #4B5563;
font-size: 1rem;
line-height: 1.6;
margin: var(--jhf-space-4, 1rem) auto 0;
max-width: 640px;
}
.jhf-programma__list {
list-style: none;
max-width: 880px;
margin: 0 auto;
padding: 0;
position: relative;
} .jhf-programma__list::before {
content: "";
position: absolute;
left: 150px;
top: 24px;
bottom: 24px;
width: 2px;
background: #E5E7EB;
}
.jhf-programma__item {
display: grid;
grid-template-columns: 150px 1fr;
gap: 16px;
padding: var(--jhf-space-4, 1rem) 0;
position: relative;
align-items: flex-start;
}
.jhf-programma__time {
text-align: right;
font-family: "Raleway", system-ui, -apple-system, sans-serif;
font-size: 14px;
font-weight: 800;
color: var(--jhf-navy, #0D1D31);
padding-top: 18px;
padding-right: 14px; font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.jhf-programma__content {
background: white;
border: 1px solid #E5E7EB;
border-radius: 12px;
padding: var(--jhf-space-5, 1.25rem) var(--jhf-space-6, 1.5rem);
box-shadow: 0 2px 8px rgba(13, 29, 49, 0.04);
position: relative;
} .jhf-programma__content::before {
content: "";
position: absolute;
left: -22px;
top: 24px;
width: 14px;
height: 14px;
background: var(--jhf-magenta, #EC005F);
border-radius: 50%;
border: 3px solid white;
box-shadow: 0 0 0 1px var(--jhf-magenta, #EC005F);
} .jhf-programma__tag {
display: inline-block;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 999px;
background: rgba(13, 29, 49, 0.08);
color: var(--jhf-navy, #0D1D31);
margin-bottom: var(--jhf-space-2, 0.5rem);
}
.jhf-programma__tag--talk,
.jhf-programma__tag--networking,
.jhf-programma__tag--cerimonia { background: rgba(236, 0, 95, 0.10); color: var(--jhf-magenta, #EC005F); }
.jhf-programma__tag--workshop,
.jhf-programma__tag--panel,
.jhf-programma__tag--q-a,
.jhf-programma__tag--qa { background: rgba(13, 29, 49, 0.08); color: var(--jhf-navy, #0D1D31); }
.jhf-programma__tag--pausa { background: rgba(140, 143, 148, 0.15); color: #5d6770; }
.jhf-programma__item-title {
color: var(--jhf-navy, #0D1D31);
font-family: "Raleway", system-ui, -apple-system, sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3;
margin: 0 0 var(--jhf-space-2, 0.5rem);
}
.jhf-programma__desc {
color: #4B5563;
font-size: 0.9375rem;
line-height: 1.55;
margin: 0;
} .jhf-programma__avail {
display: inline-block;
margin-top: var(--jhf-space-3, 0.75rem);
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-magenta, #EC005F);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 999px;
} .jhf-programma__item--key .jhf-programma__content {
background: var(--jhf-navy, #0D1D31);
border-color: var(--jhf-navy, #0D1D31);
color: white;
}
.jhf-programma__item--key .jhf-programma__content::before {
background: white;
box-shadow: 0 0 0 1px white;
}
.jhf-programma__item--key .jhf-programma__item-title {
color: white;
}
.jhf-programma__item--key .jhf-programma__desc {
color: rgba(255, 255, 255, 0.75);
}
.jhf-programma__item--key .jhf-programma__tag {
background: rgba(255, 255, 255, 0.12);
color: white;
}
.jhf-programma__item--key .jhf-programma__avail {
background: rgba(255, 255, 255, 0.15);
color: white;
} @media (max-width: 768px) {
.jhf-programma { padding: var(--jhf-space-10, 2.5rem) 0; }
.jhf-programma__list::before {
left: 100px;
}
.jhf-programma__item {
grid-template-columns: 100px 1fr;
gap: 12px;
}
.jhf-programma__time {
font-size: 12px;
padding-top: 16px;
padding-right: 10px;
}
.jhf-programma__content {
padding: var(--jhf-space-4, 1rem) var(--jhf-space-5, 1.25rem);
}
.jhf-programma__content::before {
left: -16px;
width: 10px;
height: 10px;
top: 22px;
}
}
@media (max-width: 480px) {
.jhf-programma__item-title { font-size: 1rem; }
.jhf-programma__desc { font-size: 0.875rem; }
} .jhf-about-section {
padding: 96px 0;
background: #ffffff;
}
.jhf-about {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: center;
}
@media (min-width: 900px) {
.jhf-about--with-image {
grid-template-columns: 1fr 1fr;
gap: 96px;
}
.jhf-about--full .jhf-about__text {
max-width: 760px;
margin: 0 auto;
}
}
.jhf-about__image {
border-radius: 24px;
overflow: hidden;
height: 480px;
position: relative;
}
.jhf-about__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(45deg, rgba(13, 29, 49, 0.25), transparent);
pointer-events: none;
}
.jhf-about__image-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 899px) {
.jhf-about__image {
height: 320px;
order: -1;
}
}
.jhf-about__text > .jhf-eyebrow {
margin-bottom: 16px;
display: inline-block;
}
.jhf-about__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 24px;
}
.jhf-about__body {
color: var(--jhf-text);
font-size: 17px;
line-height: 1.65;
}
.jhf-about__body p {
margin: 0 0 16px;
color: inherit;
}
.jhf-about__body p:last-child { margin-bottom: 0; } .jhf-about__lead {
font-size: 19px;
line-height: 1.6;
color: var(--jhf-text-muted, #5B6572);
font-weight: 400;
max-width: 640px;
margin: 0 0 24px;
} .jhf-about__highlight {
background: var(--jhf-surface-alt, #F7F8FA);
border-left: 4px solid var(--jhf-secondary);
padding: 24px 40px;
border-radius: 0 12px 12px 0;
margin-top: 40px;
}
.jhf-about__highlight-label {
display: block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-secondary);
margin-bottom: 6px;
}
.jhf-about__highlight p {
color: var(--jhf-primary);
font-weight: 600;
font-size: 16px;
line-height: 1.5;
margin: 0;
}
@media (max-width: 640px) {
.jhf-about-section { padding: 64px 0; }
.jhf-about__title { font-size: clamp(28px, 6vw, 36px); margin-bottom: 16px; }
.jhf-about__body { font-size: 16px; }
.jhf-about__lead { font-size: 17px; }
.jhf-about__highlight { padding: 20px 24px; margin-top: 28px; }
} .jhf-company-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
.jhf-company-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10);
border-color: transparent;
}
.jhf-company-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.jhf-company-card__logo {
width: 64px;
height: 64px;
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 12px;
display: grid;
place-items: center;
flex-shrink: 0;
overflow: hidden;
}
.jhf-company-card__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.jhf-company-card__logo--placeholder {
color: var(--jhf-primary);
}
.jhf-company-card__logo--placeholder svg {
width: 28px;
height: 28px;
}
.jhf-company-card__protected-badge,
span.jhf-company-card__protected-badge {
display: inline-block !important;
background: rgba(236, 0, 95, 0.10) !important;
color: var(--jhf-secondary) !important;
font-family: var(--jhf-font-display, "Raleway"), system-ui, sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 4px 10px !important;
border: 0 !important;
border-radius: 999px !important;
flex-shrink: 0;
white-space: nowrap;
text-decoration: none !important;
}
.jhf-company-card__body {
display: flex;
flex-direction: column;
gap: 6px;
}
.jhf-company-card__name {
font-family: var(--jhf-font-display);
font-size: 18px;
font-weight: 800;
line-height: 1.25;
color: var(--jhf-primary);
margin: 0;
}
.jhf-company-card__sector {
display: inline-block;
font-size: 13px;
color: var(--jhf-text-muted, #5B6572);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.jhf-company-card__excerpt {
font-size: 14px;
color: var(--jhf-text, #435469);
line-height: 1.55;
margin: 4px 0 0;
}
.jhf-company-card__profiles {
font-size: 13px;
color: var(--jhf-text, #435469);
line-height: 1.5;
margin: 4px 0 0;
padding: 10px 12px;
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 8px;
}
.jhf-company-card__profiles-label {
font-weight: 700;
color: var(--jhf-primary);
margin-right: 4px;
}
.jhf-company-card__meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
padding-top: 12px;
margin-top: auto;
border-top: 1px solid var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-text, #435469);
font-size: 14px;
font-weight: 600;
}
.jhf-company-card__positions strong {
color: var(--jhf-secondary);
font-size: 18px;
font-weight: 800;
margin-right: 4px;
}
.jhf-company-card__booth {
color: var(--jhf-text-muted, #5B6572);
font-size: 13px;
}
.jhf-company-card__booth strong {
color: var(--jhf-primary);
font-weight: 800;
}
.jhf-company-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-top: 4px;
flex-wrap: wrap;
}
.jhf-company-card__cta {
color: var(--jhf-secondary);
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color .25s ease-out;
}
.jhf-company-card__cta::after {
content: "→";
transition: transform .25s ease-out;
}
.jhf-company-card:hover .jhf-company-card__cta::after {
transform: translateX(4px);
}
.jhf-company-card__cta:hover {
color: var(--jhf-secondary-soft, #FF3380);
}
@media (max-width: 640px) {
.jhf-company-card { padding: 20px; }
.jhf-company-card__footer { flex-direction: column; align-items: stretch; }
.jhf-company-card__footer .jhf-button { width: 100%; justify-content: center; }
.jhf-company-card__cta { justify-content: center; }
} .jhf-companies-section {
background: var(--jhf-surface-alt, #F7F8FA);
padding: 96px 0;
} .jhf-companies-filter {
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
background: white;
padding: 24px;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
margin-bottom: 64px;
} .jhf-companies-filter__label {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted, #5B6572);
margin-right: 16px;
} .jhf-companies-filter .jhf-filter-pill,
.jhf-companies-filter button.jhf-filter-pill {
background: var(--jhf-surface-alt, #F7F8FA) !important;
color: var(--jhf-primary) !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
padding: 8px 16px !important;
font-family: var(--jhf-font-display, "Raleway"), system-ui, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
cursor: pointer !important;
outline: none !important;
box-shadow: none !important;
transition: background-color .25s ease-out, color .25s ease-out, border-color .25s ease-out !important;
}
.jhf-companies-filter .jhf-filter-pill:hover,
.jhf-companies-filter button.jhf-filter-pill:hover {
background: var(--jhf-border, #E5E7EB) !important;
color: var(--jhf-primary) !important;
border-color: transparent !important;
transform: none !important;
}
.jhf-companies-filter .jhf-filter-pill:focus-visible {
outline: 2px solid var(--jhf-secondary) !important;
outline-offset: 2px !important;
} .jhf-companies-filter .jhf-filter-pill.is-active,
.jhf-companies-filter button.jhf-filter-pill.is-active {
background: var(--jhf-primary) !important;
color: #ffffff !important;
border-color: var(--jhf-primary) !important;
} .jhf-companies-filter .jhf-filter-pill--protected.is-active,
.jhf-companies-filter button.jhf-filter-pill--protected.is-active {
background: var(--jhf-secondary) !important;
color: #ffffff !important;
border-color: var(--jhf-secondary) !important;
} .jhf-company-card.is-hidden {
display: none !important;
} .jhf-companies-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
} .jhf-company-card__logo--placeholder span {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 20px;
color: var(--jhf-primary);
letter-spacing: -0.02em;
} .jhf-company-card__cta {
color: var(--jhf-secondary);
font-weight: 700;
font-size: 14px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color .25s ease-out;
margin-top: 8px;
}
.jhf-company-card__cta::after {
content: "→";
transition: transform .25s ease-out;
}
.jhf-company-card:hover .jhf-company-card__cta::after {
transform: translateX(4px);
}
.jhf-company-card__cta:hover {
color: var(--jhf-secondary-soft, #FF3380);
} @media (max-width: 768px) {
.jhf-companies-section { padding: 64px 0; }
.jhf-companies-filter { padding: 14px 16px; }
.jhf-companies-filter__label { width: 100%; margin-bottom: 4px; }
} .jhf-location-section {
background: #ffffff;
padding: 96px 0;
}
.jhf-location-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: stretch;
} .jhf-location-info {
background: white;
border-radius: 24px;
padding: 40px;
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
border: 1px solid var(--jhf-border, #E5E7EB);
display: flex;
flex-direction: column;
gap: 24px;
}
.jhf-location-info__name {
font-family: var(--jhf-font-display);
font-size: 28px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0;
}
.jhf-location-info__address {
font-size: 17px;
color: var(--jhf-text-muted, #5B6572);
line-height: 1.5;
}
.jhf-location-info__features {
display: flex;
flex-direction: column;
gap: 16px;
border-top: 1px solid var(--jhf-border, #E5E7EB);
padding-top: 24px;
}
.jhf-location-feature {
display: flex;
align-items: center;
gap: 16px;
font-size: 15px;
color: var(--jhf-text);
line-height: 1.4;
}
.jhf-location-feature__icon {
width: 32px;
height: 32px;
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 50%;
display: grid;
place-items: center;
font-size: 14px;
color: var(--jhf-secondary);
flex-shrink: 0;
line-height: 1;
}
.jhf-location-info__cta {
margin-top: auto;
padding-top: 8px;
} .jhf-location-map {
border-radius: 24px;
overflow: hidden;
background: var(--jhf-surface-alt, #F7F8FA);
min-height: 400px;
position: relative;
border: 1px solid var(--jhf-border, #E5E7EB);
}
.jhf-location-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 400px;
border: 0;
} .jhf-location-map__placeholder {
width: 100%;
height: 100%;
min-height: 400px;
background:
linear-gradient(135deg, rgba(236, 0, 95, 0.06) 0%, transparent 50%),
repeating-linear-gradient(0deg, rgba(13, 29, 49, 0.04) 0px, rgba(13, 29, 49, 0.04) 1px, transparent 1px, transparent 30px),
repeating-linear-gradient(90deg, rgba(13, 29, 49, 0.04) 0px, rgba(13, 29, 49, 0.04) 1px, transparent 1px, transparent 30px),
var(--jhf-surface-alt, #F7F8FA);
display: grid;
place-items: center;
}
.jhf-location-map__pin {
width: 56px;
height: 56px;
background: var(--jhf-secondary);
border-radius: 50% 50% 50% 0;
transform: rotate(-45deg);
display: grid;
place-items: center;
box-shadow: 0 8px 24px rgba(236, 0, 95, 0.4);
position: relative;
animation: jhf-pin-drop 1.5s ease-out;
} .jhf-location-map__pin::after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 2px solid var(--jhf-secondary);
border-radius: 50%;
opacity: 0.4;
animation: jhf-pin-ping 2s infinite;
} @keyframes jhf-pin-drop {
from { transform: translateY(-30px) rotate(-45deg); opacity: 0; }
to   { transform: translateY(0)     rotate(-45deg); opacity: 1; }
}
@keyframes jhf-pin-ping {
0%   { transform: scale(0.8); opacity: 0.6; }
100% { transform: scale(2);   opacity: 0;   }
} @media (prefers-reduced-motion: reduce) {
.jhf-location-map__pin,
.jhf-location-map__pin::after {
animation: none;
}
} @media (max-width: 960px) {
.jhf-location-section { padding: 64px 0; }
.jhf-location-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.jhf-location-info { padding: 32px; }
.jhf-location-map,
.jhf-location-map__placeholder,
.jhf-location-map iframe { min-height: 320px; }
}
@media (max-width: 640px) {
.jhf-location-info { padding: 24px; }
.jhf-location-info__name { font-size: 24px; }
.jhf-location-info__address { font-size: 16px; }
.jhf-location-feature { font-size: 14px; gap: 12px; }
} .jhf-faq-section {
background: var(--jhf-surface-alt, #F7F8FA);
padding: 96px 0;
}
.jhf-faq-wrapper {
max-width: 820px;
}
.jhf-faq-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.jhf-faq-item {
background: #ffffff;
border-radius: 12px;
border: 1px solid var(--jhf-border, #E5E7EB);
overflow: hidden;
transition: border-color .25s ease-out, box-shadow .25s ease-out;
}
.jhf-faq-item.is-open {
border-color: var(--jhf-secondary);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
} .jhf-faq-list .jhf-faq-question,
.jhf-faq-list button.jhf-faq-question {
width: 100%;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
padding: 24px 40px !important;
text-align: left;
text-decoration: none !important;
font-family: var(--jhf-font-display) !important;
font-size: 17px !important;
font-weight: 700 !important;
color: var(--jhf-primary) !important;
line-height: 1.35;
letter-spacing: 0 !important;
text-transform: none !important;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
transition: none;
}
.jhf-faq-list .jhf-faq-question:hover,
.jhf-faq-list button.jhf-faq-question:hover {
background: transparent !important;
color: var(--jhf-primary) !important;
transform: none !important;
box-shadow: none !important;
}
.jhf-faq-list .jhf-faq-question:focus-visible {
outline: 2px solid var(--jhf-secondary) !important;
outline-offset: -2px !important;
}
.jhf-faq-question__text { flex: 1; }
.jhf-faq-toggle {
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-primary);
display: grid;
place-items: center;
font-size: 16px;
font-weight: 700;
line-height: 1;
flex-shrink: 0;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out;
}
.jhf-faq-item.is-open .jhf-faq-toggle {
background: var(--jhf-secondary);
color: #ffffff;
transform: rotate(45deg);
}
.jhf-faq-answer {
padding: 0 40px 24px;
color: var(--jhf-text-muted, #5B6572);
font-size: 15px;
line-height: 1.7;
display: none;
}
.jhf-faq-item.is-open .jhf-faq-answer {
display: block;
} @media (max-width: 640px) {
.jhf-faq-section { padding: 64px 0; }
.jhf-faq-question { padding: 20px 24px; font-size: 16px; gap: 16px; }
.jhf-faq-answer { padding: 0 24px 20px; font-size: 14px; }
} @media (prefers-reduced-motion: reduce) {
.jhf-faq-item,
.jhf-faq-toggle {
transition: none;
}
}  .jhf-company-hero {
background: var(--jhf-primary);
color: white;
padding: 96px 0 64px;
position: relative;
overflow: hidden;
}
.jhf-company-hero::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.15) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.06) 0%, transparent 50%);
pointer-events: none;
}
.jhf-company-hero__inner {
position: relative;
display: grid;
grid-template-columns: auto 1fr;
gap: 64px;
align-items: center;
}
.jhf-company-hero__breadcrumb {
grid-column: 1 / -1;
display: inline-flex;
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 24px;
text-decoration: none;
transition: color .25s ease-out;
}
.jhf-company-hero__breadcrumb:hover { color: white; }
.jhf-company-hero__logo {
width: 140px;
height: 140px;
background: white;
border-radius: 24px;
display: grid;
place-items: center;
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: 48px;
color: var(--jhf-primary);
letter-spacing: -0.04em;
box-shadow: 0 20px 60px rgba(13, 29, 49, 0.18);
flex-shrink: 0;
overflow: hidden;
padding: 12px;
}
.jhf-company-hero__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.jhf-company-hero__content {
display: flex;
flex-direction: column;
gap: 16px;
}
.jhf-company-hero__badges {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.jhf-badge-sector {
display: inline-block;
font-size: 12px;
color: white;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
padding: 6px 14px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 999px;
}
.jhf-badge-protected {
background: var(--jhf-secondary);
color: white;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 14px;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.jhf-badge-protected::before {
content: "";
width: 6px;
height: 6px;
background: white;
border-radius: 50%;
}
.jhf-company-hero__title {
font-family: var(--jhf-font-display);
font-size: clamp(40px, 6vw, 72px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: white;
margin: 0 0 8px;
}
.jhf-company-hero__tagline {
font-size: 18px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.55;
margin: 0 0 8px;
max-width: 640px;
}
.jhf-company-hero__actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 16px;
}
.jhf-company-hero__icon-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 22px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 2px solid rgba(255, 255, 255, 0.2);
color: white;
font-family: var(--jhf-font-display);
font-weight: 700;
font-size: 14px;
text-decoration: none;
transition: background-color .25s ease-out, border-color .25s ease-out;
}
.jhf-company-hero__icon-btn:hover {
background: rgba(255, 255, 255, 0.15);
border-color: white;
color: white;
}
.jhf-company-hero__icon-btn svg {
width: 18px;
height: 18px;
flex-shrink: 0;
} .jhf-company-stat-strip {
background: var(--jhf-primary-soft, #1a2d4a);
color: white;
padding: 40px 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.jhf-company-stat-strip__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
text-align: center;
}
.jhf-company-stat-strip__grid .jhf-stat__num {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 44px);
font-weight: 900;
color: var(--jhf-secondary);
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 4px;
display: block;
font-variant-numeric: tabular-nums;
}
.jhf-company-stat-strip__grid .jhf-stat__label {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.7);
margin: 0;
} .jhf-company-about-section {
padding: 96px 0;
background: #ffffff;
}
.jhf-company-about {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: start;
}
@media (min-width: 900px) {
.jhf-company-about--with-image {
grid-template-columns: 1.3fr 1fr;
gap: 96px;
}
.jhf-company-about--full .jhf-company-about__text {
max-width: 760px;
}
}
.jhf-company-about__text > .jhf-eyebrow {
display: inline-block;
margin-bottom: 16px;
}
.jhf-company-about__body {
color: var(--jhf-text);
font-size: 17px;
line-height: 1.65;
}
.jhf-company-about__body h2,
.jhf-company-about__body h3 {
font-family: var(--jhf-font-display);
color: var(--jhf-primary);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 24px;
}
.jhf-company-about__body h2 { font-size: clamp(32px, 4vw, 48px); }
.jhf-company-about__body h3 { font-size: 22px; }
.jhf-company-about__body p {
margin: 0 0 16px;
color: inherit;
}
.jhf-company-about__body p:last-child { margin-bottom: 0; }
.jhf-company-about__image {
border-radius: 24px;
overflow: hidden;
aspect-ratio: 4/5;
position: relative;
}
.jhf-company-about__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(45deg, rgba(13, 29, 49, 0.2), transparent);
pointer-events: none;
}
.jhf-company-about__image-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 899px) {
.jhf-company-about__image {
aspect-ratio: 16/9;
order: -1;
}
} .jhf-section-header--left {
text-align: left;
max-width: none;
margin: 0 auto 64px;
} .jhf-company-events-section {
background: var(--jhf-surface-alt, #F7F8FA);
padding: 96px 0;
}
.jhf-company-events__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
.jhf-event-mini-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
padding: 24px 32px;
display: flex;
flex-direction: column;
gap: 8px;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
.jhf-event-mini-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
border-color: transparent;
}
.jhf-event-mini-card--future {
border-color: var(--jhf-secondary);
border-width: 2px;
}
.jhf-event-mini__status {
align-self: flex-start;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 4px 10px;
border-radius: 999px;
margin-bottom: 8px;
}
.jhf-event-mini__status--future {
background: var(--jhf-primary);
color: white;
}
.jhf-event-mini__status--past {
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-text-muted, #5B6572);
}
.jhf-event-mini__title {
font-family: var(--jhf-font-display);
font-size: 18px;
font-weight: 800;
line-height: 1.3;
color: var(--jhf-primary);
margin: 0 0 2px;
}
.jhf-event-mini__meta {
font-size: 14px;
color: var(--jhf-text-muted, #5B6572);
font-weight: 600;
}
.jhf-event-mini__actions {
margin-top: 16px;
display: flex;
gap: 12px;
flex-wrap: wrap;
}  .jhf-company-final-cta {
background: var(--jhf-secondary);
color: white;
padding: 96px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.jhf-company-final-cta::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 40%),
radial-gradient(circle at 80% 70%, rgba(13, 29, 49, 0.15) 0%, transparent 40%);
pointer-events: none;
}
.jhf-company-final-cta__inner {
position: relative;
max-width: 720px;
margin: 0 auto;
}
.jhf-company-final-cta__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: white;
margin: 0 0 24px;
}
.jhf-company-final-cta__text {
color: rgba(255, 255, 255, 0.9);
font-size: 19px;
line-height: 1.55;
margin: 0 0 40px;
} @media (max-width: 960px) {
.jhf-company-hero { padding: 64px 0 48px; }
.jhf-company-hero__inner { grid-template-columns: 1fr; gap: 24px; }
.jhf-company-hero__logo { width: 110px; height: 110px; font-size: 38px; }
.jhf-company-stat-strip__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
.jhf-company-about-section { padding: 64px 0; }
.jhf-company-events-section { padding: 64px 0; }
.jhf-company-final-cta { padding: 64px 0; }
}
@media (max-width: 640px) {
.jhf-company-hero__title { font-size: clamp(32px, 8vw, 44px); }
.jhf-company-hero__tagline { font-size: 17px; }
.jhf-company-hero__icon-btn { width: 100%; justify-content: center; }
.jhf-company-stat-strip__grid { grid-template-columns: repeat(2, 1fr); }
.jhf-company-about__body { font-size: 16px; }
.jhf-event-mini-card { padding: 20px 24px; }
.jhf-event-mini__actions .jhf-button { flex: 1; justify-content: center; }
.jhf-company-final-cta__title { font-size: clamp(28px, 6vw, 36px); }
.jhf-company-final-cta__text { font-size: 17px; margin-bottom: 32px; }
} .jhf-company-positions-section {
background: var(--jhf-surface-alt, #F7F8FA);
padding: 96px 0;
}
.jhf-company-positions__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 64px;
gap: 24px;
flex-wrap: wrap;
}
.jhf-company-positions__header-text {
display: flex;
flex-direction: column;
gap: 8px;
}
.jhf-company-positions__header-text .jhf-eyebrow {
margin: 0;
display: inline-block;
}
.jhf-company-positions__header .jhf-section-header__title {
margin: 0;
}
.jhf-company-positions__count {
background: var(--jhf-secondary);
color: white;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 8px 16px;
border-radius: 999px;
}
.jhf-company-positions__list {
display: flex;
flex-direction: column;
gap: 16px;
} .jhf-position-item {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
overflow: hidden;
transition: border-color .25s ease-out, box-shadow .25s ease-out;
}
.jhf-position-item:hover {
border-color: var(--jhf-secondary);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
}
.jhf-position-item.is-open {
border-color: var(--jhf-secondary);
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10);
} .jhf-company-positions__list .jhf-position-summary,
.jhf-company-positions__list button.jhf-position-summary {
width: 100%;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
padding: 24px 40px !important;
text-align: left;
text-decoration: none !important;
font-family: var(--jhf-font-display) !important;
color: var(--jhf-primary) !important;
letter-spacing: 0 !important;
text-transform: none !important;
cursor: pointer;
display: grid;
grid-template-columns: 1fr auto auto;
gap: 24px;
align-items: center;
transition: none;
}
.jhf-company-positions__list .jhf-position-summary:hover,
.jhf-company-positions__list button.jhf-position-summary:hover {
background: transparent !important;
color: var(--jhf-primary) !important;
transform: none !important;
box-shadow: none !important;
}
.jhf-company-positions__list .jhf-position-summary:focus-visible {
outline: 2px solid var(--jhf-secondary) !important;
outline-offset: -2px !important;
}
.jhf-position-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.jhf-position-title {
font-size: 19px;
font-weight: 800;
color: var(--jhf-primary);
line-height: 1.3;
}
.jhf-position-meta {
display: flex;
flex-wrap: wrap;
gap: 24px;
font-size: 13px;
color: var(--jhf-text-muted, #5B6572);
font-weight: 600;
}
.jhf-position-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
}
.jhf-position-spots {
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-primary);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 14px;
border-radius: 999px;
white-space: nowrap;
}
.jhf-position-spots strong {
color: var(--jhf-secondary);
font-size: 14px;
margin-right: 4px;
}
.jhf-position-spots.is-protected {
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-secondary);
}
.jhf-position-spots.is-protected strong {
color: var(--jhf-secondary);
}
.jhf-position-toggle {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--jhf-surface-alt, #F7F8FA);
display: grid;
place-items: center;
font-size: 18px;
font-weight: 700;
color: var(--jhf-primary);
line-height: 1;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out;
}
.jhf-position-item.is-open .jhf-position-toggle {
background: var(--jhf-secondary);
color: white;
transform: rotate(45deg);
} .jhf-position-details {
display: none;
padding: 0 40px 24px;
border-top: 1px solid var(--jhf-border, #E5E7EB);
}
.jhf-position-item.is-open .jhf-position-details {
display: block;
padding-top: 24px;
margin-top: 8px;
}
.jhf-position-detail-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.jhf-position-detail-grid { grid-template-columns: 1fr; gap: 24px; }
}
.jhf-detail-block h4 {
font-family: var(--jhf-font-display);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-secondary);
margin: 0 0 16px;
font-weight: 700;
}
.jhf-detail-block ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
margin: 0;
}
.jhf-detail-block ul li {
position: relative;
padding-left: 22px;
font-size: 15px;
color: var(--jhf-text-muted, #5B6572);
line-height: 1.55;
}
.jhf-detail-block ul li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--jhf-secondary);
} .jhf-position-cta-row {
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 12px;
padding: 20px 32px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.jhf-position-cta-row p {
margin: 0;
font-size: 14px;
color: var(--jhf-text);
font-weight: 600;
}
.jhf-position-cta-row p strong {
color: var(--jhf-primary);
} @media (max-width: 768px) {
.jhf-company-positions-section { padding: 64px 0; }
.jhf-company-positions__header { margin-bottom: 40px; align-items: flex-start; flex-direction: column; }
.jhf-position-summary { padding: 20px 24px; grid-template-columns: 1fr; gap: 12px; }
.jhf-position-details { padding: 0 24px 20px; }
.jhf-position-item.is-open .jhf-position-details { padding-top: 20px; }
.jhf-position-cta-row { padding: 16px 20px; flex-direction: column; align-items: stretch; }
.jhf-position-cta-row .jhf-button { width: 100%; justify-content: center; }
} @media (prefers-reduced-motion: reduce) {
.jhf-position-item,
.jhf-position-toggle {
transition: none;
}
} .jhf-company-profiles-section {
background: #ffffff;
padding: 96px 0;
}
.jhf-company-profiles__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
margin-top: 0;
}
.jhf-profile-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
padding: 24px;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
.jhf-profile-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
border-color: transparent;
}
.jhf-profile-card__title {
font-family: var(--jhf-font-display);
font-size: 16px;
font-weight: 800;
line-height: 1.3;
color: var(--jhf-primary);
margin: 0 0 16px;
}
.jhf-skill-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.jhf-skill-tag {
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-text);
font-size: 12px;
font-weight: 600;
padding: 5px 12px;
border-radius: 999px;
white-space: nowrap;
}
@media (max-width: 640px) {
.jhf-company-profiles-section { padding: 64px 0; }
.jhf-profile-card { padding: 20px; }
} .jhf-system-page-section {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
padding: 96px 16px;
background: var(--jhf-surface-alt, #F7F8FA);
}
.jhf-system-card {
background: white;
border-radius: 24px;
border: 1px solid var(--jhf-border, #E5E7EB);
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
padding: 80px 64px;
max-width: 640px;
width: 100%;
text-align: center;
} .jhf-system-card__icon {
margin: 0 auto 40px;
width: 96px;
height: 96px;
border-radius: 50%;
display: grid;
place-items: center;
line-height: 1;
}
.jhf-system-card__icon--404 {
background: rgba(245, 158, 11, 0.10);
color: #f59e0b;
font-family: var(--jhf-font-display);
font-size: 48px;
font-weight: 900;
letter-spacing: -0.02em;
}
.jhf-system-card__icon--mail {
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-secondary);
}
.jhf-system-card__icon--mail svg {
width: 44px;
height: 44px;
}
.jhf-system-card__icon--wave {
background: rgba(13, 29, 49, 0.05);
color: var(--jhf-primary);
font-size: 48px;
}
.jhf-system-card .jhf-eyebrow {
margin-bottom: 16px;
display: inline-block;
}
.jhf-system-card__title {
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 16px;
}
.jhf-system-card__lead,
.jhf-system-card__paragraph {
color: var(--jhf-text-muted, #5B6572);
font-size: 17px;
line-height: 1.6;
max-width: 480px;
margin: 0 auto 24px;
} .jhf-system-page__email-highlight {
display: inline-block;
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-primary);
font-weight: 800;
padding: 4px 12px;
border-radius: 999px;
font-family: monospace;
font-size: 15px;
margin: 0 4px;
} .jhf-system-card__steps {
list-style: none;
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 16px;
padding: 24px;
margin: 16px auto 24px;
max-width: 480px;
text-align: left;
display: flex;
flex-direction: column;
gap: 4px;
}
.jhf-system-card__step {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 8px 0;
}
.jhf-system-card__step-num {
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--jhf-secondary);
color: white;
display: grid;
place-items: center;
font-weight: 800;
font-size: 13px;
flex-shrink: 0;
}
.jhf-system-card__step-text {
font-size: 14px;
color: var(--jhf-text);
line-height: 1.55;
padding-top: 4px;
}
.jhf-system-card__step-text strong {
color: var(--jhf-primary);
font-weight: 700;
}
.jhf-system-card__resend {
margin: 16px 0 0;
font-size: 13px;
color: var(--jhf-text-muted, #5B6572);
}
.jhf-system-card__resend a {
color: var(--jhf-secondary);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
} .jhf-system-card__actions {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
margin-top: 8px;
} .jhf-system-card__suggestions {
background: var(--jhf-surface-alt, #F7F8FA);
border-radius: 16px;
padding: 24px 32px;
margin-top: 40px;
text-align: left;
}
.jhf-system-card__suggestions h3 {
font-family: var(--jhf-font-display);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted, #5B6572);
margin: 0 0 16px;
}
.jhf-system-card__suggestions ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
padding: 0;
margin: 0;
}
.jhf-system-card__suggestions ul li {
font-size: 14px;
color: var(--jhf-text);
}
.jhf-system-card__suggestions ul li a {
color: var(--jhf-secondary);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 640px) {
.jhf-system-page-section { padding: 64px 16px; }
.jhf-system-card { padding: 48px 24px; }
.jhf-system-card__icon { width: 80px; height: 80px; }
.jhf-system-card__icon--404,
.jhf-system-card__icon--wave { font-size: 36px; }
.jhf-system-card__suggestions { padding: 20px; }
.jhf-system-card__actions .jhf-button { width: 100%; justify-content: center; }
} body.jhf-system-page--canvas {
margin: 0;
padding: 0;
background: var(--jhf-surface-alt, #F7F8FA);
min-height: 100vh;
font-family: var(--jhf-font-display, "Raleway"), system-ui, sans-serif;
color: var(--jhf-text);
}
body.jhf-system-page--canvas .jhf-system-page-section {
min-height: 100vh;
} .jhf-site-header {
position: sticky;
top: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid transparent;
transition: box-shadow .25s ease-out, border-color .25s ease-out, padding .3s ease-out;
}
body.jhf-scrolled .jhf-site-header {
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
border-bottom-color: var(--jhf-border, #E5E7EB);
}
.jhf-site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 0;
transition: padding .3s ease-out;
}
body.jhf-scrolled .jhf-site-header__inner {
padding: 10px 0;
} .jhf-logo {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--jhf-primary);
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: 20px;
letter-spacing: -0.02em;
line-height: 1;
text-decoration: none;
transition: opacity .25s ease-out;
}
.jhf-logo:hover { opacity: 0.78; }
.jhf-logo__mark {
height: 80px;
width: auto;
display: block;
flex-shrink: 0;
transition: height .3s ease-out, transform .25s ease-out;
} body.jhf-scrolled .jhf-logo__mark {
height: 40px;
}
.jhf-logo__text {
opacity: 0;
max-width: 0;
overflow: hidden;
white-space: nowrap;
transition: opacity .3s ease-out, max-width .3s ease-out;
}
body.jhf-scrolled .jhf-logo__text {
opacity: 1;
max-width: 300px;
}
.jhf-logo__placeholder {
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: 36px;
color: var(--jhf-primary);
letter-spacing: -0.04em;
}
body.jhf-scrolled .jhf-logo__placeholder { font-size: 18px; } .jhf-main-nav {
display: flex;
align-items: center;
gap: 32px;
}
.jhf-main-nav__list {
list-style: none;
display: flex;
gap: 28px;
margin: 0;
padding: 0;
}
.jhf-main-nav__list a,
.jhf-main-nav a {
font-size: 15px;
font-weight: 600;
color: var(--jhf-primary);
text-decoration: none;
transition: color .25s ease-out;
}
.jhf-main-nav__list a:hover,
.jhf-main-nav a:hover { color: var(--jhf-secondary); }
.jhf-main-nav__list .current-menu-item > a,
.jhf-main-nav__list .current_page_item > a { color: var(--jhf-secondary); }
.jhf-nav-cta {
padding: 10px 22px;
background: var(--jhf-primary);
color: white !important;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .25s ease-out;
}
.jhf-nav-cta:hover { background: var(--jhf-secondary); } .jhf-mobile-menu-btn,
.jhf-site-header button.jhf-mobile-menu-btn {
display: none !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 8px !important;
cursor: pointer;
color: var(--jhf-primary) !important;
line-height: 0;
outline: 0 !important;
} @media (max-width: 900px) {
.jhf-main-nav__list,
.jhf-nav-cta {
display: none;
}
.jhf-mobile-menu-btn,
.jhf-site-header button.jhf-mobile-menu-btn,
button[class*="jhf-mobile-menu-btn"] { display: inline-flex !important; }
.jhf-main-nav.is-open .jhf-main-nav__list {
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
padding: 16px 24px;
gap: 12px;
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.08);
border-bottom: 1px solid var(--jhf-border, #E5E7EB);
}
.jhf-main-nav.is-open .jhf-nav-cta {
display: inline-flex;
justify-content: center;
}
.jhf-logo__mark { height: 50px; }
body.jhf-scrolled .jhf-logo__mark { height: 36px; }
} .jhf-site-footer {
background: var(--jhf-primary);
color: var(--jhf-text-on-dark, #E8ECF1);
padding: 96px 0 24px;
}
.jhf-footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
gap: 64px;
margin-bottom: 64px;
}
.jhf-footer-col h4 {
color: white;
font-family: var(--jhf-font-display);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
margin: 0 0 24px;
}
.jhf-footer-col__list {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
}
.jhf-footer-col__list a,
.jhf-footer-col a {
color: rgba(255, 255, 255, 0.72);
font-size: 15px;
text-decoration: none;
transition: color .25s ease-out;
}
.jhf-footer-col__list a:hover,
.jhf-footer-col a:hover { color: white; } .jhf-footer-brand .jhf-logo {
color: white;
margin-bottom: 24px;
}
.jhf-footer-brand .jhf-logo__mark {
height: 48px;
}
.jhf-footer-brand .jhf-logo__text {
opacity: 1;
max-width: none;
overflow: visible;
color: white;
}
.jhf-footer-brand__tagline {
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
margin: 0 0 16px;
line-height: 1.5;
}
.jhf-footer-brand__promosso {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
opacity: 0.6;
margin: 0;
color: rgba(255, 255, 255, 0.72);
} .jhf-social-row {
display: flex;
gap: 10px;
margin-top: 24px;
}
.jhf-social-link {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
color: white;
display: grid;
place-items: center;
text-decoration: none;
transition: background-color .25s ease-out, transform .25s ease-out;
}
.jhf-social-link:hover {
background: var(--jhf-secondary);
transform: translateY(-2px);
color: white;
}
.jhf-social-link svg { display: block; } .jhf-footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.jhf-footer-bottom p {
color: rgba(255, 255, 255, 0.72);
font-size: 13px;
margin: 0;
}
.jhf-footer-legal {
display: flex;
gap: 24px;
}
.jhf-footer-legal a {
color: rgba(255, 255, 255, 0.72);
font-size: 13px;
text-decoration: none;
}
.jhf-footer-legal a:hover { color: white; } @media (max-width: 960px) {
.jhf-site-footer { padding: 64px 0 24px; }
.jhf-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }
}
@media (max-width: 640px) {
.jhf-footer-grid { grid-template-columns: 1fr; }
.jhf-footer-bottom { flex-direction: column; align-items: flex-start; }
} @media (prefers-reduced-motion: reduce) {
.jhf-site-header,
.jhf-site-header__inner,
.jhf-logo__mark,
.jhf-logo__text { transition: none; }
}  .elementor-section:has(.jhf-site-header),
.elementor-container:has(.jhf-site-header),
.elementor-column:has(.jhf-site-header),
.elementor-widget-html:has(.jhf-site-header),
.e-con:has(.jhf-site-header),
.e-con-inner:has(.jhf-site-header) {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
} .elementor-section:has(.jhf-site-footer),
.elementor-container:has(.jhf-site-footer),
.elementor-column:has(.jhf-site-footer),
.elementor-widget-html:has(.jhf-site-footer),
.e-con:has(.jhf-site-footer),
.e-con-inner:has(.jhf-site-footer) {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
} .elementor-widget-html .jhf-site-header,
.elementor-widget-html .jhf-site-footer {
margin: 0;
} .jhf-site-header .jhf-logo .jhf-logo__mark,
.jhf-site-header .jhf-logo img.jhf-logo__mark,
.elementor .jhf-site-header .jhf-logo__mark {
height: 80px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
}
body.jhf-scrolled .jhf-site-header .jhf-logo .jhf-logo__mark,
body.jhf-scrolled .jhf-site-header .jhf-logo img.jhf-logo__mark,
body.jhf-scrolled .elementor .jhf-site-header .jhf-logo__mark {
height: 40px !important;
} .jhf-site-footer .jhf-footer-brand .jhf-logo__mark,
.jhf-site-footer .jhf-footer-brand img.jhf-logo__mark,
.elementor .jhf-site-footer .jhf-logo__mark {
height: 48px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
} @media (max-width: 900px) {
.jhf-site-header .jhf-logo .jhf-logo__mark,
.jhf-site-header .jhf-logo img.jhf-logo__mark,
.elementor .jhf-site-header .jhf-logo__mark {
height: 50px !important;
}
body.jhf-scrolled .jhf-site-header .jhf-logo .jhf-logo__mark,
body.jhf-scrolled .jhf-site-header .jhf-logo img.jhf-logo__mark,
body.jhf-scrolled .elementor .jhf-site-header .jhf-logo__mark {
height: 36px !important;
}
}  .elementor-section:has(.jhf-site-header),
.elementor-section .elementor-container:has(.jhf-site-header),
.elementor-column:has(.jhf-site-header),
.elementor-widget-html:has(.jhf-site-header),
.elementor-widget-wrap:has(.jhf-site-header),
.e-con:has(.jhf-site-header),
.e-con-inner:has(.jhf-site-header),
.elementor-location-header,
.elementor-location-header > div,
.elementor-location-header section {
overflow: visible !important;
} html, body {
overflow-x: hidden;
overflow-y: visible;
} .jhf-site-header,
.elementor .jhf-site-header,
.elementor-widget-html .jhf-site-header {
position: sticky !important;
top: 0 !important;
z-index: 100 !important;
}  .elementor-location-header,
.elementor-location-header *,
header.elementor-location-header,
header.elementor-location-header *,
.elementor-section-wrap,
.elementor-edit-mode .elementor-section-wrap,
#wrapper:has(.jhf-site-header),
#page:has(.jhf-site-header),
.site-main:has(.jhf-site-header),
.entry-content:has(.jhf-site-header) {
overflow: visible !important;
transform: none !important;
filter: none !important;
perspective: none !important;
contain: none !important;
} :has(> .jhf-site-header),
:has(> * > .jhf-site-header),
:has(> * > * > .jhf-site-header) {
overflow: visible !important;
} body.jhf-fixed-header .jhf-site-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
} body.jhf-fixed-header.jhf-scrolled .jhf-site-header {
padding: 10px 0;
} .jhf-events-archive-hero {
background: var(--jhf-primary);
color: white;
padding: 96px 0 80px;
position: relative;
overflow: hidden;
}
.jhf-events-archive-hero::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.18) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.10) 0%, transparent 50%);
pointer-events: none;
}
.jhf-events-archive-hero > .jhf-container {
position: relative;
}
.jhf-events-archive-hero .jhf-eyebrow {
margin-bottom: 16px;
display: inline-block;
}
.jhf-events-archive-hero__title {
font-family: var(--jhf-font-display);
font-size: clamp(40px, 6vw, 72px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: white;
margin: 0 0 24px;
}
.jhf-events-archive-hero__lead {
font-size: 19px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.6;
margin: 0;
max-width: 720px;
} .jhf-events-archive-section {
padding: 96px 0;
background: #ffffff;
}
.jhf-events-archive-section--alt {
background: var(--jhf-surface-alt, #F7F8FA);
}
.jhf-section-title-row {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 40px;
gap: 24px;
flex-wrap: wrap;
}
.jhf-section-title-row__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0;
}
.jhf-section-title-row__meta {
color: var(--jhf-text-muted, #5B6572);
font-size: 14px;
font-weight: 600;
} .jhf-featured-event {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
background: white;
border: 2px solid var(--jhf-secondary); border-radius: 24px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10);
transition: transform .25s ease-out, box-shadow .25s ease-out;
}
.jhf-featured-event:hover {
transform: translateY(-3px);
box-shadow: 0 20px 60px rgba(13, 29, 49, 0.16);
}
.jhf-featured-event__image {
min-height: 400px;
background: var(--jhf-surface-alt, #F7F8FA) center/cover no-repeat;
position: relative;
}
.jhf-featured-event__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(45deg, rgba(13, 29, 49, 0.25), transparent);
pointer-events: none;
}
.jhf-featured-event__pill {
position: absolute;
top: 24px;
left: 24px;
z-index: 1;
background: var(--jhf-secondary);
color: white;
padding: 8px 16px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
display: inline-flex;
align-items: center;
gap: 8px;
} .jhf-featured-event__pill::before {
content: "";
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
animation: jhf-featured-pulse 2s infinite;
}
@keyframes jhf-featured-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(1.3); }
}
@media (prefers-reduced-motion: reduce) {
.jhf-featured-event__pill::before { animation: none; }
}
.jhf-featured-event__content {
padding: 48px;
display: flex;
flex-direction: column;
gap: 16px;
}
.jhf-featured-event__meta {
display: flex;
flex-wrap: wrap;
gap: 16px 24px;
font-size: 14px;
color: var(--jhf-text-muted, #5B6572);
font-weight: 600;
margin-bottom: 4px;
}
.jhf-featured-event__meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.jhf-featured-event__title {
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0;
}
.jhf-featured-event__text {
color: var(--jhf-text-muted, #5B6572);
font-size: 16px;
line-height: 1.6;
margin: 0;
}
.jhf-featured-event__stats {
display: flex;
gap: 32px;
flex-wrap: wrap;
padding: 16px 0;
border-top: 1px solid var(--jhf-border, #E5E7EB);
border-bottom: 1px solid var(--jhf-border, #E5E7EB);
}
.jhf-featured-stat {
display: flex;
flex-direction: column;
gap: 4px;
}
.jhf-featured-stat strong {
font-family: var(--jhf-font-display);
font-size: 28px;
font-weight: 900;
color: var(--jhf-secondary);
letter-spacing: -0.02em;
line-height: 1;
}
.jhf-featured-stat span {
font-size: 12px;
color: var(--jhf-text-muted, #5B6572);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 600;
}
.jhf-featured-event__actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 8px;
} .jhf-events-upcoming-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
} .jhf-events-past-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 24px;
} .jhf-event-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
display: flex;
flex-direction: column;
}
.jhf-event-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10);
border-color: transparent;
}
.jhf-event-card__image {
height: 200px;
background: var(--jhf-surface-alt, #F7F8FA) center/cover no-repeat;
position: relative;
}
.jhf-event-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 29, 49, 0) 50%, rgba(13, 29, 49, 0.25));
pointer-events: none;
}
.jhf-event-card-status {
position: absolute;
top: 16px;
left: 16px;
z-index: 1;
padding: 6px 14px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.jhf-event-card-status--upcoming {
background: var(--jhf-secondary);
color: white;
}
.jhf-event-card-status--past {
background: rgba(255, 255, 255, 0.92);
color: var(--jhf-text-muted, #5B6572);
}
.jhf-event-card__content {
padding: 24px 28px 28px;
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
}
.jhf-event-card__date {
font-size: 12px;
color: var(--jhf-secondary);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
}
.jhf-event-card__title {
font-family: var(--jhf-font-display);
font-size: 22px;
font-weight: 800;
line-height: 1.2;
color: var(--jhf-primary);
margin: 4px 0 4px;
}
.jhf-event-card__location {
font-size: 14px;
color: var(--jhf-text-muted, #5B6572);
margin-bottom: 12px;
}
.jhf-event-card__meta {
display: flex;
gap: 16px;
flex-wrap: wrap;
padding: 12px 0;
border-top: 1px solid var(--jhf-surface-alt, #F7F8FA);
font-size: 14px;
color: var(--jhf-text-muted, #5B6572);
}
.jhf-event-card__meta strong {
color: var(--jhf-secondary);
font-weight: 800;
}
.jhf-event-card__cta {
margin-top: auto;
padding-top: 8px;
color: var(--jhf-secondary);
font-weight: 700;
font-size: 14px;
} .jhf-past-card {
background: white;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
display: flex;
flex-direction: column;
}
.jhf-past-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 28px rgba(13, 29, 49, 0.08);
border-color: transparent;
}
.jhf-past-card__image {
height: 140px;
background: var(--jhf-surface-alt, #F7F8FA) center/cover no-repeat;
position: relative;
}
.jhf-past-card {
filter: grayscale(0.4);
transition: transform .25s ease-out, box-shadow .25s ease-out, filter .25s ease-out;
}
.jhf-past-card:hover {
filter: grayscale(0);
}
.jhf-past-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 29, 49, 0) 50%, rgba(13, 29, 49, 0.20));
pointer-events: none;
}
.jhf-past-card__content {
padding: 16px 20px 20px;
display: flex;
flex-direction: column;
gap: 2px;
}
.jhf-past-card__date {
font-size: 12px;
color: var(--jhf-text-muted, #5B6572);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
}
.jhf-past-card__title {
font-family: var(--jhf-font-display);
font-size: 17px;
font-weight: 800;
line-height: 1.25;
color: var(--jhf-primary);
margin: 2px 0 2px;
}
.jhf-past-card__location {
font-size: 13px;
color: var(--jhf-text-muted, #5B6572);
margin-bottom: 8px;
}
.jhf-past-card__meta {
display: flex;
gap: 16px;
flex-wrap: wrap;
padding-top: 12px;
border-top: 1px solid var(--jhf-surface-alt, #F7F8FA);
font-size: 13px;
color: var(--jhf-text-muted, #5B6572);
} @media (max-width: 960px) {
.jhf-events-archive-hero { padding: 64px 0 56px; }
.jhf-events-archive-section { padding: 64px 0; }
.jhf-featured-event { grid-template-columns: 1fr; }
.jhf-featured-event__image { min-height: 280px; }
.jhf-featured-event__content { padding: 32px; }
.jhf-featured-event__stats { gap: 24px; }
}
@media (max-width: 640px) {
.jhf-section-title-row { flex-direction: column; align-items: flex-start; }
.jhf-events-upcoming-grid,
.jhf-events-past-grid { grid-template-columns: 1fr; }
.jhf-featured-event__content { padding: 24px; }
}  .jhf-events-archive-hero {
padding: 120px 0 96px !important;
}
.jhf-events-archive-hero__inner {
position: relative;
max-width: 820px;
}
.jhf-events-archive-hero__stats {
display: flex;
gap: 64px;
margin-top: 40px;
flex-wrap: wrap;
}
.jhf-archive-hero-stat {
display: flex;
flex-direction: column;
gap: 4px;
}
.jhf-archive-hero-stat strong {
font-family: var(--jhf-font-display);
font-size: 36px;
font-weight: 900;
color: var(--jhf-secondary);
letter-spacing: -0.02em;
line-height: 1;
}
.jhf-archive-hero-stat span {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.65);
font-weight: 600;
} body.jhf-fixed-header .jhf-events-archive-hero {
padding-top: 200px !important; } .jhf-newsletter-cta {
background: var(--jhf-primary);
color: white;
border-radius: 24px;
padding: 96px 64px; text-align: center;
position: relative;
overflow: hidden;
} .jhf-newsletter-cta::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 30%, rgba(236, 0, 95, 0.20) 0%, transparent 50%),
radial-gradient(circle at 85% 70%, rgba(236, 0, 95, 0.10) 0%, transparent 50%);
pointer-events: none;
}
.jhf-newsletter-cta__inner {
position: relative;
max-width: 580px; margin: 0 auto;
}
.jhf-newsletter-cta .jhf-eyebrow {
margin-bottom: 16px;
display: inline-block;
}
.jhf-newsletter-cta__title {
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: white;
margin: 0 0 16px;
}
.jhf-newsletter-cta__text {
color: rgba(255, 255, 255, 0.85);
font-size: 17px;
line-height: 1.6;
margin: 0 0 32px;
}
.jhf-newsletter-form {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
} .jhf-newsletter-form input.jhf-newsletter-input[type="email"] {
flex: 1 1 auto;
min-width: 240px;
width: auto;
padding: 14px 20px;
border: 2px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
color: white;
border-radius: 999px;
font-family: var(--jhf-font-display);
font-size: 15px;
line-height: 1.4;
transition: border-color .25s ease-out, background-color .25s ease-out;
box-shadow: none;
}
.jhf-newsletter-form input.jhf-newsletter-input[type="email"]::placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.jhf-newsletter-form input.jhf-newsletter-input[type="email"]:hover {
border-color: rgba(255, 255, 255, 0.35);
}
.jhf-newsletter-form input.jhf-newsletter-input[type="email"]:focus {
outline: none;
border-color: var(--jhf-secondary); background: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 0 3px rgba(236, 0, 95, 0.20);
} .jhf-newsletter-form button.jhf-button.jhf-button--primary {
padding: 14px 28px;
border-radius: 999px;
border: 2px solid var(--jhf-secondary);
background: var(--jhf-secondary);
color: white;
font-family: var(--jhf-font-display);
font-size: 15px;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
transition: transform .2s ease-out, box-shadow .2s ease-out, background-color .2s ease-out;
box-shadow: 0 4px 12px rgba(236, 0, 95, 0.25);
}
.jhf-newsletter-form button.jhf-button.jhf-button--primary:hover {
background: #d6004f;
border-color: #d6004f;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(236, 0, 95, 0.35);
}
.jhf-newsletter-form button.jhf-button.jhf-button--primary:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4), 0 4px 12px rgba(236, 0, 95, 0.25);
} .jhf-events-filters-bar {
background: white;
border-bottom: 1px solid var(--jhf-border);
padding: 16px 0;
position: sticky;
top: 78px; z-index: 50;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
body.jhf-fixed-header .jhf-events-filters-bar {
top: 80px;
}
.jhf-events-filters-bar__inner {
display: flex;
gap: 32px;
align-items: center;
flex-wrap: wrap;
}
.jhf-filter-group {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.jhf-filter-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted);
} .jhf-sector-select-wrap { position: relative; display: inline-flex; align-items: center; }
.jhf-sector-select {
appearance: none; -webkit-appearance: none; -moz-appearance: none;
font-family: inherit; font-size: 14px; font-weight: 600; color: var(--jhf-text);
background: var(--jhf-surface-alt, #F7F8FA);
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: 999px;
padding: 9px 42px 9px 16px;
line-height: 1.2; cursor: pointer; max-width: 340px;
transition: border-color .2s ease, box-shadow .2s ease;
}
.jhf-sector-select:hover { border-color: #d3dae4; }
.jhf-sector-select:focus-visible { outline: none; border-color: var(--jhf-primary, #0D1D31); box-shadow: 0 0 0 3px rgba(13,29,49,0.15); }
.jhf-sector-select__chevron { position: absolute; right: 14px; width: 16px; height: 16px; color: var(--jhf-text-muted, #5B6572); pointer-events: none; }
@media (max-width: 640px) {
.jhf-sector-select-wrap { width: 100%; }
.jhf-sector-select { max-width: 100%; width: 100%; }
} .jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:hover,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:focus,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:focus-visible,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:active {
padding: 7px 14px;
border-radius: 999px;
border: 1px solid transparent;
font-family: inherit;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all .25s ease-out;
text-transform: none;
letter-spacing: 0;
line-height: 1.2;
box-shadow: none;
outline: none;
}
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill {
background: var(--jhf-surface-alt);
color: var(--jhf-text);
}
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:hover {
background: var(--jhf-border);
color: var(--jhf-text);
}
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill.is-active,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill.is-active:hover,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill.is-active:focus,
.jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill.is-active:focus-visible {
background: var(--jhf-primary);
color: white;
border-color: var(--jhf-primary);
border-radius: 999px;
} .jhf-events-filters-bar .jhf-filter-group button.jhf-filter-pill:focus-visible {
box-shadow: 0 0 0 3px rgba(13, 29, 49, 0.20);
}
.jhf-filters-count {
margin-left: auto;
font-size: 13px;
color: var(--jhf-text-muted);
font-weight: 600;
}
.jhf-filters-count strong {
color: var(--jhf-text);
font-weight: 800;
} .jhf-events-archive-section.is-hidden-by-filter {
display: none;
}
.jhf-event-card-wrap.is-hidden-by-filter {
display: none;
}
@media (max-width: 640px) {
.jhf-events-filters-bar {
position: static;
}
.jhf-events-filters-bar__inner {
gap: 16px;
}
.jhf-filters-count {
margin-left: 0;
width: 100%;
text-align: center;
}
} .jhf-site-footer .jhf-footer-brand .jhf-logo,
.jhf-site-footer .jhf-footer-brand .jhf-logo__text {
font-size: 20px !important;
} @media (max-width: 640px) {
.jhf-events-archive-hero { padding: 96px 0 64px !important; }
body.jhf-fixed-header .jhf-events-archive-hero { padding-top: 160px !important; }
.jhf-events-archive-hero__stats { gap: 32px; }
.jhf-archive-hero-stat strong { font-size: 28px; }
.jhf-newsletter-cta { padding: 48px 24px; }
.jhf-newsletter-form { flex-direction: column; }
.jhf-newsletter-form .jhf-button { width: 100%; justify-content: center; }
}  .jhf-companies-archive-hero {
background: var(--jhf-primary);
color: white;
padding: 96px 0 64px;
position: relative;
overflow: hidden;
}
body.jhf-fixed-header .jhf-companies-archive-hero {
padding-top: 200px;
}
.jhf-companies-archive-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.15) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.06) 0%, transparent 50%);
pointer-events: none;
}
.jhf-companies-archive-hero__inner {
position: relative;
max-width: 820px;
}
.jhf-companies-archive-hero__title {
color: white;
font-family: var(--jhf-font-display);
font-size: clamp(40px, 6vw, 64px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 24px;
}
.jhf-companies-archive-hero__lead {
color: rgba(255, 255, 255, 0.8);
font-size: 19px;
line-height: 1.6;
max-width: 720px;
margin: 0;
}
.jhf-companies-archive-hero__stats {
display: flex;
gap: 64px;
margin-top: 40px;
flex-wrap: wrap;
} .jhf-companies-search-filters-bar {
background: white;
padding: 24px 0;
border-bottom: 1px solid var(--jhf-border);
position: sticky;
top: 78px;
z-index: 50;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
body.jhf-fixed-header .jhf-companies-search-filters-bar {
top: 80px;
}
.jhf-companies-search-bar {
position: relative;
margin-bottom: 24px;
} .jhf-companies-search-bar input.jhf-companies-search-input[type="search"] {
width: 100%;
padding: 16px 22px 16px 56px;
border-radius: 999px;
border: 2px solid var(--jhf-border);
background: var(--jhf-surface-alt);
font-family: inherit;
font-size: 16px;
color: var(--jhf-text);
outline: none;
transition: all .25s ease-out;
box-shadow: none;
line-height: 1.4;
}
.jhf-companies-search-bar input.jhf-companies-search-input[type="search"]::placeholder {
color: var(--jhf-text-muted);
}
.jhf-companies-search-bar input.jhf-companies-search-input[type="search"]:focus {
border-color: var(--jhf-primary);
background: white;
box-shadow: 0 4px 20px rgba(13, 29, 49, 0.06);
}
.jhf-companies-search-icon {
position: absolute;
left: 22px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
color: var(--jhf-text-muted);
pointer-events: none;
}
.jhf-companies-filters-inner {
display: flex;
gap: 40px;
align-items: center;
flex-wrap: wrap;
} .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:hover,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:focus,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:focus-visible,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:active {
display: inline-flex;
align-items: center;
padding: 7px 14px;
border-radius: 999px;
border: 1px solid transparent;
font-family: inherit;
font-size: 13px;
font-weight: 600;
color: var(--jhf-text);
cursor: pointer;
transition: all .25s ease-out;
text-transform: none;
letter-spacing: 0;
line-height: 1.2;
text-decoration: none;
outline: none;
box-shadow: none;
background: var(--jhf-surface-alt);
}
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:hover {
background: var(--jhf-border);
color: var(--jhf-text);
}
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill.is-active,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill.is-active:hover,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill.is-active:focus {
background: var(--jhf-primary);
color: white;
border-color: var(--jhf-primary);
border-radius: 999px;
}
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill--protected.is-active,
.jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill--protected.is-active:hover {
background: var(--jhf-secondary);
border-color: var(--jhf-secondary);
} .jhf-companies-archive-section {
padding: 96px 0;
}
.jhf-companies-archive-section--alt {
background: var(--jhf-surface-alt);
} .jhf-companies-archive-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
}
.jhf-companies-archive-card {
background: white;
border: 1px solid var(--jhf-border);
border-radius: 16px;
padding: 40px;
transition: all .25s ease-out;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
text-decoration: none;
color: inherit;
}
.jhf-companies-archive-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10);
border-color: transparent;
}
.jhf-companies-archive-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 8px;
}
.jhf-companies-archive-card__logo {
width: 72px;
height: 72px;
background: var(--jhf-surface-alt);
border-radius: 12px;
display: grid;
place-items: center;
flex-shrink: 0;
overflow: hidden;
}
.jhf-companies-archive-card__logo img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.jhf-companies-archive-card__initials {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 22px;
color: var(--jhf-primary);
letter-spacing: -0.02em;
}
.jhf-companies-archive-card__protected-badge {
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-secondary);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 10px;
border-radius: 999px;
flex-shrink: 0;
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 5px;
}
.jhf-companies-archive-card__protected-badge::before {
content: '';
width: 6px;
height: 6px;
background: var(--jhf-secondary);
border-radius: 50%;
}
.jhf-companies-archive-card__name {
font-family: var(--jhf-font-display);
font-size: 20px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-text);
margin: 0 0 4px;
}
.jhf-companies-archive-card__sector {
display: inline-block;
font-size: 11px;
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
padding: 4px 10px;
background: var(--jhf-surface-alt);
border-radius: 999px;
margin-bottom: 16px;
align-self: flex-start;
}
.jhf-companies-archive-card__desc {
color: var(--jhf-text-muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 16px;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.jhf-companies-archive-card__footer {
margin-top: auto;
padding-top: 24px;
border-top: 1px solid var(--jhf-surface-alt);
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
.jhf-companies-archive-card__editions {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: var(--jhf-text-muted);
font-weight: 600;
}
.jhf-companies-archive-card__editions strong {
color: var(--jhf-primary);
font-size: 16px;
margin-right: 2px;
}
.jhf-companies-archive-card__cta {
color: var(--jhf-secondary);
font-weight: 700;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.jhf-companies-archive-card__cta::after {
content: '→';
transition: transform .25s ease-out;
}
.jhf-companies-archive-card:hover .jhf-companies-archive-card__cta::after {
transform: translateX(4px);
} .jhf-companies-archive-empty {
text-align: center;
padding: 128px 24px;
display: none;
}
.jhf-companies-archive-empty.is-visible {
display: block;
}
.jhf-companies-archive-empty__icon {
font-size: 56px;
margin-bottom: 24px;
opacity: 0.5;
}
.jhf-companies-archive-empty h3 {
font-family: var(--jhf-font-display);
font-size: 24px;
font-weight: 800;
color: var(--jhf-text);
margin: 0 0 16px;
}
.jhf-companies-archive-empty p {
color: var(--jhf-text-muted);
font-size: 17px;
margin: 0;
} .jhf-companies-archive-card.is-hidden-by-search {
display: none;
} .jhf-companies-archive-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 96px;
}
.jhf-companies-archive-pagination .jhf-page-btn {
min-width: 40px;
height: 40px;
border-radius: 12px;
background: transparent;
border: 1px solid var(--jhf-border);
color: var(--jhf-text);
font-family: inherit;
font-weight: 700;
font-size: 14px;
cursor: pointer;
transition: all .25s ease-out;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 16px;
text-decoration: none;
}
.jhf-companies-archive-pagination .jhf-page-btn:hover {
border-color: var(--jhf-primary);
}
.jhf-companies-archive-pagination .jhf-page-btn.is-current {
background: var(--jhf-primary);
color: white;
border-color: var(--jhf-primary);
}
.jhf-companies-archive-pagination .jhf-page-btn.is-dots {
border: none;
opacity: 0.5;
cursor: default;
} .jhf-b2b-cta {
background: var(--jhf-primary);
color: white;
border-radius: 24px;
padding: 96px;
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 64px;
align-items: center;
}
.jhf-b2b-cta::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 30%, rgba(236, 0, 95, 0.20) 0%, transparent 50%),
radial-gradient(circle at 85% 70%, rgba(236, 0, 95, 0.10) 0%, transparent 50%);
pointer-events: none;
}
.jhf-b2b-cta__content {
position: relative;
}
.jhf-b2b-cta__title {
color: white;
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3.5vw, 40px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 16px 0 24px;
}
.jhf-b2b-cta__text {
color: rgba(255, 255, 255, 0.85);
font-size: 17px;
line-height: 1.6;
margin: 0 0 40px;
}
.jhf-b2b-cta__actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.jhf-b2b-cta__stats {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.jhf-b2b-stat {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 16px;
padding: 24px;
}
.jhf-b2b-stat strong {
display: block;
font-family: var(--jhf-font-display);
font-size: 36px;
font-weight: 900;
color: var(--jhf-secondary);
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 4px;
}
.jhf-b2b-stat span {
font-size: 13px;
color: rgba(255, 255, 255, 0.75);
font-weight: 600;
} .jhf-button--ghost-light {
background: transparent;
color: white;
border: 2px solid rgba(255, 255, 255, 0.4);
}
.jhf-button--ghost-light:hover {
border-color: white;
background: rgba(255, 255, 255, 0.05);
color: white;
} @media (max-width: 960px) {
.jhf-companies-search-filters-bar { position: static; }
.jhf-b2b-cta { grid-template-columns: 1fr; gap: 40px; padding: 64px 32px; }
.jhf-companies-archive-hero__stats { gap: 24px; }
.jhf-companies-archive-section { padding: 64px 0; }
}
@media (max-width: 640px) {
.jhf-companies-archive-grid { grid-template-columns: 1fr; }
.jhf-companies-filters-inner { gap: 16px; }
.jhf-companies-filters-inner .jhf-filter-group { width: 100%; }
.jhf-filters-count { margin-left: 0; }
.jhf-b2b-cta__stats { grid-template-columns: 1fr; }
.jhf-b2b-cta { padding: 48px 24px; }
}  body .jhf-companies-search-bar input.jhf-companies-search-input[type="search"] {
background: var(--jhf-surface-alt) !important;
background-color: var(--jhf-surface-alt) !important;
}
body .jhf-companies-search-bar input.jhf-companies-search-input[type="search"]:focus {
background: white !important;
background-color: white !important;
} body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill {
background: var(--jhf-surface-alt) !important;
background-color: var(--jhf-surface-alt) !important;
}
body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill:hover {
background: var(--jhf-border) !important;
background-color: var(--jhf-border) !important;
}
body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill.is-active,
body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill.is-active:hover {
background: var(--jhf-primary) !important;
background-color: var(--jhf-primary) !important;
color: white !important;
}
body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill--protected.is-active,
body .jhf-companies-search-filters-bar .jhf-filter-group a.jhf-filter-pill--protected.is-active:hover {
background: var(--jhf-secondary) !important;
background-color: var(--jhf-secondary) !important;
} .jhf-companies-archive-card__sector {
background: var(--jhf-surface-alt);
background-color: var(--jhf-surface-alt);
} body .jhf-companies-archive-section.jhf-companies-archive-section--alt {
background: var(--jhf-surface-alt) !important;
background-color: var(--jhf-surface-alt) !important;
} body .jhf-events-archive-section.jhf-events-archive-section--alt {
background: var(--jhf-surface-alt) !important;
background-color: var(--jhf-surface-alt) !important;
} .jhf-companies-archive-card__logo {
background: var(--jhf-surface-alt);
background-color: var(--jhf-surface-alt);
} .jhf-companies-archive-card__footer {
border-top: 1px solid var(--jhf-surface-alt);
} .jhf-auth-layout {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 100vh;
}
body.jhf-fixed-header .jhf-auth-layout {
min-height: calc(100vh - 80px);
} .jhf-auth-brand {
background: var(--jhf-primary);
color: white;
padding: 64px 96px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.jhf-auth-brand::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.22) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.08) 0%, transparent 50%);
pointer-events: none;
}
.jhf-auth-brand-inner {
position: relative;
max-width: 480px;
}
.jhf-auth-brand-logo {
display: inline-flex;
align-items: center;
gap: 12px;
color: white !important;
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: 20px;
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 64px;
text-decoration: none;
}
.jhf-auth-brand-logo img {
height: 48px;
width: auto;
display: block;
flex-shrink: 0;
}
.jhf-auth-brand-content { position: relative; }
.jhf-auth-brand-headline {
color: white;
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(32px, 4vw, 44px);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 16px 0 24px;
}
.jhf-auth-brand-accent {
color: var(--jhf-secondary);
}
.jhf-auth-brand-lead {
color: rgba(255, 255, 255, 0.8);
font-size: 17px;
line-height: 1.6;
margin: 0 0 40px;
}
.jhf-auth-features {
display: flex;
flex-direction: column;
gap: 20px;
}
.jhf-auth-feature {
display: flex;
gap: 16px;
align-items: flex-start;
}
.jhf-auth-feature-check {
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(236, 0, 95, 0.15);
color: var(--jhf-secondary);
display: grid;
place-items: center;
flex-shrink: 0;
}
.jhf-auth-feature-check svg {
width: 18px;
height: 18px;
}
.jhf-auth-feature-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.jhf-auth-feature-text strong {
color: white;
font-weight: 700;
font-size: 15px;
line-height: 1.3;
}
.jhf-auth-feature-text span {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
line-height: 1.5;
}
.jhf-auth-brand-footer {
position: relative;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 64px;
} .jhf-auth-form-side {
background: white;
padding: 64px 96px;
display: flex;
align-items: center;
justify-content: center;
}
.jhf-auth-form-wrapper {
width: 100%;
max-width: 440px;
}
.jhf-auth-form-card {
display: none;
}
.jhf-auth-form-card.is-visible {
display: block;
}
.jhf-auth-form-header {
margin-bottom: 32px;
}
.jhf-auth-form-header .jhf-eyebrow {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--jhf-secondary);
margin-bottom: 16px;
display: inline-block;
}
.jhf-auth-form-header h1 {
font-family: var(--jhf-font-display);
font-size: clamp(28px, 3.5vw, 36px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-text-strong);
margin: 0 0 12px;
}
.jhf-auth-form-header p {
color: var(--jhf-text-muted);
font-size: 15px;
line-height: 1.55;
margin: 0;
} .jhf-form-fields {
display: flex;
flex-direction: column;
gap: 20px;
}
.jhf-form-row {
display: flex;
flex-direction: column;
gap: 6px;
}
.jhf-form-row label {
font-size: 14px;
font-weight: 700;
color: var(--jhf-text-strong);
}
.jhf-form-row .jhf-form-required {
color: var(--jhf-secondary);
font-weight: 700;
}
.jhf-form-row--split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.jhf-form-row--split > .jhf-form-row {
margin: 0;
} body .jhf-form-fields input.jhf-form-input[type="text"],
body .jhf-form-fields input.jhf-form-input[type="email"],
body .jhf-form-fields input.jhf-form-input[type="password"] {
width: 100% !important;
padding: 14px 18px !important;
border-radius: 12px !important;
border: 2px solid var(--jhf-border) !important;
background: white !important;
font-family: inherit !important;
font-size: 15px !important;
color: var(--jhf-text-strong) !important;
outline: none !important;
transition: border-color .25s ease-out, background-color .25s ease-out, box-shadow .25s ease-out !important;
box-shadow: none !important;
line-height: 1.4 !important;
}
body .jhf-form-fields input.jhf-form-input::placeholder {
color: var(--jhf-text-muted);
opacity: 1;
}
body .jhf-form-fields input.jhf-form-input:hover {
border-color: rgba(13, 29, 49, 0.25) !important;
}
body .jhf-form-fields input.jhf-form-input:focus {
border-color: var(--jhf-primary) !important;
box-shadow: 0 0 0 3px rgba(13, 29, 49, 0.08) !important;
} .jhf-form-input-wrapper {
position: relative;
}
.jhf-input-icon-action {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
background: transparent;
border: none;
cursor: pointer;
color: var(--jhf-text-muted);
display: grid;
place-items: center;
padding: 0;
transition: color .2s ease-out;
}
.jhf-input-icon-action:hover { color: var(--jhf-primary); }
.jhf-input-icon-action svg { width: 20px; height: 20px; }
.jhf-input-icon-action.is-showing svg path:last-of-type,
.jhf-input-icon-action.is-showing svg circle {
opacity: 0.4;
}
.jhf-form-helper {
font-size: 13px;
color: var(--jhf-text-muted);
margin-top: 4px;
} .jhf-checkbox-row {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px;
background: var(--jhf-surface-alt);
border-radius: 12px;
border: 1px solid transparent;
transition: border-color .2s ease-out;
}
.jhf-checkbox-row:has(input:checked) {
border-color: var(--jhf-primary);
background: rgba(13, 29, 49, 0.04);
}
.jhf-checkbox-row input[type="checkbox"] {
margin-top: 3px;
width: 18px;
height: 18px;
flex-shrink: 0;
accent-color: var(--jhf-secondary);
cursor: pointer;
}
.jhf-checkbox-row label {
font-size: 14px;
font-weight: 500;
color: var(--jhf-text);
line-height: 1.5;
cursor: pointer;
margin: 0;
}
.jhf-checkbox-row label strong {
font-weight: 700;
color: var(--jhf-text-strong);
}
.jhf-checkbox-row label a {
color: var(--jhf-secondary);
text-decoration: underline;
font-weight: 700;
} .jhf-forgot-row {
text-align: right;
margin-top: -8px;
}
.jhf-forgot-row a {
font-size: 14px;
color: var(--jhf-text-muted);
font-weight: 600;
text-decoration: none;
transition: color .2s ease-out;
}
.jhf-forgot-row a:hover { color: var(--jhf-secondary); } .jhf-form-submit {
margin-top: 8px;
}
.jhf-button--block {
width: 100%;
justify-content: center;
padding: 16px 28px;
font-size: 16px;
} .jhf-form-error,
.jhf-form-info,
.jhf-form-success {
padding: 16px 20px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
line-height: 1.55;
margin-bottom: 24px;
display: flex;
align-items: flex-start;
gap: 8px;
}
.jhf-form-error {
background: rgba(220, 38, 38, 0.08);
color: #dc2626;
border: 1px solid rgba(220, 38, 38, 0.20);
}
.jhf-form-error::before { content: '⚠'; font-size: 16px; flex-shrink: 0; }
.jhf-form-info {
background: rgba(13, 29, 49, 0.06);
color: var(--jhf-text-strong);
border: 1px solid rgba(13, 29, 49, 0.15);
}
.jhf-form-info::before { content: 'ℹ'; font-size: 16px; flex-shrink: 0; }
.jhf-form-info a,
.jhf-form-info__link {
color: inherit;
text-decoration: underline;
font-weight: 700;
background: transparent;
border: none;
cursor: pointer;
font-family: inherit;
font-size: inherit;
padding: 0;
}
.jhf-form-success {
background: rgba(16, 185, 129, 0.08);
color: #047857;
border: 1px solid rgba(16, 185, 129, 0.25);
}
.jhf-form-success::before { content: '✓'; font-size: 16px; flex-shrink: 0; } .jhf-auth-form-footer {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid var(--jhf-border);
text-align: center;
font-size: 14px;
color: var(--jhf-text-muted);
}
.jhf-auth-form-footer a {
color: var(--jhf-secondary);
font-weight: 700;
text-decoration: none;
}
.jhf-auth-form-footer a:hover { text-decoration: underline; } .jhf-auth-already-logged {
max-width: 520px;
margin: 96px auto;
padding: 32px;
background: var(--jhf-surface-alt);
border-radius: 16px;
text-align: center;
}
.jhf-auth-already-logged a {
color: var(--jhf-secondary);
font-weight: 700;
margin-left: 8px;
} @media (max-width: 960px) {
.jhf-auth-layout { grid-template-columns: 1fr; }
.jhf-auth-brand { padding: 40px 24px; }
.jhf-auth-brand-logo { margin-bottom: 32px; }
.jhf-auth-features { display: none; }
.jhf-auth-brand-footer { display: none; }
.jhf-auth-form-side { padding: 40px 24px; }
}
@media (max-width: 640px) {
.jhf-form-row--split { grid-template-columns: 1fr; }
}  .jhf-shortcode:has(.jhf-auth-layout),
.entry-content:has(.jhf-auth-layout),
.elementor-widget-shortcode:has(.jhf-auth-layout),
.elementor-widget-container:has(.jhf-auth-layout) {
display: block;
min-height: 100vh;
}
.jhf-auth-layout {
min-height: 100vh;
width: 100%;
}
body.logged-in .jhf-auth-layout {
min-height: calc(100vh - 32px); }
@media (max-width: 782px) {
body.logged-in .jhf-auth-layout {
min-height: calc(100vh - 46px); }
} .jhf-auth-brand,
.jhf-auth-form-side {
min-height: 100%;
} body .jhf-auth-form-card .jhf-form-submit .jhf-button.jhf-button--primary.jhf-button--block,
body .jhf-auth-form-card button.jhf-button.jhf-button--primary.jhf-button--block {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 16px 28px !important;
border-radius: 999px !important;
border: 2px solid var(--jhf-secondary) !important;
background: var(--jhf-secondary) !important;
background-color: var(--jhf-secondary) !important;
color: white !important;
font-family: var(--jhf-font-display) !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 1 !important;
text-transform: none !important;
letter-spacing: 0 !important;
cursor: pointer !important;
transition: all .25s ease-out !important;
box-shadow: 0 4px 12px rgba(236, 0, 95, 0.20) !important;
min-height: auto !important;
text-decoration: none !important;
}
body .jhf-auth-form-card .jhf-form-submit .jhf-button.jhf-button--primary.jhf-button--block:hover,
body .jhf-auth-form-card button.jhf-button.jhf-button--primary.jhf-button--block:hover {
background: var(--jhf-secondary-soft) !important;
background-color: var(--jhf-secondary-soft) !important;
border-color: var(--jhf-secondary-soft) !important;
transform: translateY(-2px) !important;
box-shadow: 0 10px 40px rgba(13, 29, 49, 0.10) !important;
} body .jhf-form-input-wrapper button.jhf-input-icon-action,
body .jhf-form-input-wrapper button.jhf-input-icon-action:hover,
body .jhf-form-input-wrapper button.jhf-input-icon-action:focus,
body .jhf-form-input-wrapper button.jhf-input-icon-action:focus-visible,
body .jhf-form-input-wrapper button.jhf-input-icon-action:active {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
box-shadow: none !important;
color: var(--jhf-text-muted) !important;
display: grid !important;
place-items: center !important;
cursor: pointer !important;
font-size: 0 !important;
min-height: auto !important;
min-width: auto !important;
letter-spacing: 0 !important;
}
body .jhf-form-input-wrapper button.jhf-input-icon-action:hover {
color: var(--jhf-primary) !important;
}
body .jhf-form-input-wrapper button.jhf-input-icon-action svg {
width: 20px !important;
height: 20px !important;
display: block !important;
}   .jhf-next-event-card {
position: relative;
overflow: hidden;
background: var(--jhf-surface);
color: var(--jhf-text-strong);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-8);
box-shadow: var(--jhf-shadow-lg);
}
.jhf-next-event-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: var(--jhf-secondary);
}
.jhf-next-event-card__label {
display: inline-flex;
align-items: center;
gap: var(--jhf-space-2);
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-secondary);
padding: 6px 14px;
border-radius: var(--jhf-radius-full);
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: var(--jhf-space-6);
}
.jhf-next-event-card__label::before {
content: '';
width: 8px;
height: 8px;
background: var(--jhf-secondary);
border-radius: 50%;
}
.jhf-next-event-card__image {
position: relative;
width: 100%;
height: 180px;
background-size: cover;
background-position: center;
border-radius: var(--jhf-radius-md);
margin-bottom: var(--jhf-space-6);
}
.jhf-next-event-card__image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(236, 0, 95, 0.40) 0%, rgba(13, 29, 49, 0.60) 100%);
border-radius: var(--jhf-radius-md);
}
.jhf-next-event-card__image--gradient {
background: linear-gradient(135deg, var(--jhf-secondary) 0%, var(--jhf-primary) 100%);
}
.jhf-next-event-card__image--gradient::after { content: none; }
.jhf-next-event-card__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 800;
line-height: 1.15;
color: var(--jhf-text-strong);
margin: 0 0 var(--jhf-space-4);
}
.jhf-next-event-card__meta {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-4);
margin-bottom: var(--jhf-space-6);
color: var(--jhf-text-muted);
font-size: var(--jhf-text-sm);
}
.jhf-next-event-card__meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.jhf-next-event-card__stats {
display: flex;
gap: var(--jhf-space-6);
padding: var(--jhf-space-4) 0;
margin-bottom: var(--jhf-space-6);
border-top: 1px solid var(--jhf-border);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-next-event-card__stat {
flex: 1;
text-align: center;
}
.jhf-next-event-card__stat strong {
display: block;
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-2xl);
font-weight: 800;
color: var(--jhf-text-strong);
}
.jhf-next-event-card__stat span {
font-size: var(--jhf-text-xs);
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.jhf-next-event-card__cta {
width: 100%;
} .jhf-editions-calendar__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--jhf-space-6);
}
.jhf-edition-card {
position: relative;
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-6);
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out, opacity .25s ease-out;
}
.jhf-edition-card:hover {
transform: translateY(-4px);
box-shadow: var(--jhf-shadow-md);
border-color: transparent;
}
.jhf-edition-card.is-featured {
border-color: var(--jhf-secondary);
border-width: 2px;
}
.jhf-edition-card.is-past { opacity: 0.7; }
.jhf-edition-card.is-past:hover { opacity: 1; }
.jhf-edition-status {
align-self: flex-start;
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 4px 10px;
border-radius: var(--jhf-radius-full);
}
.jhf-edition-status--upcoming {
background: rgba(236, 0, 95, 0.10);
color: var(--jhf-secondary);
}
.jhf-edition-status--featured {
background: var(--jhf-secondary);
color: #fff;
}
.jhf-edition-status--past {
background: var(--jhf-surface-alt);
color: var(--jhf-text-muted);
}
.jhf-edition-card__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 800;
line-height: 1.15;
color: var(--jhf-text-strong);
margin: 0;
}
.jhf-edition-card__date {
font-size: var(--jhf-text-sm);
color: var(--jhf-text-muted);
font-weight: 600;
}
.jhf-edition-card__location {
font-size: var(--jhf-text-sm);
color: var(--jhf-text-strong);
font-weight: 500;
}
.jhf-edition-card__link {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 6px;
padding-top: var(--jhf-space-4);
color: var(--jhf-secondary);
font-family: var(--jhf-font-display);
font-weight: 700;
font-size: var(--jhf-text-sm);
text-decoration: none;
}
.jhf-edition-card__link::after {
content: '→';
transition: transform .25s ease-out;
}
.jhf-edition-card:hover .jhf-edition-card__link::after { transform: translateX(4px); } .jhf-logo-wall {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: var(--jhf-space-6);
}
.jhf-logo-cell {
aspect-ratio: 16 / 9;
display: grid;
place-items: center;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-md);
padding: var(--jhf-space-6);
transition: transform .25s ease-out, box-shadow .25s ease-out, border-color .25s ease-out;
}
.jhf-logo-cell:hover {
border-color: var(--jhf-primary);
transform: translateY(-3px);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-logo-cell img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.jhf-logo-placeholder {
font-family: var(--jhf-font-display);
font-weight: 800;
color: var(--jhf-text-muted);
font-size: var(--jhf-text-sm);
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
}  .jhf-home {
overflow-x: clip;
} .jhf-home-section {
padding: var(--jhf-space-16) 0;
background: var(--jhf-surface);
}
.jhf-home-section--alt {
background: var(--jhf-surface-alt);
} .jhf-button--ghost-light,
a.jhf-button--ghost-light:link,
a.jhf-button--ghost-light:visited,
button.jhf-button--ghost-light {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.4);
}
.jhf-button--ghost-light:hover,
a.jhf-button--ghost-light:hover,
a.jhf-button--ghost-light:focus,
button.jhf-button--ghost-light:hover {
background: transparent;
color: #fff;
border-color: #fff;
} .jhf-hero {
position: relative;
overflow: hidden;
background: var(--jhf-primary);
color: #fff;
padding: var(--jhf-space-16) 0; width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.jhf-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.18) 0%, transparent 60%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.08) 0%, transparent 50%);
pointer-events: none;
}
.jhf-hero__inner {
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-12);
align-items: center;
}
.jhf-hero__text .jhf-eyebrow { display: inline-block; }
.jhf-hero__title {
font-family: var(--jhf-font-display);
font-size: clamp(40px, 6vw, 72px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.01em;
color: #fff;
margin: 0 0 var(--jhf-space-6);
}
.jhf-hero__highlight {
color: var(--jhf-secondary);
display: inline-block;
}
.jhf-hero__lead {
font-size: var(--jhf-text-lg);
line-height: 1.6;
max-width: 640px;
color: var(--jhf-text-on-dark);
margin: 0 0 var(--jhf-space-8);
}
.jhf-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-4);
} .jhf-about__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-12);
align-items: center;
}
.jhf-about__image {
position: relative;
height: 320px;
border-radius: var(--jhf-radius-xl);
overflow: hidden;
background: linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-secondary) 120%);
order: -1;
}
.jhf-about__image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(45deg, rgba(13, 29, 49, 0.2), transparent);
}
.jhf-about__text .jhf-eyebrow { display: inline-block; }
.jhf-about__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 var(--jhf-space-4);
}
.jhf-about__lead {
font-size: var(--jhf-text-lg);
line-height: 1.6;
color: var(--jhf-text);
margin: 0 0 var(--jhf-space-8);
}
.jhf-values-list {
display: flex;
flex-direction: column;
gap: var(--jhf-space-6);
}
.jhf-value-item {
display: flex;
gap: var(--jhf-space-6);
align-items: flex-start;
}
.jhf-value-icon {
flex-shrink: 0;
width: 48px;
height: 48px;
display: grid;
place-items: center;
background: var(--jhf-surface-alt);
border-radius: var(--jhf-radius-md);
color: var(--jhf-secondary);
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 800;
}
.jhf-value-item__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-base);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0 0 4px;
}
.jhf-value-item__text {
font-size: var(--jhf-text-sm);
color: var(--jhf-text-muted);
margin: 0;
} .jhf-how__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-8);
margin-top: var(--jhf-space-8);
}
.jhf-how-column {
background: var(--jhf-surface);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-8);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-how-column__header {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
margin-bottom: var(--jhf-space-8);
padding-bottom: var(--jhf-space-6);
border-bottom: 2px solid var(--jhf-surface-alt);
}
.jhf-how-column__icon {
flex-shrink: 0;
width: 56px;
height: 56px;
display: grid;
place-items: center;
border-radius: var(--jhf-radius-md);
background: var(--jhf-primary);
color: #fff;
}
.jhf-how-column--companies .jhf-how-column__icon {
background: var(--jhf-secondary);
}
.jhf-how-column__icon .jhf-icon {
width: 26px;
height: 26px;
color: #fff;
}
.jhf-how-column__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xl);
font-weight: 800;
color: var(--jhf-text-strong);
margin: 0;
}
.jhf-steps-list {
list-style: none;
counter-reset: jhf-step;
margin: 0;
padding: 0;
}
.jhf-step-item {
counter-increment: jhf-step;
display: flex;
gap: var(--jhf-space-6);
padding: var(--jhf-space-6) 0;
border-bottom: 1px solid var(--jhf-surface-alt);
}
.jhf-step-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.jhf-step-item::before {
content: counter(jhf-step);
flex-shrink: 0;
width: 36px;
height: 36px;
display: grid;
place-items: center;
border-radius: 50%;
background: var(--jhf-surface-alt);
color: var(--jhf-primary);
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: var(--jhf-text-base);
}
.jhf-step-content__title {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-base);
font-weight: 700;
color: var(--jhf-text-strong);
margin: 0 0 4px;
}
.jhf-step-content__text {
font-size: var(--jhf-text-sm);
color: var(--jhf-text-muted);
margin: 0;
}  .jhf-home-companies .jhf-logo-wall {
margin-top: var(--jhf-space-8);
margin-bottom: var(--jhf-space-8);
display: flex;
flex-wrap: nowrap;
grid-template-columns: none;
overflow-x: auto;
gap: var(--jhf-space-4);
padding-bottom: var(--jhf-space-3);
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.jhf-home-companies .jhf-logo-cell {
flex: 0 0 auto;
width: 180px;
scroll-snap-align: start;
}
.jhf-home-companies .jhf-logo-wall::-webkit-scrollbar { height: 8px; }
.jhf-home-companies .jhf-logo-wall::-webkit-scrollbar-thumb { background: var(--jhf-border); border-radius: 999px; }
.jhf-home-companies .jhf-logo-wall::-webkit-scrollbar-track { background: transparent; }
@media (max-width: 640px) {
.jhf-home-companies .jhf-logo-cell { width: 150px; }
}
.jhf-companies-cta {
text-align: center;
} .jhf-home-partners__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: var(--jhf-space-6);
margin-top: var(--jhf-space-8);
}
.jhf-home-partners__cell {
aspect-ratio: 16 / 9;
display: grid;
place-items: center;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-md);
padding: var(--jhf-space-6);
}
.jhf-home-partners__cell img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
} .jhf-hfaq__wrapper {
max-width: 820px;
}
.jhf-hfaq-list {
margin-top: var(--jhf-space-8);
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
}
.jhf-hfaq-item {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-md);
overflow: hidden;
transition: border-color .25s ease-out, box-shadow .25s ease-out;
}
.jhf-hfaq-item[open] {
border-color: var(--jhf-secondary);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-hfaq-question {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--jhf-space-6);
padding: var(--jhf-space-6) var(--jhf-space-8);
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-base);
font-weight: 700;
color: var(--jhf-primary);
cursor: pointer;
list-style: none;
}
.jhf-hfaq-question::-webkit-details-marker { display: none; }
.jhf-hfaq-question:focus-visible {
outline: 2px solid var(--jhf-secondary);
outline-offset: -2px;
}
.jhf-hfaq-toggle {
position: relative;
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--jhf-surface-alt);
transition: background-color .25s ease-out, transform .25s ease-out;
}
.jhf-hfaq-toggle::before,
.jhf-hfaq-toggle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
transform: translate(-50%, -50%);
}
.jhf-hfaq-toggle::before { width: 12px; height: 2px; }
.jhf-hfaq-toggle::after  { width: 2px; height: 12px; }
.jhf-hfaq-item[open] .jhf-hfaq-toggle {
background: var(--jhf-secondary);
color: #fff;
transform: rotate(45deg);
}
.jhf-hfaq-answer {
padding: 0 var(--jhf-space-8) var(--jhf-space-6);
color: var(--jhf-text-muted);
font-size: var(--jhf-text-sm);
line-height: 1.7;
} .jhf-final-cta {
position: relative;
overflow: hidden;
background: var(--jhf-secondary);
color: #fff;
padding: var(--jhf-space-16) 0;
text-align: center; width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.jhf-final-cta::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 40%),
radial-gradient(circle at 80% 70%, rgba(13, 29, 49, 0.15) 0%, transparent 40%);
pointer-events: none;
}
.jhf-final-cta__inner {
position: relative;
max-width: 720px;
}
.jhf-final-cta .jhf-eyebrow { display: inline-block; }
.jhf-final-cta__title {
font-family: var(--jhf-font-display);
font-size: clamp(32px, 4vw, 48px);
font-weight: 800;
line-height: 1.15;
color: #fff;
margin: 0 0 var(--jhf-space-4);
}
.jhf-final-cta__text {
font-size: var(--jhf-text-lg);
color: rgba(255, 255, 255, 0.9);
margin: 0 0 var(--jhf-space-8);
}
.jhf-final-cta .jhf-button--secondary {
background: #fff;
color: var(--jhf-secondary);
border-color: #fff;
}
.jhf-final-cta .jhf-button--secondary:hover {
background: var(--jhf-primary);
color: #fff;
border-color: var(--jhf-primary);
} @media (max-width: 640px) {
.jhf-hero__actions .jhf-button,
.jhf-final-cta .jhf-button {
width: 100%;
}
}
@media (min-width: 768px) {
.jhf-how__grid {
grid-template-columns: 1fr 1fr;
}
.jhf-about__image {
height: 480px;
}
}
@media (min-width: 1024px) {
.jhf-hero {
padding: var(--jhf-space-24) 0 var(--jhf-space-16);
}
.jhf-hero__inner {
grid-template-columns: 1.1fr 0.9fr;
gap: var(--jhf-space-24);
}
.jhf-about__grid {
grid-template-columns: 1fr 1fr;
gap: var(--jhf-space-24);
}
.jhf-about__image {
order: 0;
}
} .jhf-hfaq-*).
Immagini Unsplash dei mockup sostituite da placeholder a gradiente brand.
Full-bleed con width:100vw; margin-left:calc(50% - 50vw). Breakpoint 640/768/960/1024.
============================================================ */
.jhf-progetto,
.jhf-contatti,
.jhf-blog,
.jhf-article {
overflow-x: clip;
} .jhf-section-header--on-dark .jhf-section-header__title { color: #fff; }
.jhf-section-header--on-dark .jhf-section-header__paragraph { color: rgba(255, 255, 255, 0.72); } .jhf-page-hero {
position: relative;
overflow: hidden;
width: 100vw;
margin-left: calc(50% - 50vw);
background: var(--jhf-primary);
color: #fff;
padding: var(--jhf-space-24) 0 var(--jhf-space-16);
}
.jhf-page-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top right, rgba(236, 0, 95, 0.18) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(236, 0, 95, 0.06) 0%, transparent 50%);
pointer-events: none;
}
.jhf-page-hero__inner { position: relative; max-width: 820px; }
.jhf-page-hero .jhf-eyebrow { display: inline-block; margin-bottom: var(--jhf-space-4); }
.jhf-page-hero__title {
color: #fff;
font-family: var(--jhf-font-display);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.01em;
font-size: clamp(2.5rem, 6vw, 4.5rem);
margin: 0 0 var(--jhf-space-6);
}
.jhf-page-hero__lead {
color: rgba(255, 255, 255, 0.85);
font-size: clamp(1.125rem, 2vw, 1.375rem);
line-height: 1.6;
max-width: 720px;
margin: 0;
} .jhf-story__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-12);
align-items: center;
}
.jhf-story__text .jhf-eyebrow { display: block; margin-bottom: var(--jhf-space-4); }
.jhf-story__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(2rem, 4vw, 3rem);
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 var(--jhf-space-6);
}
.jhf-story__p {
color: var(--jhf-text);
font-size: var(--jhf-text-base);
line-height: 1.7;
margin: 0 0 var(--jhf-space-4);
}
.jhf-story__p:last-child { margin-bottom: 0; }
.jhf-story__p strong { color: var(--jhf-primary); font-weight: 700; }
.jhf-story__media {
position: relative;
border-radius: var(--jhf-radius-xl);
overflow: hidden;
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
}
figure.jhf-story__media { margin: 0; }
.jhf-story__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.jhf-story__media--placeholder {
background:
radial-gradient(circle at 30% 20%, rgba(236, 0, 95, 0.35) 0%, transparent 55%),
linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
} .jhf-mission__inner {
max-width: 880px;
margin: 0 auto;
text-align: center;
}
.jhf-mission__inner .jhf-eyebrow { display: inline-block; margin-bottom: var(--jhf-space-4); }
.jhf-mission__quote {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(1.75rem, 3.5vw, 2.625rem);
line-height: 1.3;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: 0 0 var(--jhf-space-8);
}
.jhf-mission__accent { color: var(--jhf-secondary); }
.jhf-mission__signature {
display: inline-flex;
align-items: center;
gap: var(--jhf-space-4);
color: var(--jhf-text-muted);
font-size: var(--jhf-text-sm);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.jhf-mission__signature::before {
content: '';
display: inline-block;
width: 40px;
height: 2px;
background: var(--jhf-secondary);
} .jhf-values__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
.jhf-value-card {
display: flex;
flex-direction: column;
gap: var(--jhf-space-6);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-12);
transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out;
}
.jhf-value-card:hover {
transform: translateY(-6px);
box-shadow: var(--jhf-shadow-md);
border-color: transparent;
}
.jhf-value-card__num {
display: inline-flex;
align-items: center;
gap: var(--jhf-space-4);
font-size: var(--jhf-text-sm);
font-weight: 800;
letter-spacing: 2px;
color: var(--jhf-secondary);
text-transform: uppercase;
}
.jhf-value-card__num::after {
content: '';
flex: 1;
height: 2px;
background: var(--jhf-surface-alt);
}
.jhf-value-card__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.625rem;
line-height: 1.2;
color: var(--jhf-primary);
margin: 0;
}
.jhf-value-card__text {
font-size: var(--jhf-text-base);
line-height: 1.65;
color: var(--jhf-text);
margin: 0;
} .jhf-team__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--jhf-space-8);
}
.jhf-team-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--jhf-space-3);
}
.jhf-team-card__photo {
width: 160px;
height: 160px;
border-radius: 50%;
overflow: hidden;
background-size: cover;
background-position: center;
border: 4px solid #fff;
box-shadow: var(--jhf-shadow-sm);
transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.jhf-team-card:hover .jhf-team-card__photo {
transform: translateY(-4px) scale(1.03);
box-shadow: var(--jhf-shadow-md);
}
.jhf-team-card__photo--placeholder {
display: grid;
place-items: center;
color: #fff;
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 2.5rem;
background:
radial-gradient(circle at 30% 25%, rgba(236, 0, 95, 0.5) 0%, transparent 60%),
linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
}
.jhf-team-card__name {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.125rem;
color: var(--jhf-primary);
margin: var(--jhf-space-2) 0 0;
}
.jhf-team-card__role {
font-size: var(--jhf-text-xs);
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-secondary);
font-weight: 700;
}
.jhf-team-card__bio {
font-size: var(--jhf-text-sm);
line-height: 1.55;
color: var(--jhf-text-muted);
max-width: 220px;
margin: 0;
} .jhf-impact {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
background: var(--jhf-primary);
color: #fff;
padding: var(--jhf-space-24) 0;
}
.jhf-impact > .jhf-container { position: relative; }
.jhf-impact__stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--jhf-space-8);
margin-bottom: var(--jhf-space-16);
}
.jhf-impact__stat { text-align: center; padding: var(--jhf-space-4); }
.jhf-impact__stat strong {
display: block;
font-family: var(--jhf-font-display);
font-weight: 900;
font-size: clamp(3rem, 6vw, 5rem);
line-height: 1;
letter-spacing: -0.03em;
color: var(--jhf-secondary);
margin-bottom: var(--jhf-space-2);
}
.jhf-impact__stat span {
font-size: var(--jhf-text-sm);
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.7);
font-weight: 600;
}
.jhf-impact__map {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-16);
align-items: center;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-12);
}
.jhf-impact__map-text h3 {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.75rem;
color: #fff;
margin: 0 0 var(--jhf-space-4);
}
.jhf-impact__map-text p {
color: rgba(255, 255, 255, 0.75);
font-size: var(--jhf-text-base);
line-height: 1.6;
margin: 0 0 var(--jhf-space-6);
}
.jhf-impact__cities { display: flex; flex-direction: column; gap: var(--jhf-space-4); }
.jhf-impact__city {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
padding: var(--jhf-space-4) var(--jhf-space-6);
background: rgba(255, 255, 255, 0.04);
border-radius: var(--jhf-radius-md);
border-left: 3px solid var(--jhf-secondary);
}
.jhf-impact__city-name { font-weight: 700; color: #fff; }
.jhf-impact__city-meta { font-size: var(--jhf-text-sm); color: rgba(255, 255, 255, 0.55); margin-left: auto; }
.jhf-impact__map-svg { display: grid; place-items: center; }
.jhf-lazio-map {
width: 100%;
height: auto;
max-height: 480px;
font-family: var(--jhf-font-display);
} .jhf-testimonials__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
.jhf-testimonial-card {
position: relative;
display: flex;
flex-direction: column;
gap: var(--jhf-space-6);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-12);
}
.jhf-testimonial-card::before {
content: '\201C';
position: absolute;
top: var(--jhf-space-4);
right: var(--jhf-space-6);
font-family: Georgia, serif;
font-size: 96px;
font-weight: 900;
line-height: 1;
color: var(--jhf-secondary);
opacity: 0.18;
}
.jhf-testimonial-card__quote {
position: relative;
color: var(--jhf-primary);
font-size: var(--jhf-text-base);
line-height: 1.65;
font-weight: 500;
margin: 0;
}
.jhf-testimonial-card__author {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
padding-top: var(--jhf-space-6);
margin-top: auto;
border-top: 1px solid var(--jhf-surface-alt);
}
.jhf-testimonial-card__avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
background-size: cover;
background-position: center;
}
.jhf-testimonial-card__avatar--placeholder {
display: grid;
place-items: center;
color: #fff;
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1rem;
background: linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
}
.jhf-testimonial-card__name { font-weight: 800; color: var(--jhf-primary); font-size: var(--jhf-text-sm); }
.jhf-testimonial-card__role { font-size: var(--jhf-text-xs); color: var(--jhf-text-muted); } .jhf-final-cta__actions {
display: flex;
gap: var(--jhf-space-4);
justify-content: center;
flex-wrap: wrap;
} .jhf-contact-split {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-12);
align-items: start;
} .jhf-contact-form-card {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-12);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-contact-form-card__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 2rem;
color: var(--jhf-primary);
margin: 0 0 var(--jhf-space-4);
}
.jhf-contact-form-card__intro {
color: var(--jhf-text-muted);
font-size: var(--jhf-text-base);
margin: 0 0 var(--jhf-space-8);
}
.jhf-contact-form__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
.jhf-form-row { display: flex; flex-direction: column; gap: 6px; }
.jhf-form-row--full { grid-column: 1 / -1; }
.jhf-form-row label,
.jhf-form-label {
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted);
}
.jhf-req { color: var(--jhf-secondary); }
.jhf-input,
.jhf-select,
.jhf-textarea {
width: 100%;
padding: 14px 18px;
border-radius: var(--jhf-radius-md);
border: 2px solid var(--jhf-border);
background: var(--jhf-surface-alt);
font-family: inherit;
font-size: var(--jhf-text-sm);
color: var(--jhf-primary);
outline: none;
transition: border-color .2s ease-out, background .2s ease-out, box-shadow .2s ease-out;
}
.jhf-input::placeholder,
.jhf-textarea::placeholder { color: var(--jhf-text-muted); }
.jhf-input:focus,
.jhf-select:focus,
.jhf-textarea:focus {
border-color: var(--jhf-primary);
background: var(--jhf-surface);
box-shadow: 0 0 0 4px rgba(13, 29, 49, 0.06);
}
.jhf-textarea { min-height: 140px; resize: vertical; line-height: 1.5; }
.jhf-select {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23768499' d='M6 8L0 0h12z'/></svg>");
background-repeat: no-repeat;
background-position: right 18px center;
padding-right: 44px;
} .jhf-reqpills {
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-2);
margin-top: 6px;
}
.jhf-reqpill { display: inline-flex; cursor: pointer; }
.jhf-reqpill input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;
}
.jhf-reqpill span {
display: inline-block;
padding: 10px 18px;
border-radius: var(--jhf-radius-full);
background: var(--jhf-surface-alt);
border: 2px solid transparent;
font-size: var(--jhf-text-sm);
font-weight: 600;
color: var(--jhf-primary);
transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out;
}
.jhf-reqpill:hover span { background: var(--jhf-border); }
.jhf-reqpill input:checked + span {
background: var(--jhf-primary);
color: #fff;
border-color: var(--jhf-primary);
}
.jhf-reqpill input:focus-visible + span {
outline: 2px solid var(--jhf-secondary);
outline-offset: 2px;
}
.jhf-checkbox-row {
display: flex;
align-items: flex-start;
gap: var(--jhf-space-4);
padding: var(--jhf-space-6);
background: var(--jhf-surface-alt);
border-radius: var(--jhf-radius-md);
}
.jhf-checkbox-row input[type="checkbox"] {
width: 22px;
height: 22px;
flex-shrink: 0;
margin-top: 2px;
accent-color: var(--jhf-secondary);
cursor: pointer;
}
.jhf-checkbox-row label {
font-size: var(--jhf-text-sm);
line-height: 1.55;
color: var(--jhf-primary);
text-transform: none;
letter-spacing: 0;
font-weight: 500;
cursor: pointer;
}
.jhf-checkbox-row a { color: var(--jhf-secondary); font-weight: 700; text-decoration: underline; }
.jhf-button--block { width: 100%; justify-content: center; padding: 16px 28px; font-size: 1rem; }
.jhf-form-actions { gap: 0; }
.jhf-form-note {
margin-top: var(--jhf-space-4);
font-size: var(--jhf-text-xs);
color: var(--jhf-text-muted);
text-align: center;
}
.jhf-form-note a { color: var(--jhf-secondary); font-weight: 700; } .jhf-form-notice {
display: flex;
align-items: center;
gap: var(--jhf-space-3);
padding: var(--jhf-space-4) var(--jhf-space-6);
border-radius: var(--jhf-radius-md);
margin-bottom: var(--jhf-space-6);
font-size: var(--jhf-text-sm);
font-weight: 600;
}
.jhf-form-notice--success { background: rgba(16, 122, 87, 0.1); color: #0f7a57; border: 1px solid rgba(16, 122, 87, 0.25); }
.jhf-form-notice--error { background: rgba(236, 0, 95, 0.08); color: var(--jhf-secondary-dark); border: 1px solid rgba(236, 0, 95, 0.25); }
.jhf-form-notice .jhf-icon { width: 20px; height: 20px; flex-shrink: 0; } .jhf-hp-field {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
} .jhf-channels { display: flex; flex-direction: column; gap: var(--jhf-space-6); }
.jhf-channel-card {
display: flex;
flex-direction: column;
gap: var(--jhf-space-2);
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
padding: var(--jhf-space-8);
transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out;
}
a.jhf-channel-card:hover {
border-color: var(--jhf-secondary);
transform: translateY(-3px);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-channel-card__icon {
width: 44px;
height: 44px;
border-radius: var(--jhf-radius-md);
background: rgba(236, 0, 95, 0.1);
color: var(--jhf-secondary);
display: grid;
place-items: center;
margin-bottom: var(--jhf-space-4);
}
.jhf-channel-card__icon .jhf-icon { width: 22px; height: 22px; }
.jhf-channel-card__label {
font-size: var(--jhf-text-sm);
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-text-muted);
font-weight: 700;
margin: 0;
}
.jhf-channel-card__value {
font-size: var(--jhf-text-lg);
font-weight: 800;
color: var(--jhf-primary);
word-break: break-word;
}
.jhf-channel-card__desc { font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); margin: 4px 0 0; }
.jhf-channel-card--social { background: var(--jhf-primary); }
.jhf-channel-card--social .jhf-channel-card__label { color: rgba(255, 255, 255, 0.7); }
.jhf-channel-card--social .jhf-channel-card__value { color: #fff; }
.jhf-channel-card--social .jhf-channel-card__icon { background: rgba(255, 255, 255, 0.1); color: #fff; }
.jhf-channel-card__social { display: flex; gap: var(--jhf-space-4); margin-top: var(--jhf-space-4); }
.jhf-channel-social-link {
flex: 1;
padding: 12px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--jhf-radius-md);
color: #fff;
font-weight: 700;
font-size: var(--jhf-text-xs);
text-align: center;
transition: background .2s ease-out, border-color .2s ease-out;
}
.jhf-channel-social-link:hover { background: var(--jhf-secondary); border-color: var(--jhf-secondary); } .jhf-location__block {
display: grid;
grid-template-columns: 1fr;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-xl);
overflow: hidden;
}
.jhf-location__info {
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
padding: var(--jhf-space-12);
}
.jhf-location__place {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.75rem;
color: var(--jhf-primary);
margin: 0;
}
.jhf-location__address { font-size: var(--jhf-text-base); color: var(--jhf-text-muted); line-height: 1.5; }
.jhf-location__meta {
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
border-top: 1px solid var(--jhf-border);
padding-top: var(--jhf-space-4);
}
.jhf-location__meta-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--jhf-space-4);
padding: 4px 0;
}
.jhf-location__meta-label {
color: var(--jhf-text-muted);
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: var(--jhf-text-xs);
font-weight: 700;
}
.jhf-location__meta-value { color: var(--jhf-primary); font-weight: 700; font-size: var(--jhf-text-sm); }
.jhf-location__cta { margin-top: var(--jhf-space-4); align-self: flex-start; }
.jhf-location__map {
min-height: 300px;
position: relative;
background: var(--jhf-surface-alt);
display: grid;
place-items: center;
}
.jhf-location__map-grid {
width: 100%;
height: 100%;
display: grid;
place-items: center;
background:
linear-gradient(135deg, rgba(236, 0, 95, 0.06) 0%, transparent 50%),
repeating-linear-gradient(0deg, rgba(13, 29, 49, 0.04) 0px, rgba(13, 29, 49, 0.04) 1px, transparent 1px, transparent 30px),
repeating-linear-gradient(90deg, rgba(13, 29, 49, 0.04) 0px, rgba(13, 29, 49, 0.04) 1px, transparent 1px, transparent 30px),
var(--jhf-surface-alt);
}
.jhf-location__pin {
position: relative;
width: 56px;
height: 56px;
background: var(--jhf-secondary);
border-radius: 50% 50% 50% 0;
transform: rotate(-45deg);
box-shadow: 0 8px 24px rgba(236, 0, 95, 0.4);
}
.jhf-location__pin::after {
content: '';
position: absolute;
inset: -10px;
border: 2px solid var(--jhf-secondary);
border-radius: 50%;
opacity: 0.4;
animation: jhf-pin-ping 2s infinite;
}
@keyframes jhf-pin-ping {
0% { transform: scale(0.8); opacity: 0.6; }
100% { transform: scale(2); opacity: 0; }
} .jhf-cfaq__wrapper { max-width: 820px; }
.jhf-cfaq-list {
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
}
.jhf-cfaq-item {
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-md);
padding: 0 var(--jhf-space-6);
transition: box-shadow .2s ease-out, border-color .2s ease-out;
}
.jhf-cfaq-item[open] {
border-color: rgba(236, 0, 95, 0.35);
box-shadow: var(--jhf-shadow-sm);
}
.jhf-cfaq-question {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--jhf-space-4);
padding: var(--jhf-space-6) 0;
cursor: pointer;
list-style: none;
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-lg);
font-weight: 700;
color: var(--jhf-primary);
}
.jhf-cfaq-question::-webkit-details-marker { display: none; }
.jhf-cfaq-question:focus-visible {
outline: 2px solid var(--jhf-secondary);
outline-offset: 2px;
border-radius: var(--jhf-radius-sm);
}
.jhf-cfaq-toggle {
position: relative;
width: 20px;
height: 20px;
flex-shrink: 0;
}
.jhf-cfaq-toggle::before,
.jhf-cfaq-toggle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--jhf-secondary);
transition: transform .2s ease-out, opacity .2s ease-out;
}
.jhf-cfaq-toggle::before { width: 12px; height: 2px; }
.jhf-cfaq-toggle::after  { width: 2px; height: 12px; }
.jhf-cfaq-item[open] .jhf-cfaq-toggle::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.jhf-cfaq-answer {
padding: 0 0 var(--jhf-space-6);
font-size: var(--jhf-text-base);
line-height: 1.7;
color: var(--jhf-text);
} @media (max-width: 640px) {
.jhf-final-cta__actions .jhf-button,
.jhf-page-hero__actions .jhf-button { width: 100%; }
}
@media (min-width: 768px) {
.jhf-values__grid { grid-template-columns: repeat(3, 1fr); }
.jhf-impact__stats { grid-template-columns: repeat(4, 1fr); }
.jhf-contact-form__grid { grid-template-columns: 1fr 1fr; }
.jhf-testimonials__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 960px) {
.jhf-story__grid { grid-template-columns: 1fr 1fr; gap: var(--jhf-space-24); }
.jhf-story__media { aspect-ratio: 4 / 3; }
.jhf-impact__map { grid-template-columns: 1fr 1.2fr; }
.jhf-contact-split { grid-template-columns: 1.4fr 1fr; gap: var(--jhf-space-16); }
.jhf-location__block { grid-template-columns: 1fr 1fr; }
.jhf-location__map { min-height: 380px; }
}  .jhf-cover-ph {
background: linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
}
.jhf-cover-ph.img-1 { background: linear-gradient(135deg, #0D1D31 0%, #1a2d4a 100%); }
.jhf-cover-ph.img-2 { background: linear-gradient(135deg, #12233b 0%, #EC005F 160%); }
.jhf-cover-ph.img-3 { background: linear-gradient(160deg, #0D1D31 0%, #33324f 100%); }
.jhf-cover-ph.img-4 { background: linear-gradient(135deg, #1a2d4a 0%, #0D1D31 100%); }
.jhf-cover-ph.img-5 { background: linear-gradient(120deg, #0D1D31 0%, #7a1140 130%); }
.jhf-cover-ph.img-6 { background: linear-gradient(150deg, #14243d 0%, #1a2d4a 100%); }
.jhf-cover-ph.img-7 { background: linear-gradient(135deg, #0D1D31 20%, #3a2b45 120%); }
.jhf-cover-ph.img-8 { background: linear-gradient(135deg, #1a2d4a 0%, #EC005F 180%); }
.jhf-cover-ph.img-9 { background: linear-gradient(160deg, #0D1D31 0%, #24344d 100%); } .jhf-article-avatar--placeholder {
display: grid;
place-items: center;
color: #fff;
font-family: var(--jhf-font-display);
font-weight: 800;
background: linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
} .jhf-cat-bar {
background: var(--jhf-surface);
border-bottom: 1px solid var(--jhf-border);
padding: var(--jhf-space-4) 0;
position: sticky;
top: 0;
z-index: 40;
}
.jhf-cat-bar__inner { display: flex; gap: var(--jhf-space-4); align-items: center; flex-wrap: wrap; }
.jhf-cat-pill {
padding: 7px 16px;
border-radius: var(--jhf-radius-full);
background: var(--jhf-surface-alt);
border: 1px solid transparent;
font-size: var(--jhf-text-sm);
font-weight: 600;
color: var(--jhf-primary);
transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out;
}
.jhf-cat-pill:hover { background: var(--jhf-border); }
.jhf-cat-pill.is-active { background: var(--jhf-primary); color: #fff; border-color: var(--jhf-primary); } .jhf-section-title-row {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: var(--jhf-space-4);
flex-wrap: wrap;
margin-bottom: var(--jhf-space-8);
}
.jhf-section-title-row h2 {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
color: var(--jhf-primary);
margin: 0;
}
.jhf-section-meta { color: var(--jhf-text-muted); font-size: var(--jhf-text-sm); font-weight: 600; } .jhf-article-cat {
display: inline-block;
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-secondary);
align-self: flex-start;
} .jhf-featured-article {
display: grid;
grid-template-columns: 1fr;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-xl);
overflow: hidden;
box-shadow: var(--jhf-shadow-md);
transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out;
}
.jhf-featured-article:hover {
transform: translateY(-4px);
box-shadow: var(--jhf-shadow-lg);
border-color: transparent;
}
.jhf-featured-article__image {
position: relative;
min-height: 260px;
background-size: cover;
background-position: center;
}
.jhf-featured-pill {
position: absolute;
top: var(--jhf-space-4);
left: var(--jhf-space-4);
background: var(--jhf-secondary);
color: #fff;
padding: 6px 14px;
border-radius: var(--jhf-radius-full);
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.jhf-featured-article__content {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--jhf-space-4);
padding: var(--jhf-space-12);
}
.jhf-featured-article__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(1.75rem, 3vw, 2.5rem);
line-height: 1.2;
color: var(--jhf-primary);
margin: 0;
}
.jhf-featured-article__excerpt { font-size: var(--jhf-text-base); line-height: 1.65; color: var(--jhf-text-muted); margin: 0; } .jhf-article-meta {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
padding-top: var(--jhf-space-4);
margin-top: var(--jhf-space-2);
border-top: 1px solid var(--jhf-surface-alt);
}
.jhf-article-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
font-size: 0.85rem;
background-size: cover;
background-position: center;
}
.jhf-article-meta__info { display: flex; flex-direction: column; gap: 2px; }
.jhf-article-author-name { font-weight: 700; font-size: var(--jhf-text-sm); color: var(--jhf-primary); }
.jhf-article-meta__dates { font-size: var(--jhf-text-xs); color: var(--jhf-text-muted); display: flex; gap: 8px; align-items: center; }
.jhf-article-meta__dates .jhf-dot { color: var(--jhf-border); } .jhf-articles-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: var(--jhf-space-6);
}
.jhf-article-card {
display: flex;
flex-direction: column;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
overflow: hidden;
transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out;
}
.jhf-article-card:hover {
transform: translateY(-4px);
box-shadow: var(--jhf-shadow-md);
border-color: transparent;
}
.jhf-article-card__image {
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
}
.jhf-article-card__content {
display: flex;
flex-direction: column;
gap: var(--jhf-space-4);
padding: var(--jhf-space-4) var(--jhf-space-8) var(--jhf-space-8);
flex: 1;
}
.jhf-article-card__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.25rem;
line-height: 1.25;
color: var(--jhf-primary);
margin: 0;
}
.jhf-article-card__excerpt {
font-size: var(--jhf-text-sm);
line-height: 1.55;
color: var(--jhf-text-muted);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.jhf-article-card__meta {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--jhf-space-2);
font-size: var(--jhf-text-xs);
color: var(--jhf-text-muted);
padding-top: var(--jhf-space-4);
margin-top: auto;
border-top: 1px solid var(--jhf-surface-alt);
}
.jhf-read-time { font-weight: 700; color: var(--jhf-primary); }
.jhf-blog-empty { text-align: center; color: var(--jhf-text-muted); padding: var(--jhf-space-16) 0; } .jhf-pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: var(--jhf-space-2);
margin-top: var(--jhf-space-16);
}
.jhf-pagination .page-numbers {
min-width: 40px;
height: 40px;
padding: 0 var(--jhf-space-4);
border-radius: var(--jhf-radius-md);
border: 1px solid var(--jhf-border);
background: transparent;
color: var(--jhf-primary);
font-weight: 700;
font-size: var(--jhf-text-sm);
display: inline-flex;
align-items: center;
justify-content: center;
transition: border-color .2s ease-out, background .2s ease-out, color .2s ease-out;
}
.jhf-pagination a.page-numbers:hover { border-color: var(--jhf-primary); }
.jhf-pagination .page-numbers.current { background: var(--jhf-primary); color: #fff; border-color: var(--jhf-primary); }
.jhf-pagination .page-numbers.dots { border-color: transparent; } .jhf-newsletter-cta {
position: relative;
overflow: hidden;
background: var(--jhf-primary);
color: #fff;
border-radius: var(--jhf-radius-xl);
padding: var(--jhf-space-24) var(--jhf-space-12);
text-align: center;
}
.jhf-newsletter-cta::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 30%, rgba(236, 0, 95, 0.2) 0%, transparent 50%),
radial-gradient(circle at 85% 70%, rgba(236, 0, 95, 0.1) 0%, transparent 50%);
}
.jhf-newsletter-cta__inner { position: relative; max-width: 580px; margin: 0 auto; }
.jhf-newsletter-cta .jhf-eyebrow { display: inline-block; margin-bottom: var(--jhf-space-4); }
.jhf-newsletter-cta__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
color: #fff;
margin: 0 0 var(--jhf-space-4);
}
.jhf-newsletter-cta__text { color: rgba(255, 255, 255, 0.8); margin: 0 0 var(--jhf-space-8); }
.jhf-newsletter-notice {
max-width: 460px;
margin: 0 auto var(--jhf-space-6);
padding: var(--jhf-space-3) var(--jhf-space-4);
border-radius: var(--jhf-radius-md);
font-size: var(--jhf-text-sm);
font-weight: 600;
}
.jhf-newsletter-notice--ok { background: rgba(255, 255, 255, 0.12); color: #fff; }
.jhf-newsletter-notice--err { background: rgba(236, 0, 95, 0.2); color: #fff; }
.jhf-newsletter-form { display: flex; gap: var(--jhf-space-4); max-width: 460px; margin: 0 auto; }
.jhf-newsletter-input {
flex: 1;
padding: 14px 20px;
border-radius: var(--jhf-radius-full);
border: 2px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
color: #fff;
font-family: inherit;
font-size: var(--jhf-text-sm);
outline: none;
transition: border-color .2s ease-out, background .2s ease-out;
}
.jhf-newsletter-input::placeholder { color: rgba(255, 255, 255, 0.5); }
.jhf-newsletter-input:focus { border-color: var(--jhf-secondary); background: rgba(255, 255, 255, 0.12); } .jhf-reading-progress {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 3px;
background: var(--jhf-secondary);
z-index: 1000;
transition: width .05s linear;
}
.jhf-container-narrow {
max-width: 720px;
margin: 0 auto;
padding: 0 var(--jhf-space-6);
}
.jhf-article-header { padding: var(--jhf-space-16) 0 var(--jhf-space-8); background: var(--jhf-surface); }
.jhf-article-breadcrumb {
display: inline-flex;
color: var(--jhf-text-muted);
font-size: var(--jhf-text-xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: var(--jhf-space-8);
}
.jhf-article-breadcrumb a { transition: color .2s ease-out; }
.jhf-article-breadcrumb a:hover { color: var(--jhf-secondary); }
.jhf-article-cat-pill {
display: inline-block;
color: var(--jhf-secondary);
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: var(--jhf-space-4);
}
.jhf-article-title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: clamp(2.25rem, 5.5vw, 3.75rem);
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--jhf-primary);
margin: 0 0 var(--jhf-space-4);
}
.jhf-article-deck {
font-size: 1.3125rem;
color: var(--jhf-text-muted);
line-height: 1.5;
font-weight: 500;
margin: 0 0 var(--jhf-space-8);
}
.jhf-article-meta-row {
display: flex;
align-items: center;
gap: var(--jhf-space-4);
padding: var(--jhf-space-4) 0;
border-top: 1px solid var(--jhf-border);
border-bottom: 1px solid var(--jhf-border);
}
.jhf-article-author-block { display: flex; align-items: center; gap: var(--jhf-space-4); }
.jhf-article-author-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
font-size: 1rem;
}
.jhf-article-author-info { display: flex; flex-direction: column; gap: 2px; }
.jhf-article-author-info .jhf-name { font-weight: 800; font-size: var(--jhf-text-sm); color: var(--jhf-primary); }
.jhf-article-author-info .jhf-role { font-size: var(--jhf-text-xs); color: var(--jhf-text-muted); text-transform: uppercase; letter-spacing: 1px; }
.jhf-article-dates {
margin-left: auto;
display: flex;
gap: var(--jhf-space-4);
font-size: var(--jhf-text-xs);
color: var(--jhf-text-muted);
font-weight: 600;
}
.jhf-article-share { display: flex; gap: var(--jhf-space-2); }
.jhf-share-btn {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--jhf-surface-alt);
color: var(--jhf-text-muted);
display: grid;
place-items: center;
transition: background .2s ease-out, color .2s ease-out, transform .2s ease-out;
}
.jhf-share-btn:hover { background: var(--jhf-secondary); color: #fff; transform: translateY(-2px); }
.jhf-share-btn .jhf-icon { width: 16px; height: 16px; }
.jhf-article-cover {
width: 100%;
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
border-radius: var(--jhf-radius-xl);
margin: var(--jhf-space-4) 0 var(--jhf-space-24);
box-shadow: var(--jhf-shadow-md);
} .jhf-article-body {
--jhf-font-serif: 'Lora', Georgia, serif;
font-family: var(--jhf-font-serif);
font-size: 1.1875rem;
line-height: 1.75;
color: #2A3441;
max-width: 720px;
margin: 0 auto;
padding: 0 var(--jhf-space-6);
}
.jhf-article-body p { font-family: inherit; font-size: inherit; color: inherit; margin: 0 0 var(--jhf-space-6); }
.jhf-article-body > p:first-of-type::first-letter {
font-family: var(--jhf-font-display);
font-size: 72px;
font-weight: 700;
line-height: 0.9;
float: left;
margin: 6px 12px 0 0;
color: var(--jhf-secondary);
}
.jhf-article-body h2 {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 2rem;
letter-spacing: -0.01em;
color: var(--jhf-primary);
margin: var(--jhf-space-16) 0 var(--jhf-space-6);
}
.jhf-article-body h3 {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.5rem;
color: var(--jhf-primary);
margin: var(--jhf-space-8) 0 var(--jhf-space-4);
}
.jhf-article-body a {
color: var(--jhf-secondary);
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
font-weight: 600;
transition: color .2s ease-out;
}
.jhf-article-body a:hover { color: var(--jhf-secondary-soft); }
.jhf-article-body strong { color: var(--jhf-primary); font-weight: 700; }
.jhf-article-body em { font-style: italic; }
.jhf-article-body ul,
.jhf-article-body ol { margin: var(--jhf-space-6) 0; padding-left: var(--jhf-space-8); }
.jhf-article-body li { margin-bottom: var(--jhf-space-4); }
.jhf-article-body ul li::marker { color: var(--jhf-secondary); }
.jhf-article-body ol li::marker { color: var(--jhf-secondary); font-weight: 700; font-family: var(--jhf-font-display); }
.jhf-article-body img,
.jhf-article-body figure img { width: 100%; height: auto; border-radius: var(--jhf-radius-lg); }
.jhf-article-body figure { margin: var(--jhf-space-16) 0; }
.jhf-article-body figure figcaption,
.jhf-article-body .inline-image .caption {
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-xs);
color: var(--jhf-text-muted);
text-align: center;
font-style: italic;
line-height: 1.5;
padding: var(--jhf-space-2) var(--jhf-space-4) 0;
} .jhf-article-body blockquote,
.jhf-article-body .pull-quote {
margin: var(--jhf-space-16) 0;
padding: var(--jhf-space-8);
border-left: 4px solid var(--jhf-secondary);
border-radius: 0 var(--jhf-radius-lg) var(--jhf-radius-lg) 0;
background: var(--jhf-surface-alt);
font-family: var(--jhf-font-display);
font-weight: 700;
font-size: 1.625rem;
line-height: 1.35;
letter-spacing: -0.01em;
color: var(--jhf-primary);
}
.jhf-article-body blockquote p { font-family: inherit; color: inherit; margin: 0; } .jhf-article-body .callout-box {
background: var(--jhf-primary);
color: #fff;
padding: var(--jhf-space-8);
border-radius: var(--jhf-radius-lg);
margin: var(--jhf-space-16) 0;
font-family: var(--jhf-font-display);
}
.jhf-article-body .callout-box .callout-label {
display: block;
font-size: var(--jhf-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--jhf-secondary);
margin-bottom: var(--jhf-space-4);
}
.jhf-article-body .callout-box h4 { color: #fff; font-size: 1.375rem; margin: 0 0 var(--jhf-space-4); }
.jhf-article-body .callout-box p { color: rgba(255, 255, 255, 0.85); font-family: var(--jhf-font-display); font-size: 1rem; margin: 0; }
.jhf-article-body .callout-box a { color: #fff; font-weight: 700; } .jhf-article-footer {
max-width: 720px;
margin: var(--jhf-space-24) auto 0;
padding: var(--jhf-space-16) var(--jhf-space-6) 0;
border-top: 1px solid var(--jhf-border);
}
.jhf-article-tags { display: flex; flex-wrap: wrap; gap: var(--jhf-space-2); }
.jhf-article-tag {
background: var(--jhf-surface-alt);
color: var(--jhf-primary);
font-size: var(--jhf-text-sm);
font-weight: 600;
padding: 7px 14px;
border-radius: var(--jhf-radius-full);
transition: background .2s ease-out, color .2s ease-out;
}
.jhf-article-tag:hover { background: var(--jhf-primary); color: #fff; } .jhf-author-card {
max-width: 720px;
margin: var(--jhf-space-24) auto;
padding: var(--jhf-space-12);
background: var(--jhf-surface-alt);
border-radius: var(--jhf-radius-xl);
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-8);
align-items: center;
text-align: center;
}
.jhf-author-card__avatar {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
font-size: 2rem;
margin: 0 auto;
}
.jhf-author-card .jhf-eyebrow { display: inline-block; margin-bottom: 6px; }
.jhf-author-card__name { font-family: var(--jhf-font-display); font-weight: 800; font-size: 1.5rem; color: var(--jhf-primary); margin: 0 0 6px; }
.jhf-author-card__role {
display: block;
font-size: var(--jhf-text-xs);
color: var(--jhf-secondary);
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
margin-bottom: var(--jhf-space-4);
}
.jhf-author-card__bio { font-size: var(--jhf-text-sm); line-height: 1.6; color: var(--jhf-text); margin: 0 0 var(--jhf-space-4); }
.jhf-author-card__link { color: var(--jhf-secondary); font-weight: 700; font-size: var(--jhf-text-xs); text-transform: uppercase; letter-spacing: 1.5px; } .jhf-related__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--jhf-space-6);
}
.jhf-related-card {
display: flex;
flex-direction: column;
background: var(--jhf-surface);
border: 1px solid var(--jhf-border);
border-radius: var(--jhf-radius-lg);
overflow: hidden;
transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out;
}
.jhf-related-card:hover { transform: translateY(-4px); box-shadow: var(--jhf-shadow-md); border-color: transparent; }
.jhf-related-card__image { width: 100%; height: 180px; background-size: cover; background-position: center; }
.jhf-related-card__content { display: flex; flex-direction: column; gap: var(--jhf-space-4); padding: var(--jhf-space-6); flex: 1; }
.jhf-related-card__cat { font-size: var(--jhf-text-xs); color: var(--jhf-secondary); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }
.jhf-related-card__title { font-family: var(--jhf-font-display); font-weight: 800; font-size: 1.125rem; line-height: 1.3; color: var(--jhf-primary); margin: 0; }
.jhf-related-card__meta { margin-top: auto; padding-top: var(--jhf-space-4); border-top: 1px solid var(--jhf-surface-alt); font-size: var(--jhf-text-xs); color: var(--jhf-text-muted); } .jhf-read-cta { margin-top: 0; }
@media (min-width: 640px) {
.jhf-container-narrow { padding: 0 var(--jhf-space-6); }
}
@media (min-width: 768px) {
.jhf-author-card { grid-template-columns: auto 1fr; text-align: left; }
.jhf-author-card__avatar { margin: 0; }
}
@media (min-width: 960px) {
.jhf-featured-article { grid-template-columns: 1.2fr 1fr; }
.jhf-featured-article__image { min-height: 380px; }
.jhf-related__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
.jhf-article-body { font-size: 1.0625rem; }
.jhf-article-body > p:first-of-type::first-letter { font-size: 56px; }
.jhf-newsletter-form { flex-direction: column; }
.jhf-article-meta-row { flex-wrap: wrap; }
.jhf-article-dates, .jhf-article-share { margin-left: 0; }
} .jhf-page,
main.jhf-page { overflow-x: clip; }  .jhf-eyebrow { color: var(--jhf-secondary-dark, #C7004F); }
.jhf-eyebrow--on-dark { color: rgba(255, 255, 255, 0.9); }
.jhf-edition-status--upcoming { color: var(--jhf-secondary-dark, #C7004F); }
.jhf-edition-card__link { color: var(--jhf-secondary-dark, #C7004F); } .jhf-edition-status--featured { background: var(--jhf-secondary-dark, #C7004F); } .jhf-edition-card.is-past { opacity: 0.85; }  body.jhf-fixed-header .jhf-page-hero { padding-top: 200px; }
@media (max-width: 640px) {
body.jhf-fixed-header .jhf-page-hero { padding-top: 160px; }
} body.jhf-fixed-header .jhf-hero { padding-top: 200px; }
@media (max-width: 640px) {
body.jhf-fixed-header .jhf-hero { padding-top: 160px; }
} .jhf-legal__body { padding: var(--jhf-space-16) 0 var(--jhf-space-24); }
.jhf-legal-content {
max-width: 820px;
margin: 0 auto;
color: var(--jhf-text, #435469);
font-size: 1.0625rem;
line-height: 1.75;
}
.jhf-legal-content > h1:first-child { display: none; } .jhf-legal-content h2 {
font-family: var(--jhf-font-display);
color: var(--jhf-primary, #0D1D31);
font-weight: 800;
font-size: 1.5rem;
line-height: 1.25;
margin: 2.5rem 0 0.75rem;
}
.jhf-legal-content h3 {
font-family: var(--jhf-font-display);
color: var(--jhf-primary, #0D1D31);
font-weight: 700;
font-size: 1.2rem;
margin: 2rem 0 0.5rem;
}
.jhf-legal-content p { margin: 0 0 1.1rem; }
.jhf-legal-content ul,
.jhf-legal-content ol { margin: 0 0 1.1rem; padding-left: 1.4rem; }
.jhf-legal-content li { margin: 0 0 0.4rem; }
.jhf-legal-content a { color: var(--jhf-secondary, #EC005F); font-weight: 600; }
.jhf-legal-content a:hover { text-decoration: underline; }
.jhf-legal-content strong { color: var(--jhf-primary, #0D1D31); }   .jhf-storico__body { padding: var(--jhf-space-16) 0 var(--jhf-space-24); }
.jhf-storico-ed {
background: #fff;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: var(--jhf-radius-lg, 16px);
box-shadow: var(--jhf-shadow-sm, 0 6px 24px rgba(13,29,49,0.06));
overflow: hidden;
margin: 0 0 var(--jhf-space-8, 2rem);
}
.jhf-storico-ed__head {
background: linear-gradient(90deg, var(--jhf-primary, #0D1D31), var(--jhf-primary-dark, #1a2d4a));
color: #fff;
padding: 1.25rem 1.75rem;
}
.jhf-storico-ed__title {
font-family: var(--jhf-font-display);
font-weight: 800;
font-size: 1.35rem;
line-height: 1.2;
margin: 0;
color: #fff;
}
.jhf-storico-ed__meta { margin: 0.35rem 0 0; font-size: 0.9rem; color: rgba(255,255,255,0.75); }
.jhf-storico-block { padding: 1.25rem 1.75rem; border-top: 1px solid var(--jhf-border, #E5E7EB); }
.jhf-storico-block:first-of-type { border-top: 0; }
.jhf-storico-block__title {
font-family: var(--jhf-font-display);
color: var(--jhf-primary, #0D1D31);
font-weight: 700;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 0.9rem;
display: flex;
align-items: center;
gap: 0.6rem;
}
.jhf-storico-count {
background: var(--jhf-secondary, #EC005F);
color: #fff;
border-radius: var(--jhf-radius-full, 999px);
padding: 0.1rem 0.6rem;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 0;
}
.jhf-storico-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.jhf-storico-chip {
background: var(--jhf-surface-alt, #F7F8FA);
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: var(--jhf-radius-full, 999px);
padding: 0.35rem 0.8rem;
font-size: 0.85rem;
color: var(--jhf-text, #435469);
}
.jhf-storico-chip--sp {
background: #fff0f6;
border-color: #ffc9df;
color: #a30046;
font-weight: 600;
}
.jhf-storico-patrocini {
padding: 1rem 1.75rem 1.35rem;
margin: 0;
font-size: 0.9rem;
color: var(--jhf-muted, #5B6572);
}
.jhf-storico-patrocini strong { color: var(--jhf-primary, #0D1D31); }
@media (max-width: 640px) {
.jhf-storico-ed__head,
.jhf-storico-block { padding-left: 1.15rem; padding-right: 1.15rem; }
.jhf-storico-patrocini { padding-left: 1.15rem; padding-right: 1.15rem; }
} .jhf-storico-wall {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 0.75rem;
}
.jhf-storico-logo {
margin: 0;
background: #fff;
border: 1px solid var(--jhf-border, #E5E7EB);
border-radius: var(--jhf-radius-md, 12px);
min-height: 92px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.85rem 1rem;
transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.jhf-storico-logo:hover {
box-shadow: var(--jhf-shadow-sm, 0 6px 20px rgba(13,29,49,0.08));
border-color: #d3dae4;
transform: translateY(-2px);
}
.jhf-storico-logo img {
max-width: 100%;
max-height: 62px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.jhf-storico-logo--sp {
background: #fff;
border-color: #ffd9e8;
}
.jhf-storico-logo--text {
font-family: var(--jhf-font-display);
font-weight: 700;
color: var(--jhf-primary, #0D1D31);
font-size: 0.95rem;
text-align: center;
}
.jhf-storico-logo--text figcaption { margin: 0; }
@media (max-width: 640px) {
.jhf-storico-wall { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.6rem; }
.jhf-storico-logo { min-height: 78px; padding: 0.6rem 0.7rem; }
.jhf-storico-logo img { max-height: 50px; }
}     .jhf-companies-archive-card__logo {
width: auto;
max-width: 180px;
height: 54px;
background: transparent !important;
background-color: transparent !important;
border: 0;
border-radius: 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
overflow: hidden;
}
.jhf-companies-archive-card__logo img {
width: auto;
height: auto;
max-width: 180px;
max-height: 54px;
object-fit: contain;
object-position: left center;
display: block;
}
.jhf-companies-archive-card__initials { text-align: left; } .jhf-adh { max-width: 880px; margin: 0 auto; padding: var(--jhf-space-12) var(--jhf-space-6) var(--jhf-space-16); font-family: var(--jhf-font-body); color: var(--jhf-text); }
.jhf-adh__header { margin-bottom: var(--jhf-space-8); }
.jhf-adh__title { font-family: var(--jhf-font-display); font-size: var(--jhf-text-3xl); font-weight: 900; line-height: 1.15; color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-3); }
.jhf-adh__lead { font-size: var(--jhf-text-lg); color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-2); }
.jhf-adh__patronage { font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); margin: 0; }
.jhf-adh__intro { font-size: var(--jhf-text-base); margin: 0 0 var(--jhf-space-8); }
.jhf-adh__sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.jhf-adh__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.jhf-adh__section { border: 1px solid var(--jhf-border); border-radius: var(--jhf-radius-lg); background: var(--jhf-surface); padding: var(--jhf-space-6); margin: 0 0 var(--jhf-space-6); box-shadow: var(--jhf-shadow-sm); min-width: 0; }
.jhf-adh__section > legend { display: flex; align-items: center; gap: var(--jhf-space-3); font-family: var(--jhf-font-display); font-size: var(--jhf-text-xl); font-weight: 800; color: var(--jhf-text-strong); padding: 0 var(--jhf-space-2); }
.jhf-adh__step { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--jhf-radius-full); background: var(--jhf-primary); color: #fff; font-size: var(--jhf-text-sm); font-weight: 700; }
.jhf-adh__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--jhf-space-4) var(--jhf-space-6); }
.jhf-adh__full { grid-column: 1 / -1; }
.jhf-adh__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.jhf-adh__field > label, .jhf-adh__radios-label { font-weight: 700; font-size: var(--jhf-text-sm); color: var(--jhf-text-strong); margin: 0; }
.jhf-adh__req { color: var(--jhf-secondary); margin-left: 2px; }
.jhf-adh__help, .jhf-adh__note { font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); margin: 0; line-height: 1.5; }
.jhf-adh__note { margin-bottom: var(--jhf-space-4); }
.jhf-adh input[type="text"], .jhf-adh input[type="email"], .jhf-adh input[type="tel"], .jhf-adh input[type="url"], .jhf-adh input[type="number"], .jhf-adh select {
width: 100%; min-height: 48px; padding: 10px 14px; font: inherit; font-size: 16px; color: var(--jhf-text-strong);
background: var(--jhf-surface); border: 1px solid var(--jhf-text-muted); border-radius: var(--jhf-radius-sm); box-sizing: border-box;
}
.jhf-adh input[type="file"] { font: inherit; font-size: var(--jhf-text-sm); padding: var(--jhf-space-3); border: 1px dashed var(--jhf-text-muted); border-radius: var(--jhf-radius-sm); background: var(--jhf-surface-alt); }
.jhf-adh input:focus-visible, .jhf-adh select:focus-visible { outline: 3px solid var(--jhf-secondary); outline-offset: 1px; border-color: var(--jhf-primary); }
.jhf-adh .jhf-sector-select-wrap { display: flex; width: 100%; }
.jhf-adh .jhf-sector-select { max-width: none; width: 100%; appearance: none; padding-right: 40px; }
.jhf-adh .has-error input, .jhf-adh .has-error select, .jhf-adh input[aria-invalid="true"], .jhf-adh select[aria-invalid="true"] { border: 2px solid var(--jhf-error); }
.jhf-adh__error { color: var(--jhf-error); font-size: var(--jhf-text-sm); font-weight: 700; margin: 0; }
.jhf-adh__error::before { content: "\26A0\00A0"; }
.jhf-adh__summary { border: 2px solid var(--jhf-error); border-radius: var(--jhf-radius-md); background: #fef2f2; padding: var(--jhf-space-4) var(--jhf-space-6); margin: 0 0 var(--jhf-space-6); }
.jhf-adh__summary:focus { outline: 3px solid var(--jhf-secondary); outline-offset: 2px; }
.jhf-adh__summary h2 { font-size: var(--jhf-text-lg); color: #991b1b; margin: 0 0 var(--jhf-space-2); }
.jhf-adh__summary ul { margin: 0; padding-left: 1.2em; }
.jhf-adh__summary a { color: #991b1b; font-weight: 700; }
.jhf-adh__summary p { margin: var(--jhf-space-2) 0 0; font-size: var(--jhf-text-sm); }
.jhf-adh__profile { border: 1px dashed var(--jhf-border); border-radius: var(--jhf-radius-md); padding: var(--jhf-space-4); margin: 0 0 var(--jhf-space-4); min-width: 0; }
.jhf-adh__profile[hidden] { display: none; }
.jhf-adh__profile-title { font-weight: 800; color: var(--jhf-text-strong); padding: 0 var(--jhf-space-2); }
.jhf-adh__add[hidden] { display: none; }
.jhf-adh__check { display: grid; grid-template-columns: 24px 1fr; gap: 4px var(--jhf-space-3); align-items: start; margin: var(--jhf-space-4) 0 0; }
.jhf-adh__check input[type="checkbox"] { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--jhf-secondary); }
.jhf-adh__check label { font-size: var(--jhf-text-sm); line-height: 1.55; color: var(--jhf-text); }
.jhf-adh__check label a { color: var(--jhf-secondary-dark); font-weight: 700; }
.jhf-adh__check .jhf-adh__error { grid-column: 2; }
.jhf-adh__fee { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px var(--jhf-space-4); background: var(--jhf-surface-alt); border-radius: var(--jhf-radius-md); padding: var(--jhf-space-4); margin: 0 0 var(--jhf-space-4); }
.jhf-adh__fee-label { margin: 0; font-weight: 700; color: var(--jhf-text-strong); }
.jhf-adh__fee-amount { margin: 0; font-family: var(--jhf-font-display); font-size: var(--jhf-text-2xl); font-weight: 900; color: var(--jhf-text-strong); }
.jhf-adh__fee-note { margin: 0; flex-basis: 100%; font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); }
.jhf-adh__radios { display: flex; flex-direction: column; gap: var(--jhf-space-3); margin: 0 0 var(--jhf-space-3); }
.jhf-adh__radio { display: grid; grid-template-columns: 24px 1fr; gap: var(--jhf-space-3); align-items: start; border: 1px solid var(--jhf-text-muted); border-radius: var(--jhf-radius-md); padding: var(--jhf-space-3) var(--jhf-space-4); }
.jhf-adh__radio:has(input:checked) { border: 2px solid var(--jhf-secondary); }
.jhf-adh__radio input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--jhf-secondary); }
.jhf-adh__radio label { color: var(--jhf-text-strong); }
.jhf-adh__radio-note { display: block; font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); }
.jhf-adh__submit { display: flex; justify-content: flex-end; }
.jhf-adh__panel { border: 1px solid var(--jhf-border); border-radius: var(--jhf-radius-lg); background: var(--jhf-surface); padding: var(--jhf-space-8); box-shadow: var(--jhf-shadow-sm); }
.jhf-adh__panel--success { border-left: 4px solid var(--jhf-success); }
.jhf-adh__panel h2 { font-family: var(--jhf-font-display); font-size: var(--jhf-text-2xl); color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-4); }
.jhf-adh__panel a { color: var(--jhf-secondary-dark); font-weight: 700; }
.jhf-adh__pay-form { display: flex; flex-wrap: wrap; gap: var(--jhf-space-3); margin-top: var(--jhf-space-4); }
.jhf-adh__bank { display: grid; grid-template-columns: max-content 1fr; gap: var(--jhf-space-2) var(--jhf-space-6); margin: var(--jhf-space-4) 0; padding: var(--jhf-space-4); background: var(--jhf-surface-alt); border-radius: var(--jhf-radius-md); }
.jhf-adh__bank dt { color: var(--jhf-text-muted); }
.jhf-adh__bank dd { margin: 0; font-weight: 700; color: var(--jhf-text-strong); word-break: break-word; }
.jhf-adh__mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0.02em; }
@media (max-width: 640px) {
.jhf-adh { padding: var(--jhf-space-8) var(--jhf-space-4) var(--jhf-space-12); }
.jhf-adh__grid { grid-template-columns: 1fr; }
.jhf-adh__section { padding: var(--jhf-space-4); }
.jhf-adh__bank { grid-template-columns: 1fr; }
.jhf-adh__submit .jhf-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.jhf-adh .jhf-button { transition: none; }
.jhf-adh .jhf-button:hover { transform: none; }
} figure.jhf-about__image { margin: 0; background: var(--jhf-primary); }
.jhf-about__image .jhf-about__image-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jhf-edition-feature {
grid-column: 1 / -1;
position: relative;
display: grid;
grid-template-columns: minmax(220px, 30%) 1fr auto;
align-items: stretch;
background:
radial-gradient(circle at 100% 0%, rgba(236, 0, 95, 0.28) 0%, transparent 45%),
linear-gradient(135deg, var(--jhf-primary) 0%, var(--jhf-primary-soft) 100%);
color: var(--jhf-text-on-dark);
border-radius: var(--jhf-radius-xl);
overflow: hidden;
box-shadow: var(--jhf-shadow-lg);
border-left: 6px solid var(--jhf-secondary);
transition: transform .25s ease-out, box-shadow .25s ease-out;
}
.jhf-edition-feature:hover { transform: translateY(-4px); box-shadow: var(--jhf-shadow-pink); }
.jhf-edition-feature__media { position: relative; min-height: 240px; }
.jhf-edition-feature__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.jhf-edition-feature__media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 55%, rgba(13, 29, 49, 0.55) 100%);
pointer-events: none;
}
.jhf-edition-feature__media .jhf-edition-status {
position: absolute;
top: var(--jhf-space-4);
left: var(--jhf-space-4);
z-index: 1;
box-shadow: var(--jhf-shadow-pink);
}
.jhf-edition-feature__body {
padding: var(--jhf-space-8) var(--jhf-space-8) var(--jhf-space-8) var(--jhf-space-8);
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--jhf-space-4);
min-width: 0;
}
.jhf-edition-feature__countdown {
margin: 0;
font-family: var(--jhf-font-display);
font-size: var(--jhf-text-sm);
font-weight: 800;
letter-spacing: var(--jhf-eyebrow-tracking);
text-transform: uppercase;
color: var(--jhf-secondary-soft);
}
.jhf-edition-feature__title {
margin: 0;
font-family: var(--jhf-font-display);
font-size: clamp(1.625rem, 2.6vw, 2.25rem);
font-weight: 900;
line-height: 1.1;
}
.jhf-edition-feature__title a { color: #fff; text-decoration: none; }
.jhf-edition-feature__title a:hover { text-decoration: underline; text-decoration-color: var(--jhf-secondary); text-underline-offset: 4px; }
.jhf-edition-feature__title a:focus-visible { outline: 2px solid var(--jhf-secondary-soft); outline-offset: 4px; border-radius: 4px; }
.jhf-edition-feature__meta {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-2) var(--jhf-space-6);
font-size: var(--jhf-text-sm);
font-weight: 600;
}
.jhf-edition-feature__meta li { display: inline-flex; align-items: center; gap: var(--jhf-space-2); }
.jhf-edition-feature__meta .jhf-icon { color: var(--jhf-secondary-soft); }
.jhf-edition-feature__stats {
margin: 0;
display: flex;
flex-wrap: wrap;
gap: var(--jhf-space-8);
padding-top: var(--jhf-space-4);
border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.jhf-edition-feature__stats div { display: flex; flex-direction: column-reverse; }
.jhf-edition-feature__stats dt { font-size: var(--jhf-text-xs); text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, 0.75); }
.jhf-edition-feature__stats dd { margin: 0; font-family: var(--jhf-font-display); font-size: var(--jhf-text-2xl); font-weight: 900; color: #fff; line-height: 1.1; }
.jhf-edition-feature__actions {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--jhf-space-3);
padding: var(--jhf-space-8) var(--jhf-space-8) var(--jhf-space-8) 0;
}
.jhf-edition-feature__actions .jhf-button { white-space: nowrap; box-sizing: border-box; max-width: 100%; }
@media (max-width: 1099px) {
.jhf-edition-feature { grid-template-columns: minmax(220px, 34%) 1fr; }
.jhf-edition-feature__actions {
grid-column: 2;
flex-direction: row;
flex-wrap: wrap;
padding: 0 var(--jhf-space-8) var(--jhf-space-8);
}
}
@media (max-width: 699px) {
.jhf-edition-feature { grid-template-columns: 1fr; border-left: 0; border-top: 6px solid var(--jhf-secondary); }
.jhf-edition-feature__media { min-height: 200px; }
.jhf-edition-feature__media::after { background: linear-gradient(180deg, transparent 50%, rgba(13, 29, 49, 0.55) 100%); }
.jhf-edition-feature__body { padding: var(--jhf-space-6); }
.jhf-edition-feature__actions { grid-column: 1; flex-direction: column; padding: 0 var(--jhf-space-6) var(--jhf-space-6); }
.jhf-edition-feature__actions .jhf-button { width: 100%; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
.jhf-edition-feature, .jhf-edition-feature:hover { transition: none; transform: none; }
} .jhf-company-card__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--jhf-space-3); margin-top: auto; }
.jhf-company-card__book { box-sizing: border-box; }
.jhf-company-card .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .jhf-modal {
width: min(480px, calc(100vw - 32px));
max-width: none;
padding: 0;
border: 0;
border-radius: var(--jhf-radius-xl);
background: var(--jhf-surface);
color: var(--jhf-text);
box-shadow: var(--jhf-shadow-lg);
border-top: 6px solid var(--jhf-secondary);
font-family: var(--jhf-font-body);
}
.jhf-modal--danger { border-top-color: var(--jhf-error); }
.jhf-modal::backdrop { background: rgba(13, 29, 49, 0.62); backdrop-filter: blur(2px); }
.jhf-modal[open] { animation: jhf-modal-in .2s ease-out; }
@keyframes jhf-modal-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.jhf-modal__inner { padding: var(--jhf-space-8); margin: 0; }
.jhf-modal__title { margin: 0 0 var(--jhf-space-3); font-family: var(--jhf-font-display); font-size: var(--jhf-text-xl); font-weight: 900; line-height: 1.2; color: var(--jhf-text-strong); }
.jhf-modal__text { margin: 0 0 var(--jhf-space-6); font-size: var(--jhf-text-base); line-height: 1.55; }
.jhf-modal__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--jhf-space-3); }
.jhf-modal__actions .jhf-button { box-sizing: border-box; }
.jhf-modal--danger [data-jhf-ok] { background: var(--jhf-error); border-color: var(--jhf-error); color: #fff; }
.jhf-modal--danger [data-jhf-ok]:hover { filter: brightness(0.92); }
@media (max-width: 520px) {
.jhf-modal__inner { padding: var(--jhf-space-6); }
.jhf-modal__actions { flex-direction: column-reverse; }
.jhf-modal__actions .jhf-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .jhf-modal[open] { animation: none; } }
.jhf-dashboard__cta { margin: var(--jhf-space-4) 0 0; } :root { --jhf-header-h: 117px; --jhf-header-air: 48px; }
@media (max-width: 900px) { :root { --jhf-header-h: 87px; --jhf-header-air: 32px; } } body.jhf-fixed-header > main.site-main:not(:has(.jhf-page-hero, .jhf-hero, .jhf-event-hero, .jhf-company-hero, .jhf-events-archive-hero, .jhf-companies-archive-hero, .jhf-auth-layout, .jhf-site-header)) {
padding-top: calc(var(--jhf-header-h) + var(--jhf-header-air));
} body.jhf-fixed-header .jhf-dashboard,
body.jhf-fixed-header .jhf-booking,
body.jhf-fixed-header .jhf-adh,
body.jhf-fixed-header .jhf-qr-scanner {
padding-top: calc(var(--jhf-header-h) + var(--jhf-header-air));
}
body.jhf-fixed-header > main.site-main .jhf-dashboard,
body.jhf-fixed-header > main.site-main .jhf-booking,
body.jhf-fixed-header > main.site-main .jhf-adh,
body.jhf-fixed-header > main.site-main .jhf-qr-scanner {
padding-top: 0;
} body.jhf-fixed-header .jhf-auth-layout > .jhf-auth-brand,
body.jhf-fixed-header .jhf-auth-layout > .jhf-auth-form-side {
padding-top: calc(var(--jhf-header-h) + 64px);
}
@media (max-width: 960px) {
body.jhf-fixed-header .jhf-auth-layout > .jhf-auth-brand {
padding-top: calc(var(--jhf-header-h) + 40px);
}
body.jhf-fixed-header .jhf-auth-layout > .jhf-auth-form-side {
padding-top: 40px; }
} body.jhf-fixed-header .jhf-company-hero { padding-top: calc(var(--jhf-header-h) + 64px); }
body.jhf-fixed-header .jhf-event-hero   { padding-top: calc(var(--jhf-header-h) + 48px); } @media (max-width: 960px) {
body.jhf-fixed-header .jhf-company-hero,
body.jhf-fixed-header .jhf-event-hero { padding-top: calc(var(--jhf-header-h) + 48px); }
}
@media (max-width: 640px) {
body.jhf-fixed-header .jhf-company-hero,
body.jhf-fixed-header .jhf-event-hero { padding-top: calc(var(--jhf-header-h) + 32px); }
} html:has(body.jhf-fixed-header) { scroll-padding-top: calc(var(--jhf-header-h) + 16px); } .jhf-portal-nav { display: flex; flex-wrap: wrap; gap: var(--jhf-space-2); margin-top: var(--jhf-space-4); }
.jhf-portal-nav__link { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border: 1px solid var(--jhf-border); border-radius: var(--jhf-radius-full); background: var(--jhf-surface); color: var(--jhf-text-strong); font-weight: 700; font-size: var(--jhf-text-sm); text-decoration: none; }
.jhf-portal-nav__link:hover { border-color: var(--jhf-primary); color: var(--jhf-primary); }
.jhf-portal-nav__link:focus-visible { outline: 3px solid var(--jhf-secondary); outline-offset: 2px; }
body.jhf-fixed-header .jhf-adh.jhf-adh--embedded,
.jhf-adh.jhf-adh--embedded { max-width: none; margin: var(--jhf-space-12) 0 0; padding: 0; }
.jhf-company-profile__header { margin-bottom: var(--jhf-space-6); }
.jhf-company-profile__title { font-family: var(--jhf-font-display); font-size: var(--jhf-text-2xl); font-weight: 800; color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-2); }
.jhf-company-profile__header a, .jhf-company-profile__private a { color: var(--jhf-secondary-dark); font-weight: 700; }
.jhf-company-profile .jhf-notice { margin: 0 0 var(--jhf-space-6); }
.jhf-company-profile__logo img { display: block; width: 96px; height: 96px; object-fit: contain; border: 1px solid var(--jhf-border); border-radius: var(--jhf-radius-md); background: #fff; padding: 6px; }
.jhf-company-profile__private h4 { font-family: var(--jhf-font-display); font-size: var(--jhf-text-lg); color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-2); }
.jhf-adh textarea {
width: 100%; min-height: 48px; padding: 10px 14px; font: inherit; font-size: 16px; line-height: 1.5; color: var(--jhf-text-strong);
background: var(--jhf-surface); border: 1px solid var(--jhf-text-muted); border-radius: var(--jhf-radius-sm); box-sizing: border-box; resize: vertical;
}
.jhf-adh textarea:focus-visible { outline: 3px solid var(--jhf-secondary); outline-offset: 1px; border-color: var(--jhf-primary); }
.jhf-adh .has-error textarea, .jhf-adh textarea[aria-invalid="true"] { border: 2px solid var(--jhf-error); }
.jhf-company-block__events { scroll-margin-top: calc(var(--jhf-header-h, 117px) + 16px); }
.jhf-company-profile { scroll-margin-top: calc(var(--jhf-header-h, 117px) + 16px); } body .jhf-fill {
box-sizing: border-box;
min-height: calc(100vh - var(--jhf-footer-h, 0px));
min-height: calc(100dvh - var(--jhf-footer-h, 0px));
} body.jhf-fixed-header > .jhf-shortcode:not(:has(.jhf-auth-layout)) {
padding-top: calc(var(--jhf-header-h) + var(--jhf-header-air));
}
body.jhf-fixed-header > .jhf-shortcode .jhf-auth-already-logged { margin-top: 0; }
.jhf-auth-already-logged p { margin: 0; }
.jhf-auth-already-logged a { margin-left: 4px; text-decoration: underline; text-underline-offset: 3px; } .jhf-button.jhf-button--ghost,
a.jhf-button.jhf-button--ghost,
button.jhf-button.jhf-button--ghost {
padding-left: 20px;
padding-right: 20px;
}
.jhf-button.jhf-button--ghost:hover:not([disabled]),
a.jhf-button.jhf-button--ghost:hover {
background-color: var(--jhf-surface-alt, #F7F8FA) !important;
box-shadow: none;
transform: none;
}
.jhf-company-card__footer .jhf-button--ghost { margin-left: -20px; }  body button.jhf-button { padding: 14px 28px; }
body button.jhf-button.jhf-button--block { padding: 16px 28px; }
body button.jhf-button.jhf-button--ghost,
body button.jhf-button.jhf-button--danger-ghost { padding: 12px 20px; } .jhf-map-consent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--jhf-space-3);
width: 100%;
height: 100%;
min-height: 280px;
padding: var(--jhf-space-6);
background: var(--jhf-surface-alt, #F7F8FA);
color: var(--jhf-text);
text-align: center;
font-size: var(--jhf-text-sm);
}
.jhf-map-consent p { margin: 0; max-width: 34ch; } .jhf-stat__pre {
align-self: flex-end;
margin: 0 6px 12px 0;
font-family: var(--jhf-font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1;
color: inherit;
opacity: .85;
} .jhf-kit { margin: var(--jhf-space-12) 0 0; scroll-margin-top: calc(var(--jhf-header-h, 117px) + 16px); }
.jhf-kit__header { margin-bottom: var(--jhf-space-6); }
.jhf-kit__title { font-family: var(--jhf-font-display); font-size: var(--jhf-text-2xl); font-weight: 800; color: var(--jhf-text-strong); margin: 0 0 var(--jhf-space-2); }
.jhf-kit__intro { max-width: 68ch; margin: 0 0 var(--jhf-space-4); }
.jhf-kit .jhf-notice { margin: 0 0 var(--jhf-space-4); }
.jhf-kit__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--jhf-space-6); }
.jhf-kit__card { display: flex; flex-direction: column; border: 1px solid var(--jhf-border); border-radius: var(--jhf-radius-md); background: var(--jhf-surface); overflow: hidden; }
.jhf-kit__card--wide { grid-column: span 2; }
.jhf-kit__preview { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: var(--jhf-space-3); background: #F1F2F5; }
.jhf-kit__preview img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; box-shadow: 0 2px 8px rgba(13, 29, 49, .12); }
.jhf-kit__preview--checker { background-color: #fff; background-image: linear-gradient(45deg, #E6E8EC 25%, transparent 25%), linear-gradient(-45deg, #E6E8EC 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #E6E8EC 75%), linear-gradient(-45deg, transparent 75%, #E6E8EC 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; }
.jhf-kit__preview--checker img { box-shadow: none; }
.jhf-kit__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--jhf-space-2); padding: var(--jhf-space-4); }
.jhf-kit__name { display: block; font-family: var(--jhf-font-display); font-size: var(--jhf-text-lg); font-weight: 800; color: var(--jhf-text-strong); margin: 0; }
.jhf-kit__where { font-size: var(--jhf-text-sm); color: var(--jhf-text-muted); margin: 0 0 var(--jhf-space-2); }
.jhf-kit__frame { width: 100%; margin-top: var(--jhf-space-4); padding-top: var(--jhf-space-4); border-top: 1px solid var(--jhf-border); display: flex; flex-direction: column; align-items: flex-start; gap: var(--jhf-space-2); }
.jhf-kit__file { position: relative; cursor: pointer; }
.jhf-kit__file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.jhf-kit__file:focus-within { outline: 3px solid var(--jhf-secondary); outline-offset: 2px; }
.jhf-kit__canvas { width: 100%; max-width: 320px; height: auto; border-radius: 50%; background: #F1F2F5; }
.jhf-kit__status { font-size: var(--jhf-text-sm); font-weight: 700; color: var(--jhf-success, #2E8B57); min-height: 1em; margin: 0; }
.jhf-kit__subtitle { font-family: var(--jhf-font-display); font-size: var(--jhf-text-xl); font-weight: 800; color: var(--jhf-text-strong); margin: var(--jhf-space-12) 0 var(--jhf-space-4); }
.jhf-kit__texts { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--jhf-space-6); }
.jhf-kit__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--jhf-space-2); }
.jhf-kit__text textarea { width: 100%; padding: 10px 14px; font: inherit; font-size: 15px; line-height: 1.5; color: var(--jhf-text-strong); background: var(--jhf-surface); border: 1px solid var(--jhf-text-muted); border-radius: var(--jhf-radius-sm); box-sizing: border-box; resize: vertical; }
.jhf-kit__text textarea:focus-visible { outline: 3px solid var(--jhf-secondary); outline-offset: 1px; }
@media (max-width: 600px) {
.jhf-kit__card--wide { grid-column: auto; }
.jhf-kit__texts { grid-template-columns: 1fr; }
} .jhf-newsletter-form { flex-wrap: wrap; }
.jhf-newsletter-form .jhf-newsletter-consent {
flex: 1 1 100%;
display: flex;
align-items: flex-start;
gap: 10px;
margin: 4px 0 0;
text-align: left;
font-size: 13px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.jhf-newsletter-form .jhf-newsletter-consent input[type="checkbox"] {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 1px 0 0;
accent-color: var(--jhf-secondary, #EC005F);
}
.jhf-newsletter-form .jhf-newsletter-consent a { color: #fff; text-decoration: underline; }html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}@font-face{font-family:eicons;src:url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.54.0);src:url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.54.0#iefix) format("embedded-opentype"),url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.54.0) format("woff2"),url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.54.0) format("woff"),url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.54.0) format("truetype"),url(//www.jobhubfestival.it/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.54.0#eicon) format("svg");font-weight:400;font-style:normal}[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:a 2s infinite linear}.eicon-editor-link:before{content:"\e800"}.eicon-editor-unlink:before{content:"\e801"}.eicon-editor-external-link:before{content:"\e802"}.eicon-editor-close:before{content:"\e803"}.eicon-editor-list-ol:before{content:"\e804"}.eicon-editor-list-ul:before{content:"\e805"}.eicon-editor-bold:before{content:"\e806"}.eicon-editor-italic:before{content:"\e807"}.eicon-editor-underline:before{content:"\e808"}.eicon-editor-paragraph:before{content:"\e809"}.eicon-editor-h1:before{content:"\e80a"}.eicon-editor-h2:before{content:"\e80b"}.eicon-editor-h3:before{content:"\e80c"}.eicon-editor-h4:before{content:"\e80d"}.eicon-editor-h5:before{content:"\e80e"}.eicon-editor-h6:before{content:"\e80f"}.eicon-editor-quote:before{content:"\e810"}.eicon-editor-code:before{content:"\e811"}.eicon-elementor:before{content:"\e812"}.eicon-elementor-circle:before{content:"\e813"}.eicon-pojome:before{content:"\e814"}.eicon-plus:before{content:"\e815"}.eicon-menu-bar:before{content:"\e816"}.eicon-apps:before{content:"\e817"}.eicon-accordion:before{content:"\e818"}.eicon-alert:before{content:"\e819"}.eicon-animation-text:before{content:"\e81a"}.eicon-animation:before{content:"\e81b"}.eicon-banner:before{content:"\e81c"}.eicon-blockquote:before{content:"\e81d"}.eicon-button:before{content:"\e81e"}.eicon-call-to-action:before{content:"\e81f"}.eicon-captcha:before{content:"\e820"}.eicon-carousel:before{content:"\e821"}.eicon-checkbox:before{content:"\e822"}.eicon-columns:before{content:"\e823"}.eicon-countdown:before{content:"\e824"}.eicon-counter:before{content:"\e825"}.eicon-date:before{content:"\e826"}.eicon-divider-shape:before{content:"\e827"}.eicon-divider:before{content:"\e828"}.eicon-download-button:before{content:"\e829"}.eicon-dual-button:before{content:"\e82a"}.eicon-email-field:before{content:"\e82b"}.eicon-facebook-comments:before{content:"\e82c"}.eicon-facebook-like-box:before{content:"\e82d"}.eicon-form-horizontal:before{content:"\e82e"}.eicon-form-vertical:before{content:"\e82f"}.eicon-gallery-grid:before{content:"\e830"}.eicon-gallery-group:before{content:"\e831"}.eicon-gallery-justified:before{content:"\e832"}.eicon-gallery-masonry:before{content:"\e833"}.eicon-icon-box:before{content:"\e834"}.eicon-image-before-after:before{content:"\e835"}.eicon-image-box:before{content:"\e836"}.eicon-image-hotspot:before{content:"\e837"}.eicon-image-rollover:before{content:"\e838"}.eicon-info-box:before{content:"\e839"}.eicon-inner-section:before{content:"\e83a"}.eicon-mailchimp:before{content:"\e83b"}.eicon-menu-card:before{content:"\e83c"}.eicon-navigation-horizontal:before{content:"\e83d"}.eicon-nav-menu:before{content:"\e83e"}.eicon-navigation-vertical:before{content:"\e83f"}.eicon-number-field:before{content:"\e840"}.eicon-parallax:before{content:"\e841"}.eicon-php7:before{content:"\e842"}.eicon-post-list:before{content:"\e843"}.eicon-post-slider:before{content:"\e844"}.eicon-post:before{content:"\e845"}.eicon-posts-carousel:before{content:"\e846"}.eicon-posts-grid:before{content:"\e847"}.eicon-posts-group:before{content:"\e848"}.eicon-posts-justified:before{content:"\e849"}.eicon-posts-masonry:before{content:"\e84a"}.eicon-posts-ticker:before{content:"\e84b"}.eicon-price-list:before{content:"\e84c"}.eicon-price-table:before{content:"\e84d"}.eicon-radio:before{content:"\e84e"}.eicon-rtl:before{content:"\e84f"}.eicon-scroll:before{content:"\e850"}.eicon-search:before{content:"\e851"}.eicon-select:before{content:"\e852"}.eicon-share:before{content:"\e853"}.eicon-sidebar:before{content:"\e854"}.eicon-skill-bar:before{content:"\e855"}.eicon-slider-3d:before{content:"\e856"}.eicon-slider-album:before{content:"\e857"}.eicon-slider-device:before{content:"\e858"}.eicon-slider-full-screen:before{content:"\e859"}.eicon-slider-push:before{content:"\e85a"}.eicon-slider-vertical:before{content:"\e85b"}.eicon-slider-video:before{content:"\e85c"}.eicon-slides:before{content:"\e85d"}.eicon-social-icons:before{content:"\e85e"}.eicon-spacer:before{content:"\e85f"}.eicon-table:before{content:"\e860"}.eicon-tabs:before{content:"\e861"}.eicon-tel-field:before{content:"\e862"}.eicon-text-area:before{content:"\e863"}.eicon-text-field:before{content:"\e864"}.eicon-thumbnails-down:before{content:"\e865"}.eicon-thumbnails-half:before{content:"\e866"}.eicon-thumbnails-right:before{content:"\e867"}.eicon-time-line:before{content:"\e868"}.eicon-toggle:before{content:"\e869"}.eicon-url:before{content:"\e86a"}.eicon-t-letter:before{content:"\e86b"}.eicon-wordpress:before{content:"\e86c"}.eicon-text:before{content:"\e86d"}.eicon-anchor:before{content:"\e86e"}.eicon-bullet-list:before{content:"\e86f"}.eicon-code:before{content:"\e870"}.eicon-favorite:before{content:"\e871"}.eicon-google-maps:before{content:"\e872"}.eicon-image:before{content:"\e873"}.eicon-photo-library:before{content:"\e874"}.eicon-woocommerce:before{content:"\e875"}.eicon-youtube:before{content:"\e876"}.eicon-flip-box:before{content:"\e877"}.eicon-settings:before{content:"\e878"}.eicon-headphones:before{content:"\e879"}.eicon-testimonial:before{content:"\e87a"}.eicon-counter-circle:before{content:"\e87b"}.eicon-person:before{content:"\e87c"}.eicon-chevron-right:before{content:"\e87d"}.eicon-chevron-left:before{content:"\e87e"}.eicon-close:before{content:"\e87f"}.eicon-file-download:before{content:"\e880"}.eicon-save:before{content:"\e881"}.eicon-zoom-in:before{content:"\e882"}.eicon-shortcode:before{content:"\e883"}.eicon-nerd:before{content:"\e884"}.eicon-device-desktop:before{content:"\e885"}.eicon-device-tablet:before{content:"\e886"}.eicon-device-mobile:before{content:"\e887"}.eicon-document-file:before{content:"\e888"}.eicon-folder-o:before{content:"\e889"}.eicon-hypster:before{content:"\e88a"}.eicon-h-align-left:before{content:"\e88b"}.eicon-h-align-right:before{content:"\e88c"}.eicon-h-align-center:before{content:"\e88d"}.eicon-h-align-stretch:before{content:"\e88e"}.eicon-v-align-top:before{content:"\e88f"}.eicon-v-align-bottom:before{content:"\e890"}.eicon-v-align-middle:before{content:"\e891"}.eicon-v-align-stretch:before{content:"\e892"}.eicon-pro-icon:before{content:"\e893"}.eicon-mail:before{content:"\e894"}.eicon-lock-user:before{content:"\e895"}.eicon-testimonial-carousel:before{content:"\e896"}.eicon-media-carousel:before{content:"\e897"}.eicon-section:before{content:"\e898"}.eicon-column:before{content:"\e899"}.eicon-edit:before{content:"\e89a"}.eicon-clone:before{content:"\e89b"}.eicon-trash:before{content:"\e89c"}.eicon-play:before{content:"\e89d"}.eicon-angle-right:before{content:"\e89e"}.eicon-angle-left:before{content:"\e89f"}.eicon-animated-headline:before{content:"\e8a0"}.eicon-menu-toggle:before{content:"\e8a1"}.eicon-fb-embed:before{content:"\e8a2"}.eicon-fb-feed:before{content:"\e8a3"}.eicon-twitter-embed:before{content:"\e8a4"}.eicon-twitter-feed:before{content:"\e8a5"}.eicon-sync:before{content:"\e8a6"}.eicon-import-export:before{content:"\e8a7"}.eicon-check-circle:before{content:"\e8a8"}.eicon-library-save:before{content:"\e8a9"}.eicon-library-download:before{content:"\e9dd"}.eicon-insert:before{content:"\e8ab"}.eicon-preview-medium:before{content:"\e8ac"}.eicon-sort-down:before{content:"\e8ad"}.eicon-sort-up:before{content:"\e8ae"}.eicon-heading:before{content:"\e8af"}.eicon-logo:before{content:"\e8b0"}.eicon-meta-data:before{content:"\e8b1"}.eicon-post-content:before{content:"\e8b2"}.eicon-post-excerpt:before{content:"\e8b3"}.eicon-post-navigation:before{content:"\e8b4"}.eicon-yoast:before{content:"\e8b5"}.eicon-nerd-chuckle:before{content:"\e8b6"}.eicon-nerd-wink:before{content:"\e8b7"}.eicon-comments:before{content:"\e8b8"}.eicon-download-circle-o:before{content:"\e8b9"}.eicon-library-upload:before{content:"\e8ba"}.eicon-save-o:before{content:"\e8bb"}.eicon-upload-circle-o:before{content:"\e8bc"}.eicon-ellipsis-h:before{content:"\e8bd"}.eicon-ellipsis-v:before{content:"\e8be"}.eicon-arrow-left:before{content:"\e8bf"}.eicon-arrow-right:before{content:"\e8c0"}.eicon-arrow-up:before{content:"\e8c1"}.eicon-arrow-down:before{content:"\e8c2"}.eicon-play-o:before{content:"\e8c3"}.eicon-archive-posts:before{content:"\e8c4"}.eicon-archive-title:before{content:"\e8c5"}.eicon-featured-image:before{content:"\e8c6"}.eicon-post-info:before{content:"\e8c7"}.eicon-post-title:before{content:"\e8c8"}.eicon-site-logo:before{content:"\e8c9"}.eicon-site-search:before{content:"\e8ca"}.eicon-site-title:before{content:"\e8cb"}.eicon-plus-square:before{content:"\e8cc"}.eicon-minus-square:before{content:"\e8cd"}.eicon-cloud-check:before{content:"\e8ce"}.eicon-drag-n-drop:before{content:"\e8cf"}.eicon-welcome:before{content:"\e8d0"}.eicon-handle:before{content:"\e8d1"}.eicon-cart:before{content:"\e8d2"}.eicon-product-add-to-cart:before{content:"\e8d3"}.eicon-product-breadcrumbs:before{content:"\e8d4"}.eicon-product-categories:before{content:"\e8d5"}.eicon-product-description:before{content:"\e8d6"}.eicon-product-images:before{content:"\e8d7"}.eicon-product-info:before{content:"\e8d8"}.eicon-product-meta:before{content:"\e8d9"}.eicon-product-pages:before{content:"\e8da"}.eicon-product-price:before{content:"\e8db"}.eicon-product-rating:before{content:"\e8dc"}.eicon-product-related:before{content:"\e8dd"}.eicon-product-stock:before{content:"\e8de"}.eicon-product-tabs:before{content:"\e8df"}.eicon-product-title:before{content:"\e8e0"}.eicon-product-upsell:before{content:"\e8e1"}.eicon-products:before{content:"\e8e2"}.eicon-bag-light:before{content:"\e8e3"}.eicon-bag-medium:before{content:"\e8e4"}.eicon-bag-solid:before{content:"\e8e5"}.eicon-basket-light:before{content:"\e8e6"}.eicon-basket-medium:before{content:"\e8e7"}.eicon-basket-solid:before{content:"\e8e8"}.eicon-cart-light:before{content:"\e8e9"}.eicon-cart-medium:before{content:"\e8ea"}.eicon-cart-solid:before{content:"\e8eb"}.eicon-exchange:before{content:"\e8ec"}.eicon-preview-thin:before{content:"\e8ed"}.eicon-device-laptop:before{content:"\e8ee"}.eicon-collapse:before{content:"\e8ef"}.eicon-expand:before{content:"\e8f0"}.eicon-navigator:before{content:"\e8f1"}.eicon-plug:before{content:"\e8f2"}.eicon-dashboard:before{content:"\e8f3"}.eicon-typography:before{content:"\e8f4"}.eicon-info-circle-o:before{content:"\e8f5"}.eicon-integration:before{content:"\e8f6"}.eicon-plus-circle-o:before{content:"\e8f7"}.eicon-rating:before{content:"\e8f8"}.eicon-review:before{content:"\e8f9"}.eicon-tools:before{content:"\e8fa"}.eicon-loading:before{content:"\e8fb"}.eicon-sitemap:before{content:"\e8fc"}.eicon-click:before{content:"\e8fd"}.eicon-clock:before{content:"\e8fe"}.eicon-library-open:before{content:"\e8ff"}.eicon-warning:before{content:"\e900"}.eicon-flow:before{content:"\e901"}.eicon-cursor-move:before{content:"\e902"}.eicon-arrow-circle-left:before{content:"\e903"}.eicon-flash:before{content:"\e904"}.eicon-redo:before{content:"\e905"}.eicon-ban:before{content:"\e906"}.eicon-barcode:before{content:"\e907"}.eicon-calendar:before{content:"\e908"}.eicon-caret-left:before{content:"\e909"}.eicon-caret-right:before{content:"\e90a"}.eicon-caret-up:before{content:"\e90b"}.eicon-chain-broken:before{content:"\e90c"}.eicon-check-circle-o:before{content:"\e90d"}.eicon-check:before{content:"\e90e"}.eicon-chevron-double-left:before{content:"\e90f"}.eicon-chevron-double-right:before{content:"\e910"}.eicon-undo:before{content:"\e911"}.eicon-filter:before{content:"\e912"}.eicon-circle-o:before{content:"\e913"}.eicon-circle:before{content:"\e914"}.eicon-clock-o:before{content:"\e915"}.eicon-cog:before{content:"\e916"}.eicon-cogs:before{content:"\e917"}.eicon-commenting-o:before{content:"\e918"}.eicon-copy:before{content:"\e919"}.eicon-database:before{content:"\e91a"}.eicon-dot-circle-o:before{content:"\e91b"}.eicon-envelope:before{content:"\e91c"}.eicon-external-link-square:before{content:"\e91d"}.eicon-eyedropper:before{content:"\e91e"}.eicon-folder:before{content:"\e91f"}.eicon-font:before{content:"\e920"}.eicon-adjust:before{content:"\e921"}.eicon-lightbox:before{content:"\e922"}.eicon-heart-o:before{content:"\e923"}.eicon-history:before{content:"\e924"}.eicon-image-bold:before{content:"\e925"}.eicon-info-circle:before{content:"\e926"}.eicon-link:before{content:"\e927"}.eicon-long-arrow-left:before{content:"\e928"}.eicon-long-arrow-right:before{content:"\e929"}.eicon-caret-down:before{content:"\e92a"}.eicon-paint-brush:before{content:"\e92b"}.eicon-pencil:before{content:"\e92c"}.eicon-plus-circle:before{content:"\e92d"}.eicon-zoom-in-bold:before{content:"\e92e"}.eicon-sort-amount-desc:before{content:"\e92f"}.eicon-sign-out:before{content:"\e930"}.eicon-spinner:before{content:"\e931"}.eicon-square:before{content:"\e932"}.eicon-star-o:before{content:"\e933"}.eicon-star:before{content:"\e934"}.eicon-text-align-justify:before{content:"\e935"}.eicon-text-align-center:before{content:"\e936"}.eicon-tags:before{content:"\e937"}.eicon-text-align-left:before{content:"\e938"}.eicon-text-align-right:before{content:"\e939"}.eicon-close-circle:before{content:"\e93a"}.eicon-trash-o:before{content:"\e93b"}.eicon-font-awesome:before{content:"\e93c"}.eicon-user-circle-o:before{content:"\e93d"}.eicon-video-camera:before{content:"\e93e"}.eicon-heart:before{content:"\e93f"}.eicon-wrench:before{content:"\e940"}.eicon-help:before{content:"\e941"}.eicon-help-o:before{content:"\e942"}.eicon-zoom-out-bold:before{content:"\e943"}.eicon-plus-square-o:before{content:"\e944"}.eicon-minus-square-o:before{content:"\e945"}.eicon-minus-circle:before{content:"\e946"}.eicon-minus-circle-o:before{content:"\e947"}.eicon-code-bold:before{content:"\e948"}.eicon-cloud-upload:before{content:"\e949"}.eicon-search-bold:before{content:"\e94a"}.eicon-map-pin:before{content:"\e94b"}.eicon-meetup:before{content:"\e94c"}.eicon-slideshow:before{content:"\e94d"}.eicon-t-letter-bold:before{content:"\e94e"}.eicon-preferences:before{content:"\e94f"}.eicon-table-of-contents:before{content:"\e950"}.eicon-tv:before{content:"\e951"}.eicon-upload:before{content:"\e952"}.eicon-instagram-comments:before{content:"\e953"}.eicon-instagram-nested-gallery:before{content:"\e954"}.eicon-instagram-post:before{content:"\e955"}.eicon-instagram-video:before{content:"\e956"}.eicon-instagram-gallery:before{content:"\e957"}.eicon-instagram-likes:before{content:"\e958"}.eicon-facebook:before{content:"\e959"}.eicon-twitter:before{content:"\e95a"}.eicon-pinterest:before{content:"\e95b"}.eicon-frame-expand:before{content:"\e95c"}.eicon-frame-minimize:before{content:"\e95d"}.eicon-archive:before{content:"\e95e"}.eicon-colors-typography:before{content:"\e95f"}.eicon-custom:before{content:"\e960"}.eicon-footer:before{content:"\e961"}.eicon-header:before{content:"\e962"}.eicon-layout-settings:before{content:"\e963"}.eicon-lightbox-expand:before{content:"\e964"}.eicon-error-404:before{content:"\e965"}.eicon-theme-style:before{content:"\e966"}.eicon-search-results:before{content:"\e967"}.eicon-single-post:before{content:"\e968"}.eicon-site-identity:before{content:"\e969"}.eicon-theme-builder:before{content:"\e96a"}.eicon-download-bold:before{content:"\e96b"}.eicon-share-arrow:before{content:"\e96c"}.eicon-global-settings:before{content:"\e96d"}.eicon-user-preferences:before{content:"\e96e"}.eicon-lock:before{content:"\e96f"}.eicon-export-kit:before{content:"\e970"}.eicon-import-kit:before{content:"\e971"}.eicon-lottie:before{content:"\e972"}.eicon-products-archive:before{content:"\e973"}.eicon-single-product:before{content:"\e974"}.eicon-disable-trash-o:before{content:"\e975"}.eicon-single-page:before{content:"\e976"}.eicon-wordpress-light:before{content:"\e977"}.eicon-cogs-check:before{content:"\e978"}.eicon-custom-css:before{content:"\e979"}.eicon-global-colors:before{content:"\e97a"}.eicon-globe:before{content:"\e97b"}.eicon-typography-1:before{content:"\e97c"}.eicon-background:before{content:"\e97d"}.eicon-device-responsive:before{content:"\e97e"}.eicon-device-wide:before{content:"\e97f"}.eicon-code-highlight:before{content:"\e980"}.eicon-video-playlist:before{content:"\e981"}.eicon-download-kit:before{content:"\e982"}.eicon-kit-details:before{content:"\e983"}.eicon-kit-parts:before{content:"\e984"}.eicon-kit-upload:before{content:"\e985"}.eicon-kit-plugins:before{content:"\e986"}.eicon-kit-upload-alt:before{content:"\e987"}.eicon-hotspot:before{content:"\e988"}.eicon-paypal-button:before{content:"\e989"}.eicon-shape:before{content:"\e98a"}.eicon-wordart:before{content:"\e98b"}.eicon-checkout:before{content:"\e98c"}.eicon-container:before{content:"\e98d"}.eicon-flip:before{content:"\e98e"}.eicon-info:before{content:"\e98f"}.eicon-my-account:before{content:"\e990"}.eicon-purchase-summary:before{content:"\e991"}.eicon-page-transition:before{content:"\e992"}.eicon-spotify:before{content:"\e993"}.eicon-stripe-button:before{content:"\e994"}.eicon-woo-settings:before{content:"\e995"}.eicon-woo-cart:before{content:"\e996"}.eicon-grow:before{content:"\e997"}.eicon-order-end:before{content:"\e998"}.eicon-nowrap:before{content:"\e999"}.eicon-order-start:before{content:"\e99a"}.eicon-progress-tracker:before{content:"\e99b"}.eicon-shrink:before{content:"\e99c"}.eicon-wrap:before{content:"\e99d"}.eicon-align-center-h:before{content:"\e99e"}.eicon-align-center-v:before{content:"\e99f"}.eicon-align-end-h:before{content:"\e9a0"}.eicon-align-end-v:before{content:"\e9a1"}.eicon-align-start-h:before{content:"\e9a2"}.eicon-align-start-v:before{content:"\e9a3"}.eicon-align-stretch-h:before{content:"\e9a4"}.eicon-align-stretch-v:before{content:"\e9a5"}.eicon-justify-center-h:before{content:"\e9a6"}.eicon-justify-center-v:before{content:"\e9a7"}.eicon-justify-end-h:before{content:"\e9a8"}.eicon-justify-end-v:before{content:"\e9a9"}.eicon-justify-space-around-h:before{content:"\e9aa"}.eicon-justify-space-around-v:before{content:"\e9ab"}.eicon-justify-space-between-h:before{content:"\e9ac"}.eicon-justify-space-between-v:before{content:"\e9ad"}.eicon-justify-space-evenly-h:before{content:"\e9ae"}.eicon-justify-space-evenly-v:before{content:"\e9af"}.eicon-justify-start-h:before{content:"\e9b0"}.eicon-justify-start-v:before{content:"\e9b1"}.eicon-woocommerce-cross-sells:before{content:"\e9b2"}.eicon-woocommerce-notices:before{content:"\e9b3"}.eicon-inner-container:before{content:"\e9b4"}.eicon-warning-full:before{content:"\e9b5"}.eicon-exit:before{content:"\e9b6"}.eicon-loop-builder:before{content:"\e9b7"}.eicon-notes:before{content:"\e9b8"}.eicon-read:before{content:"\e9b9"}.eicon-unread:before{content:"\e9ba"}.eicon-carousel-loop:before{content:"\e9bb"}.eicon-mega-menu:before{content:"\eb78"}.eicon-nested-carousel:before{content:"\e9bd"}.eicon-ai:before{content:"\e9be"}.eicon-taxonomy-filter:before{content:"\eb7d"}.eicon-container-grid:before{content:"\ef02"}.eicon-upgrade:before{content:"\e9c1"}.eicon-advanced:before{content:"\eb84"}.eicon-div-block:before{content:"\eb9b"}.eicon-notification:before{content:"\e9c3"}.eicon-light-mode:before{content:"\e9c4"}.eicon-dark-mode:before{content:"\e9c5"}.eicon-upgrade-crown:before{content:"\e9c6"}.eicon-off-canvas:before{content:"\e9c7"}.eicon-speakerphone:before{content:"\e9c9"}.eicon-ehp-cta:before{content:"\e9cb"}.eicon-ehp-forms:before{content:"\e9bc"}.eicon-ehp-hero:before{content:"\e9ca"}.eicon-ehp-zigzag:before{content:"\e9cc"}.eicon-e-button:before{content:"\e9ce"}.eicon-flexbox:before{content:"\e9d0"}.eicon-paragraph:before{content:"\e9d1"}.eicon-icon:before{content:"\e9d2"}.eicon-e-image:before{content:"\e9d3"}.eicon-video:before{content:"\e9d4"}.eicon-svg:before{content:"\e9d5"}.eicon-e-divider:before{content:"\e9d6"}.eicon-e-heading:before{content:"\e9d7"}.eicon-atomic:before{content:"\ebae"}.eicon-library-delete:before{content:"\e9d8"}.eicon-library-copy:before{content:"\e9d9"}.eicon-library-folder-empty:before{content:"\e9da"}.eicon-library-move:before{content:"\e9db"}.eicon-library-edit:before{content:"\e9dc"}.eicon-library-subscription-upgrade:before{content:"\e9de"}.eicon-library-folder-view:before{content:"\e9df"}.eicon-library-grid:before{content:"\e9e1"}.eicon-library-cloud-connect:before{content:"\e9e2"}.eicon-library-import:before{content:"\e9e3"}.eicon-library-list:before{content:"\e9e4"}.eicon-library-cloud-empty:before{content:"\e9e5"}.eicon-folder-plus:before{content:"\e8aa"}.eicon-library-folder:before{content:"\e9e6"}.eicon-accessibility:before{content:"\e9bf"}.eicon-lock-outline:before{content:"\e9e7"}.eicon-e-youtube:before{content:"\e9e8"}.eicon-contact:before{content:"\ebd2"}.eicon-layout:before{content:"\ebd8"}.eicon-components:before{content:"\ebd9"}.eicon-tab-content:before{content:"\ebda"}.eicon-tab-menu:before{content:"\ebdb"}.eicon-atomic-label:before{content:"\e9ee"}.eicon-atomic-form:before{content:"\e9ef"}.eicon-atomic-submit-button:before{content:"\e9f0"}.eicon-atomic-input:before{content:"\e9f1"}.eicon-atomic-text-area:before{content:"\e9f2"}.eicon-atomic-select:before{content:"\e9f3"}.eicon-atomic-checkbox:before{content:"\e9f4"}.eicon-atomic-radiobutton:before{content:"\e9f5"}.eicon-atomic-file-upload:before{content:"\ebe9"}.eicon-atomic-time-picker:before{content:"\ebea"}.eicon-atomic-date-picker:before{content:"\ebeb"}.eicon-upgrade-crown-full:before{content:"\ef03"}.eicon-after:before{content:"\ebfa"}.eicon-pagination-item:before{content:"\ebfb"}.eicon-before:before{content:"\ebfc"}.eicon-pagination:before{content:"\ebfd"}.eicon-loop-item:before{content:"\ec00"}.eicon-loop-widget:before{content:"\ec01"}.eicon-x-twitter:before{content:"\ef04"}.eicon-background-video:before{content:"\ea01"}.eicon-eye:before{content:"\e8ac"}.eicon-elementor-square:before{content:"\e813"}:root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{display:inline-block;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-circle-logo);font-size:2.5em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video,.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-custom-embed-play{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(calc(-50% * var(--direction-multiplier)),-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));height:100px;width:100px}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-inline:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-block-end:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}:is([data-widget_type="e-component.default"],[data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con{--margin-right:0px;--margin-left:0px}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-button-align-start .e-form__buttons,[dir=rtl] .elementor-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-button-align-end .e-form__buttons,[dir=rtl] .elementor-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-tablet-button-align-start .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-tablet-button-align-end .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-mobile-button-align-start .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-mobile-button-align-end .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;fill:#fff;padding:.5em}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}