/* MendRev page headers aligned to the Home hero (2026-11-08). Scoped: body.mr-std-page .hdr, .mr-ph (page hero), .mr-ph-doc (legal). */
/* Navbar: same treatment as Home (.suite-home .hdr / .nav) */
.mr-std-page .hdr{border-bottom:1px solid rgba(15,23,42,.12);background:rgba(247,245,240,.97)}
.mr-std-page .nav a{font-size:.85rem;padding:12px 10px}
.mr-std-page .nav .btn{background:var(--ink);font-size:.85rem}

/* Page hero: dark ink band, Home topline, Home type scale and accent */
.mr-ph{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(20px,2.4vw,30px) 0 clamp(56px,6.5vw,96px)!important}
.mr-ph:before{content:"";position:absolute;z-index:-1;width:760px;height:760px;right:-420px;top:-240px;background:radial-gradient(circle,rgba(187,247,208,.10),transparent 66%);pointer-events:none}
.mr-ph .crumbs{font-size:.72rem;letter-spacing:.06em;color:#ADBBC4;margin:0 0 4px;padding-top:12px}
.mr-ph .kicker{font:600 .64rem/1.4 var(--body);letter-spacing:.15em;text-transform:uppercase;color:#CAD4D9!important;display:flex;align-items:center;gap:10px;padding:12px 0 30px;margin:0 0 clamp(36px,4.6vw,58px);border-bottom:1px solid var(--line-d)}
.mr-ph .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}
.mr-ph h1{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,5.4vw,5.1rem);line-height:.97;letter-spacing:-.06em;color:#fff;max-width:20ch;margin:0 0 30px;text-wrap:balance}
.mr-ph h1 em,.mr-ph h1 .hl{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:.92em;letter-spacing:-.045em;color:var(--lime)}
.mr-ph .lede{font-size:clamp(1.1rem,1.5vw,1.4rem);letter-spacing:-.02em;line-height:1.45;color:#fff;max-width:56ch}
.mr-ph p:not(.lede):not(.kicker):not(.crumbs){color:#C7D1D6;max-width:62ch}
.mr-ph .small{color:#ADBBC4!important}
.mr-ph .ctas{align-items:center;gap:14px;margin-top:30px}
.mr-ph .btn:not(.aud-btn-lime){background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.mr-ph .btn:not(.aud-btn-lime):hover{background:#fff;color:var(--ink);border-color:#fff}
.mr-ph .btn.green{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.mr-ph .btn.green:hover{background:#fff;border-color:#fff;color:var(--ink)}
.mr-ph .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.mr-ph .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.mr-ph a:not(.btn){color:#fff}
.mr-ph .crumbs a:not(.btn){color:#CAD4D9}
.mr-ph .crumbs a:not(.btn):hover{color:var(--lime)}
.mr-ph :focus-visible{outline-color:var(--lime)}
/* Hero-specific companions */
.mr-ph .automation-flow{background:rgba(255,255,255,.04);border:1px solid var(--line-d)}
.mr-ph.aud-hero .kicker{margin-bottom:clamp(28px,3.4vw,44px)}
.mr-ph.aud-hero h1{max-width:none}
.mr-ph.aud-hero .aud-hero-link{color:#fff}
.mr-ph.about-creative h1{max-width:16ch}
/* No scroll-reveal fade on hero headline (avoids late flash on dark band) */
.js .mr-ph h1.rv{opacity:1;transform:none}
@media (max-width:760px){
  .mr-ph h1{font-size:clamp(2.5rem,11vw,3.6rem);line-height:.98;letter-spacing:-.055em;max-width:none}
  .mr-ph .kicker{padding:10px 0 20px;margin-bottom:30px;letter-spacing:.12em}
  .mr-ph .ctas .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.mr-ph *{transition:none!important;animation:none!important}}
@media print{.mr-ph{background:#fff!important;color:#000!important}.mr-ph:before{display:none}.mr-ph h1,.mr-ph .lede,.mr-ph p,.mr-ph h1 em,.mr-ph h1 .hl,.mr-ph .kicker{color:#000!important}}

/* Extension 2026-11-08: current HVAC guide pages (section.hero with .eyebrow and breadcrumb p.small) */
.mr-ph .eyebrow{font:600 .64rem/1.4 var(--body);letter-spacing:.15em;text-transform:uppercase;color:#CAD4D9!important;display:flex;align-items:center;gap:10px;padding:12px 0 30px;margin:0 0 clamp(36px,4.6vw,58px);border-bottom:1px solid var(--line-d)}
.mr-ph .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}
.mr-ph nav[aria-label="Breadcrumb"]>p{font-size:.72rem;letter-spacing:.06em;padding-top:12px;margin-bottom:4px!important}
.mr-ph nav[aria-label="Breadcrumb"]>p a{color:#CAD4D9}
.mr-ph.hero .ctas>.btn:first-child:not(.ghost):not(.green){background:var(--lime);color:var(--ink);border-color:var(--lime)}
.mr-ph.hero .ctas>.btn:first-child:not(.ghost):not(.green):hover{background:#fff;border-color:#fff;color:var(--ink)}
@media (max-width:760px){.mr-ph .eyebrow{padding:10px 0 20px;margin-bottom:30px;letter-spacing:.12em}}

/* Legal documents: keep the readable cream document; align title type and the date line to the Home topline */
.mr-ph-doc>p.small:first-child{font:600 .64rem/1.4 var(--body);letter-spacing:.15em;text-transform:uppercase;color:var(--slate);display:flex;align-items:center;gap:10px;padding:0 0 22px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.mr-ph-doc>p.small:first-child::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--btn-green);flex:none}
.mr-ph-doc>h1{font-weight:800;line-height:.98;letter-spacing:-.06em}

/* Header illustrations 2026-11-08 (v=20261108-header-art-a): page-relevant artwork in the Home "connected business" grammar */
.mr-ph-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:center}
.mr-ph-copy{min-width:0}
.mr-ph-copy>:last-child{margin-bottom:0}
.mr-ph.has-art h1{font-size:clamp(2.5rem,4.7vw,4.6rem);max-width:none}
.mr-ph.has-art .hero-grid{display:block!important}
.mr-ph-art{margin:0;min-width:0;width:100%;max-width:540px;justify-self:end}
.mr-ph-cap{display:flex;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;color:#BED0D2;font:600 .62rem/1.3 var(--body);letter-spacing:.14em;padding:0 10px 8px}
.mr-ph-cap span:last-child{color:#A9B7C0;text-align:right}
.mr-art-svg{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:560/460;overflow:visible}
.mr-art-flow{stroke-dasharray:8 6;animation:mr-art-flow 6s linear infinite}
@keyframes mr-art-flow{to{stroke-dashoffset:-84}}
.mr-ph .automation-flow{background:radial-gradient(circle,#334155 1px,transparent 1.2px) 0 0/22px 22px,rgba(255,255,255,.03)}
@media (max-width:900px){.mr-ph-grid{grid-template-columns:1fr}.mr-ph-art{justify-self:center;width:100%;max-width:560px}}
@media (max-width:760px){
  .mr-ph.has-art h1{font-size:clamp(2.4rem,10.5vw,3.4rem)}
  .mr-ph-art{justify-self:stretch;width:100%;max-width:none;margin:6px 0 0}
  .mr-ph-cap{padding:0 0 8px;font-size:.6rem}
}
@media (prefers-reduced-motion:reduce){.mr-art-flow{animation:none;stroke-dasharray:none}}
@media print{.mr-ph-art{display:none}}
/* Fix v=20261108-header-art-b: on <=900px the figure was a start-aligned grid item with width:auto (shrink-to-fit), so the width:100% SVG fell back to the 300px replaced-element default and sat left in the column. Figure now fills/centres its column; caption spans the figure. */
/* Legal: small editorial document marker on the date line (decorative, CSS only) */
.mr-ph-doc>p.small:first-child::after{content:"";margin-left:auto;flex:none;width:26px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 32'%3E%3Cpath d='M2 2h15l7 7v21H2z' fill='%23F7F5F0' stroke='%230F172A' stroke-width='1.6'/%3E%3Cpath d='M17 2v7h7' fill='none' stroke='%230F172A' stroke-width='1.6'/%3E%3Cpath d='M6 14h11M6 18h14M6 22h8' stroke='%2394A3B8' stroke-width='1.6'/%3E%3Ccircle cx='19' cy='25' r='4.5' fill='%23BBF7D0' stroke='%23166534' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center/contain}