.elementor-kit-20{--e-global-color-primary:#30CED9;--e-global-color-secondary:#E5D704;--e-global-color-text:#B8C4D4;--e-global-color-accent:#6B4CF7;--e-global-color-a21a36f:#07050F;--e-global-color-965b879:#140D2B;--e-global-color-9dc7245:#F0F4FF;--e-global-color-115ca45:#FFFFFF;--e-global-color-7c94abf:#00C9BE;--e-global-color-686dee9:#EE7256;--e-global-color-db8e2e6:#C3061E;--e-global-color-ba3641c:#C79F37;--e-global-color-947b213:#0B0614;--e-global-color-cd9a64a:#B8C4D4;--e-global-color-f53bec8:#CFC107;--e-global-color-fa0ac6a:#D1EDF1;--e-global-color-cc8462e:#A1DAE2;--e-global-color-22aa622:#76CDD7;--e-global-color-0840dc9:#00F4F4;--e-global-color-37660f9:#36C1CC;--e-global-color-dbde4f8:#00E5C6;--e-global-color-0cca270:#29AFB8;--e-global-color-f7f7ef8:#05ABC4;--e-global-color-b8bfc06:#0C9AA3;--e-global-color-a7036a4:#0C3D40;--e-global-color-c64ad7a:#DAE524;--e-global-color-7c8c153:#DBCE2E;--e-global-color-bf3bce0:#CBC242;--e-global-color-09a2e17:#C5A82C;--e-global-color-1ccacd8:#C79F37;--e-global-color-1552afb:#0C0C0F;--e-global-color-a7c39a5:#252626;--e-global-color-0186e4a:#2E2E2E;--e-global-color-66edcea:#929292;--e-global-color-4b136b3:#B9BFC3;--e-global-color-7c05ecf:#CCD2D6;--e-global-color-c0994d2:#B30D19;--e-global-color-c03f110:#BF1D1D;--e-global-color-b41c5d9:#BA3424;--e-global-color-da49cbe:#E26128;--e-global-color-7c3ac36:#F26E50;--e-global-color-77c83e6:#593B9A;--e-global-color-27a07e6:#8011C9;--e-global-color-92815cd:#794ED7;--e-global-color-3f20eea:#6B4CF7;--e-global-color-e0b2489:#B30D19;--e-global-color-aecdb5d:#C3061E;--e-global-color-a8e1e0e:#0A9FAA;--e-global-color-172159a:#B40C26;--e-global-color-3bdbb3c:#FF1813;--e-global-color-e98d9d4:#6F6F6F;--e-global-color-91dc623:#FF8785;--e-global-color-1b2d02d:#DBC220;--e-global-color-6acbf0b:#FEFEFE;--e-global-color-a86f68e:#F3F2F2;--e-global-color-7b78cf4:#07050FD9;--e-global-color-bf98053:#FFFFFF0F;--e-global-color-db3801c:#A590FF;--e-global-color-301e958:#131004;--e-global-color-50778fc:#3D1A0B;--e-global-color-cca45a3:#220F06;--e-global-color-7fe0a77:#072022;--e-global-color-1279efd:#021314;--e-global-color-b29ecf6:#220E05;--e-global-color-0f41183:#FED5D5;--e-global-color-b2babf2:#FFE4E4;--e-global-color-759d712:#FAFAF8;--e-global-color-1501b9f:#30CED91F;--e-global-color-fe705b6:#0077B5;--e-global-color-bf6ec45:#0077B566;--e-global-color-2e84d89:#B8C4D466;--e-global-color-03f9243:#00C9BE66;--e-global-typography-primary-font-family:"Dream Orphans";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Syne Mono";--e-global-typography-secondary-font-size:0.92rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0.22em;--e-global-typography-text-font-family:"Syne";--e-global-typography-text-font-size:1.8rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Hurricane";--e-global-typography-accent-font-size:1.4rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1em;background-color:var( --e-global-color-a21a36f );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );--e-preloader-animation-duration:2000ms;--e-preloader-width:15%;--e-preloader-max-width:15%;--e-preloader-opacity:0.6;}.elementor-kit-20 e-page-transition{background-color:var( --e-global-color-f7f7ef8 );}.elementor-kit-20 a{color:var( --e-global-color-686dee9 );}.elementor-kit-20 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-20 h2{font-family:"Dream Orphans", Sans-serif;font-size:50px;font-weight:600;}.elementor-kit-20 h3{font-size:1.3rem;}.elementor-kit-20 h4{color:var( --e-global-color-text );font-family:"Barlow Condensed", Sans-serif;font-size:1.1rem;font-weight:700;line-height:0.95rem;}.elementor-kit-20 h5{font-family:"Syne Mono", Sans-serif;font-size:0.85rem;font-weight:700;text-transform:uppercase;line-height:0.95rem;letter-spacing:0.15em;}.elementor-kit-20 h6{font-family:"Barlow Condensed", Sans-serif;font-size:0.75rem;font-weight:600;line-height:0.98rem;}.elementor-kit-20 button,.elementor-kit-20 input[type="button"],.elementor-kit-20 input[type="submit"],.elementor-kit-20 .elementor-button{font-family:"Barlow Condensed", Sans-serif;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;border-radius:10px 10px 5px 10px;padding:14px 32px 14px 32px;}.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:1024px){.elementor-kit-20{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-20 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-20{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-20 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bklyn-mustard:#e5d704; --misfit-turquoise-onyx:#0b0614; --thin-teal-line:rgb(8,206,217,0.15); --deep-void:#07050f; --barlow-condensed:Barlow Condensed; --flagship-teal:#30ced9; --syne-mono-regular:Syne Mono; --ivory-clarity:#f0f4ff; --signal-silver-fade:#b8c4d48c; --command-indigo:#140D2B; --violet-faded:rgb(7,5,15,0.85); --deep-harbor:#0c9aa3; --conjurer-teal:#00C9BE; --abyss-teal:#0c3d40; --command-purple:#593b9a; --pure-canvas:#FFFFFF; --vivid-violet:#8011C9; --stealth-gray:#252626; --neon-cypher:#00f4f4; --misfit-mustard:#CFC107; --pastel-violet:#A590FF; --cypher-violet:#6B4CF7; --signal-silver:#B8C4D4; --bklyn-blaze:#e26128; --signal-silver-68:#d3ddebad; --signal-red:#b30d19; --ash-concrete:#929292; --mustard:#ecdd00; --off-white:#f5f3ee; --neon-coral:#F26E50; --pale-horse:#FAFAF8; --flagship-teal-faded:rgba(48,206,217,0.12); --bklyn-mustard-faded:rgb(229, 215, 4, .09); --crimson-cypher:#c3061e; --crimson-cypher-faded:rgba(195, 6, 30, 0.04); --concrete-gray:#929292; --mist-gray:#CCD2D6; --cloud-gray:#B9BFC3; --flagship-teal-faded2:#30ced938; --goldenrod-shadow:#CBC244; --aged-gold:#C5A82C; --copper-conjure:#C79F37; --echo-azure:#d1edf1; --blaze-at-midnight:#220F06; --conjurer-coral:#EE7256; --bklyn-blaze-faded:rgb(226, 97, 40, .04); --electric-lime:#DAE524; --bklyn-blaze-light-fade:rgba(250, 158, 117, 0.10980392156862745); --smokey-blaze:#3D1A0B; --onyx-fade:rgba(0, 0, 0, 0.2); }
/* Start custom CSS *//* ============================================================
   BCD SITE-WIDE CSS — ELEMENTOR V4
   Paste into: Elementor → Site Settings → Custom CSS
   
   This is the ONLY CSS file for the entire site.
   Every page inherits from here. Page-specific CSS
   goes in Page Settings → Advanced → Custom CSS.
   
   Bklyn Custom Designs® · Brand Misfit Media™ · 2026
   ============================================================ */


/* ── 1. CSS CUSTOM PROPERTIES (DESIGN TOKENS) ───────────────
   Every color, font, spacing, and radius lives here.
   Use these vars everywhere — never hardcode hex values.
   ──────────────────────────────────────────────────────────── */
:root {

  /* ── BRAND COLORS ── */
  --bcd-void:         #07050f;   /* Deep Void™ — primary bg */
  --bcd-indigo:       #140d2b;   /* Command Indigo™ — section alt bg */
  --bcd-onyx:         #0b0614;   /* Misfit Onyx™ — card bg */
  --bcd-phantom:      #0c0c0f;   /* Phantom Black™ */
  --bcd-stealth:      #252626;   /* Stealth Gray™ */

  --bcd-teal:         #30ced9;   /* Flagship Teal™ — PRIMARY */
  --bcd-teal-dk:      #00c9be;   /* Conjurer Teal™ */
  --bcd-teal-md:      #0c9aa3;   /* Deep Harbor™ */
  --bcd-teal-lt:      #76cdd7;   /* Signal Azure™ */
  --bcd-teal-xl:      #d1edf1;   /* Echo Azure™ */
  --bcd-neon:         #00f4f4;   /* Neon Cipher™ — SCREEN ONLY */

  --bcd-mustard:      #e5d704;   /* Brooklyn Mustard™ — SECONDARY */
  --bcd-mustard-dk:   #cfc107;   /* Misfit Mustard™ */
  --bcd-mustard-lt:   #dbce2e;   /* Saffron Drift™ */
  --bcd-gold:         #c5a82c;   /* Aged Gold™ */
  --bcd-copper:       #c79f37;   /* Copper Conjure™ */

  --bcd-violet:       #6b4cf7;   /* Cipher Violet™ */
  --bcd-violet-dk:    #593b9a;   /* Command Purple™ */
  --bcd-violet-lt:    #794ed7;   /* Static Purple™ */

  --bcd-crimson:      #c3061e;   /* Rebellion Red™ */
  --bcd-crimson-dk:   #b30d19;   /* Crimson Cipher™ */

  --bcd-coral:        #ee7256;   /* Conjure Coral™ */
  --bcd-blaze:        #e26128;   /* Brooklyn Blaze™ */

  --bcd-ivory:        #f0f4ff;   /* Ivory Clarity™ — light text */
  --bcd-silver:       #b8c4d4;   /* Signal Silver™ — body text */
  --bcd-mist:         #ccd2d6;   /* Mist Gray™ */
  --bcd-cloud:        #b9bfc3;   /* Cloud Gray™ */
  --bcd-concrete:     #929292;   /* Concrete Gray™ */
  --bcd-canvas:       #ffffff;   /* Pure Canvas™ */

  --bcd-emerald:      #0f9e7a;   /* The Protector accent */

  /* ── SEMANTIC ALIASES ── */
  --bcd-bg:           var(--bcd-void);
  --bcd-bg-alt:       var(--bcd-indigo);
  --bcd-bg-card:      var(--bcd-onyx);
  --bcd-text:         var(--bcd-ivory);
  --bcd-text-body:    var(--bcd-silver);
  --bcd-text-muted:   rgba(240,244,255,0.35);
  --bcd-border:       rgba(48,206,217,0.12);
  --bcd-border-lt:    rgba(48,206,217,0.06);
  --bcd-accent:       var(--bcd-teal);
  --bcd-accent2:      var(--bcd-mustard);

  /* ── OFFICIAL BRAND GRADIENTS ™ ── */
  --g-flagship:       linear-gradient(135deg, #30ced9 0%, #00c9be 100%);
  --g-cipher:         linear-gradient(135deg, #00c9be 0%, #6b4cf7 100%);
  --g-spectrum:       linear-gradient(135deg, #30ced9 0%, #6b4cf7 100%);
  --g-brooklyn:       linear-gradient(135deg, #30ced9 0%, #e5d704 100%);
  --g-void:           linear-gradient(135deg, #07050f 0%, #140d2b 100%);
  --g-blaze:          linear-gradient(135deg, #e26128 0%, #c3061e 100%);
  --g-storm:          linear-gradient(135deg, #6b4cf7 0%, #c3061e 100%);
  --g-neon:           linear-gradient(135deg, #00f4f4 0%, #30ced9 100%);  /* SCREEN ONLY */
  --g-top-bar:        linear-gradient(90deg, #30ced9, #6b4cf7, #e5d704, #c3061e);

  /* ── TYPOGRAPHY ── */
  --font-display:     'Dream Orphans', 'Archivo Black', serif;
  --font-heading:     'Archivo Black', serif;
  --font-label:       'Barlow Condensed', sans-serif;
  --font-body:        'DM Sans', sans-serif;
  --font-accent:      'Lora', serif;
  --font-mono:        'Liberation Mono', monospace;

  /* ── SPACING SCALE ── */
  --space-xs:    0.5rem;
  --space-sm:    1rem;
  --space-md:    2rem;
  --space-lg:    4rem;
  --space-xl:    6rem;
  --space-2xl:   8rem;
  --space-3xl:   12rem;

  /* ── SECTION PADDING ── */
  --sect-pad-v:  6rem;
  --sect-pad-h:  5rem;
  --sect-pad-mobile-v: 4rem;
  --sect-pad-mobile-h: 1.5rem;

  /* ── BORDER RADIUS ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;

  /* ── TRANSITIONS ── */
  --ease-smooth:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:     0.18s;
  --dur-base:     0.3s;
  --dur-slow:     0.5s;

  /* ── Z-INDEX SCALE ── */
  --z-base:    1;
  --z-card:    10;
  --z-overlay: 100;
  --z-modal:   200;
  --z-sticky:  900;
  --z-top:     999;
}


/* ── 2. RESET & BASE ─────────────────────────────────────────
   ──────────────────────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--bcd-void) !important;
  color: var(--bcd-text-body);
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.75;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove Elementor default body padding */
.elementor-page,
.e-page {
  background-color: var(--bcd-void) !important;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--bcd-teal);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-smooth);
}
a:hover {
  color: var(--bcd-teal-lt);
}

::selection {
  background: rgba(48,206,217,0.25);
  color: var(--bcd-ivory);
}


/* ── 3. TOP COLOR BAR ────────────────────────────────────────
   .bcd-top-bar → apply to first Section on every page
   ──────────────────────────────────────────────────────────── */
.bcd-top-bar,
:is(.bcd-top-bar) {
  height: 3px !important;
  min-height: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--g-top-bar) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: var(--z-top) !important;
  width: 100% !important;
}


/* ── 4. SECTION BACKGROUNDS ─────────────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-bg-void,
:is(.bcd-bg-void)         { background: var(--bcd-void) !important; }
.bcd-bg-indigo,
:is(.bcd-bg-indigo)       { background: var(--bcd-indigo) !important; }
.bcd-bg-onyx,
:is(.bcd-bg-onyx)         { background: var(--bcd-onyx) !important; }
.bcd-bg-gradient,
:is(.bcd-bg-gradient)     { background: var(--g-void) !important; }
.bcd-bg-dark,
:is(.bcd-bg-dark)         { background: var(--bcd-phantom) !important; }

/* Grid texture overlay — apply to section using ::after pseudo */
.bcd-grid,
:is(.bcd-grid) {
  position: relative;
}
.bcd-grid::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(48,206,217,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48,206,217,0.018) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}


/* ── 5. SECTION PADDING UTILITIES ───────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-sect,
:is(.bcd-sect) {
  padding: var(--sect-pad-v) var(--sect-pad-h) !important;
}
.bcd-sect-sm,
:is(.bcd-sect-sm) {
  padding: var(--space-lg) var(--sect-pad-h) !important;
}
.bcd-sect-lg,
:is(.bcd-sect-lg) {
  padding: var(--space-2xl) var(--sect-pad-h) !important;
}


/* ── 6. TYPOGRAPHY CLASSES ──────────────────────────────────
   ──────────────────────────────────────────────────────────── */

/* Eyebrow label — above headlines */
.bcd-eyebrow .elementor-heading-title,
.bcd-eyebrow .e-n-heading,
:is(.bcd-eyebrow) .elementor-heading-title,
:is(.bcd-eyebrow) .e-n-heading,
.bcd-eyebrow p {
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: var(--bcd-teal) !important;
  margin: 0 0 0.75rem 0 !important;
}
/* Eyebrow color variants */
.bcd-eyebrow-mustard .elementor-heading-title,
.bcd-eyebrow-mustard .e-n-heading { color: var(--bcd-mustard) !important; }
.bcd-eyebrow-violet .elementor-heading-title,
.bcd-eyebrow-violet .e-n-heading  { color: var(--bcd-violet) !important; }
.bcd-eyebrow-coral .elementor-heading-title,
.bcd-eyebrow-coral .e-n-heading   { color: var(--bcd-coral) !important; }
.bcd-eyebrow-silver .elementor-heading-title,
.bcd-eyebrow-silver .e-n-heading  { color: var(--bcd-silver) !important; }

/* H1 — Display */
.bcd-h1 .elementor-heading-title,
.bcd-h1 .e-n-heading,
:is(.bcd-h1) .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-size: clamp(3.5rem, 7vw, 8rem) !important;
  font-weight: 900 !important;
  line-height: 0.88 !important;
  color: var(--bcd-canvas) !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

/* H2 — Section headline */
.bcd-h2 .elementor-heading-title,
.bcd-h2 .e-n-heading,
:is(.bcd-h2) .elementor-heading-title {
  font-family: var(--font-heading) !important;
  font-size: clamp(2.25rem, 4.5vw, 4.5rem) !important;
  font-weight: 900 !important;
  line-height: 0.93 !important;
  color: var(--bcd-canvas) !important;
  margin: 0 0 0.5rem 0 !important;
  letter-spacing: -0.015em !important;
}

/* H3 — Sub-headline */
.bcd-h3 .elementor-heading-title,
.bcd-h3 .e-n-heading,
:is(.bcd-h3) .elementor-heading-title {
  font-family: var(--font-heading) !important;
  font-size: clamp(1.2rem, 2vw, 1.75rem) !important;
  font-weight: 900 !important;
  color: var(--bcd-teal) !important;
  margin: 0 0 1.5rem 0 !important;
  line-height: 1.2 !important;
}
.bcd-h3-mustard .elementor-heading-title { color: var(--bcd-mustard) !important; }
.bcd-h3-violet  .elementor-heading-title { color: var(--bcd-violet) !important; }
.bcd-h3-ivory   .elementor-heading-title { color: var(--bcd-ivory) !important; }

/* H4 — Card/feature headline */
.bcd-h4 .elementor-heading-title,
.bcd-h4 .e-n-heading,
:is(.bcd-h4) .elementor-heading-title {
  font-family: var(--font-heading) !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  color: var(--bcd-canvas) !important;
  margin: 0 0 0.5rem 0 !important;
  line-height: 1.15 !important;
}

/* Signature / Hurricane accent text */
.bcd-sig .elementor-heading-title,
.bcd-sig .e-n-heading,
:is(.bcd-sig) .elementor-heading-title {
  font-family: var(--font-accent) !important;
  font-style: italic !important;
  font-size: clamp(1.5rem, 3vw, 2.75rem) !important;
  color: var(--bcd-teal) !important;
  opacity: 0.55;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.bcd-sig-mustard .elementor-heading-title { color: var(--bcd-mustard) !important; }

/* Body copy */
.bcd-body,
:is(.bcd-body) {
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--bcd-silver) !important;
  max-width: 700px;
}
.bcd-body p,
:is(.bcd-body) p {
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: var(--bcd-silver) !important;
  margin: 0 0 1.25rem 0;
}
.bcd-body-lg p { font-size: 1.15rem !important; }
.bcd-body-sm p { font-size: 0.88rem !important; }

/* Teal and mustard inline spans — use inside HTML mode */
.t  { color: var(--bcd-teal); }
.m  { color: var(--bcd-mustard); }
.v  { color: var(--bcd-violet); }
.cr { color: var(--bcd-crimson); }
.co { color: var(--bcd-coral); }
.iv { color: var(--bcd-ivory); }
.si { color: var(--bcd-silver); }

/* Bold inline */
.bcd-bold { font-weight: 700; color: var(--bcd-ivory); }

/* Tagline / Miami Raised. Brooklyn Refined. */
.bcd-tagline .elementor-heading-title,
:is(.bcd-tagline) .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-size: clamp(1rem, 2vw, 1.6rem) !important;
  color: var(--bcd-silver) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
}

/* Label / small caps */
.bcd-label p,
:is(.bcd-label) p {
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--bcd-silver) !important;
  margin: 0;
}

/* Divider */
.bcd-hr .elementor-divider-separator {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--bcd-teal), transparent) !important;
}
.bcd-hr-center .elementor-divider-separator {
  background: linear-gradient(90deg, transparent, var(--bcd-teal), transparent) !important;
}
.bcd-hr-mustard .elementor-divider-separator {
  background: linear-gradient(90deg, var(--bcd-mustard), transparent) !important;
}


/* ── 7. BUTTONS ─────────────────────────────────────────────
   ──────────────────────────────────────────────────────────── */

/* Primary CTA — Teal fill */
.bcd-btn-primary .elementor-button,
:is(.bcd-btn-primary) .elementor-button {
  background: var(--bcd-teal) !important;
  color: var(--bcd-void) !important;
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border-radius: 0 !important;
  border: 2px solid var(--bcd-teal) !important;
  transition: all var(--dur-base) var(--ease-smooth) !important;
}
.bcd-btn-primary .elementor-button:hover,
:is(.bcd-btn-primary) .elementor-button:hover {
  background: transparent !important;
  color: var(--bcd-teal) !important;
}

/* Secondary CTA — Ghost/outline */
.bcd-btn-ghost .elementor-button,
:is(.bcd-btn-ghost) .elementor-button {
  background: transparent !important;
  color: var(--bcd-teal) !important;
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 14px 36px !important;
  border-radius: 0 !important;
  border: 2px solid var(--bcd-teal) !important;
  transition: all var(--dur-base) var(--ease-smooth) !important;
}
.bcd-btn-ghost .elementor-button:hover,
:is(.bcd-btn-ghost) .elementor-button:hover {
  background: var(--bcd-teal) !important;
  color: var(--bcd-void) !important;
}

/* Mustard CTA */
.bcd-btn-mustard .elementor-button,
:is(.bcd-btn-mustard) .elementor-button {
  background: var(--bcd-mustard) !important;
  color: var(--bcd-void) !important;
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border-radius: 0 !important;
  border: 2px solid var(--bcd-mustard) !important;
  transition: all var(--dur-base) var(--ease-smooth) !important;
}
.bcd-btn-mustard .elementor-button:hover {
  background: transparent !important;
  color: var(--bcd-mustard) !important;
}

/* Text link CTA — arrow style */
.bcd-btn-link .elementor-button,
:is(.bcd-btn-link) .elementor-button {
  background: transparent !important;
  color: var(--bcd-teal) !important;
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(48,206,217,0.3) !important;
  border-radius: 0 !important;
  transition: all var(--dur-fast) var(--ease-smooth) !important;
}
.bcd-btn-link .elementor-button:hover {
  color: var(--bcd-teal-lt) !important;
  border-bottom-color: var(--bcd-teal) !important;
}

/* Large hero CTA */
.bcd-btn-hero .elementor-button,
:is(.bcd-btn-hero) .elementor-button {
  background: var(--bcd-teal) !important;
  color: var(--bcd-void) !important;
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 20px 52px !important;
  border-radius: 0 !important;
  border: 2px solid var(--bcd-teal) !important;
  transition: all var(--dur-base) var(--ease-smooth) !important;
}
.bcd-btn-hero .elementor-button:hover {
  background: transparent !important;
  color: var(--bcd-teal) !important;
}


/* ── 8. CARD COMPONENTS ─────────────────────────────────────
   ──────────────────────────────────────────────────────────── */

/* Standard content card */
.bcd-card,
:is(.bcd-card) {
  background: var(--bcd-onyx) !important;
  border: 1px solid var(--bcd-border) !important;
  padding: 2rem !important;
  transition: border-color var(--dur-base) var(--ease-smooth),
              transform var(--dur-base) var(--ease-smooth) !important;
}
.bcd-card:hover,
:is(.bcd-card):hover {
  border-color: rgba(48,206,217,0.3) !important;
  transform: translateY(-2px);
}

/* Card with teal top accent bar */
.bcd-card-accented,
:is(.bcd-card-accented) {
  background: linear-gradient(160deg, var(--bcd-indigo), var(--bcd-void)) !important;
  border: 1px solid var(--bcd-border-lt) !important;
  border-top: 3px solid var(--bcd-teal) !important;
  padding: 2rem !important;
  position: relative !important;
}
.bcd-card-accented-mustard { border-top-color: var(--bcd-mustard) !important; }
.bcd-card-accented-violet  { border-top-color: var(--bcd-violet) !important; }
.bcd-card-accented-coral   { border-top-color: var(--bcd-coral) !important; }
.bcd-card-accented-crimson { border-top-color: var(--bcd-crimson) !important; }

/* Stat / number card */
.bcd-stat-card,
:is(.bcd-stat-card) {
  padding: 1.5rem !important;
  border-bottom: 2px solid var(--bcd-teal) !important;
  background: rgba(0,0,0,0.25) !important;
}

/* Price / offer card */
.bcd-offer-card,
:is(.bcd-offer-card) {
  background: var(--bcd-indigo) !important;
  border: 1px solid var(--bcd-border) !important;
  padding: 2.5rem 2rem !important;
  position: relative !important;
}
.bcd-offer-card-featured,
:is(.bcd-offer-card-featured) {
  border-color: var(--bcd-teal) !important;
  box-shadow: 0 0 40px rgba(48,206,217,0.12) !important;
}

/* Framework card (R.A.D.A.R.™ etc.) */
.bcd-framework-card,
:is(.bcd-framework-card) {
  display: flex !important;
  gap: 1.25rem !important;
  padding: 1.5rem !important;
  border-left: 3px solid var(--bcd-teal) !important;
  background: rgba(0,0,0,0.18) !important;
  margin-bottom: 1rem !important;
}
.bcd-framework-card-violet { border-left-color: var(--bcd-violet) !important; }
.bcd-framework-card-mustard{ border-left-color: var(--bcd-mustard) !important; }

/* Testimonial card */
.bcd-testimonial,
:is(.bcd-testimonial) {
  background: var(--bcd-onyx) !important;
  border: 1px solid var(--bcd-border-lt) !important;
  padding: 2rem !important;
  position: relative !important;
}
.bcd-testimonial::before {
  content: '\201C';
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  font-size: 4rem;
  line-height: 1;
  color: var(--bcd-teal);
  opacity: 0.25;
  font-family: var(--font-accent);
}


/* ── 9. PRICING DISPLAY ─────────────────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-price,
:is(.bcd-price) {
  font-family: var(--font-heading) !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  color: var(--bcd-canvas) !important;
  line-height: 1 !important;
}
.bcd-price-label p {
  font-family: var(--font-label) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--bcd-silver) !important;
  margin: 0;
}
.bcd-price-teal .bcd-price { color: var(--bcd-teal) !important; }
.bcd-price-mustard .bcd-price { color: var(--bcd-mustard) !important; }


/* ── 10. ICON / BADGE UTILITIES ─────────────────────────────
   ──────────────────────────────────────────────────────────── */

/* Icon box number (01, 02, etc.) */
.bcd-step-num,
:is(.bcd-step-num) {
  font-family: var(--font-heading) !important;
  font-size: clamp(3rem, 5vw, 5rem) !important;
  font-weight: 900 !important;
  color: var(--bcd-teal) !important;
  opacity: 0.15 !important;
  line-height: 1 !important;
}

/* Pill/badge */
.bcd-pill {
  display: inline-block;
  font-family: var(--font-label);
  font-weight: 700;
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 4px 12px;
  border: 1px solid rgba(48,206,217,0.25);
  background: rgba(48,206,217,0.08);
  color: var(--bcd-teal);
}
.bcd-pill-mustard {
  border-color: rgba(229,215,4,0.25);
  background: rgba(229,215,4,0.08);
  color: var(--bcd-mustard);
}
.bcd-pill-violet {
  border-color: rgba(107,76,247,0.25);
  background: rgba(107,76,247,0.08);
  color: var(--bcd-violet);
}
.bcd-pill-red {
  border-color: rgba(195,6,30,0.25);
  background: rgba(195,6,30,0.08);
  color: var(--bcd-crimson);
}

/* Radar circle motif (decorative) */
.bcd-radar-deco {
  position: relative;
  width: 180px;
  height: 180px;
}
.bcd-radar-deco::before,
.bcd-radar-deco::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(48,206,217,0.12);
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
.bcd-radar-deco::before { width: 100%; height: 100%; }
.bcd-radar-deco::after  { width: 60%;  height: 60%; }


/* ── 11. NAVIGATION (Header — built in Theme Builder) ───────
   ──────────────────────────────────────────────────────────── */

/* Main nav link */
.bcd-nav-link a {
  font-family: var(--font-label) !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--bcd-silver) !important;
  transition: color var(--dur-fast) var(--ease-smooth) !important;
  padding: 0.5rem 1rem !important;
}
.bcd-nav-link a:hover,
.bcd-nav-link a:focus {
  color: var(--bcd-teal) !important;
}

/* Nav active state */
.bcd-nav-link.active a,
.bcd-nav-link.current-menu-item a {
  color: var(--bcd-teal) !important;
}

/* Mobile nav overlay */
.bcd-nav-mobile {
  background: var(--bcd-indigo) !important;
}


/* ── 12. FORM ELEMENTS ──────────────────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-form .elementor-form .elementor-field-group label {
  font-family: var(--font-label) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--bcd-silver) !important;
  margin-bottom: 6px !important;
}

.bcd-form .elementor-form input[type="text"],
.bcd-form .elementor-form input[type="email"],
.bcd-form .elementor-form input[type="tel"],
.bcd-form .elementor-form select,
.bcd-form .elementor-form textarea {
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid var(--bcd-border) !important;
  border-radius: 0 !important;
  color: var(--bcd-ivory) !important;
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  padding: 14px 18px !important;
  transition: border-color var(--dur-fast) !important;
}
.bcd-form .elementor-form input:focus,
.bcd-form .elementor-form textarea:focus,
.bcd-form .elementor-form select:focus {
  border-color: var(--bcd-teal) !important;
  outline: none !important;
}

.bcd-form .elementor-form input::placeholder,
.bcd-form .elementor-form textarea::placeholder {
  color: rgba(240,244,255,0.25) !important;
}


/* ── 13. LOOP GRID (PODS PORTFOLIO) ─────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-portfolio-grid.e-loop-layout--grid {
  gap: 1.5rem !important;
}

.bcd-portfolio-item,
:is(.bcd-portfolio-item) {
  background: var(--bcd-onyx) !important;
  border: 1px solid var(--bcd-border-lt) !important;
  overflow: hidden !important;
  transition: border-color var(--dur-base), transform var(--dur-base) !important;
  cursor: pointer;
}
.bcd-portfolio-item:hover {
  border-color: rgba(48,206,217,0.3) !important;
  transform: translateY(-3px);
}

.bcd-portfolio-thumb {
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  background: var(--bcd-indigo);
}
.bcd-portfolio-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--ease-smooth) !important;
}
.bcd-portfolio-item:hover .bcd-portfolio-thumb img {
  transform: scale(1.04);
}

.bcd-portfolio-info {
  padding: 1.25rem 1.5rem !important;
}


/* ── 14. TRAFFT WIDGET STYLING ──────────────────────────────
   ──────────────────────────────────────────────────────────── */
/* Trafft loads in an iframe — these .elementor-kit-20s target the wrapper */
.bcd-booking-wrap {
  border: 1px solid var(--bcd-border) !important;
  padding: 0 !important;
  background: var(--bcd-onyx) !important;
}
.bcd-booking-wrap iframe {
  border: none !important;
  width: 100% !important;
  min-height: 600px;
}


/* ── 15. SCOREAPP QUIZ EMBED ────────────────────────────────
   ──────────────────────────────────────────────────────────── */
.bcd-quiz-wrap {
  background: var(--bcd-indigo) !important;
  border: 1px solid var(--bcd-border) !important;
  padding: 0 !important;
  position: relative;
}


/* ── 16. ANIMATIONS ─────────────────────────────────────────
   ──────────────────────────────────────────────────────────── */
@keyframes bcdFadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes bcdFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes bcdSlideRight {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes bcdPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.35; }
}
@keyframes bcdRingPulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50%       { opacity: 0.85; transform: scale(1.02); }
}
@keyframes bcdSpin {
  to { transform: rotate(360deg); }
}
@keyframes bcdGradientShift {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* Animation utility classes */
.bcd-anim-1  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.1s both; }
.bcd-anim-2  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.2s both; }
.bcd-anim-3  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.3s both; }
.bcd-anim-4  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.4s both; }
.bcd-anim-5  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.5s both; }
.bcd-anim-6  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.6s both; }
.bcd-anim-7  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.7s both; }
.bcd-anim-8  { animation: bcdFadeUp 0.7s var(--ease-smooth) 0.8s both; }
.bcd-anim-slide { animation: bcdSlideRight 0.6s var(--ease-smooth) both; }
.bcd-pulse      { animation: bcdPulse 2.5s ease-in-out infinite; }
.bcd-ring-pulse { animation: bcdRingPulse 3.5s ease-in-out infinite; }


/* ── 17. RESPONSIVE UTILITIES ───────────────────────────────
   ──────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --sect-pad-v: 5rem;
    --sect-pad-h: 3rem;
  }
}

@media (max-width: 767px) {
  :root {
    --sect-pad-v: var(--sect-pad-mobile-v);
    --sect-pad-h: var(--sect-pad-mobile-h);
  }

  .bcd-h1 .elementor-heading-title {
    font-size: clamp(2.75rem, 12vw, 5rem) !important;
  }
  .bcd-h2 .elementor-heading-title {
    font-size: clamp(2rem, 9vw, 3.5rem) !important;
  }

  /* Mobile: stack grid containers to 1 col */
  .bcd-grid-2,
  .bcd-grid-3,
  .bcd-grid-4 {
    grid-template-columns: 1fr !important;
  }
}


/* ── 18. SCROLLBAR ──────────────────────────────────────────
   ──────────────────────────────────────────────────────────── */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: var(--bcd-void);
}
::-webkit-scrollbar-thumb {
  background: rgba(48,206,217,0.25);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(48,206,217,0.5);
}








/* BCD Homepage — shell + hero atmosphere */
.bcd-homepage { position: relative; z-index: 1; }
.bcd-hero {
  position: relative; overflow: hidden;
  background: #07050f; min-height: 92vh;
}
.bcd-hero::before {
  content: ''; position: absolute;
  top: -300px; right: -200px;
  width: 800px; height: 800px;
  background: radial-gradient(circle, rgba(48,206,217,.07) 0%, transparent 65%);
}
.bcd-hero::after {
  content: ''; position: absolute;
  left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(48,206,217,.3), transparent);
}

/* Shared eyebrows */
.bcd-eyebrow {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
  font-size: .68rem; letter-spacing: .28em;
  text-transform: uppercase; color: #30ced9;
  display: flex; align-items: center; gap: .65rem;
}
.bcd-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 1px; background: #30ced9; }
.bcd-eyebrow-light, .bcd-eyebrow-light::before { color: #0c9aa3; background: #0c9aa3; }
.bcd-eyebrow-mustard, .bcd-eyebrow-mustard::before { color: #e5d704; background: #e5d704; }

/* Entrance fade-up */
@keyframes bcdFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.bcd-anim-1 { animation: bcdFadeUp .7s ease .08s both; }
.bcd-anim-2 { animation: bcdFadeUp .7s ease .2s both; }
.bcd-anim-3 { animation: bcdFadeUp .7s ease .35s both; }
.bcd-anim-4 { animation: bcdFadeUp .7s ease .5s both; }
.bcd-anim-5 { animation: bcdFadeUp .7s ease .65s both; }

/* Responsive section stacks */
@media (max-width: 1024px) {
  .bcd-hero, .bcd-hww, .bcd-meet { grid-template-columns: 1fr !important; }
  .bcd-offers-grid, .bcd-testimonials-grid { grid-template-columns: 1fr 1fr !important; }
  .bcd-footer-top { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 767px) {
  .bcd-hero { padding: 56px 24px 56px !important; }
  .bcd-offers-grid, .bcd-testimonials-grid, .bcd-footer-top { grid-template-columns: 1fr !important; }
  .bcd-proof-bar, .bcd-entry-strip, .bcd-authority-logos { justify-content: flex-start !important; }
  .bcd-nav-links { display: none !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Dream Orphans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sand.bklyncustomdesigns.com/wp-content/uploads/DreamOrphans-Regular.woff2') format('woff2'),
		url('https://sand.bklyncustomdesigns.com/wp-content/uploads/DreamOrphans-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Syne Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bklyncustomdesigns.com/wp-content/uploads/SyneMono-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */