.jm-pres{
--jm-gap: 2rem;
--jm-photo-w: 44%;
--jm-body-w: 56%;
--jm-radius: 18px;
--jm-title-color: currentColor;
--jm-maxw: 1100px;
--jm-bg: transparent;
}
.jm-pres{ position:relative; background: var(--jm-bg); }
.jm-pres.__narrow{ max-width: var(--jm-maxw); margin-inline:auto; }
.jm-pres.__hide-desktop{ display:none; }
@media (max-width: 1024px){ .jm-pres.__hide-desktop{ display:block; } .jm-pres.__hide-tablet{ display:none; } }
@media (max-width: 680px){ .jm-pres.__hide-tablet{ display:block; } .jm-pres.__hide-mobile{ display:none; } }
.jm-pres__inner{ display:flex; gap:var(--jm-gap); align-items:center; width:100%; padding: clamp(1.25rem, 2vw, 2rem); }
.jm-pres__photo{ flex:0 0 var(--jm-photo-w); display:flex; align-items:center; justify-content:center; }
.jm-pres__photo-box{
width: var(--jm-photo-w-pct, 100%);
min-width: 220px; max-width: 560px;
aspect-ratio: var(--ar, 4/5);
border-radius: var(--jm-radius);
overflow:hidden; position:relative;
box-shadow: 0 18px 50px rgba(0,0,0,.12);
}
.jm-pres.__square .jm-pres__photo-box{ --ar: 1/1 }
.jm-pres__img{
position:absolute; inset:0; width:100%; height:100%;
object-fit: cover;
object-position: var(--jm-fx,50%) var(--jm-fy,50%);
border-radius: inherit;
}
.jm-pres__body{ flex:1 1 var(--jm-body-w); color:#0f172a; max-width:70ch; }
.jm-pres__title{ margin:0 0 .5rem 0; color: var(--jm-title-color); text-align: var(--jm-title-align-d, left); }
@media (max-width: 860px){
.jm-pres__title{ text-align: var(--jm-title-align-m, left); }
}
.jm-pres__text{
margin:0 0 1rem 0;
font-family: var(--jm-body-ff, inherit);
font-size: var(--jm-body-fs, inherit);
line-height: var(--jm-body-lh, inherit);
font-weight: var(--jm-body-fw, inherit);
letter-spacing: var(--jm-body-ls, normal);
text-transform: var(--jm-body-tt, none);
text-align: var(--jm-text-align-d, left);
text-wrap: pretty;
}
@media (max-width: 860px){
.jm-pres__text{ text-align: var(--jm-text-align-m, left) !important; }
}
.jm-btns{
--jm-gap:.66rem;
--jm-justify:flex-start;
--jm-wrap:wrap;
--jm-font:'', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
--jm-fsize:1rem; --jm-lh:1.2; --jm-weight:600; --jm-ls:0; --jm-transform:none;
}
.jm-btns__row{ display:flex; gap:var(--jm-gap); justify-content:var(--jm-justify); flex-wrap:var(--jm-wrap); align-items:center; width:100%; }
.jm-btn{
font-family:var(--_ff, var(--jm-font));
font-size:var(--_fs, var(--jm-fsize));
line-height:var(--_lh, var(--jm-lh));
font-weight:var(--_fw, var(--jm-weight));
letter-spacing:var(--_ls, var(--jm-ls));
text-transform:var(--_tt, var(--jm-transform));
text-decoration:var(--_td, none);
font-style:var(--_it, normal);
display:inline-flex; align-items:center; justify-content:center;
padding:var(--_py, .66rem) var(--_px, 1.1rem);
border-radius:var(--_radius, 9999px);
border:var(--_bw, 1px) solid var(--_bc, transparent);
color:var(--_color, #111);
background:var(--_bg, transparent);
box-shadow:var(--_shadow, none);
transition:transform .14s ease, opacity .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
text-decoration:none !important;
}
.jm-btn:hover{ color: var(--_color, #111) !important; transform: translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.12); }
.jm-btn.is-primary{ --_bg: var(--wp--preset--color--primary, #0f172a); --_color:#fff; --_bc: var(--_bg); --_bw: 1px; }
.jm-btn.is-secondary{ --_bg: transparent; --_bc: var(--_color, currentColor); }
.jm-btn.is-primary:hover{ background: var(--_bg_hover, var(--_bg)); color:#fff !important; border-color: var(--_bc, var(--_bg)); }
.jm-btn.is-secondary.__invert-hover:hover{ background: var(--_color, currentColor); color:#fff !important; border-color: transparent; }
.jm-btn.is-secondary.__no-border{ border-width:0 }
.jm-btn.size-sm{ --_py:.5rem; --_px:.9rem; font-size:calc(var(--_fs,var(--jm-fsize)) * .92) }
.jm-btn.size-lg{ --_py:.85rem; --_px:1.25rem; font-size:calc(var(--_fs,var(--jm-fsize)) * 1.05) }
.jm-btn.size-xl{ --_py:1rem; --_px:1.5rem; font-size:calc(var(--_fs,var(--jm-fsize)) * 1.16) }
.jm-btn.shape-pill{ --_radius:9999px } .jm-btn.shape-rounded{ --_radius:12px } .jm-btn.shape-square{ --_radius:4px }
.jm-btn.__equal{ width: var(--jm-equal-w, auto) }
@media (max-width: 860px){
.jm-pres__inner{ flex-direction:column; align-items:flex-start; }
.jm-pres__photo, .jm-pres__body{ width:100%; flex-basis:auto; }
.jm-pres.__narrow{ max-width:100%; }
.jm-pres__photo-box{ width: clamp(220px, 75%, 560px); }
}.jm-section { padding:72px 0; background: var(--jm-muted, #fff); }
.jm-container { max-width:1180px; margin:0 auto; padding:0 24px; }
.jm-title { margin:0 0 28px; color:#111; }
.jm-title + .jm-intro { margin-top: -18px; }
.jm-intro {
margin: 0 0 28px;
font-size: var(--jm-intro-size, 16px);
text-align: var(--jm-intro-align, left);
color: var(--jm-intro-color, #555);
line-height: 1.6;
} .jm-section-cards .jm-title {
text-align: var(--jm-title-align, left);
font-size: var(--jm-title-size, 32px);
font-weight: var(--jm-title-weight, 700);
text-transform: var(--jm-title-transform, none);
letter-spacing: var(--jm-title-ls, 0px);
line-height: var(--jm-title-lh, 1.25);
} .jm-filter-bar {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 32px;
}
.jm-filter-btn {
padding: 9px 22px;
border: 2px solid var(--jm-filter-color, #1a1a2e);
border-radius: var(--jm-filter-radius, 6px);
background: transparent;
color: var(--jm-filter-color, #1a1a2e);
font-weight: var(--jm-filter-font-weight, 600);
font-size: var(--jm-filter-font-size, 15px);
cursor: pointer;
transition: background .2s ease, color .2s ease, border-color .2s ease;
font-family: inherit;
line-height: 1.4;
}
.jm-filter-btn:hover {
background: var(--jm-filter-active-bg, #1a1a2e);
border-color: var(--jm-filter-active-bg, #1a1a2e);
color: var(--jm-filter-active-color, #fff);
}
.jm-filter-btn.is-active {
background: var(--jm-filter-active-bg, #1a1a2e);
border-color: var(--jm-filter-active-bg, #1a1a2e);
color: var(--jm-filter-active-color, #fff);
} .jm-cards-grid {
display: grid;
grid-template-columns: repeat(var(--jm-columns, 3), 1fr);
gap: 24px;
}  .jm-card {
display: block;
background: var(--jm-card-bg, #fff);
border: 1px solid var(--jm-card-border, #EEE);
border-radius: var(--jm-card-radius, 12px);
text-decoration: none;
color: inherit;
box-shadow: 0 4px 24px rgba(0,0,0,.04);
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease, opacity .25s ease;
}
.jm-card * { text-decoration: none !important; }
.jm-card:hover {
transform: translateY(calc(var(--jm-hover-lift, 2px) * -1));
border-color: var(--jm-hover-border, #E6E6E6);
background: var(--jm-hover-bg, var(--jm-card-bg, #fff));
}
.jm-card-body { padding: 24px 24px 28px; }
.jm-card-icon { display:inline-block; font-size:22px; line-height:1; margin-bottom:8px; color: var(--jm-accent, #C9A227); }
.jm-card-title {
margin: 0 0 8px;
font-size: var(--jm-card-title-size, 18px);
font-weight: var(--jm-card-title-weight, 600);
color: #111;
text-align: var(--jm-card-title-align, left);
}
.jm-card-desc {
margin: 0 0 14px;
color: #333;
line-height: var(--jm-desc-lh, 1.6);
font-size: var(--jm-desc-size, 16px);
text-align: var(--jm-desc-align, left);
}
.jm-card-cta {
display: block;
font-weight: var(--jm-cta-weight, 600);
color: var(--jm-accent, #C9A227);
text-align: var(--jm-cta-align, left);
} .jm-card.jm-fade-out {
opacity: 0;
transform: scale(0.96);
}
.jm-card.jm-hidden {
display: none;
} .jm-section-cards .jm-card,
.jm-section-cards .jm-card *,
.jm-section-cards .jm-card:hover,
.jm-section-cards .jm-card:focus,
.jm-section-cards .jm-card:active {
text-decoration: none !important;
} @media (max-width:600px) {
.jm-section { padding: 40px 0; }
.jm-container { padding: 0 12px; }
.jm-cards-grid { gap: 12px; }
.jm-card-body { padding: 14px 14px 16px; }
.jm-card-title { font-size: clamp(13px, 3.8vw, var(--jm-card-title-size, 18px)); }
.jm-card-desc { font-size: clamp(12px, 3.4vw, var(--jm-desc-size, 16px)); margin-bottom: 8px; }
.jm-card-cta { font-size: 13px; }
.jm-filter-bar { gap: 6px; margin-bottom: 20px; }
.jm-filter-btn { padding: 6px 14px; font-size: clamp(12px, 3.4vw, var(--jm-filter-font-size, 15px)); }
.jm-section-cards .jm-title { font-size: clamp(22px, 6vw, var(--jm-title-size, 32px)); margin-bottom: 18px; }
.jm-intro { font-size: clamp(13px, 3.8vw, var(--jm-intro-size, 16px)); margin-bottom: 18px; }
.jm-title + .jm-intro { margin-top: -10px; }
}.jm-btns{
--jm-gap:.66rem;
--jm-justify:flex-start;
--jm-wrap:wrap;
--jm-stack-mobile:1;
--jm-font:'', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
--jm-fsize:1rem;
--jm-lh:1.2;
--jm-weight:600;
--jm-ls:0;
--jm-transform:none;
}
.jm-btns__row{
display:flex;
gap:var(--jm-gap);
justify-content:var(--jm-justify);
flex-wrap:var(--jm-wrap);
align-items:center;
width:100%;
}
.jm-btn{
font-family:var(--_ff, var(--jm-font));
font-size:var(--_fs, var(--jm-fsize));
line-height:var(--_lh, var(--jm-lh));
font-weight:var(--_fw, var(--jm-weight));
letter-spacing:var(--_ls, var(--jm-ls));
text-transform:var(--_tt, var(--jm-transform));
text-decoration:var(--_td, none);
font-style:var(--_it, normal);
display:inline-flex; align-items:center; justify-content:center;
padding:var(--_py, .66rem) var(--_px, 1.1rem);
border-radius:var(--_radius, 9999px);
border: var(--_bw, 1px) solid var(--_bc, transparent);
color:var(--_color, #111);
background:var(--_bg, transparent);
box-shadow:var(--_shadow, none);
transition:transform .14s ease, opacity .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
text-decoration:none !important;
will-change: transform, box-shadow, background-color, color, border-color;
box-sizing: border-box;
} .jm-btn:hover{ color: var(--_color, #111) !important; transform: translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.12); }
.jm-btn:focus{ outline:2px solid rgba(0,0,0,.15); outline-offset:2px; } .jm-btn.is-primary{
--_bg: var(--wp--preset--color--primary, #0f172a);
--_color:#fff; --_bc: var(--_bg);
--_bw: 1px;
border-style: solid;
border-width: var(--_bw, 1px);
border-color: var(--_bg, #0E2540);
}
.jm-btn.is-secondary{
--_bg: transparent; --_bc: var(--_color, currentColor);
--_bw: 1px;
border-color: var(--_bc, currentColor);
border-style: solid;
border-width: var(--_bw, 1px);
} .jm-btn.is-primary:hover{ background: var(--_bg_hover, var(--_bg));
color: var(--_color, #fff) !important;
border-color: var(--_bg_hover, var(--_bg));
}
.jm-btn.is-secondary.__invert-hover:hover{ background: var(--_color, currentColor);
color: var(--_invert_text, #fff) !important;
border-color: transparent;
}
.jm-btn.is-secondary.__no-border{ border-width:0 } .jm-btn.size-sm{ --_py:.5rem; --_px:.9rem; font-size:calc(var(--_fs, var(--jm-fsize)) * .92) }
.jm-btn.size-md{}
.jm-btn.size-lg{ --_py:.85rem; --_px:1.25rem; font-size:calc(var(--_fs, var(--jm-fsize)) * 1.05) }
.jm-btn.size-xl{ --_py:1rem; --_px:1.5rem; font-size:calc(var(--_fs, var(--jm-fsize)) * 1.16) } .jm-btn.shape-pill{ --_radius:9999px }
.jm-btn.shape-rounded{ --_radius:12px }
.jm-btn.shape-square{ --_radius:4px } .jm-btn.__equal{ width: var(--jm-equal-w, auto) } @media (max-width: 680px){
.jm-btns.__stack .jm-btns__row{ flex-direction:column; align-items:stretch; }
.jm-btns.__stack .jm-btn{ width:100% }
}
.jm-btn.is-primary:focus-visible,
.jm-btn.is-primary:active{
outline: none;
border-color: var(--_bg_hover, var(--_bg));
}
.jm-btn.is-primary:focus-visible{  
border-color: var(--_bg_hover, var(--_bg));
} .jm-btn.is-primary,
.jm-btn.is-secondary{ padding: var(--_py, .66rem) var(--_px, 1.1rem) !important;
line-height: var(--_lh, var(--jm-lh, 1.2)) !important;
border-radius: var(--_radius, 9999px) !important;
border-style: solid !important;
border-width: var(--_bw, 1px) !important;
box-sizing: border-box !important;
} .jm-btn.is-primary{
--_bw: var(--_bw, 1px);
--_bc: var(--_bg);
border-color: var(--_bg, #0E2540) !important;
}
.jm-btn.is-primary:hover{
border-color: var(--_bg_hover, var(--_bg)) !important;
}
.jm-btn.is-primary:focus-visible,
.jm-btn.is-primary:active{
border-color: var(--_bg_hover, var(--_bg)) !important;
outline: none;
} .jm-btn.is-secondary{
--_bw: var(--_bw, 1px);
--_bc: var(--_color, currentColor);
border-color: var(--_bc, currentColor) !important;
}.jm-cta-bar {
display: flex;
flex-direction: row;
align-items: var(--jm-cta-valign, center);
justify-content: center;
gap: var(--jm-cta-gap, 20px);
padding: var(--jm-cta-py, 15px) 0;
background: var(--jm-cta-bg, transparent);
width: 100%;
box-sizing: border-box;
} .jm-cta-bar > *,
.jm-cta-bar > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
flex-direction: row;
align-items: var(--jm-cta-valign, center);
justify-content: center;
gap: var(--jm-cta-gap, 20px);
width: 100%;
}
.jm-cta-bar > .block-editor-inner-blocks > .block-editor-block-list__layout > *,
.jm-cta-bar > * > * {
flex: 1 1 0%;
min-width: 0;
} @media (max-width: 480px) {
.jm-cta-bar.__break-480 {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-480 > .block-editor-inner-blocks > .block-editor-block-list__layout {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-480 h1,
.jm-cta-bar.__break-480 h2,
.jm-cta-bar.__break-480 h3,
.jm-cta-bar.__break-480 h4,
.jm-cta-bar.__break-480 h5,
.jm-cta-bar.__break-480 h6,
.jm-cta-bar.__break-480 p {
text-align: center !important;
width: 100%;
}
.jm-cta-bar.__break-480 .jm-btns {
--jm-justify: center;
}
.jm-cta-bar.__break-480 > * > *,
.jm-cta-bar.__break-480 > .block-editor-inner-blocks > .block-editor-block-list__layout > * {
flex: 0 0 auto;
width: 100%;
}
} @media (max-width: 680px) {
.jm-cta-bar.__break-680 {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-680 > .block-editor-inner-blocks > .block-editor-block-list__layout {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-680 h1,
.jm-cta-bar.__break-680 h2,
.jm-cta-bar.__break-680 h3,
.jm-cta-bar.__break-680 h4,
.jm-cta-bar.__break-680 h5,
.jm-cta-bar.__break-680 h6,
.jm-cta-bar.__break-680 p {
text-align: center !important;
width: 100%;
}
.jm-cta-bar.__break-680 .jm-btns {
--jm-justify: center;
}
.jm-cta-bar.__break-680 > * > *,
.jm-cta-bar.__break-680 > .block-editor-inner-blocks > .block-editor-block-list__layout > * {
flex: 0 0 auto;
width: 100%;
}
} @media (max-width: 782px) {
.jm-cta-bar.__break-782 {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-782 > .block-editor-inner-blocks > .block-editor-block-list__layout {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-782 h1,
.jm-cta-bar.__break-782 h2,
.jm-cta-bar.__break-782 h3,
.jm-cta-bar.__break-782 h4,
.jm-cta-bar.__break-782 h5,
.jm-cta-bar.__break-782 h6,
.jm-cta-bar.__break-782 p {
text-align: center !important;
width: 100%;
}
.jm-cta-bar.__break-782 .jm-btns {
--jm-justify: center;
}
.jm-cta-bar.__break-782 > * > *,
.jm-cta-bar.__break-782 > .block-editor-inner-blocks > .block-editor-block-list__layout > * {
flex: 0 0 auto;
width: 100%;
}
} @media (max-width: 1024px) {
.jm-cta-bar.__break-1024 {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-1024 > .block-editor-inner-blocks > .block-editor-block-list__layout {
flex-direction: column;
align-items: center;
}
.jm-cta-bar.__break-1024 h1,
.jm-cta-bar.__break-1024 h2,
.jm-cta-bar.__break-1024 h3,
.jm-cta-bar.__break-1024 h4,
.jm-cta-bar.__break-1024 h5,
.jm-cta-bar.__break-1024 h6,
.jm-cta-bar.__break-1024 p {
text-align: center !important;
width: 100%;
}
.jm-cta-bar.__break-1024 .jm-btns {
--jm-justify: center;
}
.jm-cta-bar.__break-1024 > * > *,
.jm-cta-bar.__break-1024 > .block-editor-inner-blocks > .block-editor-block-list__layout > * {
flex: 0 0 auto;
width: 100%;
}
}.jmhb {
position: relative;
display: flex;
align-items: flex-end; justify-content: center;
min-height: var(--jmhb-min-h, 555px);
overflow: hidden;
width: 100%;
} .jmhb__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
} .jmhb__overlay {
position: absolute;
inset: 0;
z-index: 1; background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
opacity: var(--jmhb-overlay-opacity, 0.40);
pointer-events: none;
} .jmhb__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px 24px;
box-sizing: border-box;
gap: 20px;
} .jmhb__heading {
margin: 0;
text-align: var(--jmhb-h-align, center);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--jmhb-h-gap, 8px);
}
.jmhb__line {
display: block;
font-size: var(--jmhb-line-fs, 24px);
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
} .jmhb__buttons {
display: flex;
flex-wrap: wrap;
gap: var(--jmhb-btn-gap, 10px);
justify-content: var(--jmhb-btn-align, center);
align-items: center;
}
.jmhb__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--jmhb-btn-py, 10px) var(--jmhb-btn-px, 20px);
border-radius: var(--jmhb-btn-radius, 12px);
background: var(--jmhb-btn-bg, #8e7140);
color: var(--jmhb-btn-color, #fff) !important;
font-size: var(--jmhb-btn-fs, 18px);
font-weight: var(--jmhb-btn-fw, 600);
line-height: 1.2;
text-decoration: none !important;
border: 1px solid var(--jmhb-btn-bg, #8e7140);
box-sizing: border-box;
transition: transform 0.14s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
will-change: transform, box-shadow, background-color;
text-align: center;
}
.jmhb__btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
background: var(--jmhb-btn-hover-bg, var(--jmhb-btn-bg, #8e7140));
border-color: var(--jmhb-btn-hover-bg, var(--jmhb-btn-bg, #8e7140));
color: var(--jmhb-btn-color, #fff) !important;
}
.jmhb__btn:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.5);
outline-offset: 2px;
} @media (max-width: 768px) {
.jmhb {
min-height: var(--jmhb-min-h-m, 500px); align-items: stretch;
} .jmhb__overlay {
background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 60%);
}
.jmhb__content {
justify-content: space-between;
min-height: var(--jmhb-min-h-m, 500px);
padding: var(--jmhb-m-top-pad, 60px) 20px 32px;
} .jmhb__line {
font-size: var(--jmhb-line-fs-m, 20px);
}
.jmhb__btn {
font-size: var(--jmhb-btn-fs-m, 17px);
} .jmhb__buttons {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.jmhb__btn {
width: 100%;
}
}.jm-lpc-section {
padding: var(--jm-section-py, 80px) 0;
background: var(--jm-section-bg, #f8f9fc); }
.jm-lpc--full-width {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
box-sizing: border-box !important;
}
.jm-lpc-container {
max-width: 1500px;
margin: 0 auto;
padding: 0 80px;
}
@media (max-width: 921px) {
.jm-lpc-container { padding: 0 40px; }
.jm-lpc-section { padding: calc(var(--jm-section-py, 80px) * 0.75) 0; }
}
@media (max-width: 544px) {
.jm-lpc-container { padding: 0 20px; }
.jm-lpc-section { padding: calc(var(--jm-section-py, 80px) * 0.5) 0; }
} .jm-lpc-carousel-zone {
position: relative;
}
.jm-lpc-section--swipe .jm-lpc-carousel-zone .jm-lpc-container {
max-width: none;
padding: 0;
} .jm-lpc-header {
margin-bottom: var(--jm-header-gap, 48px);
text-align: var(--jm-header-align, left);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.jm-lpc-section[style*="--jm-header-align:center"] .jm-lpc-header { align-items: center; }
.jm-lpc-section[style*="--jm-header-align:right"] .jm-lpc-header { align-items: flex-end; }
.jm-lpc-header__title {
font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 2.5rem;
font-weight: 700;
color: var(--jm-title-color, #060097);
margin: 0 0 8px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.jm-lpc-header__subtitle {
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
font-size: 1.05rem;
color: var(--jm-subtitle-color, #67768e);
margin: 0;
line-height: 1.6;
max-width: 600px;
}
@media (max-width: 700px) {
.jm-lpc-header__title { font-size: 1.75rem; }
} .jm-lpc-carousel-wrapper {
display: flex;
align-items: center;
gap: 16px;
} .jm-lpc-section--swipe .jm-lpc-carousel-wrapper {
gap: 0;
} .jm-lpc-carousel {
clip-path: inset(-20px 0px);
position: relative;
flex: 1;
min-width: 0;
} .jm-lpc-carousel--swipe {
clip-path: none !important;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
.jm-lpc-carousel--swipe::-webkit-scrollbar {
display: none;
}
.jm-lpc-carousel__track {
display: flex;
gap: 24px;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform; } .jm-lpc-section--swipe .jm-lpc-carousel__track {
gap: 16px;
padding-left: 80px;
padding-right: 80px;
}
@media (max-width: 921px) {
.jm-lpc-section--swipe .jm-lpc-carousel__track {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 544px) {
.jm-lpc-section--swipe .jm-lpc-carousel__track {
gap: 12px;
padding-left: 20px;
padding-right: 20px;
}
} .jm-lpc-nav__arrow {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1.5px solid currentColor;
background: var(--jm-arrow-bg, #ffffff);
color: var(--jm-arrow-color, #060097);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
padding: 0;
flex-shrink: 0;
opacity: 0.6;
}
.jm-lpc-nav__arrow:hover:not(:disabled) {
background: var(--jm-arrow-hover-bg, #060097);
color: var(--jm-arrow-hover-color, #ffffff);
border-color: var(--jm-arrow-hover-bg, #060097);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
opacity: 1;
}
.jm-lpc-nav__arrow:disabled {
opacity: 0.2;
cursor: not-allowed;
}
.jm-lpc-nav__arrow svg { display: block; } .jm-lpc-card {
flex-shrink: 0;
border-radius: var(--jm-card-radius, 16px);
background: var(--jm-card-bg, #ffffff);
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.03);
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.jm-lpc-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 16px 40px rgba(0, 0, 0, 0.06);
transform: translateY(-6px);
} .jm-lpc-section--swipe .jm-lpc-card:hover {
transform: none;
} .jm-lpc-section a,
.jm-lpc-section a:hover,
.jm-lpc-section a:focus,
.jm-lpc-section a:visited,
.jm-lpc-section a:active,
.jm-lpc-card__link,
.jm-lpc-card__link:hover,
.jm-lpc-card__link:focus,
.jm-lpc-card__link:visited,
.jm-lpc-card__link:active,
.jm-lpc-card__link *,
.jm-lpc-archive__link,
.jm-lpc-archive__link:hover,
.jm-lpc-archive__link:focus,
.jm-lpc-archive__link:visited {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
-webkit-text-decoration: none !important;
background-image: none !important;
}
.jm-lpc-card__link {
display: flex;
flex-direction: column;
color: inherit;
height: 100%; -webkit-user-select: none;
user-select: none;
}
.jm-lpc-card__link:hover,
.jm-lpc-card__link:focus { color: inherit; } .jm-lpc-card__content {
padding: 28px;
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: var(--jm-card-align, left);
}
.jm-lpc-card__tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 16px;
}
.jm-lpc-section[style*="--jm-card-align:center"] .jm-lpc-card__tags { justify-content: center; }
.jm-lpc-section[style*="--jm-card-align:right"] .jm-lpc-card__tags { justify-content: flex-end; }
.jm-lpc-tag {
display: inline-block;
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--jm-tag-color, #060097);
background: var(--jm-tag-bg, rgba(6,0,151,0.06));
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 50px;
padding: 4px 12px;
transition: background 0.2s ease;
}
.jm-lpc-card:hover .jm-lpc-tag { filter: brightness(0.95); }
.jm-lpc-card__title {
font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 700;
color: var(--jm-card-title-color, #1e293b);
margin: 0 0 6px 0;
line-height: 1.35;
transition: color 0.2s ease;
}
.jm-lpc-card:hover .jm-lpc-card__title {
color: var(--jm-card-title-hover, #060097);
}
.jm-lpc-card__date {
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
font-size: 0.82rem;
color: var(--jm-date-color, #9ba5b4);
margin-bottom: 12px;
display: block;
}
.jm-lpc-card__excerpt {
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
font-size: 0.92rem;
color: var(--jm-excerpt-color, #67768e);
line-height: 1.65;
margin: 0 0 16px 0;
flex-grow: 1;
}
.jm-lpc-card__read-more {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.88rem;
font-weight: 600;
color: var(--jm-cta-color, #060097);
margin-top: auto;
transition: gap 0.3s ease;
}
.jm-lpc-section[style*="--jm-card-align:center"] .jm-lpc-card__read-more { justify-content: center; }
.jm-lpc-section[style*="--jm-card-align:right"] .jm-lpc-card__read-more { justify-content: flex-end; }
.jm-lpc-card:hover .jm-lpc-card__read-more { gap: 10px; }
.jm-lpc-card__read-more svg { transition: transform 0.3s ease; }
.jm-lpc-card:hover .jm-lpc-card__read-more svg { transform: translateX(3px); } .jm-lpc-nav {
display: flex;
justify-content: center;
align-items: center;
margin-top: 32px;
}
.jm-lpc-nav__dots {
display: flex;
gap: 8px;
}
.jm-lpc-nav__dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: var(--jm-dot-color, rgba(6,0,151,0.15));
cursor: pointer;
padding: 0;
transition: background 0.3s ease, transform 0.3s ease, width 0.3s ease;
}
.jm-lpc-nav__dot--active {
background: var(--jm-dot-active, #060097);
border-radius: 5px;
width: 28px;
}
.jm-lpc-nav__dot:hover:not(.jm-lpc-nav__dot--active) {
background: var(--jm-dot-active, #060097);
opacity: 0.5;
transform: scale(1.2);
} .jm-lpc-archive {
text-align: center;
margin-top: 36px;
}
.jm-lpc-archive__link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.88rem;
font-weight: 600;
color: var(--jm-archive-color, #060097);
background: transparent;
border: 1.5px solid var(--jm-archive-border, rgba(6,0,151,0.25));
border-radius: 50px;
padding: 10px 28px;
transition: all 0.3s ease;
letter-spacing: 0.01em;
}
.jm-lpc-archive__link:hover,
.jm-lpc-archive__link:focus {
color: var(--jm-archive-hover-color, #ffffff);
background: var(--jm-archive-hover-bg, #060097);
border-color: var(--jm-archive-hover-bg, #060097);
gap: 12px;
}
.jm-lpc-archive__link svg { transition: transform 0.3s ease; }
.jm-lpc-archive__link:hover svg { transform: translateX(3px); } .jm-lpc--archive-mobile-only .jm-lpc-archive { display: none; }
@media (max-width: 700px) {
.jm-lpc--archive-mobile-only .jm-lpc-archive { display: block; }
} .jm-lpc-empty {
text-align: center;
padding: 60px 20px;
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
font-size: 1rem;
color: #67768e;
} @media (max-width: 700px) {
.jm-lpc-card__content { padding: 20px; }
.jm-lpc-card__title { font-size: 1.1rem; }
.jm-lpc-card__excerpt { font-size: 0.85rem; line-height: 1.55; margin-bottom: 12px; }
.jm-lpc-card__date { font-size: 0.78rem; margin-bottom: 8px; }
.jm-lpc-card__read-more { font-size: 0.82rem; }
.jm-lpc-archive__link { font-size: 0.82rem; padding: 8px 22px; }
} @media (min-width: 701px) and (max-width: 920px) {
.jm-lpc-carousel-wrapper { gap: 10px; }
.jm-lpc-nav__arrow { width: 38px; height: 38px; }
.jm-lpc-nav__arrow svg { width: 16px; height: 16px; }
} @media (prefers-reduced-motion: reduce) {
.jm-lpc-carousel__track { transition: none; }
.jm-lpc-card,
.jm-lpc-card__read-more svg,
.jm-lpc-nav__dot,
.jm-lpc-nav__arrow,
.jm-lpc-archive__link { transition: none; }
.jm-lpc-card:hover { transform: none; }
} .jm-lpc-card__link:focus-visible {
outline: 3px solid #c10fff;
outline-offset: 2px;
border-radius: var(--jm-card-radius, 16px);
}
.jm-lpc-nav__arrow:focus-visible,
.jm-lpc-nav__dot:focus-visible {
outline: 3px solid #c10fff;
outline-offset: 2px;
}.jm-mlh{margin:0}.jm-mlh .jm-mlh-line{display:block;margin:0}.jm-mlh .jm-mlh-line+.jm-mlh-line{margin-top:var(--jm-gap,8px)}