:root{--black:#0b0d10;--ink:#171a1f;--blue:#39a8f4;--blue2:#278fd8;--copy:#656c73;--line:#d9dde1;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;overflow-x:hidden;color:var(--ink)}
.mm-site-header{position:sticky;top:0;z-index:9999;background:var(--black)}.admin-bar .mm-site-header{top:32px}.mm-header-inner{max-width:1320px;min-height:70px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.mm-brand{color:#fff;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:.08em}.mm-menu{list-style:none;display:flex;gap:28px;padding:0;margin:0}.mm-menu a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:25px 0 22px;display:block;border-bottom:3px solid transparent}.mm-menu a:hover,.mm-menu a.is-active{color:var(--blue);border-bottom-color:var(--blue)}.mm-menu-toggle{display:none!important}
.mm5-hero>.elementor-container{max-width:none!important}.mm5-hero .elementor-column{min-height:520px}.mm5-hero-photo-col>.elementor-widget-wrap{padding:0!important}.mm5-hero-photo,.mm5-hero-photo .elementor-widget-container,.mm5-hero-photo .elementor-image{height:100%}.mm5-hero-photo img{width:100%!important;height:520px!important;object-fit:cover!important;object-position:center 34%!important;display:block}.mm5-hero-copy-col>.elementor-widget-wrap{background:var(--black)!important;padding:38px 46px!important;align-content:center!important}.mm5-hero-title .elementor-heading-title{color:#fff!important;font-size:76px!important;line-height:.86!important;font-weight:800!important;letter-spacing:-.055em!important}.mm5-hero-tag .elementor-heading-title{color:var(--blue)!important;font-size:15px!important;font-weight:700!important}.mm5-hero-role .elementor-heading-title{color:#fff!important;font-size:14px!important}.mm5-hero-body{color:#e7ebee!important;font-size:14px;line-height:1.6;max-width:650px}.mm5-hero-body p{margin:0}.mm5-btn{display:inline-block!important;width:auto!important;margin-right:10px!important}.mm5-btn .elementor-button{border-radius:0!important;padding:13px 18px!important;font-size:12px!important;font-weight:700!important}.mm5-btn-primary .elementor-button{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important}.mm5-btn-outline .elementor-button{background:transparent!important;color:#fff!important;border:1px solid #fff!important}.mm5-hero-contact{color:#c6ccd1!important;font-size:10px!important;margin-top:16px}.mm5-hero-contact p{margin:0}
.mm5-section{padding-left:30px!important;padding-right:30px!important}.mm5-section>.elementor-container{max-width:1320px!important;margin:auto}.mm5-eyebrow .elementor-heading-title{color:#202429!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important}.mm5-eyebrow .elementor-heading-title:before{content:"";display:inline-block;width:25px;height:2px;background:var(--blue);margin-right:8px;vertical-align:middle}.mm5-section-title .elementor-heading-title{color:var(--ink)!important;font-size:24px!important;font-weight:800!important;line-height:1.05!important}
.mm5-work-head{padding-top:22px!important;padding-bottom:7px!important}.mm5-project-grid{padding-top:4px!important;padding-bottom:17px!important}.mm5-project-card{padding:0 6px!important}.mm5-project-card>.elementor-widget-wrap{background:#fff!important;border:1px solid var(--line)!important;padding-bottom:12px!important}.mm5-project-image{height:165px!important;margin:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.mm5-project-image-1{background-image:url('../images/project-1.jpg')!important}.mm5-project-image-2{background-image:url('../images/project-2.jpg')!important}.mm5-project-image-3{background-image:url('../images/project-3.jpg')!important}.mm5-project-image-4{background-image:url('../images/project-4.jpg')!important}.mm5-project-image .elementor-widget-container,.mm5-project-image .elementor-image{height:165px!important}.mm5-project-image img{width:100%!important;height:165px!important;object-fit:cover!important}.mm5-project-card .elementor-widget-heading,.mm5-project-card .elementor-widget-text-editor,.mm5-project-card .elementor-widget-button{padding-left:13px!important;padding-right:13px!important}.mm5-project-title{padding-top:11px!important;margin-bottom:2px!important}.mm5-project-title .elementor-heading-title{color:var(--ink)!important;font-size:15px!important;font-weight:800!important}.mm5-project-tags .elementor-heading-title{color:var(--blue2)!important;font-size:10px!important;font-weight:700!important}.mm5-project-desc{color:#555d64!important;font-size:11px!important;line-height:1.46!important;min-height:72px}.mm5-project-desc p{margin:0}.mm5-project-link .elementor-button{background:transparent!important;color:var(--ink)!important;border:0!important;padding:0!important;font-size:10px!important;font-weight:800!important}
.mm5-metrics{background:var(--black)!important;padding:26px 30px!important}.mm5-metrics>.elementor-container{max-width:1320px!important;margin:auto}.mm5-metrics .elementor-column{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.mm5-metrics .elementor-column:last-child{border-right:0}.mm5-metric-number .elementor-heading-title{color:#fff!important;font-size:34px!important;font-weight:800!important}.mm5-metric-label .elementor-heading-title{color:#fff!important;font-size:11px!important;font-weight:800!important}.mm5-metric-sub{color:#c7cdd2!important;font-size:10px!important}.mm5-metric-sub p{margin:0}
.mm5-exp-head{padding-top:21px!important;padding-bottom:6px!important}.mm5-exp-grid{padding-top:4px!important;padding-bottom:10px!important}.mm5-exp-grid>.elementor-container{border-top:2px solid var(--blue)!important}.mm5-exp-card{padding:10px 12px 7px!important;border-right:1px solid var(--line)!important}.mm5-exp-card:last-child{border-right:0!important}.mm5-exp-date .elementor-heading-title{color:var(--blue2)!important;font-size:10px!important}.mm5-exp-company .elementor-heading-title{color:var(--ink)!important;font-size:13px!important;font-weight:800!important}.mm5-exp-role .elementor-heading-title{color:#24292d!important;font-size:10px!important}.mm5-exp-desc{color:#60676d!important;font-size:9.5px!important;line-height:1.42!important}.mm5-exp-desc p{margin:0}
.mm5-compact{padding-top:10px!important;padding-bottom:10px!important;border-top:1px solid var(--line)!important}.mm5-compact-col{padding:0 12px!important}.mm5-skill-list>div{margin:5px 0}.mm5-skill-list span{display:block;font-size:8px;font-weight:700;margin-bottom:2px}.mm5-skill-list b{height:4px;background:#e1e5e8;display:block}.mm5-skill-list b:before{content:"";display:block;height:100%;width:82%;background:var(--blue2)}.mm5-process{display:flex;gap:7px}.mm5-process>div{flex:1;text-align:center}.mm5-process strong{font-size:8px;display:block;margin-bottom:3px}.mm5-process span{font-size:7.5px;line-height:1.3;color:#626970;display:block}.mm5-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mm5-tools span{font-size:9px;font-weight:800;text-align:center;border:1px solid var(--line);padding:5px 2px}.mm5-tools small{font-size:6.5px;color:#626970;font-weight:500}
.mm5-testimonial-band{background:#0d1013!important;color:#fff;padding:17px 30px!important}.mm5-testimonial-band>.elementor-container,.mm5-contact-band>.elementor-container{max-width:1320px!important;margin:auto;align-items:center}.mm5-testimonial blockquote{color:#fff;font-size:11px;line-height:1.5;margin:0}.mm5-testimonial p{color:var(--blue)!important;font-size:8px;margin:5px 0 0}.mm5-studio-mark{width:110px;height:62px;margin:auto;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:24px}.mm5-studio-mark span{font-size:7px;letter-spacing:.18em}.mm5-contact-band{background:var(--blue2)!important;color:#fff;padding:17px 30px!important}.mm5-contact-title .elementor-heading-title{color:#fff!important;font-size:23px!important;font-weight:800!important;line-height:1!important}.mm5-contact-sub{color:#fff!important;font-size:9px!important}.mm5-contact-button .elementor-button{width:100%!important;background:transparent!important;color:#fff!important;border:1px solid #fff!important;border-radius:0!important;font-size:10px!important}.mm5-contact-info{color:#fff;font-size:8.5px;line-height:1.65}.mm5-resume-anchor{height:0!important;padding:0!important;overflow:hidden!important}.mm5-resume-anchor .elementor-button{display:none!important}
.mm-site-footer{background:var(--black);color:#fff;padding:15px 24px}.mm-footer-inner{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center}.mm-footer-inner strong{display:block;font-size:12px}.mm-footer-inner span{font-size:10px;color:#abb2b8}.mm-back-top{color:var(--blue);font-size:10px;text-decoration:none;font-weight:700}
@media(max-width:767px){html{scroll-padding-top:64px}.admin-bar .mm-site-header{top:46px}.mm-header-inner{min-height:64px;padding:0 18px}.mm-menu-toggle{display:flex!important;background:transparent;border:0;color:#fff}.mm-primary-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--black)}.mm-primary-nav.is-open{display:block}.mm-menu{display:block;padding:8px 18px 14px}.mm-menu a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.mm5-hero .elementor-column{width:100%!important;min-height:0}.mm5-hero-photo img{height:360px!important}.mm5-hero-copy-col>.elementor-widget-wrap{padding:28px 20px!important}.mm5-hero-title .elementor-heading-title{font-size:56px!important}.mm5-btn{display:block!important;width:100%!important;margin:0 0 10px!important}.mm5-btn .elementor-button{width:100%!important}.mm5-project-grid .elementor-column{width:100%!important;margin-bottom:12px}.mm5-project-image,.mm5-project-image .elementor-widget-container,.mm5-project-image .elementor-image,.mm5-project-image img{height:200px!important}.mm5-project-desc{min-height:0}.mm5-metrics .elementor-column{width:50%!important;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.mm5-exp-grid>.elementor-container,.mm5-compact>.elementor-container{display:block!important}.mm5-exp-grid .elementor-column,.mm5-compact .elementor-column{width:100%!important}.mm5-exp-card{border-right:0!important;border-bottom:1px solid var(--line)!important}.mm5-process{display:block}.mm5-process>div{text-align:left;margin:10px 0}.mm5-tools{grid-template-columns:repeat(2,1fr)}.mm5-testimonial-band .elementor-column,.mm5-contact-band .elementor-column{width:100%!important}.mm5-studio-mark{margin:12px 0}.mm5-contact-button{margin:12px 0}}


/* ==========================================================
   v1.7 PORTFOLIO POLISH — approved refinement only
   ========================================================== */

/* Featured work: more breathing room and true 16:9 visuals */
.mm5-work-head{padding-top:30px!important;padding-bottom:14px!important}
.mm5-project-grid{padding-top:4px!important;padding-bottom:24px!important}
.mm5-project-card{padding:0 8px!important}
.mm5-project-image,
.mm5-project-image .elementor-widget-container,
.mm5-project-image .elementor-image{
  height:auto!important;
  aspect-ratio:16/9!important;
}
.mm5-project-image img{
  width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;
}
.mm5-project-image-1{background-image:url('../images/project-1.jpg')!important}
.mm5-project-image-2{background-image:url('../images/project-2.jpg')!important}
.mm5-project-image-3{background-image:url('../images/project-3.jpg')!important}
.mm5-project-image-4{background-image:url('../images/project-4.jpg')!important}
.mm5-project-card>.elementor-widget-wrap{height:100%;box-shadow:0 3px 12px rgba(0,0,0,.055)!important}
.mm5-project-title{padding-top:14px!important}
.mm5-project-title .elementor-heading-title{font-size:17px!important}
.mm5-project-tags .elementor-heading-title{font-size:11px!important}
.mm5-project-desc{font-size:12px!important;line-height:1.55!important;min-height:78px!important}
.mm5-project-link .elementor-button{font-size:10.5px!important}

/* Timeline: slightly more readable without increasing section height much */
.mm5-exp-head{padding-top:27px!important;padding-bottom:9px!important}
.mm5-exp-card{padding:13px 14px 11px!important;border-right-color:#e4e7e9!important}
.mm5-exp-date .elementor-heading-title{font-size:11px!important}
.mm5-exp-company .elementor-heading-title{font-size:14px!important}
.mm5-exp-role .elementor-heading-title{font-size:11px!important;line-height:1.3!important}
.mm5-exp-desc{font-size:10.5px!important;line-height:1.48!important}

/* Competencies / Process / Tools: enlarge and use available width */
.mm5-compact{padding-top:20px!important;padding-bottom:22px!important}
.mm5-compact-col{padding:0 18px!important}
.mm5-compact .mm5-eyebrow{margin-bottom:14px!important}
.mm5-skill-list>div{margin:9px 0!important}
.mm5-skill-list span{font-size:10.5px!important;margin-bottom:4px!important}
.mm5-skill-list b{height:6px!important;border-radius:6px;overflow:hidden}
.mm5-process{gap:12px!important;align-items:flex-start}
.mm5-process>div{position:relative;padding-top:30px}
.mm5-process>div:before{
  content:"";position:absolute;top:6px;left:50%;width:13px;height:13px;margin-left:-6px;
  background:#278fd8;border-radius:50%;box-shadow:0 0 0 4px #e8f4fc;
}
.mm5-process>div:not(:last-child):after{
  content:"";position:absolute;top:12px;left:56%;right:-44%;height:1px;background:#b9d9ef;
}
.mm5-process strong{font-size:10px!important;margin-bottom:6px!important}
.mm5-process span{font-size:9.5px!important;line-height:1.42!important}
.mm5-tools{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
.mm5-tools span{min-height:58px;display:flex;flex-direction:column;justify-content:center;font-size:12px!important;padding:8px 4px!important;background:#fff}
.mm5-tools small{font-size:8px!important;margin-top:3px}

/* Replace fake testimonial look with a value proposition strip */
.mm5-testimonial-band{padding:22px 30px!important}
.mm5-testimonial blockquote{font-size:12.5px!important;line-height:1.55!important;max-width:900px}
.mm5-testimonial blockquote strong{font-size:11px;letter-spacing:.08em;color:#39a8f4}
.mm5-testimonial p{font-size:9px!important;letter-spacing:.06em!important}

/* Contact: message -> readable contact info -> CTA */
.mm5-contact-band{padding:23px 30px!important}
.mm5-contact-title .elementor-heading-title{font-size:26px!important}
.mm5-contact-sub{font-size:11px!important}
.mm5-contact-info{font-size:11px!important;line-height:1.75!important}
.mm5-contact-button .elementor-button{font-size:11px!important;padding:14px 18px!important}

/* Maintain compact approved composition */
.mm5-metrics{padding-top:27px!important;padding-bottom:27px!important}

@media(max-width:1024px){
  .mm5-project-desc{min-height:96px!important}
  .mm5-process>div:not(:last-child):after{display:none}
  .mm5-tools{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:767px){
  .mm5-work-head{padding-top:24px!important}
  .mm5-project-desc{min-height:0!important}
  .mm5-compact{padding-top:18px!important}
  .mm5-process>div{padding:0 0 0 26px!important;text-align:left!important;margin:14px 0!important}
  .mm5-process>div:before{top:2px;left:4px;margin:0}
  .mm5-tools{grid-template-columns:repeat(2,1fr)!important}
  .mm5-contact-info{margin:10px 0 4px}
}


/* ==========================================================
   v1.7.1 CHILD-THEME PATCH
   - project image fallback display
   - hero height alignment
   - tighter lower spacing
   - larger contact/footer type
   ========================================================== */

/* HERO HEIGHT / WHITE GAP FIX */
.mm5-hero{
  background:#0b0d10!important;
}
.mm5-hero>.elementor-container{
  display:flex!important;
  align-items:stretch!important;
}
.mm5-hero .elementor-column{
  display:flex!important;
}
.mm5-hero .elementor-column>.elementor-widget-wrap{
  width:100%!important;
  min-height:520px!important;
}
.mm5-hero-photo-col>.elementor-widget-wrap{
  background:#0b0d10!important;
}
.mm5-hero-photo{
  width:100%!important;
  height:100%!important;
}
.mm5-hero-photo .elementor-widget-container,
.mm5-hero-photo .elementor-image{
  height:100%!important;
}
.mm5-hero-photo img{
  height:100%!important;
  min-height:520px!important;
  object-fit:cover!important;
}
.mm5-hero-copy-col>.elementor-widget-wrap{
  min-height:520px!important;
}

/* PROJECT IMAGE FALLBACKS
   Elementor sometimes renders an empty image widget with no visible background.
   Force the widget itself and inner wrappers to carry the theme image.
*/
.mm5-project-image{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.mm5-project-image .elementor-widget-container{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  background:transparent!important;
}
.mm5-project-image .elementor-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
}
.mm5-project-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

/* Hide Elementor broken/empty placeholder icon but keep background visible */
.mm5-project-image .elementor-widget-container > i,
.mm5-project-image .elementor-widget-container > svg{
  display:none!important;
}

/* Explicit background-image on inner wrappers too */
.mm5-project-image-1,
.mm5-project-image-1 .elementor-widget-container,
.mm5-project-image-1 .elementor-image{
  background-image:url('../images/project-1.jpg')!important;
  background-size:cover!important;background-position:center!important;
}
.mm5-project-image-2,
.mm5-project-image-2 .elementor-widget-container,
.mm5-project-image-2 .elementor-image{
  background-image:url('../images/project-2.jpg')!important;
  background-size:cover!important;background-position:center!important;
}
.mm5-project-image-3,
.mm5-project-image-3 .elementor-widget-container,
.mm5-project-image-3 .elementor-image{
  background-image:url('../images/project-3.jpg')!important;
  background-size:cover!important;background-position:center!important;
}
.mm5-project-image-4,
.mm5-project-image-4 .elementor-widget-container,
.mm5-project-image-4 .elementor-image{
  background-image:url('../images/project-4.jpg')!important;
  background-size:cover!important;background-position:center!important;
}

/* COMPACT LOWER AREA */
.mm5-compact{
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.mm5-compact-col{
  padding-top:0!important;
  padding-bottom:0!important;
}
.mm5-process>div{
  padding-top:27px!important;
}
.mm5-skill-list>div{
  margin:7px 0!important;
}

/* VALUE PROPOSITION STRIP */
.mm5-testimonial-band{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.mm5-testimonial blockquote{
  margin-bottom:3px!important;
}

/* CONTACT READABILITY */
.mm5-contact-band{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.mm5-contact-title .elementor-heading-title{
  font-size:27px!important;
}
.mm5-contact-sub{
  font-size:12px!important;
}
.mm5-contact-info{
  font-size:13px!important;
  line-height:1.7!important;
  font-weight:500!important;
}
.mm5-contact-button .elementor-button{
  font-size:12px!important;
  min-height:48px!important;
}

/* FOOTER READABILITY */
.mm-site-footer{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.mm-footer-inner strong{
  font-size:13px!important;
}
.mm-footer-inner span{
  font-size:11px!important;
}
.mm-back-top{
  font-size:11px!important;
}

/* TABLET */
@media(max-width:1024px){
  .mm5-hero .elementor-column>.elementor-widget-wrap,
  .mm5-hero-copy-col>.elementor-widget-wrap{
    min-height:460px!important;
  }
  .mm5-hero-photo img{
    min-height:460px!important;
  }
}

/* MOBILE */
@media(max-width:767px){
  .mm5-hero>.elementor-container{
    display:block!important;
  }
  .mm5-hero .elementor-column>.elementor-widget-wrap,
  .mm5-hero-copy-col>.elementor-widget-wrap{
    min-height:0!important;
  }
  .mm5-hero-photo img{
    min-height:0!important;
    height:360px!important;
  }
  .mm5-contact-info{
    font-size:12px!important;
  }
  .mm-footer-inner{
    gap:10px;
  }
}


/* ==========================================================
   v1.8 FEATURED WORK SLIDER
   ========================================================== */

.mm8-work-head{
  padding:32px 30px 12px!important;
  background:#fff!important;
}
.mm8-work-head>.elementor-container,
.mm8-slider-section>.elementor-container{
  max-width:1320px!important;
  margin:auto!important;
}
.mm8-work-title .elementor-heading-title{
  color:#171a1f!important;
  font-size:30px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.mm8-slider-section{
  padding:0 30px 34px!important;
  background:#fff!important;
}
.mm8-slider{
  position:relative;
  width:100%;
}
.mm8-slider-stage{
  border:1px solid #d9dde1;
  background:#fff;
  overflow:hidden;
}
.mm8-slide{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);
  min-height:440px;
  background:#fff;
}
.mm8-slide[hidden]{display:none!important}
.mm8-slide-reverse{
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.45fr);
}
.mm8-slide-reverse .mm8-media{order:2}
.mm8-slide-reverse .mm8-copy{order:1}
.mm8-media{
  min-width:0;
  background:#171c21;
  overflow:hidden;
}
.mm8-media img{
  width:100%;
  height:100%;
  min-height:440px;
  display:block;
  object-fit:cover;
  object-position:center;
}
.mm8-copy{
  padding:46px 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.mm8-count{
  color:#7d858c;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  margin-bottom:22px;
}
.mm8-category{
  color:#278fd8;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.07em;
  margin-bottom:12px;
}
.mm8-copy h3{
  margin:0 0 18px;
  color:#171a1f;
  font-size:clamp(30px,3vw,46px);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:800;
}
.mm8-copy p{
  margin:0 0 27px;
  color:#606970;
  font-size:16px;
  line-height:1.65;
  max-width:470px;
}
.mm8-project-link{
  color:#171a1f;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  border-bottom:2px solid #39a8f4;
  padding-bottom:5px;
}
.mm8-project-link:hover{color:#278fd8}

.mm8-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
}
.mm8-arrows{
  display:flex;
  gap:8px;
}
.mm8-arrow{
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #cfd5d9;
  background:#fff;
  color:#171a1f;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.mm8-arrow:hover,
.mm8-arrow:focus{
  background:#171a1f;
  border-color:#171a1f;
  color:#fff;
}
.mm8-dots{
  display:flex;
  align-items:center;
  gap:9px;
}
.mm8-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#cfd5d9;
  cursor:pointer;
}
.mm8-dot.is-active{
  width:24px;
  border-radius:8px;
  background:#278fd8;
}

/* Theme-image fallback if HTML src is unavailable */
.mm8-slide[data-slide="0"] .mm8-media{background:url('../images/project-1.jpg') center/cover no-repeat}
.mm8-slide[data-slide="1"] .mm8-media{background:url('../images/project-2.jpg') center/cover no-repeat}
.mm8-slide[data-slide="2"] .mm8-media{background:url('../images/project-3.jpg') center/cover no-repeat}
.mm8-slide[data-slide="3"] .mm8-media{background:url('../images/project-4.jpg') center/cover no-repeat}
.mm8-media img[src*="/wp-content/themes/matthew-mauck-portfolio/"]{
  visibility:hidden;
}

/* keep following metrics close to slider */
.mm5-metrics{
  margin-top:0!important;
}

@media(max-width:1024px){
  .mm8-slide,
  .mm8-slide-reverse{
    grid-template-columns:1.15fr .85fr;
    min-height:390px;
  }
  .mm8-slide-reverse{
    grid-template-columns:.85fr 1.15fr;
  }
  .mm8-media img{min-height:390px}
  .mm8-copy{padding:34px 30px}
  .mm8-copy p{font-size:15px}
}
@media(max-width:767px){
  .mm8-work-head{padding:26px 20px 10px!important}
  .mm8-slider-section{padding:0 20px 28px!important}
  .mm8-slide,
  .mm8-slide-reverse{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .mm8-slide-reverse .mm8-media,
  .mm8-slide-reverse .mm8-copy{
    order:initial;
  }
  .mm8-media{
    aspect-ratio:16/10;
  }
  .mm8-media img{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:16/10;
  }
  .mm8-copy{
    padding:28px 22px 30px;
  }
  .mm8-count{margin-bottom:16px}
  .mm8-copy h3{font-size:34px}
  .mm8-copy p{font-size:15px;line-height:1.58}
  .mm8-controls{padding-top:13px}
}