:root{
  --cjc-cranberry:#8b2345;
  --cjc-deep:#65162f;
  --cjc-blush:#f3dfe6;
  --cjc-paper:#fbf8f3;
  --cjc-ink:#151515;
  --cjc-muted:#706a65;
  --cjc-line:#d6cec8;
}

.cjc-interactive{margin:1.5rem 0;max-width:100%}
.cjc-embed-frame{position:relative;width:100%;overflow:hidden;background:#eee;border-radius:6px}
.cjc-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.cjc-graphic-caption,.cjc-step-visual figcaption{display:flex;gap:.55rem;flex-wrap:wrap;margin:.42rem 0 0;color:var(--cjc-muted);font-size:.72rem;line-height:1.4}
.cjc-graphic-source{font-weight:700}

.cjc-home-media{width:100%}
.cjc-context-homepage{margin:0}
.cjc-context-homepage .cjc-embed-frame{border-radius:6px}
.cjc-context-homepage .cjc-graphic-caption{display:none}
.cjc-home-fallback{display:none}
@media(max-width:760px){
  .cjc-home-mobile-featured .cjc-home-interactive{display:none}
  .cjc-home-mobile-featured .cjc-home-fallback{display:block}
}

.cjc-scrolly{width:min(1120px,calc(100vw - 2rem));max-width:none;margin:3.5rem 0 3.5rem 50%;transform:translateX(-50%)}
.cjc-scrolly-label{margin-bottom:.8rem;color:var(--cjc-cranberry);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.cjc-scrolly-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}
.cjc-scrolly-left .cjc-scrolly-copy{grid-column:2}
.cjc-scrolly-left .cjc-scrolly-stage{grid-column:1;grid-row:1}
.cjc-scrolly-stage{position:sticky;top:80px;min-height:68vh;display:flex;align-items:center}
.cjc-scrolly-stage-inner{width:100%;transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)}
.cjc-scrolly-stage-inner.is-changing{opacity:.25}
.cjc-scrolly-stage-inner.transition-slide.is-changing{transform:translate3d(22px,0,0)}
.cjc-scrolly-stage-inner.transition-zoom.is-changing{transform:scale(.965)}
.cjc-stage-visual{margin:0;width:100%}
.cjc-stage-visual img{display:block;width:100%;height:auto;border-radius:6px}
.cjc-stage-embed{position:relative;width:100%;overflow:hidden;border-radius:6px;background:#eee}
.cjc-stage-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.cjc-stage-visual figcaption{margin-top:.42rem}

.cjc-scrolly-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 0;opacity:.58;transition:opacity .3s ease}
.cjc-scrolly-step.is-active{opacity:1}
.cjc-step-narrative{font-size:1.05rem;line-height:1.65}
.cjc-step-narrative p{margin:.75rem 0}
.cjc-step-inline-visual{display:none}

@media(max-width:760px){
  .cjc-scrolly{width:auto;max-width:none;margin:2.2rem 0;transform:none}
  .cjc-scrolly-grid,.cjc-scrolly-left .cjc-scrolly-grid{display:block}
  .cjc-scrolly-stage{display:none}
  .cjc-scrolly-step{min-height:0;padding:1.25rem 0 1.75rem;opacity:1}
  .cjc-step-inline-visual{display:block;margin-top:1rem}
  .cjc-step-inline-visual img{display:block;width:100%;height:auto;border-radius:6px}
  .cjc-step-inline-visual .cjc-interactive{margin:0}
  .cjc-step-narrative{font-size:1rem}
}

@media(prefers-reduced-motion:reduce){
  .cjc-scrolly-stage-inner,.cjc-scrolly-step{transition:none!important}
}