
.jom-landing-intro{padding-block:64px 32px;display:grid;grid-template-columns:1fr 1fr;gap:40px 64px;align-items:center}.jom-landing-intro h1{font:300 clamp(40px,4.9vw,72px)/1.04 'JOM Utile',Georgia,serif;margin:16px 0 24px;color:var(--jom-deep)}.jom-landing-intro h1 em,.jom-editorial h2 em{font-weight:400;color:var(--jom-terracotta)}.jom-landing-intro-copy{min-width:0}.jom-landing-intro-image{border-radius:32px;overflow:hidden;aspect-ratio:1}.jom-landing-intro-image img{display:block;width:100%;height:100%;object-fit:cover}.jom-landing-intro--editorial{max-width:800px;grid-template-columns:1fr;gap:24px}.jom-landing-intro--editorial h1{font-weight:500;font-size:clamp(34px,4vw,48px)}.jom-landing-intro--editorial .jom-landing-intro-image{aspect-ratio:2}.jom-landing-byline{display:flex;gap:14px;align-items:center;margin-block:24px;font-size:13px;line-height:1.5}.jom-landing-byline small{display:block}.jom-landing-avatar{width:44px;height:44px;border-radius:50%;background:var(--jom-peach);display:grid;place-items:center;flex:none;font-size:18px}.jom-landing-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.jom-landing-actions:empty{display:none}.jom-landing-after{grid-column:1/-1}.jom-landing-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.jom-landing-jumps a{border:1px solid var(--jom-deep);border-radius:24px;padding:8px 16px;font-size:13px}.jom-editorial-overview{background:var(--jom-lime);border-radius:32px;padding:40px;margin-block:32px}.jom-editorial-items{counter-reset:none}.jom-editorial-item{scroll-margin-top:130px}.jom-editorial-row{display:grid;grid-template-columns:.95fr 1fr;gap:40px 64px;padding-block:48px}.jom-editorial--listicle .jom-editorial-row{max-width:800px;gap:32px;border-top:1px solid var(--jom-sand);padding-block:36px}.jom-editorial-figure{position:relative;aspect-ratio:1;display:flex;flex-direction:column;margin:0;border-radius:28px;overflow:hidden;background:#fff}.jom-editorial-figure>img{width:100%;flex:1;min-height:0;object-fit:cover}.jom-editorial-figure:has(>figcaption)>img{height:calc(100% - 44px)}.jom-editorial-figure figcaption{background:var(--jom-deep);color:var(--jom-cream);padding:12px 16px;font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}.jom-editorial-number{width:40px;height:40px;border-radius:50%;background:var(--jom-deep);color:var(--jom-cream);display:grid;place-items:center;font:500 20px/1 'JOM Utile',Georgia,serif;flex:none}.jom-editorial-figure .jom-editorial-number{position:absolute;top:12px;right:12px;z-index:1}.jom-editorial-copy{min-width:0}.jom-editorial-copy>h2{font:500 28px/1.12 'JOM Utile',Georgia,serif;margin:0 0 16px;color:var(--jom-deep)}.jom-editorial-copy .jom-lib-prose{font-size:15px;line-height:1.7}.jom-editorial-copy>.jom-lib-button{margin-top:16px}.jom-editorial--story .jom-editorial-item:nth-child(even){background:var(--jom-mist);border-radius:32px}.jom-editorial-chapter-title .jom-editorial-number{margin-bottom:20px}.jom-editorial-chapter-title h2{font-size:clamp(32px,3.4vw,48px)}.jom-editorial-tip{background:var(--jom-butter);border-radius:20px;padding:20px 24px;margin-top:20px;font-size:13px;line-height:1.6}.jom-editorial-tip strong{display:block;margin-bottom:8px}.jom-editorial-tip p{margin:0}.jom-editorial-inline-image{margin:24px 0}.jom-editorial-inline-image img{width:100%;border-radius:24px}.jom-editorial-inline-image figcaption{font-size:12px;margin-top:8px}.jom-chart-table{width:100%;border-collapse:collapse;table-layout:fixed}.jom-chart-table th,.jom-chart-table td{text-align:left;padding:16px;font-size:14px;vertical-align:top}.jom-chart-table th:first-child{width:16%}.jom-chart-table td{position:relative}.jom-chart-table tbody tr{border-top:1px solid var(--jom-sand)}.jom-chart-bar{display:block;height:16px;width:var(--bar-width);border-radius:8px;margin-bottom:8px;max-width:100%}.jom-chart-bar--first{background:var(--jom-deep)}.jom-chart-bar--second{background:var(--jom-sand)}.jom-chart-source{font-size:12px;margin-top:20px}.jom-landing-sticky{display:none}.jom-landing-page--listicle>.shopify-section:has(.jom-library) .jom-wrap{max-width:800px}.jom-landing-page--listicle .jom-library .jom-lib-panel{padding:28px}.jom-landing-page--listicle .jom-lib-heading{font-size:clamp(28px,3.2vw,38px)}.jom-landing-page--listicle .jom-lib-media-grid{gap:28px}.jom-landing-page--listicle .jom-library{padding-block:32px}.jom-landing-page .jom-lib-table{min-width:720px}.jom-landing-page :is(a,summary):focus-visible{outline:3px solid var(--jom-deep);outline-offset:4px}
@media(max-width:760px){.jom-landing-intro{grid-template-columns:1fr;padding-top:36px;gap:24px}.jom-landing-intro h1{font-size:40px}.jom-landing-intro--editorial h1{font-size:34px}.jom-landing-intro--editorial .jom-landing-intro-image{aspect-ratio:1.4}.jom-landing-byline{font-size:12px}.jom-editorial-row,.jom-editorial--listicle .jom-editorial-row{grid-template-columns:1fr;gap:24px;padding-block:32px}.jom-editorial-figure{max-width:100%}.jom-editorial-copy>h2{font-size:26px}.jom-editorial-overview{padding:28px;width:calc(100% - 32px)}.jom-editorial-chapter-title .jom-lib-heading{margin:0}.jom-chart-table th,.jom-chart-table td{font-size:12px;padding:12px 6px;overflow-wrap:anywhere}.jom-data-chart .jom-lib-panel{padding:24px 16px}.jom-landing-page--listicle .jom-library .jom-lib-panel{padding:24px}.jom-landing-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--jom-deep);color:var(--jom-cream);padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px;justify-content:space-between;align-items:center;box-shadow:0 -2px 12px #0002}.jom-landing-sticky>div{min-width:0}.jom-landing-sticky strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.jom-landing-sticky small{display:block;font-size:11px;margin-top:4px}.jom-landing-sticky .jom-lib-button{padding:10px 16px;font-size:12px;flex:none;min-height:44px;font-weight:500}body:has(.jom-landing-sticky){padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
.jom-landing-page .jom-lib-review-widget .jdgm-rev-widg__other-lang,.jom-landing-page .jom-lib-review-widget .jdgm-paginate{display:none!important}
.jom-landing-page .jom-lib-columns--trust{gap:16px}.jom-landing-page .jom-lib-columns--trust .jom-lib-column{display:flex;align-items:center;justify-content:center;gap:10px;padding:0;background:transparent}.jom-landing-page .jom-lib-columns--trust .jom-lib-column h3{font:500 13px/1.5 'JOM Poppins',Poppins,sans-serif;margin:0}.jom-landing-page .jom-lib-columns--trust .jom-lib-symbol{font-size:16px}.jom-landing-page .jom-library:has(.jom-lib-columns--trust) .jom-lib-panel{padding:20px}

 .jom-landing-intro--campaign{padding-block:8px 96px;gap:56px 72px}.jom-landing-intro--campaign h1{font:700 clamp(44px,5.2vw,76px)/.96 var(--jom-heading-font);letter-spacing:-.02em;margin:0}.jom-landing-intro--campaign .jom-landing-intro-copy{display:flex;flex-direction:column;gap:18px}.jom-landing-intro--campaign h1 em{font-weight:400;font-style:italic;color:var(--jom-terracotta)}.jom-landing-intro--campaign .jom-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.24em}.jom-landing-intro--campaign .jom-lib-prose{font-size:18px;line-height:30px;color:var(--jom-ink)}.jom-landing-intro--campaign .jom-lib-prose ul{list-style:none;padding:0;margin-top:18px;font-size:14px;line-height:24px;color:var(--jom-deep)}.jom-landing-intro--campaign .jom-lib-prose li{margin-block:6px}.jom-landing-intro--campaign .jom-lib-prose li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:var(--jom-deep);color:var(--jom-cream);font-size:12px}.jom-landing-intro--campaign .jom-landing-intro-image{background:var(--jom-lime)}.jom-landing-intro--campaign .jom-landing-intro-image img{mix-blend-mode:multiply}.jom-landing-breadcrumb .jom-breadcrumb{display:block;padding-block:26px}
@media(max-width:760px){.jom-landing-intro--campaign{padding-top:8px;padding-bottom:56px;gap:32px}.jom-landing-intro--campaign .jom-lib-prose{font-size:16px;line-height:26px}.jom-landing-breadcrumb .jom-breadcrumb{padding-block:30px 16px}}
