:root{--accent--dark:#35c9ff;--accent-rgb--dark:53,201,255}
.mxd-color-switcher{display:none!important}
.mxd-logo__image{background:url('../img/fugolabs-logo.webp') center/contain no-repeat}
.mxd-logo__image>*{opacity:0}
.mxd-logo__text{white-space:nowrap;background:linear-gradient(110deg,#43e4f2,#2397ff 55%,#9c73ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.main-menu__accordion>.main-menu__item:not(.fugolabs-nav-item){display:none}
.mxd-menu__right{visibility:hidden}
.mxd-menu__left{width:100%!important}
.mxd-menu__data p:first-child{display:none}
.footer-nav>.footer-nav__item:last-child{display:none}
.phase2-hidden{display:none!important}

/* Hide unconfigured Rayo footer features until Fugolabs supplies real details. */
.fugolabs-phone-card,
footer a[href="#0"]{display:none!important}
.footer-blocks__cta{margin-top:2rem}
.footer-blocks__about p{margin:0;opacity:.75;max-width:44ch}
.page-404 .mxd-nav__wrap{display:none!important}
.page-404 .loader{display:none!important}
.page-404 .loading__fade,.page-404 .loading__item{opacity:1!important;visibility:visible!important;transform:none!important}
.mxd-project-item.phase2-hidden{display:none!important}
.fugolabs-faq-heading{margin-bottom:5rem}

/* Project stack cards ship a portrait/landscape pair; show one per viewport. */
.mxd-projects-stack__image>.mobile{display:none}
.mxd-projects-stack__image>.desktop{display:block}
@media(max-width:767px){
  .mxd-projects-stack__image>.mobile{display:block}
  .mxd-projects-stack__image>.desktop{display:none}
  html,body{overflow-x:hidden}
  .mxd-logo__text{font-size:1.6rem}
  .mxd-header__controls>.btn-default{display:none}
  .mxd-header{width:calc(100% - 6rem)}
  .mxd-nav__contain{width:100vw;max-width:100%;box-sizing:border-box;padding-right:3rem;padding-left:3rem}
  .mxd-nav__hamburger{position:relative;flex:0 0 auto}
  .hero-01-title{width:100%;font-size:clamp(4.2rem,12vw,5rem);line-height:.98}
  .hero-01-title__row{width:100%;padding-inline:1rem}
  .hero-01-title__item{max-width:100%;white-space:normal;overflow-wrap:normal}
}

/* ------------------------------------------------------------------ */
/* Real assets for the theme's CSS background slots.                    */
/* Vendor css/main.css ships these as dummyimage.com placeholders (they  */
/* render as grey boxes labelled with their pixel size), so every slot   */
/* this site actually uses is re-pointed here rather than by editing     */
/* main.css. Paths are relative to css/.                                 */
/* ------------------------------------------------------------------ */

/* full-bleed parallax dividers */
.divider-image-1{background-image:url('../img/illustrations/2400x1600_divider-07.webp')}
.divider-image-3{background-image:url('../img/illustrations/1920x1080_divider-03.webp')}
.divider-image-8{background-image:url('../img/illustrations/2400x1600_divider-08.webp')}
.divider-image-9{background-image:url('../img/illustrations/2400x1600_divider-09.webp')}

/* home page "Featured project" list */
.preview-image-1{background-image:url('../img/works/preview/1400x1400_gracebed.webp')}
.preview-image-2{background-image:url('../img/works/preview/1400x1400_prv-02.webp')}
.preview-image-3{background-image:url('../img/works/preview/1400x1400_prv-06.webp')}
.preview-image-4{background-image:url('../img/works/preview/1400x1400_prv-07.webp')}
.preview-image-5{background-image:url('../img/works/preview/1400x1400_prv-05.webp')}

/* inner-page headline pills */
.headline-img-03::after{background-image:url('../img/illustrations/400x200_hdl-03.webp')}
.headline-img-04::before{background-image:url('../img/illustrations/400x200_hdl-04.webp')}
.headline-img-06::before{background-image:url('../img/illustrations/400x200_hdl-06.webp')}

/* about us - culture & values */
.image-values-1{background-image:url('../img/team/1200x1600_team-01.webp')}
.image-values-2{background-image:url('../img/team/1600x1200_team-01.webp')}

/* still hidden, but pointed at real files so nothing can flash a placeholder */
.blog-preview-image-1{background-image:url('../img/illustrations/800x800_pinned-image-01.webp')}
.blog-preview-image-2{background-image:url('../img/illustrations/800x800_pinned-image-04.webp')}
.blog-preview-image-3{background-image:url('../img/blog/preview/1000x1250_prv-03.webp')}
.mxd-promo__bg{background-image:url('../img/backgrounds/1440x900_cta-01.webp')}

/* Contact form: error state for the theme's inline reply panel. */
.form__reply.is-error .reply__icon{color:#ff6b6b}
.form__reply.is-error .reply__title{color:#ff6b6b}