/* Monarchy home v9: per-section hero title above the video + orange CTAs. Loaded after mx.css, v7.css, v8.css. */
/* 1. every CTA on the home uses the site orange (--brand #FC5000, hover #E64500), dark and light theme.
      Overrides the champagne-gold gradient from wow-b.css / wow-hero-site.css on this page only. */
html body.wow-b .nav-cta,
html body.wow-b header.nav .nav-cta,
html body.wow-b .btn:not(.btn-ghost),
html body.wow-b .wwd-desk-cta,
html body .wow-hero-stage .btn:not(.btn-ghost){
  background:#FC5000!important;background-image:none!important;color:#fff!important;
  border:1px solid transparent!important;font-weight:600!important;filter:none!important;
  box-shadow:0 10px 30px -12px rgba(252,80,0,.9)!important}
html body.wow-b .nav-cta:hover,
html body.wow-b header.nav .nav-cta:hover,
html body.wow-b .btn:not(.btn-ghost):hover,
html body.wow-b .wwd-desk-cta:hover,
html body .wow-hero-stage .btn:not(.btn-ghost):hover{
  background:#E64500!important;background-image:none!important;color:#fff!important;filter:none!important;
  box-shadow:0 12px 30px -12px rgba(252,80,0,.75)!important}
html body.wow-b .nav-cta:focus-visible,html body.wow-b .btn:not(.btn-ghost):focus-visible{outline:2px solid #FF7A33!important;outline-offset:2px}

/* 2. hero head: eyebrow + Human approval pill, then a large per-section title and a short subline */
.mx-hero .mx-intro{display:block;padding:clamp(8px,1.1vw,14px) 0 clamp(10px,1.1vw,16px)}
.mx-hrow{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:clamp(6px,.7vw,10px)}
.mx-hero .mx-hrow .mx-approve{order:2;margin-left:auto}
.mx-heye{order:1;margin:0;font-family:var(--m);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--o2);min-height:1.4em}
/* all titles sit in one grid cell: the cell is as tall as the tallest title, so switching never shifts the video */
.mx-hstack{display:grid;position:relative}
.mx-hstack>*{grid-area:1/1;min-width:0}
.mx-hsz{visibility:hidden;pointer-events:none}
.mx-hlive,.mx-hghost{align-self:start}
.mx-hero .mx-htitle{margin:0;font-size:clamp(26px,2.6vw,40px);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--ink);text-wrap:balance;text-transform:none;max-width:44ch}
.mx-hero .mx-htitle .mx-accent{color:var(--o)}
.mx-hero .mx-hsub{margin:clamp(6px,.6vw,10px) 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.4;color:var(--mut);font-weight:500;max-width:70ch}
.mx-hlive{transition:opacity .32s ease,transform .32s ease}
.mx-hlive.mx-hin{opacity:0;transform:translateY(6px)}
.mx-hghost{pointer-events:none;transition:opacity .28s ease}
.mx-hghost.mx-hout{opacity:0}
.mx-heye{transition:opacity .28s ease}
.mx-heye.mx-hin{opacity:0}
.mx-rm .mx-hlive,.mx-rm .mx-hghost,.mx-rm .mx-heye{transition:none!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.mx-hlive,.mx-hghost,.mx-heye{transition:none!important;transform:none!important}}
.mx-hero .mx-intro{border-bottom:1px solid var(--ln)}
@media (max-width:860px){
  .mx-hero .mx-intro{padding:4px 2px 12px}
  .mx-hrow{gap:8px}
  .mx-hero .mx-hrow .mx-approve{order:2;margin-left:auto}
  .mx-heye{font-size:10.5px;letter-spacing:.12em}
  .mx-hero .mx-htitle{font-size:clamp(24px,6.6vw,30px);max-width:none}
  .mx-hero .mx-hsub{font-size:15.5px}
}
/* flyouts 1030r */
.nav-res-dd{position:static}
.nav-links .nav-res-dd:hover .nav-mega,.nav-links .nav-res-dd:focus-within .nav-mega{display:none}
.nav-res-dd.open .nav-mega{display:block!important;max-height:calc(100vh - 4.6rem);overflow-y:auto;overscroll-behavior:contain}
.nav-res-dd.open>a{color:#fc5000!important}
.nav-links .res-mega{width:min(900px,96vw)}
@media(min-width:861px){
.mega-grid.fly{display:grid!important;grid-template-columns:240px 1fr!important;grid-auto-rows:min-content;column-gap:1.4rem!important;row-gap:.1rem!important;align-items:start}
.mega-grid.fly .mega-col{display:contents}
.mega-grid.fly .mega-h{grid-column:1;display:flex!important;justify-content:space-between;align-items:center;padding:.5rem .7rem!important;border-radius:8px;margin:0!important}
.mega-grid.fly .mega-h::after{content:"›";font-size:1rem;opacity:.6}
.mega-grid.fly .mega-col.on .mega-h{background:rgba(252,80,0,.12)}
.mega-grid.fly .mega-col>ul{grid-column:2;grid-row:1/span 40;display:none;columns:2;column-gap:1.4rem;border-left:1px solid rgba(127,127,127,.25);padding-left:1.2rem!important;margin:0!important}
.mega-grid.fly .mega-col.on>ul{display:block}
.mega-grid.fly .mega-col>ul li{break-inside:avoid}
}
html:not([data-theme="light"]) .nav-mega .mega-h,html:not([data-theme="light"]) .nav-mobile .nav-mgrp>details>summary{color:#fc5000!important}
@media(min-width:861px){.res-mega .mega-grid.fly .mega-col>ul{columns:1}.nav-links .res-mega{width:min(880px,94vw)!important}}
html:not([data-theme="light"]) nav.nav-mobile,html:not([data-theme="light"]) nav.nav-mobile.open{background:#0b0b0d!important}
html[data-theme="light"] nav.nav-mobile.open{background:#fff!important}
html:not([data-theme="light"]) nav.nav-mobile li.nav-mgrp>details>summary{color:#fc5000!important}
html:not([data-theme="light"]) .nav-links .nav-mega .mega-col a.mega-h,html:not([data-theme="light"]) .nav-links .nav-mega a.mega-h{color:#fc5000!important}
/* hover bridge 1030r */
@media(min-width:861px){.nav-links .nav-svc-dd.open>a::after,.nav-links .nav-res-dd.open>a::after{content:"";position:fixed;left:0;right:0;top:3.2rem;height:1.6rem;z-index:60}
.nav-links .nav-svc-dd.open .nav-mega,.nav-links .nav-res-dd.open .nav-mega{z-index:61}}
/* round3 1030r: menu items + headings */
.nav-links .nav-mega .mega-col ul a,.nav-links .nav-mega .mega-col ul a:visited{color:#e04600!important;font-weight:500}
html:not([data-theme="light"]) .nav-links .nav-mega .mega-col ul a{color:#ff7a33!important}
.nav-links .nav-mega .mega-col ul a:hover,.nav-links .nav-mega .mega-col ul a:focus-visible{text-decoration:underline;text-underline-offset:3px}
html[data-theme="light"] .nav-links .nav-mega .mega-col ul a{color:#b83a00!important}
.nav-links .nav-mega a.mega-h{font-size:.78rem!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;color:inherit}
html[data-theme="light"] .nav-links .nav-mega a.mega-h{color:#141414!important}
html:not([data-theme="light"]) .nav-links .nav-mega a.mega-h{color:#f5f2ec!important}
.mega-grid.fly .mega-col .mega-h{border-left:3px solid transparent}
.mega-grid.fly .mega-col.on .mega-h{border-left-color:#fc5000;background:rgba(252,80,0,.14)}
@media(max-width:860px){.mega-col .mega-h{border-bottom:1px solid rgba(127,127,127,.3);padding-bottom:.35rem!important;margin-bottom:.35rem!important}}
.nav-mobile .nav-mgrp>details>a{color:#ff7a33}
html[data-theme="light"] .nav-mobile .nav-mgrp>details>a{color:#b83a00}
.nav-mobile .nav-mgrp>details>summary{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
/* footer grid */
.footer .footer-grid{display:grid!important;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))!important;gap:2rem 2.2rem!important;align-items:start!important}
.footer .footer-grid>div{margin:0!important;grid-column:auto!important;grid-row:auto!important}
.footer .footer-grid h4{margin:0 0 .8rem!important}
.footer .footer-grid ul{margin:0!important;padding:0!important;display:grid;gap:.45rem}
@media(max-width:1024px){.footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.footer .footer-grid>.footer-logo{grid-column:1/-1!important}}
@media(max-width:640px){.footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.6rem 1.2rem!important}}
.nav-links.mega-open li.has-sub:not(.open) .nav-sub,.nav-links.mega-open li.has-sub:not(.open) .nav-mega{display:none!important}
.nav-links li.has-sub:not(.hov):not(.open):not(:focus-within) > .nav-sub:not(.nav-mega){visibility:hidden!important;transition:none!important}
html body .nav-links li .nav-mega .mega-col ul li a{color:#ff7a33!important}html[data-theme="light"] body .nav-links li .nav-mega .mega-col ul li a{color:#b83a00!important}
html[data-theme="light"] .nav-logo img.logo-on-light{display:block!important;visibility:visible!important;opacity:1!important}html[data-theme="light"] .nav-logo img.logo-on-dark{display:none!important}html:not([data-theme="light"]) .nav-logo img.logo-on-dark{display:block!important;visibility:visible!important;opacity:1!important}html:not([data-theme="light"]) .nav-logo img.logo-on-light{display:none!important}