/* Readable framing for the existing cinematic themes. */
:root{color-scheme:dark}
html,body{overflow-x:clip}
button:focus-visible,a:focus-visible{outline:2px solid #86e5ff;outline-offset:5px}
.brand-wordmark{font-size:clamp(2.2rem,6.8vw,6.2rem)!important;letter-spacing:.12em!important;line-height:1.12!important;max-width:calc(100vw - 6rem);margin-inline:auto;white-space:normal!important;text-wrap:balance}
.mxt-rail{--mxtw:40px!important;--mxtfs:1.35rem!important;opacity:.8}
.mxt-spin{height:40px!important}
#portable-golden-music-player{left:auto!important;right:24px!important;bottom:94px!important;transform:none!important}
#c1 .panel{max-width:1000px;margin-inline:auto}
#c1 h1{font-size:clamp(3rem,8.7vw,8.4rem)!important;line-height:1.05!important;text-wrap:balance}
#c1 .lede{font-size:clamp(1rem,1.6vw,1.32rem);line-height:1.65;max-width:760px;margin-inline:auto;text-wrap:pretty}
#c1 .hero-cta{flex-wrap:wrap;gap:12px}
#c1 .hero-cta .btn{min-height:48px}
.panel .btn{transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.panel .btn:hover{box-shadow:0 0 25px #63d8ee2a}
@media(max-width:700px){
 .chapter{padding-inline:16px!important;box-sizing:border-box}
 .chapter>.panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
 .chapter .panel .lede{max-width:100%!important;overflow-wrap:break-word}
 #serviceGrid,.contact-grid,.ct-cards,.foot-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}
 .ct-strip{flex-wrap:wrap;overflow-wrap:anywhere}
 .chapter .panel h2{font-size:clamp(2rem,8vw,3rem)!important;overflow-wrap:break-word}
 #mx-bot{transform:scale(.68);transform-origin:bottom right}
 #mxCodex .mxc-grid{grid-template-columns:minmax(0,1fr)!important}
 #mxCodex .mxc-card{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word}
 .mxt-rail{display:none!important}
 .brand-wordmark{font-size:clamp(2rem,9vw,3.7rem)!important;letter-spacing:.065em!important;max-width:92vw}
 #c1 .panel{padding-inline:18px}
 #c1 h1{font-size:clamp(2.6rem,11vw,4.5rem)!important}
 #c1 .lede{font-size:1rem;line-height:1.55}
 #portable-golden-music-player{right:12px!important;bottom:86px!important}
 #mx-intro .mx-enter{min-height:48px;min-width:150px}
}
@media(prefers-reduced-motion:reduce){
 .mxt-track{animation-play-state:paused!important}
 .panel .btn{transition:none}
}