/* Over Jessica: opmaak overgenomen uit het thema jessica-larive (jessicalarive.nl),
   alleen de regels die de inhoud van /jessica/ raken. Opnieuw gegenereerd op 2-10-2026
   uit de live assets/css/theme.css van jessicalarive.nl, na de nieuwe versie van /jessica/
   (selectie in de browser: regels met een klasse of id die een element in <main> raken).
   Algemene regels (lettertype, links, knoppen) komen uit het academythema. Laadt alleen op
   /over-jessica/. Opnieuw maken: zie README, "Over Jessica". */
.button { align-items: center; background: var(--gold); border: 0px; border-radius: 999px; color: var(--black); display: inline-flex; font-size: var(--t-meta); font-weight: 700; justify-content: center; min-height: 54px; padding: 0px 26px; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.button:hover, .button:focus-visible { background: var(--gold-light); transform: translateY(-2px); }
.aged-black { background: radial-gradient(circle at 78% 18%, rgba(185, 134, 61, 0.14), transparent 28%), radial-gradient(circle at 10% 86%, rgba(213, 180, 119, 0.07), transparent 25%), linear-gradient(132deg, rgb(12, 12, 12), rgb(24, 23, 21) 54%, rgb(14, 13, 12)); }
.brushed-gold { background: repeating-linear-gradient(91deg, rgba(255,255,255,.08) 0 1px, transparent 1px 18px),
    linear-gradient(110deg, var(--gold-edge), var(--gold) 27%, var(--gold-light) 50%, var(--gold) 72%, var(--gold-edge)); }
.aged-black, .brushed-gold { overflow: hidden; position: relative; }
.aged-black::before, .brushed-gold::before { background: repeating-linear-gradient(96deg, transparent 0px, rgba(255, 255, 255, 0.07) 1px, transparent 2px, rgba(36, 23, 10, 0.07) 5px, transparent 8px); content: ""; inset: 0px; mix-blend-mode: soft-light; pointer-events: none; position: absolute; }
.eyebrow, .section-label { font-size: var(--t-label); font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; }
.page-hero { align-items: center; border-radius: var(--r-lg); color: var(--gold-light); display: flex; margin: 14px clamp(12px, 3vw, 42px) 0px; min-height: 430px; padding: clamp(48px, 7vw, 92px); }
.page-hero-inner { margin: 0px auto; max-width: 1240px; position: relative; width: 100%; z-index: 2; }
.page-hero .eyebrow { color: var(--gold); margin-bottom: 32px; }
.page-hero h1 { font-size: var(--t-page); font-weight: 600; letter-spacing: -0.045em; line-height: 0.96; margin: 0px; max-width: 1050px; }
.page-hero p { color: var(--gold-light); font-size: var(--t-body); line-height: 1.6; margin: 30px 0px 0px; max-width: var(--measure); }
.jessica-page-content { padding: 105px 0px 0px; }
.jessica-opening { align-items: start; display: grid; gap: clamp(40px, 6vw, 92px); grid-template-columns: minmax(0px, 1fr) minmax(320px, 0.75fr); margin: 0px auto; width: var(--content); }
.jessica-opening-copy { max-width: var(--measure); }
.jessica-opening-copy p, .jessica-story p, .jessica-book-copy p, .jessica-character-copy p { color: var(--ink-soft); font-size: var(--t-body-lg); line-height: 1.75; }
.jessica-main-portrait { aspect-ratio: 800 / 594; background: var(--black); border-radius: var(--r-md); margin: 0px; min-height: 0px; overflow: hidden; position: relative; }
.jessica-main-portrait::after { background: linear-gradient(0deg, rgba(17, 17, 17, 0.82), transparent 58%); content: ""; inset: 0px; pointer-events: none; position: absolute; }
.jessica-main-portrait-image { display: block; height: 100%; object-fit: cover; object-position: 50% 42%; width: 100%; }
.jessica-main-portrait figcaption { bottom: 32px; color: var(--gold-light); display: flex; flex-direction: column; font-size: var(--t-label); gap: 8px; left: 32px; letter-spacing: 0.1em; position: absolute; right: 32px; text-transform: uppercase; z-index: 2; }
.jessica-main-portrait figcaption strong { color: var(--paper); font-size: var(--t-meta); letter-spacing: 0.04em; }
.jessica-facts { border-block: 1px solid rgb(189, 183, 175); display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); margin: 95px auto 0px; width: var(--content); }
.jessica-facts article { border-left: 1px solid rgb(189, 183, 175); display: flex; flex-direction: column; min-height: 0px; padding: 34px clamp(18px, 3vw, 42px); }
.jessica-facts article:first-child { border-left: 0px; padding-left: 0px; }
.jessica-facts span { color: var(--laser); display: block; font-size: var(--t-meta); line-height: 1.5; margin-top: auto; padding-top: 18px; }
.jessica-facts strong { display: block; font-family: var(--serif); font-size: var(--t-item); font-weight: 400; letter-spacing: -0.01em; line-height: 1.15; }
.jessica-story { margin: 95px 24px 120px calc(clamp(12px, 3vw, 42px) + clamp(48px, 7vw, 92px)); max-width: var(--measure); }
.jessica-story h2 { border-top: 1px solid rgb(189, 183, 175); font-family: var(--serif); font-size: var(--t-section); font-weight: 400; letter-spacing: -0.025em; line-height: 1.08; margin: 1.8em 0px 0.55em; padding-top: 0.75em; }
.jessica-story > :first-child { border-top: 0px; margin-top: 0px; padding-top: 0px; }
.jessica-approach { color: var(--paper); margin: 0px auto 120px; padding: clamp(55px, 8vw, 105px); width: var(--content); }
.jessica-approach > header { max-width: 880px; position: relative; z-index: 2; }
.jessica-approach h2 { color: var(--gold-light); font-size: var(--t-section); font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; margin: 25px 0px 0px; }
.jessica-approach-grid { display: grid; gap: 0px; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-top: 75px; position: relative; z-index: 2; }
.jessica-approach-grid article { border-left: 1px solid rgb(75, 70, 63); padding: 8px clamp(28px, 4vw, 58px) 0px; }
.jessica-approach-grid article:first-child { border-left: 0px; padding-left: 0px; }
.jessica-approach-grid h3 { color: var(--paper); font-family: var(--serif); font-size: var(--t-item); font-weight: 400; line-height: 1.08; margin: 0px 0px 24px; }
.jessica-approach-grid p { color: var(--on-dark); font-size: var(--t-body); line-height: 1.7; margin: 0px; }
.jessica-character { align-items: start; display: grid; gap: clamp(55px, 9vw, 135px); grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1fr); margin: 0px auto 120px; width: var(--content); }
.jessica-character-copy { max-width: var(--measure); }
.jessica-character-copy h2 { font-family: var(--serif); font-size: var(--t-section); font-weight: 400; letter-spacing: -0.03em; line-height: 1.02; margin: 0px 0px 34px; }
@media (max-width: 860px) {
	.jessica-opening, .jessica-book, .jessica-character { grid-template-columns: 1fr; }
	.jessica-main-portrait { max-width: 560px; }
	.jessica-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
	.jessica-facts article { border-top: 1px solid rgb(189, 183, 175); }
	.jessica-facts article:nth-child(-n+2) { border-top: 0px; }
	.jessica-facts strong { font-size: var(--t-item); }
	.jessica-facts article:nth-child(2n+1) { border-left: 0px; padding-left: 0px; }
	.jessica-approach-grid, .jessica-more-grid { grid-template-columns: 1fr; }
	.jessica-approach-grid article { border-left: 0px; border-top: 1px solid rgb(75, 70, 63); padding: 40px 0px; }
	.jessica-approach-grid article:first-child { border-top: 0px; }
}
@media (max-width: 640px) {
	.page-hero { border-radius: var(--r-md); margin: 12px; min-height: 340px; padding: 55px 26px; }
	.jessica-page-content { padding-top: 70px; }
	.jessica-opening { gap: 45px; width: calc(100% - 44px); }
	.jessica-opening-copy p, .jessica-story p, .jessica-book-copy p, .jessica-character-copy p { font-size: var(--t-body); }
	.jessica-main-portrait { border-radius: var(--r-md); max-width: none; }
	.jessica-facts { margin-top: 70px; width: calc(100% - 44px); }
	.jessica-facts article { min-height: 0px; padding: 26px 14px 26px 20px; }
	.jessica-facts article:nth-child(2n+1) { padding-left: 0px; }
	.jessica-facts strong { font-size: var(--t-body-lg); }
	.jessica-story { margin: 70px 22px 90px; }
	.jessica-story h2 { font-size: var(--t-quote); }
	.jessica-approach { border-radius: var(--r-md); margin-bottom: 90px; padding: 65px 26px; width: calc(100% - 24px); }
	.jessica-approach h2 { font-size: var(--t-section); }
	.jessica-approach-grid { margin-top: 48px; }
	.jessica-character { gap: 48px; margin-bottom: 90px; width: calc(100% - 44px); }
	.jessica-character-copy h2 { font-size: var(--t-section); }
}
.button:active, .hero-actions .text-link:active, .offer-card a:active, .book-text-link:active { transform: translateY(1px); }
.button { transition: background 220ms var(--ease-out-quart), color 220ms var(--ease-out-quart), transform 140ms var(--ease-out-quart); }
.jessica-page .jessica-page-hero { min-height: 0px; padding: clamp(28px, 3vw, 42px); }
.jessica-page .jessica-page-hero .page-hero-inner { align-items: center; column-gap: clamp(28px, 4vw, 56px); display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(380px, 0.78fr); }
.jessica-page .jessica-page-hero .page-hero-inner > .eyebrow, .jessica-page .jessica-page-hero h1, .jessica-page .jessica-page-hero .page-hero-inner > p { grid-column: 1; }
.jessica-page .jessica-page-hero h1 { font-size: clamp(54px, 4.8vw, 76px); hyphens: none; line-height: 0.94; max-width: none; overflow-wrap: normal; word-break: normal; }
.jessica-page .jessica-page-content { padding-top: 72px; }
.jessica-page .jessica-opening { align-items: center; gap: clamp(46px, 7vw, 98px); }
.jessica-page .jessica-opening-copy { max-width: 58ch; }
.jessica-page .jessica-main-portrait { aspect-ratio: 4 / 3; border-radius: var(--r-md); max-width: 560px; justify-self: end; width: 100%; }
.jessica-page .jessica-main-portrait-image { object-position: 48% center; }
.jessica-page .jessica-facts { align-items: center; border: 0px; display: grid; gap: clamp(38px, 6vw, 94px); grid-template-columns: minmax(280px, 0.94fr) minmax(230px, 0.72fr); margin-top: 72px; overflow: visible; }
.jessica-page .jessica-facts .jessica-facts-feature { align-items: flex-start; border-radius: var(--r-md); display: flex; flex-direction: column; justify-content: space-between; min-height: 334px; padding: clamp(34px, 4vw, 54px); position: relative; transform: rotate(-1.2deg); z-index: var(--z-raised); }
.jessica-page .jessica-facts-feature > * { position: relative; z-index: 2; }
.jessica-page .jessica-facts-feature-copy { display: flex; flex-direction: column; margin-top: auto; width: 100%; }
.jessica-page .jessica-facts-feature-copy > span { color: var(--black); font-family: var(--serif); font-size: var(--t-page); letter-spacing: -0.04em; line-height: 0.96; opacity: 0.72; }
.jessica-page .jessica-facts-feature-copy strong { font-size: var(--t-section); line-height: 1.02; margin-top: 16px; max-width: 8ch; }
.jessica-page .jessica-facts-feature-copy small { border-top: 1px solid rgba(18, 17, 16, 0.3); font-size: var(--t-meta); line-height: 1.45; margin-top: 24px; padding-top: 17px; width: 100%; }
.jessica-page .jessica-facts-list { display: grid; }
.jessica-page .jessica-facts-list article { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(197, 190, 182) currentcolor currentcolor; border-image: none; display: block; min-height: 0px; padding: 25px 0px 27px; }
.jessica-page .jessica-facts-list article:last-child { border-bottom: 1px solid rgb(197, 190, 182); }
.jessica-page .jessica-facts-list strong { font-size: var(--t-item); }
.jessica-page .jessica-facts-list span { color: var(--laser); font-size: var(--t-meta); line-height: 1.45; margin-top: 9px; padding: 0px; }
.jessica-page .jessica-story { margin: 78px auto 90px; max-width: none; width: var(--content); }
.jessica-page .jessica-story h2 { font-size: var(--t-section); line-height: 1.04; margin-top: 1.45em; }
.jessica-page .jessica-story-chapter { border-top: 1px solid rgb(189, 183, 175); column-gap: clamp(48px, 8vw, 132px); display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1.14fr); max-width: none; padding-top: 34px; }
.jessica-page .jessica-story-chapter + .jessica-story-chapter { margin-top: 74px; }
.jessica-page .jessica-story-chapter > h2 { border: 0px; grid-column: 1; margin: 0px; padding: 0px; }
.jessica-page .jessica-story-chapter > p { grid-column: 2; }
.jessica-page .jessica-story-chapter > p:first-of-type { color: var(--black); font-family: var(--serif); font-size: var(--t-item); line-height: 1.42; margin-top: 0px; max-width: 32ch; }
.jessica-page .jessica-story-chapter > p:nth-of-type(2) { margin-left: clamp(22px, 3vw, 48px); max-width: 54ch; }
.jessica-page .jessica-story-chapter > p:nth-of-type(3) { color: var(--ink-soft); font-size: var(--t-body); margin-left: clamp(44px, 6vw, 92px); max-width: 44ch; }
.jessica-page .jessica-story-photo { border-radius: var(--r-md); margin: 52px 0px 12px; max-width: 360px; overflow: hidden; }
.jessica-page .jessica-story-photo img { aspect-ratio: 4 / 5; display: block; height: 100%; object-fit: cover; object-position: center center; width: 100%; }
.jessica-page .jessica-story-turn { align-items: start; display: grid; gap: clamp(34px, 5vw, 62px); grid-template-columns: minmax(205px, 0.56fr) minmax(0px, 1fr); margin: 64px 0px; }
.jessica-page .jessica-story-turn .jessica-story-photo { margin: 0px; max-width: none; }
.jessica-page .jessica-story-turn h2 { margin-top: 0px; }
.jessica-page .jessica-approach { border-radius: var(--r-lg); margin-bottom: 88px; padding: clamp(52px, 7vw, 92px); }
.jessica-page .jessica-approach h2 { font-size: var(--t-section); max-width: 13ch; }
.jessica-page .jessica-approach-grid { margin-top: 52px; }
.jessica-page .jessica-approach-grid article { padding-top: 0px; }
.jessica-page .jessica-approach-grid h3 { margin-top: 0px; }
.jessica-page .jessica-character { gap: clamp(50px, 9vw, 135px); grid-template-columns: minmax(0px, 1.08fr) minmax(290px, 0.72fr); margin-bottom: 92px; }
.jessica-page .jessica-character-copy { max-width: var(--measure); }
.jessica-page .jessica-character-copy h2 { font-size: var(--t-section); margin-bottom: 28px; max-width: 11ch; }
.jessica-page .jessica-character-aside { border-top: 1px solid rgb(189, 183, 175); padding-top: 24px; }
.jessica-page .jessica-character-photo { aspect-ratio: 4 / 3; border-radius: var(--r-md); margin: 0px; overflow: hidden; }
.jessica-page .jessica-character-photo img { display: block; height: 100%; object-fit: cover; object-position: center center; width: 100%; }
.jessica-page .jessica-character-aside blockquote { border: 0px; color: var(--gold-deep); font-family: var(--serif); font-size: var(--t-quote); line-height: 1.13; margin: 26px 0px 0px; padding: 0px; }
@media (max-width: 900px) {
	.jessica-page .jessica-page-hero .page-hero-inner { grid-template-columns: 1fr; }
	.jessica-page .jessica-facts { grid-template-columns: minmax(250px, 0.94fr) minmax(220px, 0.72fr); }
	.jessica-page .jessica-facts-feature { grid-column: 1; }
	.jessica-page .jessica-facts-list { grid-column: 2; }
	.jessica-page .jessica-character { grid-template-columns: minmax(0px, 1fr) minmax(250px, 0.7fr); }
}
@media (max-width: 640px) {
	.jessica-page .jessica-page-hero { padding: 32px 20px 34px; }
	.jessica-page .jessica-page-hero .eyebrow { margin-bottom: 16px; }
	.jessica-page .jessica-page-hero h1 { font-size: clamp(38px, 10.6vw, 42px); }
	.jessica-page .jessica-page-content { padding-top: 52px; }
	.jessica-page .jessica-opening { gap: 34px; }
	.jessica-page .jessica-main-portrait { border-radius: var(--r-md); }
	.jessica-page .jessica-facts { display: grid; gap: 24px; grid-template-columns: 1fr; margin-top: 58px; }
	.jessica-page .jessica-facts-feature { border-radius: var(--r-md); grid-column: auto; min-height: 274px; padding: 30px; transform: rotate(-0.8deg); }
	.jessica-page .jessica-facts-feature-copy > span { font-size: var(--t-statement); }
	.jessica-page .jessica-facts-feature-copy strong { font-size: var(--t-item); max-width: 9ch; }
	.jessica-page .jessica-facts-list { grid-column: auto; }
	.jessica-page .jessica-facts-list article { padding: 20px 0px; }
	.jessica-page .jessica-story { margin: 62px auto 70px; width: calc(100% - 44px); }
	.jessica-page .jessica-story-chapter { display: block; padding-top: 28px; }
	.jessica-page .jessica-story-chapter + .jessica-story-chapter { margin-top: 58px; }
	.jessica-page .jessica-story-chapter > p:first-of-type { font-size: var(--t-body-lg); margin-top: 24px; }
	.jessica-page .jessica-story-chapter > p:nth-of-type(2), .jessica-page .jessica-story-chapter > p:nth-of-type(3) { margin-left: 0px; }
	.jessica-page .jessica-story-chapter > p:nth-of-type(3) { font-size: var(--t-body); }
	.jessica-page .jessica-story-photo { border-radius: var(--r-md); margin-top: 42px; max-width: 100%; width: 100%; }
	.jessica-page .jessica-story-turn { gap: 28px; grid-template-columns: 1fr; margin: 48px 0px; }
	.jessica-page .jessica-story-turn .jessica-story-photo { margin: 0px; max-width: 100%; }
	.jessica-page .jessica-approach { border-radius: var(--r-md); margin-bottom: 70px; padding: 56px 26px; }
	.jessica-page .jessica-approach h2 { font-size: var(--t-section); }
	.jessica-page .jessica-approach-grid { margin-top: 40px; }
	.jessica-page .jessica-character { display: grid; gap: 30px; grid-template-columns: 1fr; margin-bottom: 70px; }
	.jessica-page .jessica-character-copy { order: 0; }
	.jessica-page .jessica-character-aside { order: 1; padding-top: 20px; }
	.jessica-page .jessica-character-photo { aspect-ratio: 4 / 3; }
	.jessica-page .jessica-character-aside blockquote { font-size: var(--t-quote); margin-top: 22px; }
}
.jessica-page .jessica-story-photo--portrait img { filter: saturate(0.76); object-position: 50% 35%; }
@media (max-width: 640px) {
	.page-hero h1, .tip-block h2 { hyphenate-limit-chars: 14 5 5; hyphens: auto; }
}
main .eyebrow:not(:is(.page-hero, .hero, .offer-page-hero, .spain-hero, .book-hero, .contact-hero, .perspective-hero, .results-page-hero, .tips-page-hero, .jessica-page-hero, .insights-hero, .lead-magnet-hero, .hero-object) .eyebrow) { display: none; }
main :is(header, div):has(> .eyebrow:first-child + :is(h2, h3):last-child):not(:is(.page-hero, .hero, .offer-page-hero, .spain-hero, .book-hero, .contact-hero, .perspective-hero, .results-page-hero, .tips-page-hero, .jessica-page-hero, .insights-hero, .lead-magnet-hero, .hero-object) *) { display: block; }
main :is(header, div):has(> .eyebrow:first-child + :is(h2, h3):last-child):not(:is(.page-hero, .hero, .offer-page-hero, .spain-hero, .book-hero, .contact-hero, .perspective-hero, .results-page-hero, .tips-page-hero, .jessica-page-hero, .insights-hero, .lead-magnet-hero, .hero-object) *) > :is(h2, h3) { max-width: 22ch; }
.reset-process-outcome, .jessica-approach-grid > article, .spain-included-grid > article, .offer-proof > blockquote, .offer-proof > div, .insights-hero-quote, .offer-card-top, .offer-home-meta, .offer-investment-line, .trajectory-fit, .trajectory-next, .trajectory-outcomes > blockquote, .book-life, .book-theme-grid, .book-theme-grid > article, .book-opening-quote, .book-reader-long, .jessica-story h2, .jessica-story-chapter, .academy-opening, .academy-facts > article, .academy-portrait > figcaption, .lead-magnet-outcomes > ul, .offer-paths, .spain-experience-grid > article, .perspective-side-story, .tips-chapter, .tips-chapter-list, .contact-steps, .home-story .proof-grid figure, .home-guide-story blockquote, .home-story .home-method .method-steps, .home-story .home-method .method-steps li, .spain-page .spain-experience-grid article, .spain-page .spain-facts-grid, .spain-page .spain-facts-grid article, .spain-page .spain-gallery, .spain-page .spain-testimonials, .spain-page .spain-hero-copy .spain-date-note, .offer-page--year .trajectory-fit, .offer-page--reset .trajectory-fit, .reset-process-list, .perspective-featured .perspective-section-heading, .perspective-featured-grid .perspective-side-stories, .perspective-archive .article-tools, .perspective-archive .article-index { border: 0px !important; }
:is(.reset-process-list > article, .jessica-facts-list > article, .short-results-grid > figure, .contact-steps > article, .spain-facts-grid > article, .spain-testimonial-grid > article, .book-reader-grid > article, .insight-resource-grid > article, .academy-facts > article) { background: linear-gradient(145deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.2)) !important; border: 1px solid rgba(143, 100, 43, 0.14) !important; border-radius: var(--r-md) !important; box-shadow: rgba(39, 29, 18, 0.075) 0px 20px 48px, rgba(255, 255, 255, 0.75) 0px 1px 0px inset !important; }
.jessica-facts-list { gap: 16px; }
.jessica-facts-list > article { padding: 22px 28px !important; }
@media (max-width: 640px) {
	:is(.reset-process-list > article, .jessica-facts-list > article, .short-results-grid > figure, .contact-steps > article, .spain-facts-grid > article, .spain-testimonial-grid > article, .book-reader-grid > article, .insight-resource-grid > article, .academy-facts > article) { box-shadow: rgba(39, 29, 18, 0.067) 0px 13px 32px, rgba(255, 255, 255, 0.72) 0px 1px 0px inset !important; }
}
.hero-object, .jessica-page .jessica-facts .jessica-facts-feature, .home-hero-portrait { transform: none !important; }
@media (max-width: 640px) {
	.jessica-page .jessica-facts-feature { transform: none !important; }
}
.aged-black, .brushed-gold { isolation: isolate; }
.aged-black::before, .brushed-gold::before { z-index: -1; }
.jessica-page-hero .jessica-hero-copy { grid-column: 1; margin-top: 22px; max-width: 56ch; }
.jessica-page-hero .jessica-hero-copy p { margin: 0px 0px 10px !important; }
.jessica-page-hero .jessica-hero-copy p:last-child { color: var(--gold-light); font-family: var(--serif); font-style: italic; line-height: 1.35; font-size: var(--t-item) !important; margin-top: 18px !important; }
.jessica-page .jessica-opening-copy h2 { font-size: var(--t-section); line-height: 1.1; margin: 0px 0px 28px; }
.jessica-page .jessica-opening-copy p { margin: 0px 0px 12px; }
.jessica-page .jessica-opening-copy .jessica-opening-close { color: var(--black); font-family: var(--serif); font-size: var(--t-item); font-style: italic; line-height: 1.35; margin-top: 22px; }
.jessica-page .jessica-story p { margin-bottom: 12px; }
.jessica-page .jessica-story-quote { border-top: 1px solid rgba(143, 100, 43, 0.3); color: var(--black); font-family: var(--serif); font-size: var(--t-item); font-style: italic; line-height: 1.3; margin: 22px 0px 0px; padding-top: 20px; }
.jessica-page .jessica-story-shout { color: var(--black); font-family: var(--serif); line-height: 1.1; font-size: var(--t-section) !important; margin-top: 30px !important; }
.jessica-page .jessica-story-shout span { color: var(--gold-deep); display: block; }
.jessica-page .jessica-character-side { color: var(--black); font-family: var(--serif); font-size: var(--t-item); }
.jessica-page .jessica-character-questions { list-style: none; margin: 18px 0px 24px; padding: 0px; }
.jessica-page .jessica-character-questions li { border-top: 1px solid rgba(143, 100, 43, 0.2); color: var(--black); font-family: var(--serif); font-size: var(--t-item); line-height: 1.3; padding: 12px 0px; }
.jessica-page .jessica-story-chapter { align-content: start; grid-auto-rows: min-content; }
.jessica-page .jessica-story-chapter > h2 { align-self: start; grid-row: 1 / span 40; position: sticky; top: 110px; }
.jessica-page .jessica-story-chapter > p, .jessica-page .jessica-story-chapter > p:nth-of-type(2), .jessica-page .jessica-story-chapter > p:nth-of-type(3) { color: var(--ink); font-size: var(--t-body); margin: 0px 0px 12px; max-width: 58ch; }
.jessica-page .jessica-story-chapter > p:first-of-type { color: var(--black); font-family: var(--serif); font-size: var(--t-item); line-height: 1.35; margin-bottom: 18px; max-width: 40ch; }
@media (max-width: 900px) {
	.jessica-page .jessica-story-chapter > h2 { grid-row: auto; margin-bottom: 20px; position: static; }
}
.jessica-page .jessica-approach-grid article p { margin: 0px 0px 12px; }
.jessica-page .jessica-approach-grid article p:last-child { margin-bottom: 0px; }
.jessica-page .jessica-story-turn { align-items: start; }
.jessica-page .jessica-story-turn .jessica-story-photo { position: sticky; top: 110px; }
.jessica-page .jessica-story-turn .jessica-story-photo img { aspect-ratio: 4 / 5; }
.jessica-page .jessica-story-turn > div { max-width: 60ch; }
.jessica-page .jessica-story-turn h2 { margin-bottom: 30px; }
.jessica-page .jessica-turn-beat { border-top: 1px solid rgba(143, 100, 43, 0.2); padding: 18px 0px 20px; }
.jessica-page .jessica-turn-beat p { font-size: var(--t-body); line-height: 1.6; margin: 0px 0px 4px !important; }
.jessica-page .jessica-turn-beat--choice p { color: var(--black); font-family: var(--serif); font-size: var(--t-item); line-height: 1.35; margin-bottom: 6px !important; }
.jessica-page .jessica-story-turn .jessica-story-quote { border-top: 1px solid rgba(143, 100, 43, 0.35); font-size: var(--t-section); line-height: 1.15; margin-top: 0px; padding-top: 22px; }
@media (max-width: 900px) {
	.jessica-page .jessica-story-turn .jessica-story-photo { position: static; }
}
.jessica-page .jessica-page-content { --jl-read: min(620px, calc(100vw - 44px)); --jl-block: min(1040px, calc(100vw - 44px)); }
.jessica-page .jessica-page-content > :is(.jessica-opening, .jessica-story, .jessica-character, .jessica-book) { margin-left: auto !important; margin-right: auto !important; }
.jessica-page .jessica-page-content p { line-height: 1.65 !important; }
.jessica-page .jessica-opening { display: block !important; padding: 96px 0px 40px !important; width: var(--jl-read) !important; }
.jessica-page .jessica-opening-copy { max-width: none !important; }
.jessica-page .jessica-opening .jessica-main-portrait { margin: 40px 0px 0px !important; max-width: none !important; width: 100% !important; }
.jessica-page .jessica-story { display: block !important; max-width: none !important; padding: 0px !important; width: 100% !important; }
.jessica-page .jessica-story > .jessica-story-chapter, .jessica-page .jessica-story > .jessica-story-turn { border-top: 0px !important; display: block !important; margin: 88px auto !important; padding: 0px !important; width: var(--jl-read) !important; }
.jessica-page .jessica-story-chapter > h2, .jessica-page .jessica-story-turn h2 { max-width: 22ch; font-size: var(--t-section) !important; line-height: 1.12 !important; margin: 0px 0px 26px !important; position: static !important; }
.jessica-page .jessica-story-chapter > p, .jessica-page .jessica-story-chapter > p:nth-of-type(n) { color: var(--ink) !important; font-family: inherit !important; font-size: var(--t-body) !important; margin: 0px 0px 14px !important; max-width: none !important; }
.jessica-page .jessica-story-chapter > p:first-of-type { color: var(--black) !important; font-family: var(--serif) !important; font-size: var(--t-item) !important; line-height: 1.4 !important; margin-bottom: 20px !important; }
.jessica-page .jessica-story-turn .jessica-story-photo { margin: 0px 0px 34px !important; max-width: none !important; position: static !important; width: 100% !important; }
.jessica-page .jessica-story-turn .jessica-story-photo img { aspect-ratio: 3 / 2 !important; object-position: 50% 22% !important; }
.jessica-page .jessica-story-turn > div { max-width: none !important; }
.jessica-page .jessica-page-content .jessica-block-white { background: linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.26)) !important; border: 1px solid rgba(143, 100, 43, 0.16) !important; border-radius: var(--r-lg) !important; box-shadow: rgba(39, 29, 18, 0.08) 0px 24px 56px, rgba(255, 255, 255, 0.8) 0px 1px 0px inset !important; padding: clamp(40px, 6vw, 80px) max(24px, calc((var(--jl-block) - var(--jl-read)) / 2)) !important; width: var(--jl-block) !important; }
.jessica-page .jessica-story > .jessica-block-white { margin: 72px auto !important; }
.jessica-page .jessica-character { display: block !important; margin: 88px auto !important; padding: 0px !important; width: var(--jl-read) !important; }
.jessica-page .jessica-character-copy { max-width: none !important; }
.jessica-page .jessica-character-copy h2 { font-size: var(--t-section) !important; margin: 0px 0px 26px !important; }
.jessica-page .jessica-character-copy p { margin: 0px 0px 14px !important; }
.jessica-page .jessica-character-aside { align-items: center; gap: 28px; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); display: grid !important; margin: 40px 0px 0px !important; max-width: none !important; position: static !important; }
.jessica-page .jessica-character-aside blockquote { margin: 0px !important; }
@media (max-width: 700px) {
	.jessica-page .jessica-character-aside, .jessica-page .jessica-book { grid-template-columns: 1fr !important; }
	.jessica-page .jessica-page-content .jessica-block-white { padding: 36px 22px !important; width: calc(-24px + 100vw) !important; }
	.jessica-page .jessica-opening { padding-top: 64px !important; }
}
.jessica-page .jessica-turn-beat p { margin: 0px 0px 12px !important; }
.jessica-page .jessica-turn-beat p:last-child { margin-bottom: 0px !important; }
.jessica-page .jessica-story-chapter > p.jessica-story-shout { color: var(--black) !important; font-family: var(--serif) !important; font-size: var(--t-section) !important; line-height: 1.12 !important; margin-top: 34px !important; }
.jessica-page .jessica-story-chapter > p.jessica-story-shout span { color: var(--gold-deep); display: block; }
.jessica-page .jessica-character-copy h2 { max-width: 22ch !important; width: auto !important; }
.jessica-page .jessica-approach > header { align-items: start; display: grid; gap: clamp(28px, 5vw, 64px); grid-template-columns: minmax(0px, 1fr) clamp(200px, 24vw, 290px); max-width: none; }
.jessica-page .jessica-approach > header h2 { align-self: center; margin-top: 0px; }
.jessica-page .jessica-approach-photo { border: 1px solid rgba(214, 176, 112, 0.45); border-radius: var(--r-md); box-shadow: rgba(0, 0, 0, 0.45) 0px 28px 60px; margin: clamp(-40px, -3vw, -20px) 0px 0px; overflow: hidden; transform: rotate(3deg); }
.jessica-page .jessica-approach-photo img { aspect-ratio: 4 / 5; display: block; height: auto; object-fit: cover; object-position: 40% 20%; width: 100%; }
.jessica-page .jessica-approach-grid { margin-top: clamp(36px, 5vw, 56px); }
@media (max-width: 700px) {
	.jessica-page .jessica-approach > header { grid-template-columns: 1fr; }
	.jessica-page .jessica-approach-photo { justify-self: end; margin: 0px; transform: rotate(2deg); width: 72%; }
}
@media (prefers-reduced-motion: no-preference) {
	.jessica-page .jessica-approach-photo { transition: transform .5s var(--ease-out-quart, ease-out); }
	.jessica-page .jessica-approach-photo:hover { transform: rotate(1deg); }
}
.jessica-page .jessica-approach-photo { background: rgb(247, 243, 236); border: 0px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 3px, rgba(0, 0, 0, 0.5) 0px 26px 50px; overflow: visible; padding: 12px 12px 14px; position: relative; }
.jessica-page .jessica-approach-photo img { border-radius: 1px; }
.jessica-page .jessica-paperclip { filter: drop-shadow(rgba(0, 0, 0, 0.45) 1px 3px 2px); height: 96px; left: 34px; position: absolute; top: -30px; transform: rotate(-6deg); width: 32px; z-index: 2; }
@media (max-width: 700px) {
	.jessica-page .jessica-paperclip { height: 78px; left: 26px; top: -24px; width: 26px; }
}
main .button:not(.button-small) { font-size: 1.1rem; letter-spacing: 0.01em; min-height: 66px; padding-left: 38px; padding-right: 38px; }
@media (max-width: 640px) {
	main .button:not(.button-small) { font-size: 1.05rem; padding-left: 26px; padding-right: 26px; }
}
@media (max-width: 400px) {
	main .button:not(.button-small) { max-width: 100%; text-align: center; white-space: normal; }
}
main:not(#jl-knop) :is(.button, .text-link):has(> i[aria-hidden="true"]) { column-gap: 0.45em; }
main :is(.button, .text-link) > i[aria-hidden="true"] { font-style: normal; margin-left: 0px; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video { aspect-ratio: auto; overflow: visible; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video .results-video-trigger { background: var(--black); border: 0px; border-radius: var(--r-md); cursor: pointer; display: block; overflow: hidden; padding: 0px; position: relative; width: 100%; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video img { aspect-ratio: 16 / 9; display: block; height: auto; object-fit: cover; transition: transform 320ms var(--ease-out-quart); width: 100%; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video .results-video-trigger:hover img { transform: scale(1.03); }
:is(.jessica-page, .perspective-page) .jessica-lobby-video .results-video-trigger:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 3px; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video .results-video-play { align-items: center; background: var(--gold-light); border-radius: 50%; color: var(--black); display: flex; font-size: var(--t-body); height: 58px; justify-content: center; left: 50%; padding-left: 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 58px; }
:is(.jessica-page, .perspective-page) .jessica-lobby-video figcaption { color: var(--laser); font-size: var(--t-meta); line-height: 1.4; margin-top: 10px; }
:is(.jessica-page, .perspective-page) .results-video-dialog { background: transparent; border: 0px; inset: 0px; margin: auto; max-height: none; max-width: none; overflow: visible; padding: 0px; }
:is(.jessica-page, .perspective-page) .results-video-dialog::backdrop { background: rgba(18, 17, 16, 0.88); }
:is(.jessica-page, .perspective-page) .results-video-dialog-inner { position: relative; }
:is(.jessica-page, .perspective-page) .lobby-video-frame { aspect-ratio: 16 / 9; background: var(--black); border: 1px solid rgba(213, 180, 119, 0.42); border-radius: var(--r-md); display: block; height: auto; width: min(90vw, 1100px); }
:is(.jessica-page, .perspective-page) .results-video-close { align-items: center; background: var(--paper); border: 1px solid rgba(213, 180, 119, 0.55); border-radius: 50%; color: var(--black); cursor: pointer; display: flex; font-size: var(--t-body-lg); height: 44px; justify-content: center; position: absolute; right: -18px; top: -18px; width: 44px; z-index: var(--z-raised); }
@media (max-width: 900px) {
	:is(.jessica-page, .perspective-page) .results-video-close { right: -8px; top: -14px; }
}
@media (prefers-reduced-motion: reduce) {
	:is(.jessica-page, .perspective-page) .jessica-lobby-video img { transition: none; }
}
.jessica-page .jessica-main-portrait-image { object-position: 50% 18%; }
.jessica-page .jessica-hero-portrait { border: 1px solid rgba(214, 176, 112, 0.42); border-radius: var(--r-md); grid-area: 1 / 2 / span 3; justify-self: end; margin: 0px; max-width: 470px; overflow: hidden; width: 100%; }
.jessica-page .jessica-hero-portrait img { aspect-ratio: 4 / 5; display: block; height: auto; object-fit: cover; object-position: 50% 15%; width: 100%; }
.jessica-page .jessica-story-photo--portrait img { filter: none; }
@media (max-width: 900px) {
	.jessica-page .jessica-hero-portrait { grid-area: auto / 1; justify-self: stretch; margin-top: 26px; max-width: none; }
	.jessica-page .jessica-hero-portrait img { aspect-ratio: 4 / 3; object-position: 50% 20%; }
}
@media (max-width: 560px) {
	.jessica-page .jessica-hero-portrait img { aspect-ratio: 4 / 5; }
}
@media (max-width: 900px) {
	.jessica-page .jessica-hero-portrait img { object-position: 50% 40%; }
}
@media (max-width: 560px) {
	.jessica-page .jessica-hero-portrait img { object-position: 50% 15%; }
}
.jessica-page .jessica-book-feature { align-items: center; border-radius: var(--r-lg); color: var(--paper); display: grid; gap: clamp(32px, 5vw, 72px); grid-template-columns: 230px minmax(0px, 1fr); margin: 88px auto; max-width: 980px; padding: clamp(36px, 5vw, 64px) clamp(28px, 6vw, 80px); width: calc(100% - 48px); }
.jessica-book-feature-cover { margin: 0px; transform: rotate(-3deg); }
.jessica-book-feature-cover img { display: block; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 22px 30px); height: auto; width: 100%; }
.jessica-book-feature-copy { max-width: 560px; }
.jessica-page .jessica-book-feature .jessica-book-feature-label { color: var(--gold); font-size: var(--t-label); font-weight: 750; letter-spacing: 0.14em; margin: 0px 0px 14px; text-transform: uppercase; }
.jessica-book-feature h2 { color: var(--gold-light); font-size: var(--t-section); font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; margin: 0px; }
.jessica-book-feature h2 em { font-style: italic; }
.jessica-page .jessica-book-feature p { color: rgba(247, 243, 236, 0.82); font-size: var(--t-body); line-height: 1.65; margin: 0px 0px 18px; }
.jessica-page .jessica-book-feature .jessica-book-feature-sub { color: var(--gold-light); font-family: var(--serif); font-style: italic; margin: 10px 0px 22px; }
.jessica-book-feature blockquote { border-top: 1px solid rgba(213, 180, 119, 0.4); color: var(--paper); font-family: var(--serif); font-size: var(--t-item); font-style: italic; line-height: 1.4; margin: 6px 0px 28px; padding: 22px 0px 0px; }
.jessica-book-feature .button { margin: 0px; }
@media (max-width: 700px) {
	.jessica-page .jessica-book-feature { gap: 26px; grid-template-columns: 1fr; margin: 64px auto; padding: 32px 22px; width: calc(100% - 24px); }
	.jessica-book-feature-cover { width: 150px; }
	.jessica-book-feature .button { text-align: center; width: 100%; }
}
/* De algemene regels van jessicalarive.nl voor koppen en beelden, met de laagst
   mogelijke specificiteit (0,0,1): ze winnen van de basis van het academythema
   (die staat eerder) maar nooit van een regel hierboven met een klasse.
   Koppen: serif, standaard vet, geen krappe letterafstand. */
:where(.jessica-page) :is(h1, h2, h3, h4) { font-family: var(--serif); font-weight: bold; letter-spacing: normal; overflow-wrap: break-word; }
:where(.jessica-page) img { display: block; height: auto; max-width: 100%; }
/* Regelhoogte van de pagina op jessicalarive.nl is 1,6; het academythema zet 1,65. */
:where(.jessica-page) { line-height: 1.6; }
/* Sinds 2-10-2026 begrenst jessicalarive.nl alinea's en losse lijstpunten in <main> tot de leesbreedte
   (:where(main) :where(p, ...) { max-width: var(--measure) }). Hier alleen binnen deze pagina. */
:where(.jessica-page) :where(p, ul:not([class]) > li, ol:not([class]) > li) { max-width: var(--measure); }