/* Optional cinematic art direction. The production homepage is unchanged. */
.mex-redesign.mex-cinematic,
.mex-redesign.mex-cinematic.mex-theme-dark { --paper:#080d14; --surface:#0f1822; --ink:#f1f3f5; --muted:#a1aebb; --line:#ffffff20; --blue:#9dcddd; --lime:#dfc298; background:#080d14; color:#f1f3f5; }
.mex-cinematic { -webkit-font-smoothing:antialiased; }
.mex-cinematic ::selection { background:#dfc298; color:#080d14; }
.mex-cinematic header nav.navbar,
.mex-cinematic header.header-appear nav.navbar.navbar-default { background:#080e17d9 !important; backdrop-filter:blur(20px); box-shadow:none; border-bottom:1px solid #ffffff18; }
.mex-cinematic header .mex-header-quote { background:#dfc298; color:#111820 !important; border-radius:2px; }
.mex-cinematic .mex-hero-slider { isolation:isolate; }
.mex-redesign.mex-cinematic .mex-hero-slider { height:calc(100svh - 84px); min-height:730px; max-height:1050px; }
.mex-cinematic .mex-slide-image { filter:saturate(.78) contrast(1.08); }
.mex-cinematic .mex-slide-image.is-active { animation:mex-cinema-drift 10s ease-out both; }
@keyframes mex-cinema-drift { from{transform:scale(1.01)}to{transform:scale(1.07)} }
.mex-cinematic .mex-slide-shade { background:linear-gradient(90deg,#060d16ed,#060d1660 52%,#060d1610),linear-gradient(0deg,#080d14 0%,#080d1470 17%,transparent 62%); }
.mex-redesign.mex-cinematic .mex-slider-layout { padding-top:80px; }
.mex-cinematic .mex-slider-copy { max-width:850px; padding-bottom:64px; }
.mex-redesign.mex-cinematic .mex-slider-copy h1 { font-size:clamp(52px,6.3vw,98px); font-weight:400; line-height:1.01; letter-spacing:-.065em; text-shadow:0 4px 28px #00000025; }
.mex-cinematic .mex-slider-eyebrow { font-size:9px; letter-spacing:.23em; color:#dfc298; margin-bottom:30px; }
.mex-cinematic .mex-slider-eyebrow:before { background:#dfc298; box-shadow:none; }
.mex-redesign.mex-cinematic .mex-slider-description { color:#c4ced6; max-width:460px; font-size:15px; }
.mex-cinematic .mex-slider-primary { background:#dfc298; color:#111820; border-color:#dfc298; border-radius:2px; }
.mex-cinematic .mex-slider-primary:hover { background:#f4dfbf; }
.mex-cinematic .mex-slider-secondary { border-radius:2px; background:transparent; border-color:#ffffff40; }
.mex-cinematic .mex-slider-note { letter-spacing:.2em; color:#9dadba; }
.mex-cinematic .mex-slide-selectors { border-color:#ffffff25; }
.mex-cinematic .mex-slide-selectors button[aria-current="true"] { border-color:#dfc298; }
.mex-cinematic .mex-slide-selectors button[aria-current="true"] .mex-slide-number { color:#dfc298; }
.mex-cinematic .mex-capability-strip { background:#080d14; border-color:#ffffff18; }
.mex-cinematic .mex-capability-strip .container { color:#c3cbd0; letter-spacing:.03em; min-height:96px; }
.mex-cinematic .mex-capability-strip i { color:#dfc298; font-size:14px; }
.mex-redesign.mex-cinematic main > section:not(#home) { padding-block:132px !important; }
.mex-cinematic #features { border-color:#ffffff18; }
.mex-cinematic .mex-approach-photo { position:relative; }
.mex-cinematic .mex-approach-photo img { filter:saturate(.65) contrast(1.04); border-radius:0; }
.mex-cinematic .mex-approach-photo figcaption { color:#8695a5; padding-top:18px; font-size:8px; }
.mex-redesign.mex-cinematic .mex-approach-copy h2 { font-size:clamp(36px,3.6vw,52px); font-weight:400; letter-spacing:-.045em; }
.mex-redesign.mex-cinematic .mex-approach-eyebrow { color:#dfc298; font-size:9px; letter-spacing:.17em; }
.mex-redesign.mex-cinematic .mex-approach-copy > .mex-approach-lead { color:#d3dce1; }
.mex-cinematic .mex-approach-link { color:#dfc298; border-color:#dfc29870; }
.mex-redesign.mex-cinematic .area-title { font-size:clamp(36px,4.5vw,62px); font-weight:400; letter-spacing:-.05em; }
.mex-cinematic .area-heading > .text-medium { color:#dfc298 !important; letter-spacing:.19em; font-size:9px; }
.mex-cinematic #products { background-image:radial-gradient(ellipse at 80% 20%,#18404b24,transparent 55%); }
.mex-cinematic .mex-product-card { border-color:#ffffff1c; border-radius:3px; overflow:hidden; }
.mex-cinematic .mex-product-card:hover { border-color:#dfc29855; box-shadow:0 25px 65px #00000040; }
.mex-redesign.mex-cinematic .mex-product-card-top { background:#111e29; min-height:270px; }
.mex-cinematic .mex-product-card-top img { filter:saturate(.78); border-radius:2px; }
.mex-redesign.mex-cinematic .mex-product-heading h3 { color:#eff3f6; font-size:29px; font-weight:400; }
.mex-redesign.mex-cinematic .mex-product-kicker { color:#bba483; font-size:8px; letter-spacing:.13em; }
.mex-redesign.mex-cinematic .mex-product-icon { color:#dfc298; }
.mex-redesign.mex-cinematic .mex-product-fit { background:#ffffff05; color:#dce5e9; }
.mex-cinematic .mex-card-link { color:#dfc298; }
.mex-cinematic .mex-quote-link { color:#dce5e9; border-color:#ffffff30; }
.mex-cinematic .mex-product-card-body li:before { background:#dfc298; }
.mex-redesign.mex-cinematic main > section#services { background:#0c151e; border-block:1px solid #ffffff12; }
.mex-cinematic .mex-services-grid { border-color:#ffffff18; background:#ffffff18; }
.mex-redesign.mex-cinematic #services .mex-service-card { background:#0c151e; padding:36px 30px; }
.mex-redesign.mex-cinematic #services .mex-service-card:hover { background:#121f2b; }
.mex-cinematic .service-container .service-icon { color:#dfc298; }
.mex-cinematic .mex-service-title { letter-spacing:-.035em; font-weight:400; }
.mex-cinematic .mex-service-points li:before { background:#dfc298; box-shadow:none; }
.mex-cinematic .mex-about-panel { border-color:#ffffff1a; background:#101a24; }
.mex-cinematic .mex-about-panel:before { background:#dfc298; height:1px; }
.mex-cinematic .mex-about-step > svg { background:#1d303f; color:#dfc298; box-shadow:none; }
.mex-cinematic .mex-about-insight svg { color:#dfc298; }
.mex-cinematic .mex-team-media { border-radius:2px; background:#19252d; }
.mex-cinematic .mex-team-media img { filter:saturate(.4); }
.mex-cinematic .mex-team-role-tag { background:#101a24; color:#e0c9a9; }
.mex-redesign.mex-cinematic #clients { background:#0b121b; }
.mex-cinematic .mex-client-grid img { background:#fff; border-radius:2px; filter:grayscale(1); opacity:.8; }
.mex-redesign.mex-cinematic #contact .address { background:#0f1822 !important; }
.mex-cinematic #contact .btn-black { background:#dfc298; color:#101820; }
.mex-redesign.mex-cinematic footer { background:#05090e !important; border-top:1px solid #ffffff18; padding-bottom:75px; }
.mex-cinematic .mex-footer-cta { color:#dfc298; }
.mex-cinematic .mex-splash { background:#080e16 !important; }
.mex-cinematic .mex-splash-grid { opacity:.45; }
.mex-cinematic .mex-splash-center h2 em { color:#dfc298; }
.mex-cinematic .mex-splash-line span { background:#dfc298; }
.mex-cinematic .mex-splash-orbit > span { border-color:#dfc2981a; }
.mex-cinematic .mex-splash-orbit > span:first-child:after { background:#dfc298; box-shadow:0 0 30px #dfc29850; }
.mex-preview-switch { position:fixed; inset:0 0 auto; height:32px; z-index:1000; display:flex; align-items:center; justify-content:center; gap:18px; background:#111c28; border-bottom:1px solid #ffffff20; color:#f1f3f5; padding:4px 12px; font:400 10px/1.5 Arial,sans-serif; white-space:nowrap; }
.mex-cinematic header nav.navbar { top:0; }
.mex-redesign.mex-cinematic #home { padding-top:84px !important; }
.mex-redesign.mex-cinematic .mex-hero-slider { height:calc(100svh - 84px); }
.mex-cinematic #showMenu { top:18px !important; }
.mex-preview-switch span { color:#dfc298; }
.mex-preview-switch a { color:#f1f3f5; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1199px) { .mex-redesign.mex-cinematic .mex-hero-slider{min-height:720px}.mex-redesign.mex-cinematic .mex-slider-copy h1{font-size:76px}.mex-cinematic .mex-slider-copy{max-width:760px} }
@media(max-width:767px) {
    .mex-redesign.mex-cinematic .mex-hero-slider { min-height:790px; height:auto; }
    .mex-redesign.mex-cinematic .mex-slider-layout { padding-top:65px; min-height:790px; }
    .mex-redesign.mex-cinematic .mex-slider-copy h1 { font-size:clamp(40px,11vw,66px); line-height:1.04; }
    .mex-cinematic .mex-slider-copy { padding-bottom:45px; }
    .mex-cinematic .mex-slider-eyebrow { font-size:8px; letter-spacing:.1em; }
    .mex-redesign.mex-cinematic .mex-slider-description { font-size:13px; }
    .mex-cinematic .mex-slider-actions { gap:10px; }
    .mex-cinematic .mex-slide-shade { background:linear-gradient(90deg,#060d16da,#060d1660),linear-gradient(0deg,#080d14,transparent 80%); }
    .mex-redesign.mex-cinematic main > section:not(#home) { padding-block:75px !important; }
    .mex-redesign.mex-cinematic .mex-approach-copy h2 { font-size:36px; }
    .mex-redesign.mex-cinematic .mex-product-card-top { min-height:200px; }
    .mex-redesign.mex-cinematic .mex-product-heading h3 { font-size:24px; }
    .mex-redesign.mex-cinematic .area-title { font-size:38px; }
    .mex-preview-switch { font-size:9px; gap:14px; }
}
@media(max-width:359px) { .mex-redesign.mex-cinematic .mex-slider-copy h1 { font-size:38px; }.mex-cinematic .mex-slider-actions a{font-size:10px;gap:8px} }
@media(prefers-reduced-motion:reduce) { .mex-cinematic .mex-slide-image.is-active { animation:none; } }