.tk-split-bleed{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:clamp(460px,48vw,640px)}
.internal-hero.tk-split-bleed,.about-section.tk-split-bleed,.about-story-section.tk-split-bleed{padding:0}
.internal-hero.tk-split-bleed{min-height:var(--tk-hero-height,460px)}
.tk-split-bleed__content{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(48px,7vw,90px);padding-inline:clamp(28px,4vw,64px);text-align:var(--tk-text-align,left)}
.tk-split-bleed--media-left .tk-split-bleed__content{padding-inline-start:max(24px,calc((100vw - var(--tk-container))/2 + 12px))}
.tk-split-bleed--media-right .tk-split-bleed__content{padding-inline-end:max(24px,calc((100vw - var(--tk-container))/2 + 12px))}
.tk-split-bleed--single .tk-split-bleed__content{grid-column:1/-1;padding-inline:max(24px,calc((100vw - var(--tk-container))/2))}
.tk-split-bleed--single .tk-split-bleed__content>*{max-width:880px;margin-inline:auto;width:100%}
.tk-split-bleed__media{position:relative;overflow:hidden;background:#0b2d32}
.tk-split-bleed--media-left .tk-split-bleed__media{order:-1}
.tk-split-bleed__media img,.tk-split-bleed__media .media-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;margin:0}
.tk-split-bleed__media:after{content:'';position:absolute;inset:0;pointer-events:none}
/* Gradient fade is intentionally scoped to the internal page hero only
   (used on every internal page) — the About/Story image blocks stay
   without a fade, per request. The fade sits at the seam where the
   photo meets the text panel, not at the true viewport edge: for
   media-right the seam is the photo's LEFT side, for media-left it's
   the photo's RIGHT side. */
.internal-hero.tk-split-bleed--media-right .tk-split-bleed__media:after{background:linear-gradient(to right,color-mix(in srgb,var(--tk-hero-gradient-color,#f8fbfa) var(--tk-hero-gradient,55%),transparent) 0%,transparent 24%)}
.internal-hero.tk-split-bleed--media-left .tk-split-bleed__media:after{background:linear-gradient(to left,color-mix(in srgb,var(--tk-hero-gradient-color,#f8fbfa) var(--tk-hero-gradient,55%),transparent) 0%,transparent 24%)}
@media(max-width:980px){
.tk-split-bleed{grid-template-columns:1fr;min-height:0}
.tk-split-bleed__media{order:-1!important;min-height:320px}
.tk-split-bleed--media-left .tk-split-bleed__content,.tk-split-bleed--media-right .tk-split-bleed__content{padding-inline:24px}
.tk-split-bleed__media:after{display:none}
}