.cr-ph{--cr-gutter:20px;--cr-sp:48px;--cr-h1:32px;--cr-base:14px;--cr-ph-height:480px;--cr-gap-h:16px;--cr-gap-after-h:20px;padding-inline:max(var(--cr-gutter),50% - 800px)}
.cr-ph__media{position:relative;display:grid;grid-template:0 minmax(0,1fr) 0 / minmax(0,1fr) minmax(0,min(1600px,100% - var(--cr-gutter) * 2)) minmax(0,1fr);gap:var(--cr-gutter);place-items:center;overflow:hidden;border-radius:12px;box-shadow:0 18px 50px rgb(20 20 20 / .1);color:rgb(var(--cr-ph-text));isolation:isolate}
.cr-ph__media:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgb(0 0 0 / var(--cr-ph-overlay,.5));border-radius:inherit}
.cr-ph__media picture,.cr-ph__media img{grid-area:1 / 1 / span 3 / span 3;place-self:stretch stretch;width:100%;height:var(--cr-ph-height);min-height:100%;max-height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}
.cr-ph__media img.cr-ph__img--desktop{display:none}
.cr-ph__content{grid-area:2 / 2 / auto / span 1;position:relative;z-index:1;max-width:780px;text-align:center;display:grid;justify-items:center}
.cr-ph__content>*{margin:0}
.cr-ph__kicker{font-weight:700;font-size:var(--cr-base);line-height:1.6}
.cr-ph__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:-0.02em;font-size:var(--cr-h1);line-height:1.1;overflow-wrap:anywhere}
.cr-ph__content *+.cr-ph__heading{margin-block-start:var(--cr-gap-h)}
.cr-ph__text{font-size:var(--cr-base);line-height:1.6}
.cr-ph__text p{margin:0}
.cr-ph__text p+p{margin-block-start:12px}
.cr-ph__content .cr-ph__heading+*{margin-block-start:var(--cr-gap-after-h)}
.cr-ph--sm{--cr-ph-height:375px}
.cr-ph--lg{--cr-ph-height:560px}
@media screen and (min-width:700px){
  .cr-ph{--cr-gutter:32px;--cr-sp:64px;--cr-h1:40px;--cr-base:16px;--cr-ph-height:460px;--cr-gap-h:24px;--cr-gap-after-h:24px}
  .cr-ph--sm{--cr-ph-height:400px}
  .cr-ph--lg{--cr-ph-height:560px}
  .cr-ph__media img.cr-ph__img--desktop{display:block}
  .cr-ph__media img.cr-ph__img--mobile.has-desktop{display:none}
  .cr-ph__text p+p{margin-block-start:16px}
}
@media screen and (min-width:1000px){
  .cr-ph{--cr-gutter:48px;--cr-sp:72px;--cr-ph-height:500px;--cr-gap-h:32px;--cr-gap-after-h:32px}
  .cr-ph--sm{--cr-ph-height:440px}
  .cr-ph--lg{--cr-ph-height:640px}
}
@media screen and (min-width:1150px){.cr-ph{--cr-sp:80px}}
@media screen and (min-width:1400px){
  .cr-ph{--cr-sp:96px;--cr-h1:56px;--cr-ph-height:560px}
  .cr-ph--lg{--cr-ph-height:720px}
}

.cr-ph__heading,.cr-ph__kicker,.cr-ph__text,.cr-ph__content h1,.cr-ph__content h2{color:inherit}