/* IntaSkin Rich Text — long-form content in the IntaSkin type; optional story layout. */
.isk.isk-richtext { padding: 72px 0; color: var(--isk-ink); }
.isk.isk-richtext .isk-richtext__text { max-width: 720px; }
.isk.isk-richtext.is-wide .isk-richtext__text { max-width: 980px; }
.isk.isk-richtext.is-full .isk-richtext__text { max-width: none; }
.isk.isk-richtext.is-align-center .isk-richtext__text { margin-left: auto; margin-right: auto; }

.isk.isk-richtext .isk-richtext__kicker { margin-bottom: 16px; font: 600 15px/1.2 var(--isk-body); color: var(--isk-rose); }
.isk.isk-richtext .isk-richtext__h { margin-bottom: 28px; font: 300 var(--isk-fs-h2)/1 var(--isk-display); font-stretch: 92%; letter-spacing: -.035em; color: inherit; text-wrap: balance; }

/* body typography */
.isk.isk-richtext .isk-richtext__body { font-size: 17px; line-height: 1.7; color: var(--isk-ink-2); }
.isk.isk-richtext .isk-richtext__body > * + * { margin-top: 1em; }
.isk.isk-richtext .isk-richtext__body :is(h2, h3, h4) { color: var(--isk-ink); text-wrap: balance; }
.isk.isk-richtext .isk-richtext__body h2 { margin-top: 1.8em; font: 300 clamp(28px, 2.6vw, 40px)/1.08 var(--isk-display); font-stretch: 92%; letter-spacing: -.03em; }
.isk.isk-richtext .isk-richtext__body h3 { margin-top: 1.6em; font: 600 21px/1.3 var(--isk-body); letter-spacing: -.01em; }
.isk.isk-richtext .isk-richtext__body h4 { margin-top: 1.4em; font: 600 17px/1.4 var(--isk-body); }
.isk.isk-richtext .isk-richtext__body > :first-child { margin-top: 0; }
.isk.isk-richtext .isk-richtext__body :is(h2, h3, h4) + * { margin-top: .6em; }
.isk.isk-richtext .isk-richtext__body a { color: var(--isk-ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.isk.isk-richtext .isk-richtext__body a:hover { text-decoration-thickness: 2px; }
.isk.isk-richtext .isk-richtext__body strong { color: var(--isk-ink); font-weight: 600; }
.isk.isk-richtext .isk-richtext__body ul, .isk.isk-richtext .isk-richtext__body ol { padding-left: 1.3em; }
.isk.isk-richtext .isk-richtext__body ul { list-style: disc; }
.isk.isk-richtext .isk-richtext__body ol { list-style: decimal; }
.isk.isk-richtext .isk-richtext__body li + li { margin-top: .4em; }
.isk.isk-richtext .isk-richtext__body li::marker { color: var(--isk-rose); }
.isk.isk-richtext .isk-richtext__body blockquote { margin-left: 0; margin-right: 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--isk-blush-2); font: 300 clamp(22px, 2vw, 28px)/1.3 var(--isk-display); letter-spacing: -.015em; color: var(--isk-ink); }
.isk.isk-richtext .isk-richtext__body table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.isk.isk-richtext .isk-richtext__body th, .isk.isk-richtext .isk-richtext__body td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--isk-line); text-align: left; vertical-align: top; }
.isk.isk-richtext .isk-richtext__body th { color: var(--isk-ink); font-weight: 600; }
.isk.isk-richtext .isk-richtext__body hr { height: 1px; margin: 2em 0; border: 0; background-color: var(--isk-line); }
.isk.isk-richtext .isk-richtext__body img { border-radius: var(--isk-r); }
.isk.isk-richtext .isk-richtext__body figure { margin-left: 0; margin-right: 0; }
.isk.isk-richtext .isk-richtext__body figcaption { margin-top: 8px; font-size: 14px; color: var(--isk-mute); }

/* story: text beside a picture */
.isk.isk-richtext.is-story .isk-richtext__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 112px); align-items: start; }
.isk.isk-richtext.is-story .isk-richtext__text { max-width: 600px; }
.isk.isk-richtext.is-story.is-img-left .isk-richtext__media { order: -1; }
.isk.isk-richtext .isk-richtext__media img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--isk-r); background-color: var(--isk-blush); }
.isk.isk-richtext.is-story.is-sticky .isk-richtext__media { position: sticky; top: calc(var(--isk-hdr) + var(--wp-admin--admin-bar--height, 0px) + 24px); }

@media (max-width: 1024px) {
	.isk.isk-richtext.is-story .isk-richtext__in { grid-template-columns: minmax(0, 1fr); }
	.isk.isk-richtext.is-story .isk-richtext__media { order: -1; position: static; }
	.isk.isk-richtext .isk-richtext__media img { aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
	.isk.isk-richtext { padding: 56px 0; }
	.isk.isk-richtext .isk-richtext__body { font-size: 16px; }
	.isk.isk-richtext .isk-richtext__body table { display: block; overflow-x: auto; }
}