.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1000px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:549px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   BMVT — paste into Elementor › Site Settings › Custom CSS
   (or Appearance › Customize › Additional CSS)
   ============================================================ */

:root{
  --bmvt-ink:#464646;
  --bmvt-sand:#DED9D1;
  --bmvt-line:#D7D4CE;
  --bmvt-body:rgba(70,70,70,.8);
  --bmvt-muted:rgba(70,70,70,.75);
  --bmvt-rule:rgba(70,70,70,.2);
}

/* --- image blocks -------------------------------------------------
   The image "cards" are empty containers with a background image, so
   they need an aspect ratio to have height. Ratios come straight from
   the Figma frames. */
.bmvt-media-43{aspect-ratio:544/408;}   /* the two feature-row images */
.bmvt-media-45{aspect-ratio:4/5;}       /* project cards + portrait   */

@media(max-width:767px){
  .bmvt-media-43{aspect-ratio:3/2;}
  .bmvt-media-45{aspect-ratio:4/5;}
}

/* --- display headings ---------------------------------------------
   Figma sets one phrase per heading in Archivo SemiBold. That phrase is
   wrapped in <em> inside the Heading widget's text. */
.bmvt-display em,
.bmvt-banner em,
.elementor-widget-heading em{
  font-style:normal;
  font-weight:600;
}

/* --- sticky header -------------------------------------------------- */
.bmvt-header{
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
.bmvt-nav a{
  color:rgba(70,70,70,.7);
  text-decoration:none;
  transition:color .2s ease;
}
.bmvt-nav a:hover,
.bmvt-nav a:focus-visible{color:var(--bmvt-ink);}

@media(max-width:1024px){
  .bmvt-nav{display:none;}   /* swap in a Nav Menu widget for tablet/mobile */
}

/* --- hero ----------------------------------------------------------- */
.bmvt-hero-card{
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
.bmvt-hero-card .elementor-widget-text-editor p{margin:0;}

/* --- buttons -------------------------------------------------------- */
.elementor-button{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

/* --- form ----------------------------------------------------------- */
.bmvt-form .elementor-field-group input,
.bmvt-form .elementor-field-group textarea,
.bmvt-form .elementor-field-group select{
  font-family:"Jost",sans-serif;
  font-weight:300;
  font-size:14px;
  letter-spacing:.16px;
  color:var(--bmvt-ink);
  box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
}
.bmvt-form .elementor-field-group input,
.bmvt-form .elementor-field-group select{min-height:36px;}
.bmvt-form .elementor-field-group textarea{min-height:118px;}
.bmvt-form .elementor-field-group input:focus,
.bmvt-form .elementor-field-group textarea:focus,
.bmvt-form .elementor-field-group select:focus{
  outline:2px solid var(--bmvt-ink);
  outline-offset:1px;
  border-color:var(--bmvt-ink);
}

/* --- text links inside paragraphs ----------------------------------- */
.elementor-widget-text-editor a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid var(--bmvt-rule);
}
.elementor-widget-text-editor a:hover{border-bottom-color:var(--bmvt-ink);}
.elementor-widget-text-editor p:last-child{margin-bottom:0;}

/* --- accessibility floor -------------------------------------------- */
a:focus-visible,button:focus-visible,.elementor-button:focus-visible{
  outline:2px solid var(--bmvt-ink);
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

@media(max-width:1024px){
  .bmvt-header > .e-con-inner,
  .bmvt-header .e-con-inner{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:14px 16px !important;
  }
  .bmvt-header .elementor-widget-image{
    width:auto !important;
    flex:0 0 auto;
  }
  .bmvt-header .elementor-widget-wp-widget-nav_menu,
  .bmvt-header .elementor-widget-nav-menu{
    width:auto !important;
    flex:0 0 auto;
    margin-left:auto;
  }
}

@media(max-width:600px){
  .bmvt-header .elementor-widget-button{display:none !important;}
}
.bmvt-header .elementor-widget-wp-widget-nav_menu,
.bmvt-header .elementor-widget-nav-menu{
  display:flex;
  align-items:center;
}
.bmvt-header .elementor-widget-wp-widget-nav_menu > .elementor-widget-container,
.bmvt-header .elementor-widget-nav-menu > .elementor-widget-container{
  display:flex;
  align-items:center;
  width:100%;
}
.bmvt-header .elementor-menu-toggle{margin:0;}

/* mobile dropdown panel */
.elementor-nav-menu--dropdown{
  background:#fff !important;
  border-top:1px solid rgba(70,70,70,.15);
  box-shadow:0 12px 32px rgba(0,0,0,.08);
}
.elementor-nav-menu--dropdown a.elementor-item{
  font-family:"Jost",sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:2.4px !important;
  text-transform:uppercase !important;
  color:rgba(70,70,70,.7) !important;
  padding:16px 24px !important;
}
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  color:#464646 !important;
  background:transparent !important;
}

/* CTA item inside the mobile dropdown */
.elementor-nav-menu--dropdown li.menu-cta{
  padding:20px 24px 8px;
}
.elementor-nav-menu--dropdown li.menu-cta a.elementor-item{
  background:#464646 !important;
  color:#fff !important;
  border-radius:999px;
  justify-content:center !important;
  text-align:center;
  padding:15px 24px !important;
  font-size:12px !important;
  letter-spacing:2.4px !important;
}
.elementor-nav-menu--dropdown li.menu-cta a.elementor-item:hover{
  background:#5a5a5a !important;
  color:#fff !important;
}

/* the desktop header already has this button — don't show it twice */
@media(min-width:1025px){
  li.menu-cta{display:none !important;}
}

@media(prefers-reduced-motion:reduce){
  .elementor-invisible{visibility:visible !important;animation:none !important;}
}
/* readable hover on every button */
.elementor-button:hover,
.elementor-button:focus-visible{
  background-color:#5a5a5a !important;
  border-color:#5a5a5a !important;
  color:#ffffff !important;
}

.elementor-loop-container a.e-con,
.elementor-loop-container a[class*="e-flex"]{
  transition:opacity .35s ease, transform .5s cubic-bezier(.22,.61,.36,1);
  display:block;
}
.elementor-loop-container a.e-con:hover,
.elementor-loop-container a[class*="e-flex"]:hover{
  opacity:.88;
  transform:scale(1.02);
}/* End custom CSS */