/* OM-specific presentation; retain the shared Endcap service-page system. */
.om-page .hero-media img{aspect-ratio:4/3;max-height:none;background:#f3f0e8}
.om-page .hero-media figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:var(--muted)}
.om-page .hero .actions{gap:18px 28px}
.om-page #om-sample .document-viewer{padding:clamp(10px,2vw,24px);background:#242b25}
.om-page #om-sample .document-viewer img{max-height:900px;aspect-ratio:4/3}
.om-page .sample-intro{max-width:62ch;color:var(--muted);font-size:14px;line-height:1.7}
.om-page .sample-note{margin-top:14px;font-size:12px;line-height:1.65}
.om-page .sample-note strong{color:var(--ink);font-weight:500}
.om-page .om-next{display:flex;justify-content:space-between;align-items:baseline;gap:18px 32px;padding-top:30px;font-size:14px;line-height:1.65}
.om-page .om-next>a{flex-shrink:0}
.om-page #brochure{padding-top:36px}
.om-page #brochure .document-viewer{max-width:900px;padding:20px}
.om-page #brochure .document-viewer img{max-height:420px}
@media(max-width:767px){
 .om-page .hero h1{font-size:clamp(40px,10.5vw,56px)}
 .om-page .om-next{display:block;padding-top:24px}
 .om-page .om-next>a{display:inline-block;margin-top:14px}
 .om-page .preview-buttons{gap:8px}
 .om-page .preview-buttons button{padding:10px 14px;font-size:13px}
 .om-page .preview-toolbar{gap:20px}
 .om-page #brochure .document-viewer{padding:10px}
}