/* Targeted readability and interaction fixes for the existing page templates. */
.quality-pages .btn-brass{background:#795b2f;color:#fff}
.quality-pages .btn-brass:hover{background:#634922;color:#fff}
.quality-pages .bookbar>.eyebrow,
.quality-pages .visit-copy>.eyebrow,
.quality-pages .related>.eyebrow,
.quality-pages #property-film>.eyebrow,
.quality-pages #bondcheck>.eyebrow,
.quality-about .bio-hero>.eyebrow,
.quality-areas .costs th{color:#715426}
.quality-pages form.lead .consent-note,
.quality-pages form.lead .form-note,
.quality-pages .cs-video-next>.fine,
.quality-pages #seller-bond-review>.fine,
.quality-pages.mo-portfolio .body>.when{color:#626255}
.quality-pages footer .fine{color:#a3b8aa}

/* The area comparison keeps its table semantics and scrolls within the page. */
.quality-areas main>.wrap.narrow.body{padding-inline:24px}
.quality-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.quality-table-scroll:focus-visible{outline:3px solid #795b2f;outline-offset:3px}
.quality-areas .quality-table-scroll .costs{min-width:650px}
.quality-areas .quality-table-scroll .costs td:last-child{display:table-cell;padding-top:15px}
@media(max-width:600px){.quality-areas .proof-card{grid-template-columns:minmax(0,1fr)!important}.quality-areas .proof-card>*{min-width:0}.quality-areas .proof-card img{height:auto!important;aspect-ratio:16/9}}

/* Inactive slides cannot receive keyboard focus or be read as current content. */
.mm-cinematic .slide:not(.is-on){visibility:hidden}
.mm-cinematic .s-dots{bottom:8px;gap:6px}
.mm-cinematic .s-dots button{position:relative;width:32px;height:28px;background:transparent;border:0}
.mm-cinematic .s-dots button::after{content:"";position:absolute;inset:12px 0;background:#fff8;height:4px}
.mm-cinematic .s-dots button[aria-pressed="true"]::after{background:#e2bc78}
.mm-cinematic .s-pause{position:absolute;z-index:4;right:12px;top:12px;min-height:36px;padding:8px 12px;border:1px solid #f7efdf88;border-radius:2px;background:#102920ed;color:#fff;font:600 12px/1.4 Arial,sans-serif;cursor:pointer}
.mm-cinematic .s-slide-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quality-pages *, .quality-pages *::before,.quality-pages *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}