/* Scoped case study; native blocks, no generated images or extra scripts. */
.cx-origin { overflow-wrap: anywhere; }
.cx-origin .cx-origin-split { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:64px; align-items:center; }
.cx-origin .section-heading { max-width:800px; }
.cx-origin p { font-size:15px; line-height:1.85; }
.cx-origin p + p { margin-top:16px; }
.cx-origin .cx-origin-label + p { margin-top:0; }
.cx-origin .eyebrow { font-size:12px; }
.cx-origin h1 { font-size:clamp(2.5rem,4.25vw,3.85rem); margin-bottom:28px; }
.cx-origin h3 { margin-bottom:14px; }
.cx-origin .cx-origin-hero { padding-top:65px; }
.cx-origin-copy > p:not(.eyebrow) { max-width:600px; }
.cx-origin-facts { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:30px; padding-top:24px; border-top:1px solid #ffffff20; }
.cx-origin .cx-origin-label { font-size:12px; color:var(--wp--preset--color--cyan); margin-bottom:6px; }
.cx-origin .actions { margin-top:30px; }
.cx-origin-preview { border:1px solid #ffffff24; border-radius:var(--wp--custom--radius--card); overflow:hidden; background:var(--wp--preset--color--surface-dark); }
.cx-origin .cx-origin-preview-bar { padding:17px 24px; margin:0; font-size:11px; border-bottom:1px solid #ffffff18; letter-spacing:.06em; }
.cx-origin-placeholder { min-height:210px; padding:35px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px dashed var(--wp--preset--color--border); border-radius:var(--wp--custom--radius--card); background:var(--wp--preset--color--white); }
.cx-origin-preview .cx-origin-placeholder { min-height:350px; border:0; border-radius:0; background:transparent; }
.cx-origin .cx-origin-placeholder-title { font-weight:650; color:var(--wp--preset--color--ink); margin-bottom:9px; }
.cx-origin.dark .cx-origin-placeholder-title, .cx-origin .dark .cx-origin-placeholder-title { color:var(--wp--preset--color--text-light); }
.cx-origin-placeholder p:last-child { font-size:13px; max-width:280px; }
.cx-origin-intro { max-width:800px; }
.cx-origin-grid-four { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; margin-top:45px; }
.cx-origin-point { border-top:1px solid var(--wp--preset--color--border); padding-top:24px; }
.cx-origin .cx-origin-step { color:var(--wp--preset--color--blue); font-size:12px; font-weight:650; margin-bottom:18px; }
.cx-origin-light { background:var(--wp--preset--color--surface-light); }
.cx-origin-design-images { display:grid; gap:20px; }
.cx-origin .cx-origin-feature { border:1px solid #ffffff20; padding:35px; border-radius:var(--wp--custom--radius--card); background:var(--wp--preset--color--surface-dark); }
.cx-origin ul { padding-left:22px; margin:0; }
.cx-origin li { padding-left:5px; margin-top:14px; font-size:15px; line-height:1.8; }
.cx-origin-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.cx-origin-evolution { padding-left:30px; border-left:1px solid var(--wp--preset--color--cyan); }
.cx-origin-evolution > .wp-block-group { padding:26px 0; position:relative; }
.cx-origin-evolution > .wp-block-group::before { content:''; width:9px; height:9px; border-radius:50%; background:var(--wp--preset--color--cyan); position:absolute; left:-35px; top:39px; }
.cx-origin .cx-origin-stage-title { color:var(--wp--preset--color--text-light); font-size:22px; font-weight:650; }
.cx-origin-story { background:linear-gradient(135deg,var(--wp--preset--color--navy),var(--wp--preset--color--surface-dark)); }
.cx-origin-cta { padding:55px; background:var(--wp--preset--gradient--cta); color:var(--wp--preset--color--white); border-radius:var(--wp--custom--radius--card); }
.cx-origin-cta h2 { max-width:800px; margin-bottom:20px; }
.cx-origin .cx-origin-cta p { color:var(--wp--preset--color--text-light); max-width:720px; }
.cx-origin .wp-block-image img { width:100%; height:auto; display:block; border-radius:var(--wp--custom--radius--card); }
@media(max-width:1100px) { .cx-origin .cx-origin-split { gap:36px; } .cx-origin-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .cx-origin .cx-origin-split { grid-template-columns:minmax(0,1fr); } .cx-origin-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .cx-origin-preview { max-width:650px; width:100%; } }
@media(max-width:767px) {
 .cx-origin h1 { font-size:clamp(2.25rem,7.7vw,3.35rem); }
 .cx-origin h2 { font-size:clamp(1.8rem,6.6vw,2.1rem); }
 .cx-origin .cx-origin-hero { padding-top:38px; }
 .cx-origin-grid-four,.cx-origin-gallery { grid-template-columns:minmax(0,1fr); }
 .cx-origin-facts { grid-template-columns:minmax(0,1fr); gap:16px; }
 .cx-origin-placeholder { min-height:190px; padding:25px; }
 .cx-origin-preview .cx-origin-placeholder { min-height:260px; }
 .cx-origin .cx-origin-feature,.cx-origin-cta { padding:28px; }
 .cx-origin .actions { flex-direction:column; align-items:stretch; }
 .cx-origin .actions .wp-block-button { width:100%; }
 .cx-origin .cx-origin-stage-title { font-size:19px; }
}
