, so the design's "#contact form h2/h3/p/label>span" centring rule
(kept above, now inert) is re-expressed for the new structure. */
@media (max-width:1024px){#contact .mr-formcard h2,#contact .mr-formcard h3,#contact .mr-formcard>p,#contact .mr-formcard .gfield_label,#contact .mr-formcard .gform-field-label--type-sub{text-align:center}}
/* Rolodex cards get their inline geometry from home.js; hide until the first layout so there is no unstyled flash. */
.mr-rolo-card{opacity:0}
/* Prev/next arrows exist only in the <=1024 horizontal mode (was sc-if horiz). */
.mr-rolo-arrow{display:none !important}
@media (max-width:1024px){.mr-rolo-arrow{display:grid !important}}
/* ACF WYSIWYG blocks (.mr-rich wrappers are display:contents): paragraph styles reproduce the design's inline
styles.
Where the design's
carried layout/reveal classes, those moved to a wrapper
in the template, so p margins here are 0
and only spacing between editor-added paragraphs (p+p) is new. Links: design red on light, #E59392 on dark sections. */
.mr-rich--hero p,.mr-rich--hero li{font:400 18px/1.65 'Open Sans',sans-serif;color:rgba(255,255,255,.78);max-width:580px;text-wrap:pretty}
.mr-rich--hero p{margin:14px 0 0}.mr-rich--hero p:first-child{margin-top:22px}
.mr-rich--svc-intro p,.mr-rich--svc-intro li{font:400 17px/1.62 'Open Sans',sans-serif;color:rgba(255,255,255,.78);text-wrap:pretty}
.mr-rich--careers p,.mr-rich--careers li{font:400 17px/1.62 'Open Sans',sans-serif;color:rgba(255,255,255,.78);text-wrap:pretty}
.mr-rich--svc-card p,.mr-rich--svc-card li{font:400 15px/1.62 'Open Sans',sans-serif;color:#3D3D3D;text-wrap:pretty}
.mr-rich--about p,.mr-rich--about li{font:400 16px/1.62 'Open Sans',sans-serif;color:#3D3D3D;text-wrap:pretty}
.mr-rich--contact p,.mr-rich--contact li{font:400 17px/1.62 'Open Sans',sans-serif;color:#3D3D3D;text-wrap:pretty}
.mr-rich--why p,.mr-rich--why li{font:400 14px/1.6 'Open Sans',sans-serif;color:#3D3D3D}
.mr-rich--svc-intro p,.mr-rich--careers p,.mr-rich--svc-card p,.mr-rich--about p,.mr-rich--contact p,.mr-rich--why p{margin:0}
.mr-rich--svc-intro p+p,.mr-rich--careers p+p,.mr-rich--about p+p,.mr-rich--contact p+p{margin-top:14px}
.mr-rich--why p+p{margin-top:8px}
.mr-rich--hero :is(ul,ol),.mr-rich--svc-intro :is(ul,ol),.mr-rich--careers :is(ul,ol),.mr-rich--about :is(ul,ol),.mr-rich--contact :is(ul,ol){margin:14px 0 0;padding-left:22px}
.mr-rich--svc-card :is(ul,ol){margin:0;padding-left:20px}
.mr-rich--why :is(ul,ol){margin:8px 0 0;padding-left:20px}
.mr-rich--contact :is(ul,ol){display:inline-block;text-align:left}
.mr-rich li+li{margin-top:6px}
.mr-rich strong,.mr-rich b{font-weight:700}
.mr-rich em,.mr-rich i{font-style:italic}
.mr-rich--svc-card a,.mr-rich--about a,.mr-rich--contact a,.mr-rich--why a{color:#A93635;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mr-rich--svc-card a:hover,.mr-rich--about a:hover,.mr-rich--contact a:hover,.mr-rich--why a:hover{color:#8C2B2A}
.mr-rich--hero a,.mr-rich--svc-intro a,.mr-rich--careers a{color:#E59392;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mr-rich--hero a:hover,.mr-rich--svc-intro a:hover,.mr-rich--careers a:hover{color:#fff}
.mr-rich--hero strong,.mr-rich--svc-intro strong,.mr-rich--careers strong{color:#fff}
.mr-rich--svc-card strong,.mr-rich--about strong,.mr-rich--contact strong,.mr-rich--why strong{color:#262626}
/* Reviews: centre the heading + subline at <=768 to match the centred reviews widget (2026-09-29). The widget itself
is Elfsight shadow-DOM content; its header alignment is set in the Elfsight editor, not here. */
@media (max-width:768px){#reviews h2,#reviews h2 + p{text-align:center}}
/* Hero stack >1024: the stage takes vertical swipes itself (home.js), no text selection while mouse-dragging. */
@media (min-width:1025px){.mr-rolo-stage{touch-action:none;-webkit-user-select:none;user-select:none}}
@media (max-width:1024px){.mr-rolo-stage{-webkit-user-select:none;user-select:none}}