/* Muxxi homepage hero: 1600 × 550, right-aligned tail, protected copy */
body.page-id-19 .mx-visual-hero{
  display:block!important;position:relative!important;width:100%!important;max-width:none!important;
  height:550px!important;min-height:550px!important;margin:0 auto!important;padding:0!important;
  overflow:hidden!important;background:#080908!important;color:#fff!important
}
body.page-id-19 .mx-visual-hero .mx-visual-hero-video{
  display:block!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;min-width:100%!important;height:100%!important;
  overflow:hidden!important;z-index:0!important;order:0!important
}
body.page-id-19 .mx-visual-hero .mx-visual-hero-video::before{
  content:"";position:absolute;top:50%;left:calc(min(100% - 32px, 50% + 800px) - clamp(452px, calc(23.956vw + 54px), 667px));width:clamp(2000px,calc(106vw + 240px),2950px);aspect-ratio:3200/656;
  transform:translate(-50%,-50%) translate(-30px,14px) scale(1.04);background:url('https://muxxiauto.com/wp-content/uploads/2026/09/Muxxi-Hero-Genis-Poster.jpg') center/100% 100% no-repeat;z-index:0
}
body.page-id-19 .mx-visual-hero .mx-visual-hero-video video{
  position:absolute!important;top:50%!important;left:calc(min(100% - 32px, 50% + 800px) - clamp(452px, calc(23.956vw + 54px), 667px))!important;
  width:clamp(2000px,calc(106vw + 240px),2950px)!important;height:auto!important;aspect-ratio:3200/656!important;min-width:0!important;z-index:1!important;
  max-width:none!important;max-height:none!important;object-fit:contain!important;
  object-position:center!important;transform:translate(-50%,-50%) translate(-30px,14px) scale(1.04)!important
}
body.page-id-19 .mx-visual-hero .mx-visual-hero-copy{
  position:absolute!important;z-index:2!important;left:max(32px, calc((100% - 1600px)/2))!important;top:50%!important;
  width:clamp(500px,38vw,640px)!important;max-width:none!important;transform:translateY(-50%)!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;color:#fff!important;text-align:left!important
}
body.page-id-19 .mx-visual-hero .mx-visual-hero-eyebrow{color:#f1d941!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.16em!important}
body.page-id-19 .mx-visual-hero h1{
  max-width:100%!important;margin:15px 0 17px!important;color:#fff!important;
  font-size:clamp(42px,3.2vw,60px)!important;line-height:1.1!important;letter-spacing:-.038em!important;
  overflow-wrap:normal!important
}
body.page-id-19 .mx-visual-hero h1 mark{color:#f1d941!important;background:transparent!important}
body.page-id-19 .mx-visual-hero h1 .mx-hero-line{display:block!important}
body.page-id-19 .mx-visual-hero .mx-hero-description-line{display:block!important}
body.page-id-19 .mx-visual-hero p{
  max-width:100%!important;margin:0!important;color:#d6d7d3!important;
  font-size:clamp(16px,1.1vw,20px)!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:break-word!important;box-sizing:border-box!important;width:100%!important;min-width:0!important
}
@media(max-width:1300px){
  body.page-id-19 .mx-visual-hero{
    display:flex!important;flex-direction:column!important;max-width:100%!important;
    height:auto!important;min-height:0!important;background:#080908!important;color:#fff!important
  }
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video{
    position:relative!important;inset:auto!important;order:0!important;
    width:100%!important;height:clamp(280px,38vw,410px)!important;flex:none!important
  }
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video::before{width:max(1270px,137%);left:37%;top:51%;transform:translate(-50%,-50%)}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video video{
    width:max(1270px,137%)!important;left:37%!important;top:51%!important;
    transform:translate(-50%,-50%)!important
  }
  body.page-id-19 .mx-visual-hero .mx-visual-hero-copy{
    position:relative!important;order:1!important;top:auto!important;left:auto!important;
    transform:none!important;width:100%!important;max-width:900px!important;box-sizing:border-box!important;align-self:center!important;
    margin:0!important;padding:20px 32px 38px!important;background:#080908!important;color:#fff!important
  }
  body.page-id-19 .mx-visual-hero h1{font-size:clamp(34px,4.3vw,48px)!important;max-width:780px!important}
  body.page-id-19 .mx-visual-hero h1 .mx-hero-line{display:inline!important}
  body.page-id-19 .mx-visual-hero h1 .mx-hero-line:first-child{display:block!important}
  body.page-id-19 .mx-visual-hero .mx-hero-description-line{display:block!important;max-width:100%!important;white-space:normal!important}
  body.page-id-19 .mx-visual-hero p{max-width:100%!important;font-size:16px!important;white-space:normal!important;overflow:visible!important}
}
@media(max-width:600px){
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video{height:clamp(210px,62vw,275px)!important}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video::before{width:239%}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video video{width:239%!important;left:37%!important}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-copy{width:100%!important;padding:20px 22px 34px!important}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-eyebrow{font-size:9px!important;letter-spacing:.11em!important}
  body.page-id-19 .mx-visual-hero h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.08!important;margin:10px 0 14px!important}
  body.page-id-19 .mx-visual-hero p{font-size:15px!important;line-height:1.5!important;width:100%!important;max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video video{display:none!important}
  body.page-id-19 .mx-visual-hero .mx-visual-hero-video{background:#080908 url("https://muxxiauto.com/wp-content/uploads/2026/09/Muxxi-Hero-Genis-Poster.jpg") center/cover no-repeat!important}
}
@media(min-width:1301px){
  html body.page-id-19 .entry-content > div.mx-visual-hero{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
}

@media(min-width:1081px){body.page-id-19 .muxxi-site-header-v2 .mxh-brand .mxh-logo-desktop{left:-16px!important}}
@media(min-width:1101px){body.page-id-19 .mx-footer .brand-cta{margin-top:114px!important}}

/* Compact service cards: readable labels and shorter scan path */
body.page-id-19 .draft-services{padding-top:58px!important;padding-bottom:52px!important}
body.page-id-19 .draft-services .draft-section-heading{margin-bottom:28px!important}
body.page-id-19 .draft-services .draft-section-heading .eyebrow{display:none!important}
body.page-id-19 .draft-services .draft-section-heading h2{margin-top:0!important}
body.page-id-19 .draft-services .service-scope{display:none!important}
body.page-id-19 .draft-services .draft-service-feature{min-height:320px!important}
@media(min-width:761px){body.page-id-19 .draft-services .draft-service-feature .draft-service-photo{height:320px!important;min-height:0!important}body.page-id-19 .draft-services .draft-service-feature .draft-service-photo img{height:100%!important;max-height:none!important;object-fit:cover!important}}
body.page-id-19 .draft-services .draft-service-body{padding:26px!important}
body.page-id-19 .draft-services .draft-card-top{margin-bottom:21px!important}
body.page-id-19 .draft-services .draft-service-feature .draft-card-top{margin-bottom:26px!important}
body.page-id-19 .draft-services .service-category{font-size:11px!important;letter-spacing:.1em!important;margin-bottom:10px!important}
body.page-id-19 .draft-services .draft-service h3{margin-bottom:11px!important}
body.page-id-19 .draft-services .draft-service p{font-size:16px!important;line-height:1.5!important;min-height:0!important;margin-bottom:19px!important;max-width:34ch!important}
body.page-id-19 .draft-services .draft-card-foot{font-size:14px!important;line-height:1.3!important;padding-top:14px!important;margin-top:auto!important;align-items:center!important}
body.page-id-19 .draft-services .draft-service:not(.draft-service-feature){min-height:220px!important;padding:24px 27px!important}
@media(max-width:760px){
body.page-id-19 .draft-services{padding:37px 0 40px!important}
body.page-id-19 .draft-services .draft-section-heading{margin-bottom:22px!important}
body.page-id-19 .draft-services .draft-section-heading>p{display:none!important}
body.page-id-19 .draft-services .draft-service-feature{min-height:0!important}
body.page-id-19 .draft-services .draft-service-photo{height:185px!important;aspect-ratio:auto!important;overflow:hidden!important}
body.page-id-19 .draft-services .draft-service-photo img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 38%!important}
body.page-id-19 .draft-services .draft-service-body{padding:20px 22px 22px!important}
body.page-id-19 .draft-services .draft-service-feature .draft-card-top{margin-bottom:12px!important}
body.page-id-19 .draft-services .draft-service:not(.draft-service-feature){min-height:0!important;padding:20px 22px!important}
body.page-id-19 .draft-services .draft-card-top{margin-bottom:14px!important}
body.page-id-19 .draft-services .draft-service h3{font-size:clamp(23px,6vw,28px)!important}
body.page-id-19 .draft-services .draft-service p{font-size:16px!important;line-height:1.45!important;margin-bottom:17px!important}
body.page-id-19 .draft-services .draft-card-foot{padding-top:13px!important;min-height:44px!important}
}

/* Service cards: visible desktop interaction */
@media(hover:hover) and (pointer:fine){
 body.page-id-19 .draft-services .draft-service{transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease!important;position:relative;z-index:0}
 body.page-id-19 .draft-services .draft-service:hover{transform:translateY(-5px)!important;background:#eef0e5!important;border-color:#b29a35!important;box-shadow:0 15px 30px rgba(31,39,24,.15)!important;z-index:2}
 body.page-id-19 .draft-services .draft-service-feature:hover{background:#e5eadb!important}
 body.page-id-19 .draft-services .draft-service .mx-direction-arrow{transition:transform .28s ease!important}
 body.page-id-19 .draft-services .draft-service:hover .mx-direction-arrow{transform:translate(3px,-3px)!important}
 body.page-id-19 .draft-services .draft-service-photo img{transition:transform .45s ease!important}
 body.page-id-19 .draft-services .draft-service-feature:hover .draft-service-photo img{transform:scale(1.045)!important}
}
/* Parts introduction: one clear message, one visual, one action */
body.page-id-19 .draft-parts{padding:37px max(32px,calc((100% - 1600px)/2)) 0!important}
body.page-id-19 .draft-parts .section-kicker{margin-bottom:24px!important}
body.page-id-19 .draft-parts-inner{max-width:1280px!important;gap:clamp(34px,5vw,75px)!important;grid-template-columns:1fr 1fr!important;padding:0 0 42px!important}
body.page-id-19 .draft-part-copy{height:auto!important;padding:0!important}
body.page-id-19 .draft-part-copy .eyebrow,body.page-id-19 .parts-facts,body.page-id-19 .parts-image-caption,body.page-id-19 .parts-bottom-line{display:none!important}
body.page-id-19 .draft-part-copy h2{font-size:clamp(34px,3vw,44px)!important;line-height:1.13!important;margin:0 0 21px!important}
body.page-id-19 .draft-part-copy .parts-lead{font-size:18px!important;line-height:1.5!important;margin:0 0 11px!important}
body.page-id-19 .draft-part-copy .parts-description{font-size:16px!important;line-height:1.55!important;max-width:480px!important;margin:0 0 27px!important}
body.page-id-19 .draft-parts .draft-btn{font-size:15px!important;min-height:49px!important;gap:30px!important;padding:13px 18px!important}
body.page-id-19 .draft-parts-visual{padding:0!important;box-shadow:none!important;border:1px solid #c8cabb!important;background:transparent!important}
body.page-id-19 .draft-parts-visual:before{width:54px!important}
body.page-id-19 .parts-photo-frame{height:295px!important;background:#252a23!important}
body.page-id-19 .parts-photo-frame img{height:100%!important;object-fit:cover!important;object-position:center 53%!important}
@media(max-width:760px){
 body.page-id-19 .draft-parts{padding:30px 20px 0!important}
 body.page-id-19 .draft-parts .section-kicker{margin-bottom:20px!important}
 body.page-id-19 .draft-parts-inner{grid-template-columns:1fr!important;gap:24px!important;padding:0 0 34px!important}
 body.page-id-19 .draft-part-copy h2{font-size:clamp(32px,8vw,40px)!important;margin-bottom:17px!important}
 body.page-id-19 .draft-part-copy .parts-lead{font-size:17px!important;margin-bottom:9px!important}
 body.page-id-19 .draft-part-copy .parts-description{font-size:16px!important;margin-bottom:21px!important}
 body.page-id-19 .draft-parts .draft-btn{font-size:15px!important}
 body.page-id-19 .draft-parts-visual{max-width:none!important;width:100%!important}
 body.page-id-19 .parts-photo-frame{height:220px!important;aspect-ratio:auto!important;overflow:hidden!important}
 body.page-id-19 .parts-photo-frame img{height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 55%!important}
}

/* MUXXI framed parts slider */
body.page-id-19 .draft-parts .mx-parts-slider{position:relative!important;isolation:isolate;overflow:hidden!important;height:295px!important;background:#171b17!important;border:7px solid #f7f6ef!important;outline:1px solid #d9c044;outline-offset:-1px}
body.page-id-19 .draft-parts .mx-parts-slider::before{content:"";position:absolute;inset:6px;border:1px solid rgba(241,216,58,.75);z-index:3;pointer-events:none}
body.page-id-19 .draft-parts .mx-parts-slider::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 61%,rgba(5,8,6,.6));z-index:2;pointer-events:none}
body.page-id-19 .draft-parts .mx-part-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
body.page-id-19 .draft-parts .mx-part-slide.is-active{opacity:1}
body.page-id-19 .draft-parts .mx-parts-slider .mx-part-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important}
body.page-id-19 .draft-parts .mx-part-controls{position:absolute;bottom:14px;right:17px;z-index:5;display:flex;align-items:center;gap:9px;color:#fff;font:700 12px/1 Arial,sans-serif}
body.page-id-19 .draft-parts .mx-part-controls button{width:34px;height:34px;display:grid;place-items:center;background:rgba(7,11,8,.63);border:1px solid rgba(245,245,235,.55);border-radius:0;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer;padding:0}
body.page-id-19 .draft-parts .mx-part-controls button:hover,body.page-id-19 .draft-parts .mx-part-controls button:focus-visible{background:#ead144;color:#151915;border-color:#ead144}
body.page-id-19 .draft-parts .mx-part-count{min-width:49px;text-align:center;text-shadow:0 1px 4px #111}
@media(max-width:760px){body.page-id-19 .draft-parts .mx-parts-slider{height:220px!important}body.page-id-19 .draft-parts .mx-part-controls{bottom:12px;right:13px}}
@media(prefers-reduced-motion:reduce){body.page-id-19 .draft-parts .mx-part-slide{transition:none}}

/* Align parts block to the shared 1600px content area and enlarge the framed image */
body.page-id-19 .draft-parts:before{left:max(32px,calc((100% - 1600px)/2))!important;width:min(230px,21%)!important}
body.page-id-19 .draft-parts .section-kicker,body.page-id-19 .draft-parts .draft-parts-inner{width:100%!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}
body.page-id-19 .draft-parts .draft-parts-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:54px!important;padding-bottom:40px!important}
body.page-id-19 .draft-parts .mx-parts-slider{height:330px!important}
@media(max-width:760px){body.page-id-19 .draft-parts:before{left:20px!important;width:30%!important}body.page-id-19 .draft-parts .draft-parts-inner{grid-template-columns:1fr!important;gap:24px!important}body.page-id-19 .draft-parts .mx-parts-slider{height:235px!important}}

/* Corporate story: steps at left and stronger reading hierarchy */
@media(min-width:761px){body.page-id-19 .draft-corporate{grid-template-columns:1.08fr .92fr!important;gap:clamp(55px,7vw,115px)!important}body.page-id-19 .draft-corporate .corporate-steps{grid-column:1;grid-row:1}body.page-id-19 .draft-corporate .corporate-intro{grid-column:2;grid-row:1}}
body.page-id-19 .draft-corporate .corporate-steps h4{font-size:18px!important;font-weight:650!important;color:#20291f!important;line-height:1.3!important;margin-bottom:7px!important}
body.page-id-19 .draft-corporate .corporate-steps p{font-size:16px!important;font-weight:500!important;line-height:1.55!important;color:#53614f!important;max-width:48ch!important}
body.page-id-19 .draft-corporate .corporate-steps>div>span{font-size:12px!important;font-weight:700!important;color:#958126!important}
body.page-id-19 .draft-corporate .corporate-intro p{font-size:16px!important;line-height:1.6!important;color:#596553!important}
body.page-id-19 .draft-corporate .corporate-intro a{font-size:15px!important}
@media(max-width:760px){body.page-id-19 .draft-corporate .corporate-steps h4{font-size:17px!important}body.page-id-19 .draft-corporate .corporate-steps p{font-size:15px!important}}

/* Framed corporate introduction aligned to the 1600px grid edge */
body.page-id-19 .draft-corporate .corporate-intro{position:relative;box-sizing:border-box;width:100%;min-height:345px;padding:30px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f5f4ed;border:1px solid #d7d9c8}
body.page-id-19 .draft-corporate .corporate-intro::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:2px;background:#b7a13c}
body.page-id-19 .draft-corporate .corporate-intro h3{margin:14px 0 18px!important}
body.page-id-19 .draft-corporate .corporate-intro p{margin:0 auto 22px!important}
body.page-id-19 .draft-corporate .corporate-intro a{justify-content:center}
@media(max-width:760px){body.page-id-19 .draft-corporate .corporate-intro{min-height:0;padding:32px 22px;margin-bottom:24px}}

/* Larger lettering inside the framed corporate panel */
body.page-id-19 .draft-corporate .corporate-intro .eyebrow{font-size:12px!important;letter-spacing:.13em!important}
body.page-id-19 .draft-corporate .corporate-intro h3{font-size:clamp(36px,3.1vw,42px)!important;line-height:1.13!important}
body.page-id-19 .draft-corporate .corporate-intro p{font-size:18px!important;line-height:1.55!important;max-width:420px!important}
body.page-id-19 .draft-corporate .corporate-intro a{font-size:17px!important}
@media(max-width:760px){body.page-id-19 .draft-corporate .corporate-intro h3{font-size:clamp(30px,8vw,38px)!important}body.page-id-19 .draft-corporate .corporate-intro p{font-size:17px!important}body.page-id-19 .draft-corporate .corporate-intro a{font-size:16px!important}}

/* Moving gold detail on the corporate panel */
@media(hover:hover) and (pointer:fine){
 body.page-id-19 .draft-corporate .corporate-intro::before{transition:left .62s cubic-bezier(.22,.7,.16,1),background-color .35s ease!important}
 body.page-id-19 .draft-corporate .corporate-intro:hover::before{left:calc(100% - 55px)!important;background:#e2c83f!important}
}
@media(prefers-reduced-motion:reduce){body.page-id-19 .draft-corporate .corporate-intro::before{transition:none!important}}

/* 1600px services alignment and shared heading panel */
body.page-id-19 .draft-services .wrap{width:min(1600px,calc(100% - 64px))!important;max-width:1600px!important;margin-inline:auto!important}
body.page-id-19 .draft-services .section-kicker{max-width:none!important}
@media(max-width:760px){
body.page-id-19 .draft-services .wrap{width:calc(100% - 36px)!important}
body.page-id-19 .draft-services .draft-section-heading{position:relative;box-sizing:border-box;padding:19px 20px!important;background:#f5f4ed;border:1px solid #d7d9c8;gap:14px!important}
body.page-id-19 .draft-services .draft-section-heading::before{content:"";position:absolute;left:-1px;top:-1px;width:46px;height:2px;background:#b7a13c}
body.page-id-19 .draft-services .draft-section-heading>p{display:block!important;margin:0!important;padding:0!important;max-width:45ch!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;color:#53614f!important}
}
/* Match the 01 / 02 / 03 small header strips to the parts section's 1600px line */
body.page-id-19 .draft-services .section-kicker,
body.page-id-19 .draft-parts .section-kicker{width:100%!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}
body.page-id-19 .draft-work .section-kicker{box-sizing:border-box;width:min(1600px,calc(100vw - 64px))!important;max-width:1600px!important;position:relative;left:50%;transform:translateX(-50%);margin-left:0!important;margin-right:0!important}
@media(max-width:760px){body.page-id-19 .draft-work .section-kicker{width:calc(100vw - 36px)!important}}
/* Compact spacing between the shared intro, 01 line, and service cards */
body.page-id-19 .draft-services .draft-section-heading{margin-bottom:19px!important}
body.page-id-19 .draft-services .section-kicker{margin-bottom:18px!important}
@media(max-width:760px){body.page-id-19 .draft-services .draft-section-heading{margin-bottom:16px!important}body.page-id-19 .draft-services .section-kicker{margin-bottom:16px!important}}
/* Homepage section labels and framed services introduction */
body.page-id-19 .draft-services .section-kicker,
body.page-id-19 .draft-parts .section-kicker,
body.page-id-19 .draft-work .section-kicker{font-size:12px!important;line-height:1.45!important}
body.page-id-19 .draft-services .section-kicker i,
body.page-id-19 .draft-parts .section-kicker i,
body.page-id-19 .draft-work .section-kicker i{font-size:12px!important}
body.page-id-19 .draft-work .draft-section-heading .eyebrow{font-size:12px!important}
@media(min-width:761px){
body.page-id-19 .draft-services .draft-section-heading{position:relative;box-sizing:border-box;align-items:center!important;gap:32px!important;padding:16px 24px!important;background:#f5f4ed;border:1px solid #d7d9c8}
body.page-id-19 .draft-services .draft-section-heading::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:2px;background:#b7a13c}
body.page-id-19 .draft-services .draft-section-heading>p{box-sizing:border-box;flex:0 0 min(36%,470px);max-width:470px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#53614f!important;font-size:17px!important;font-weight:500!important;line-height:1.45!important}
body.page-id-19 .draft-services .draft-section-heading>p::before{content:none!important}
}
@media(max-width:760px){
body.page-id-19 .draft-services .section-kicker,
body.page-id-19 .draft-parts .section-kicker,
body.page-id-19 .draft-work .section-kicker{font-size:11px!important}
body.page-id-19 .draft-services .section-kicker i,
body.page-id-19 .draft-parts .section-kicker i,
body.page-id-19 .draft-work .section-kicker i{font-size:11px!important}
}