.elementor-kit-6{--e-global-color-primary:#1F3BFF;--e-global-color-secondary:#FF94F1;--e-global-color-text:#9A9AA1;--e-global-color-accent:#F5F5F3;--e-global-color-carbon:#131316;--e-global-color-carbon2:#1B1B1F;--e-global-color-line:#2E2E35;--e-global-color-steeldim:#6E6E76;--e-global-color-electrict:#7C8FFF;--e-global-color-flaredeep:#96177F;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   BELAIRE — brand CSS for WordPress + Elementor
   Paste into: Appearance → Customize → Additional CSS
   (or Elementor → Site Settings → Custom CSS if you have Pro)
   Built to guidelines v1.3. Nothing here needs a plugin.
   ========================================================================== */

:root{
  --bl-carbon:#131316;
  --bl-carbon-2:#1B1B1F;
  --bl-carbon-3:#24242A;
  --bl-chalk:#F5F5F3;
  --bl-steel:#9A9AA1;
  --bl-steel-dim:#6E6E76;
  --bl-line:#2E2E35;
  --bl-electric:#1F3BFF;
  --bl-electric-t:#7C8FFF;
  --bl-flare:#FF94F1;
  --bl-flare-deep:#96177F;
}

/* --------------------------------------------------------------------------
   1. THE RULE THAT DOES THE MOST WORK
   Nothing in this system has a rounded corner. Themes and Elementor both
   add radius by default, so this removes it everywhere, once.
   -------------------------------------------------------------------------- */
body, body .elementor,
.elementor-button, .elementor-widget-image img, .elementor-widget-button a,
input, textarea, select, .elementor-field, .elementor-column-wrap,
.elementor-widget-container, .wp-block-button__link{
  border-radius:0 !important;
}

/* --------------------------------------------------------------------------
   2. DISPLAY TYPE — the condensed heavy wordmark voice
   Elementor cannot drive Archivo's variable width axis, so it is set here.
   Every heading in the brand is Archivo, condensed, 900, uppercase.
   -------------------------------------------------------------------------- */
.bl-display .elementor-heading-title,
h1.elementor-heading-title,
h2.elementor-heading-title{
  font-family:"Archivo", "Helvetica Neue", Arial, sans-serif !important;
  font-stretch:70% !important;              /* the condensed axis */
  font-variation-settings:"wdth" 70, "wght" 900 !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:-0.022em;
  text-wrap:balance;
}
h3.elementor-heading-title{
  font-family:"Archivo", "Helvetica Neue", Arial, sans-serif !important;
  font-stretch:88% !important;
  font-variation-settings:"wdth" 88, "wght" 800 !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:0.005em;
}

/* body copy sits at a readable measure — never full width */
.elementor-widget-text-editor{ max-width:68ch; }
.bl-cta .elementor-widget-text-editor{ max-width:none; }

/* --------------------------------------------------------------------------
   3. EYEBROWS AND LABELS — Barlow 700, heavily tracked
   -------------------------------------------------------------------------- */
.bl-eyebrow .elementor-heading-title,
.bl-eyebrow p{
  font-family:"Barlow", Arial, sans-serif !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  line-height:1.6 !important;
  margin:0;
}

/* --------------------------------------------------------------------------
   4. THE BLOCK — the wordmark's breakout state, reused as a label device
   Add the class "bl-block" to any heading or text widget.
   -------------------------------------------------------------------------- */
.bl-block .elementor-heading-title,
.bl-block p{
  display:inline-block;
  background:var(--bl-electric);
  color:#fff !important;
  padding:7px 11px;
  font-family:"Barlow", Arial, sans-serif !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
.bl-block-flare .elementor-heading-title,
.bl-block-flare p{ background:var(--bl-flare); color:var(--bl-carbon) !important; }

/* --------------------------------------------------------------------------
   5. BUTTONS — square, tracked, no radius, hard hover
   -------------------------------------------------------------------------- */
.bl-btn .elementor-button{
  border-radius:0 !important;
  font-family:"Barlow", Arial, sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  transition:filter .18s ease, transform .18s ease;
}
.bl-btn .elementor-button:hover{ filter:brightness(1.1); transform:translateY(-1px); }

/* --------------------------------------------------------------------------
   6. HERO AND IMAGE BANDS
   Drop a background image on the section in Elementor; these handle the rest.
   The scrim is what keeps type legible over footage — never remove it.
   -------------------------------------------------------------------------- */
.bl-hero{ position:relative; }
.bl-hero::after{
  content:"";
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top,
    rgba(10,11,15,.94) 0%, rgba(10,11,15,.55) 32%,
    rgba(10,11,15,.10) 62%, transparent 85%);
}
.bl-hero > .elementor-container{ position:relative; z-index:2; }

.bl-band{ position:relative; }
.bl-band > .elementor-container{ position:relative; z-index:2; }

/* --------------------------------------------------------------------------
   7. FRAMES — where your footage stills go
   Elementor's placeholder shows until you drop a real image in.
   -------------------------------------------------------------------------- */
.bl-frame img{
  width:100%; height:100%; object-fit:cover; display:block;
  aspect-ratio:16/9;
  background:#0B0C10;
  transition:transform .6s cubic-bezier(.2,.7,.3,1), filter .4s ease;
}
.bl-frame-tall img{ aspect-ratio:4/5; }
.bl-frame-square img{ aspect-ratio:1/1; }
.bl-frame-cine img{ aspect-ratio:21/9; }
.bl-frame:hover img{ transform:scale(1.04); filter:brightness(1.08); }

/* --------------------------------------------------------------------------
   8. RULES AND DIVIDERS — hairlines, never shadows
   -------------------------------------------------------------------------- */
.bl-rule-t{ border-top:1px solid var(--bl-line); }
.bl-rule-y{ border-top:1px solid var(--bl-line); border-bottom:1px solid var(--bl-line); }
.elementor-widget-divider{ --divider-color:var(--bl-line); }
/* depth comes from the ground changing, never from things floating */
.elementor-column, .elementor-widget-wrap{ box-shadow:none !important; }

/* --------------------------------------------------------------------------
   9. THE MARQUEE STRIP
   -------------------------------------------------------------------------- */
.bl-marquee p{
  font-family:"Barlow", Arial, sans-serif !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  color:var(--bl-steel-dim) !important;
  text-align:center;
  margin:0;
  max-width:none;
}

/* --------------------------------------------------------------------------
   10. TIER LISTS — square bullets in Electric, not icons
   -------------------------------------------------------------------------- */
.bl-tierlist .elementor-icon-list-icon{ display:none !important; }
.bl-tierlist .elementor-icon-list-item{ position:relative; padding-left:18px; align-items:flex-start; }
.bl-tierlist .elementor-icon-list-item::before{
  content:""; position:absolute; left:0; top:8px;
  width:7px; height:7px; background:var(--bl-electric);
}
.bl-tierlist .elementor-icon-list-text{ color:var(--bl-steel); }

/* --------------------------------------------------------------------------
   11. THE CHALK SECTION — an approved colourway used as punctuation
   -------------------------------------------------------------------------- */
.bl-invert{ background:var(--bl-chalk); }
.bl-invert .elementor-heading-title{ color:var(--bl-carbon); }
.bl-invert .elementor-widget-text-editor{ color:#4A4A50; }
.bl-invert .bl-eyebrow .elementor-heading-title{ color:#6E6E76 !important; }

/* --------------------------------------------------------------------------
   12. CTA BANDS
   Flare is 100% saturation at 79% lightness — as a full-bleed field it blows
   the 4% ration, so on Flare surfaces the band inverts: Carbon ground,
   Flare carrying the type. See guidelines section 05b.
   -------------------------------------------------------------------------- */
.bl-cta .elementor-heading-title{ color:#fff; }
.bl-cta-flare{ background:var(--bl-carbon) !important; border-top:1px solid var(--bl-line); border-bottom:1px solid var(--bl-line); }
.bl-cta-flare .elementor-heading-title{ color:var(--bl-flare); }

/* --------------------------------------------------------------------------
   13. FORMS
   -------------------------------------------------------------------------- */
.elementor-field-textual{
  background:var(--bl-carbon-2) !important;
  border:1px solid var(--bl-line) !important;
  color:var(--bl-chalk) !important;
  border-radius:0 !important;
  padding:14px 15px !important;
  font-family:"Barlow", Arial, sans-serif !important;
}
.elementor-field-textual:focus{ border-color:var(--bl-electric) !important; outline:none !important; }
.elementor-field-label{
  font-family:"Barlow", Arial, sans-serif !important;
  font-size:10px !important; font-weight:700 !important;
  letter-spacing:0.2em !important; text-transform:uppercase !important;
  color:var(--bl-steel-dim) !important;
}

/* --------------------------------------------------------------------------
   14. ACCESSIBILITY — the one contrast rule that must not be broken
   Electric is 2.76:1 on Carbon and fails as text. It is a fill colour.
   If the accent has to carry words on the dark ground, it uses the tint.
   Flare is 9.50:1 on Carbon and may be type; on light grounds it drops to
   Flare Deep, because full-strength Flare is 1.79:1 on Chalk.
   -------------------------------------------------------------------------- */
.bl-accent-text{ color:var(--bl-electric-t) !important; }   /* never --bl-electric */
.bl-flare-text{ color:var(--bl-flare) !important; }         /* dark grounds only */
.bl-invert .bl-flare-text{ color:var(--bl-flare-deep) !important; }

/* focus states stay visible — keyboard users are clients too */
a:focus-visible, button:focus-visible, .elementor-button:focus-visible,
input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--bl-electric-t) !important;
  outline-offset:3px !important;
}

/* --------------------------------------------------------------------------
   15. MOBILE
   -------------------------------------------------------------------------- */
@media (max-width:767px){
  .bl-hero{ min-height:auto !important; }
  .bl-frame img{ aspect-ratio:4/5; }
  .elementor-widget-text-editor{ max-width:none; }
}
@media (prefers-reduced-motion:reduce){
  .bl-frame:hover img, .bl-btn .elementor-button:hover{ transform:none; transition:none; }
}


/* --------------------------------------------------------------------------
   16. ADDITIONS FROM BUILD (Sep 2026)
   -------------------------------------------------------------------------- */
/* Tier lists: stronger .elementor-kit-6s so Elementor's own list styles don't win */
.elementor-widget-icon-list.bl-tierlist .elementor-icon-list-items .elementor-icon-list-item{
  padding-left:18px !important; position:relative; align-items:flex-start;
}
.bl-tierlist .elementor-icon-list-items .elementor-icon-list-item::before{ top:7px; }
.bl-tierlist .elementor-icon-list-text{
  font-family:"Barlow", Arial, sans-serif !important; font-size:15px !important; line-height:1.55 !important; color:var(--bl-steel) !important;
}
/* Forms: Barlow everywhere, no radius, square button */
.elementor-form .elementor-field-group{ margin-bottom:6px; }
.elementor-form .elementor-button{ border-radius:0 !important; letter-spacing:0.2em !important; text-transform:uppercase !important; font-family:"Barlow", Arial, sans-serif !important; font-weight:700 !important; padding:17px 28px !important; }
.elementor-form .elementor-select-wrapper select{ background:var(--bl-carbon-2) !important; color:var(--bl-chalk) !important; border:1px solid var(--bl-line) !important; border-radius:0 !important; font-family:"Barlow", Arial, sans-serif !important; padding:14px 15px !important; }
.elementor-form .elementor-message{ font-family:"Barlow", Arial, sans-serif; color:var(--bl-chalk); }
/* Body copy links */
.elementor-widget-text-editor a{ color:var(--bl-chalk); text-decoration:underline; text-underline-offset:3px; }
.elementor-widget-text-editor a:hover{ color:var(--bl-flare); }/* End custom CSS */