/* Page styles, ported from design-source/pages/CaseStudyOpenReel.dc.html. Loaded after signal-light.css. */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #E6E6E9;border-radius:12px;background:#FFFFFF;margin-top:40px}
.fact{padding:20px 24px;border-left:1px solid #E6E6E9;display:flex;flex-direction:column;gap:4px}
.fact:first-child{border-left:0}
.fact span{font-size:14px;color:#5F6368;font-weight:600}
.fact b{font-size:16px;font-weight:600}
.mets3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mc{border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:12px;min-height:200px;justify-content:space-between}
.mc b{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(44px,4.5vw,64px);line-height:1;letter-spacing:-.03em}
.arow{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.arow-h{display:flex;flex-direction:column;gap:16px}
.eyebrow{font-size:14px;font-weight:600;color:#5F6368}
.pstack{display:flex;flex-direction:column;gap:20px}
.qitem{display:flex;gap:16px;padding:20px 0;border-top:1px solid #E6E6E9}
.qitem:first-child{border-top:0;padding-top:0}
.qdot{width:8px;height:8px;border-radius:9999px;background:#E62A02;flex-shrink:0;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:16px}
.st{background:#F3F3F4;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.sn{width:44px;height:44px;border-radius:12px;background:#FFFFFF;border:2px solid #FB5603;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700}
.res{display:grid;grid-template-columns:repeat(var(--r,3),minmax(0,1fr));gap:24px}
.rc{background:#F3F3F4;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:12px}
.rc .h3{font-size:21px;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.outcome{background:#F3F3F4;border-radius:24px;padding:56px}
.outcome p.big2{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.02em;max-width:34ch}
.btn-darkout{background:transparent;color:#FFFFFF;border:1px solid #FFFFFF;padding:16px 32px}
.btn-darkout:hover{color:#FFFFFF;transform:scale(1.03)}
@media (max-width:1024px){.facts{grid-template-columns:1fr 1fr}.fact:nth-child(3){border-left:0}.fact:nth-child(n+3){border-top:1px solid #E6E6E9}.arow{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr 1fr}.res,.mets3{grid-template-columns:1fr 1fr}}
@media (max-width:767.98px){.facts,.steps,.res,.mets3{grid-template-columns:1fr}.fact{border-left:0!important;border-top:1px solid #E6E6E9}.fact:first-child{border-top:0}.mc,.outcome{padding:28px}}
.cta-or{background:#212121 url(/images/casestudyopenreel-cta-or.webp) right center/auto 84% no-repeat;min-height:300px;justify-content:center}
@media (max-width:1024px){.cta-or{background-size:cover;background-position:85% center}}
/* round: full width */.outcome p.big2{max-width:none}
.mc[style*="#FFFFFF"] .body{color:#FFFFFF}
.mc[style*="#FFFFFF"],.mc[style*="#FFFFFF"] *,.plan-top[style*="#FFFFFF"],.plan-top[style*="#FFFFFF"] *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF}
.mc-w,.mc-w *,.mc-w .body{color:#FFFFFF!important}