.elementor-13404 .elementor-element.elementor-element-3938aa14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13404 .elementor-element.elementor-element-3938aa14:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-3938aa14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13404 .elementor-element.elementor-element-6063227c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.14;--border-radius:0px 31px 31px 31px;--margin-top:-202px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:67px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-6063227c:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-6063227c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13404 .elementor-element.elementor-element-6063227c::before, .elementor-13404 .elementor-element.elementor-element-6063227c > .elementor-background-video-container::before, .elementor-13404 .elementor-element.elementor-element-6063227c > .e-con-inner > .elementor-background-video-container::before, .elementor-13404 .elementor-element.elementor-element-6063227c > .elementor-background-slideshow::before, .elementor-13404 .elementor-element.elementor-element-6063227c > .e-con-inner > .elementor-background-slideshow::before, .elementor-13404 .elementor-element.elementor-element-6063227c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/07/texutres.png");--background-overlay:'';}.elementor-13404 .elementor-element.elementor-element-1965ac46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:27px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13404 .elementor-element.elementor-element-588de707{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-38284a71{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:149px 0px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-20e4d446{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:31px 31px 31px 31px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-20e4d446:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-20e4d446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.bee123.co.za/wp-content/uploads/2026/03/grey-ban-3-2.png");background-repeat:no-repeat;background-size:contain;}.elementor-13404 .elementor-element.elementor-element-13343e9{--display:flex;--padding-top:89px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-13404 .elementor-element.elementor-element-13343e9:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-13343e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A7484;}.elementor-13404 .elementor-element.elementor-element-13343e9.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13404 .elementor-element.elementor-element-1824718f{width:var( --container-widget-width, 90% );max-width:90%;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:21px 0px 23px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-13404 .elementor-element.elementor-element-1824718f.elementor-element{--align-self:center;}.elementor-13404 .elementor-element.elementor-element-1824718f .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:3.2vw;font-weight:700;color:#FFFFFF;}.elementor-13404 .elementor-element.elementor-element-36f7fe87{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-ed067cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--overlay-opacity:0.85;--border-radius:0px 0px 0px 0px;--margin-top:-61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-ed067cb:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-ed067cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#097384;}.elementor-13404 .elementor-element.elementor-element-ed067cb::before, .elementor-13404 .elementor-element.elementor-element-ed067cb > .elementor-background-video-container::before, .elementor-13404 .elementor-element.elementor-element-ed067cb > .e-con-inner > .elementor-background-video-container::before, .elementor-13404 .elementor-element.elementor-element-ed067cb > .elementor-background-slideshow::before, .elementor-13404 .elementor-element.elementor-element-ed067cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-13404 .elementor-element.elementor-element-ed067cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#097384;--background-overlay:'';}.elementor-13404 .elementor-element.elementor-element-10dac26c{margin:-44px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-4e724984{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:050px;--padding-right:050px;}.elementor-13404 .elementor-element.elementor-element-f61616c{--display:flex;--border-radius:37px 37px 37px 37px;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.22);--padding-top:0px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-f61616c:not(.elementor-motion-effects-element-type-background), .elementor-13404 .elementor-element.elementor-element-f61616c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#096473EB;}.elementor-13404 .elementor-element.elementor-element-98e89ad{padding:0px 0px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-71655402{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:13px;--padding-left:150px;--padding-right:150px;}.elementor-13404 .elementor-element.elementor-element-14b704d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:17px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button{background-color:#EBB91D;font-family:"Barlow", Sans-serif;font-size:1.1vw;font-weight:700;fill:#08404A;color:#08404A;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.13);border-radius:35px 35px 35px 35px;padding:20px 32px 20px 32px;}.elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button:hover, .elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button:focus{background-color:#D6A81A;color:#08404A;}.elementor-13404 .elementor-element.elementor-element-328ecdc5{padding:0px 0px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-328ecdc5.elementor-element{--align-self:center;}.elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button:hover svg, .elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button:focus svg{fill:#08404A;}.elementor-13404 .elementor-element.elementor-element-14244f5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-13404 .elementor-element.elementor-element-14244f5e.elementor-element{--align-self:center;}.elementor-13404 .elementor-element.elementor-element-14244f5e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1vw;font-weight:400;color:#90BEC5;}@media(max-width:1090px){.elementor-13404 .elementor-element.elementor-element-4e724984{--padding-top:0px;--padding-bottom:0px;--padding-left:75px;--padding-right:75px;}}@media(max-width:768px){.elementor-13404 .elementor-element.elementor-element-6063227c{--border-radius:0px 0px 35px 35px;--margin-top:-188px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:356px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;--z-index:2;}.elementor-13404 .elementor-element.elementor-element-1965ac46{--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-588de707{--padding-top:23px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-38284a71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:138px 0px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-20e4d446{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:27px;--padding-bottom:27px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-13343e9{--padding-top:27px;--padding-bottom:4px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-1824718f{--container-widget-width:584px;--container-widget-flex-grow:0;width:var( --container-widget-width, 584px );max-width:584px;}.elementor-13404 .elementor-element.elementor-element-1824718f .elementor-heading-title{font-size:25px;}.elementor-13404 .elementor-element.elementor-element-36f7fe87{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-ed067cb{--margin-top:-31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-10dac26c{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13404 .elementor-element.elementor-element-4e724984{--padding-top:34px;--padding-bottom:34px;--padding-left:20px;--padding-right:20px;}.elementor-13404 .elementor-element.elementor-element-71655402{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-14b704d1{--margin-top:-42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:7px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-13404 .elementor-element.elementor-element-328ecdc5 .elementor-button{font-size:1rem;border-radius:38px 38px 38px 38px;padding:20px 55px 20px 55px;}.elementor-13404 .elementor-element.elementor-element-14244f5e{padding:0px 7px 0px 0px;}.elementor-13404 .elementor-element.elementor-element-14244f5e .elementor-heading-title{font-size:12px;}}@media(min-width:769px){.elementor-13404 .elementor-element.elementor-element-588de707{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-38284a71 *//* =====================================================================
   EE Mastery Episode 6 — STYLES
   PART 1: BASE  (load ONCE for the whole page — shared by every section)
   PART 2: HERO  (section 1)

   RESPONSIVE SIZING:
   390 → 1440  = original fluid scale
   1440 → 1920 = controlled large-desktop scale
   1920+        = locked large-desktop maximum

   The 1440px Figma layout remains the visual reference.
   ===================================================================== */


/* ===================== PART 1 — BASE ===================== */

.eem-page{
  --eem-teal:#0a7484;
  --eem-teal-900:#08404a;
  --eem-gold:#eab91f;
  --eem-grey:#505b60;
  --eem-teal2:#779caa;
  --eem-mist:#eef5f6;
  --eem-mist-line:#d6e6e9;
  --eem-white:#ffffff;
  --eem-font:"Barlow",Arial,sans-serif;

  /* ---------------------------------------------------------------
     BASE LAYOUT
     390 → 1440
     --------------------------------------------------------------- */

  --eem-max:none;

  --eem-pad:clamp(
    20px,
    -2.29px + 5.714vw,
    80px
  );

  --eem-gap:clamp(
    32px,
    14.17px + 4.571vw,
    80px
  );

  /* ---------------------------------------------------------------
     BASE TYPE SCALE
     Values below remain exactly as before at 1440.
     --------------------------------------------------------------- */

  --eem-fs-h1:clamp(36px, 27.09px + 2.286vw, 60px);
  --eem-fs-h2:clamp(30px, 26.29px + 0.952vw, 40px);
  --eem-fs-h3:clamp(22px, 19.77px + 0.571vw, 28px);
  --eem-fs-h4:clamp(18px, 17.26px + 0.190vw, 20px);
  --eem-fs-sup:clamp(19px, 17.14px + 0.476vw, 24px);
  --eem-fs-lead:clamp(17px, 16.63px + 0.095vw, 18px);
  --eem-fs-body:clamp(15px, 14.63px + 0.095vw, 16px);
  --eem-fs-label:clamp(12px, 11.63px + 0.095vw, 13px);

  /* Spacing */
  --eem-s1:8px;
  --eem-s2:16px;
  --eem-s3:24px;
  --eem-s4:32px;

  --eem-s5:clamp(
    32px,
    26.06px + 1.524vw,
    48px
  );

  --eem-s6:clamp(
    40px,
    28.11px + 3.048vw,
    72px
  );

  --eem-s7:clamp(
    56px,
    41.14px + 3.810vw,
    96px
  );
}


/* ===================== SCOPED RESET ===================== */

.eem-page{
  width:100%;
  overflow-x:clip;
  background:var(--eem-white);
  color:var(--eem-grey);
  font-family:var(--eem-font);
  font-size:var(--eem-fs-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.eem-page *,
.eem-page *::before,
.eem-page *::after{
  box-sizing:border-box;
}

.eem-page h1,
.eem-page h2,
.eem-page h3,
.eem-page h4,
.eem-page p,
.eem-page dl,
.eem-page dt,
.eem-page dd,
.eem-page ol,
.eem-page ul,
.eem-page li,
.eem-page figure{
  margin:0;
  padding:0;
}

.eem-page h1,
.eem-page h2,
.eem-page h3,
.eem-page h4{
  font-family:var(--eem-font);
  text-transform:none;
  letter-spacing:normal;
  color:inherit;
}

.eem-page ol,
.eem-page ul{
  list-style:none;
}

.eem-page img,
.eem-page svg{
  max-width:100%;
  height:auto;
}

.eem-page a:focus-visible,
.eem-page button:focus-visible{
  outline:3px solid var(--eem-gold);
  outline-offset:3px;
}


/* ===================== CONTAINER ===================== */

.eem-page .eem-wrap{
  max-width:var(--eem-max);
  margin:0 auto;
  padding:0 var(--eem-pad);
}


/* ===================== TYPE ===================== */

.eem-page .eem-h1{
  font-weight:700;
  font-size:var(--eem-fs-h1);
  line-height:1.07;
  letter-spacing:-.015em;
  color:var(--eem-teal-900);
}

.eem-page .eem-h2{
  font-weight:700;
  font-size:var(--eem-fs-h2);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--eem-teal-900);
}

.eem-page .eem-h3{
  font-weight:700;
  font-size:var(--eem-fs-h3);
  line-height:1.21;
  color:var(--eem-teal-900);
}

.eem-page .eem-h4{
  font-weight:700;
  font-size:var(--eem-fs-h4);
  line-height:1.4;
  color:var(--eem-teal-900);
}

.eem-page .eem-lead{
  font-size:var(--eem-fs-lead);
  line-height:1.56;
  color:var(--eem-grey);
}

.eem-page .eem-body{
  font-size:var(--eem-fs-body);
  line-height:1.63;
  color:var(--eem-grey);
}

.eem-page .eem-label{
  font-weight:800;
  font-size:var(--eem-fs-label);
  line-height:1;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--eem-teal);
}


/* ===================== EYEBROW ===================== */

.eem-page .eem-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:800;
  font-size:var(--eem-fs-label);
  line-height:1;
  letter-spacing:.2em;
  color:var(--eem-teal);
}

.eem-page .eem-eyebrow::before{
  content:"";
  flex:0 0 40px;
  height:2px;
  background:var(--eem-teal);
}


/* ===================== BUTTON ===================== */

.eem-page .eem-btn,
.eem-page .eem-btn:link,
.eem-page .eem-btn:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 32px;
  border:0;
  border-radius:999px;
  background:var(--eem-gold);
  color:var(--eem-teal-900);
  font-family:var(--eem-font);
  font-weight:700;
  font-size:17px;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:
    background-color .2s ease,
    transform .2s ease;
}

.eem-page .eem-btn:hover{
  background:#d9a913;
  color:var(--eem-teal-900);
  transform:translateY(-1px);
}

@media (prefers-reduced-motion:reduce){

  .eem-page .eem-btn{
    transition:none;
  }

  .eem-page .eem-btn:hover{
    transform:none;
  }

}


/* ===================== HIGHLIGHTER ===================== */

.eem-page .eem-mark{
  color:inherit;
  background:
    linear-gradient(
      transparent 58%,
      rgba(234,185,31,.6) 58%,
      rgba(234,185,31,.6) 92%,
      transparent 92%
    );
  padding:0 .08em;
}


/* =====================================================================
   PART 2 — HERO
   ===================================================================== */


/* ===================== HERO ===================== */

.eem-page .eem-hero{

  --eem-header-space:0px;

  padding:
    calc(var(--eem-header-space) + var(--eem-s6))
    0
    var(--eem-s6);

  background:var(--eem-white);
}


/* ===================== HERO GRID ===================== */

.eem-page .eem-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--eem-gap);
  align-items:center;
}

.eem-page .eem-hero__copy{
  max-width:600px;
}


/* ===================== HERO COPY ===================== */

.eem-page .eem-hero .eem-eyebrow{
  margin-bottom:var(--eem-s3);
}

.eem-page .eem-hero .eem-h1{
  margin-bottom:20px;
}

.eem-page .eem-hero__support{
  margin-bottom:20px;
  font-weight:600;
  font-size:var(--eem-fs-sup);
  line-height:1.33;
  color:var(--eem-teal);
}

.eem-page .eem-hero__desc{
  max-width:520px;
  margin-bottom:var(--eem-s4);
}


/* =====================================================================
   EVENT STRIP
   ===================================================================== */

.eem-page .eem-meta{
  display:grid;
  grid-template-columns:auto repeat(3,minmax(0,1fr));

  height:80px;

  margin-bottom:var(--eem-s4);

  background:var(--eem-mist);
  border:1px solid var(--eem-mist-line);
  border-radius:14px;

  overflow:hidden;
}

.eem-page .eem-meta__date{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;

  padding:0 20px;

  background:var(--eem-teal);
  text-align:center;
}

.eem-page .eem-meta__date dt{
  font-weight:800;
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
}

.eem-page .eem-meta__day{
  font-weight:700;
  font-size:clamp(
    30px,
    27.77px + 0.571vw,
    36px
  );
  line-height:.9;
  color:var(--eem-gold);
}

.eem-page .eem-meta__month{
  font-weight:600;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  color:var(--eem-white);
}

.eem-page .eem-meta__item{
  display:flex;
  align-items:center;
  gap:10px;

  padding:0 16px;

  border-left:1px solid var(--eem-mist-line);
}

.eem-page .eem-meta__icon{
  flex:0 0 18px;
  align-self:center;
  margin-top:-1px;
  color:var(--eem-teal);
}

.eem-page .eem-meta__text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.eem-page .eem-meta__text dt{
  font-weight:800;
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--eem-teal);
}

.eem-page .eem-meta__text dd{
  font-weight:600;
  font-size:clamp(
    14px,
    13.63px + 0.095vw,
    15px
  );
  line-height:1.25;
  color:var(--eem-teal-900);
}


/* ===================== LAPTOP 1260–1365 ===================== */

@media (min-width:1260px) and (max-width:1365px){

  .eem-page .eem-meta__date{
    padding:0 14px;
  }

  .eem-page .eem-meta__item{
    gap:8px;
    padding:0 12px;
  }

}


/* ===================== SMALL LAPTOP 1025–1259 ===================== */

@media (min-width:1025px) and (max-width:1259px){

  .eem-page .eem-meta{
    grid-template-columns:1fr 1fr;
    height:auto;
  }

  .eem-page .eem-meta__date{
    grid-column:1/-1;
    flex-direction:row;
    justify-content:flex-start;
    gap:10px;
    padding:12px 16px;
  }

  .eem-page .eem-meta__item{
    padding:14px 16px;
    border-left:0;
    border-top:1px solid var(--eem-mist-line);
  }

  .eem-page .eem-meta__item:nth-child(3){
    border-left:1px solid var(--eem-mist-line);
  }

  .eem-page .eem-meta__item:last-child{
    grid-column:1/-1;
  }

}


/* =====================================================================
   HERO CTA
   ===================================================================== */

.eem-page .eem-hero__cta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 20px;
}

.eem-page .eem-hero__hint{
  font-weight:500;
  font-size:15px;
  line-height:1.4;
  color:var(--eem-grey);
}


/* =====================================================================
   RIGHT COLUMN / ARC
   ===================================================================== */

.eem-page .eem-hero__visual{
  justify-self:end;
  width:min(100%,520px);
  padding:12px 12px 0;
}

.eem-page .eem-hero__rule{
  display:block;
  width:100%;
  height:0;
  margin:28px 0;
  border:0;
  border-top:1px solid var(--eem-mist-line);
}

.eem-page .eem-hero__caption{
  max-width:20ch;
}


/* ===================== ARC ===================== */

.eem-page .eem-arc{
  display:block;
  width:min(100%,400px);
  height:auto;
  overflow:visible;
}

.eem-page .eem-arc text{
  font-family:var(--eem-font);
  font-weight:700;
}

.eem-page .eem-arc__core path{
  fill:var(--eem-teal);
}

.eem-page .eem-arc__top{
  font-weight:800!important;
  font-size:13px;
  letter-spacing:3px;
  fill:rgba(255,255,255,.85);
}

.eem-page .eem-arc__ten{
  font-size:104px;
  letter-spacing:-6px;
  fill:var(--eem-gold);
}

.eem-page .eem-arc__band path{
  fill:var(--fill);
  transition:fill .3s ease;
}

.eem-page .eem-arc__band text{
  font-size:15px;
  transition:fill .3s ease;
}

.eem-page .eem-arc__band--light text{
  fill:var(--eem-white);
}

.eem-page .eem-arc__band--dark text{
  fill:var(--eem-teal);
}


/* =====================================================================
   ARC LOAD ANIMATION
   ===================================================================== */

@media (prefers-reduced-motion:no-preference){

  .eem-page .eem-arc__core,
  .eem-page .eem-arc__band{
    transform-box:view-box;
    transform-origin:0 400px;
    animation:
      eem-arc-in
      .7s
      cubic-bezier(.2,.7,.2,1)
      backwards;
  }

  .eem-page .eem-arc__band{
    animation-delay:
      calc(.1s + var(--i) * .06s);
  }

}

@keyframes eem-arc-in{

  from{
    transform:scale(.4);
    opacity:0;
  }

  to{
    transform:none;
    opacity:1;
  }

}


/* =====================================================================
   ARC HOVER
   ===================================================================== */

@media (hover:hover) and (pointer:fine){

  .eem-page .eem-arc__band{
    cursor:default;
  }

  .eem-page .eem-arc__band:hover path{
    fill:var(--eem-gold);
  }

  .eem-page .eem-arc__band:hover text{
    fill:var(--eem-teal-900);
  }

}


/* =====================================================================
   LARGE DESKTOP
   1441 → 1920

   This is the important new section.

   1440 remains unchanged.
   Elements grow gradually until their 1920 maximum.
   ===================================================================== */

@media (min-width:1441px){

  .eem-page{

    /*
     * SIDE PADDING
     * 1440 = 80px
     * 1920 = 100px
     * 1920+ = 100px
     */
    --eem-pad:clamp(
      80px,
      20px + 4.167vw,
      100px
    );

    /*
     * GRID GAP
     * 1440 = 80px
     * 1920 = 100px
     */
    --eem-gap:clamp(
      80px,
      20px + 4.167vw,
      100px
    );

    /*
     * H1
     * 1440 = 60px
     * 1920 = 68px
     */
    --eem-fs-h1:clamp(
      60px,
      36px + 1.667vw,
      68px
    );

    /*
     * Supporting line
     * 1440 = 24px
     * 1920 = 27px
     */
    --eem-fs-sup:clamp(
      24px,
      15px + .625vw,
      27px
    );

    /*
     * Lead
     * 1440 = 18px
     * 1920 = 20px
     */
    --eem-fs-lead:clamp(
      18px,
      12px + .417vw,
      20px
    );

    /*
     * Body
     * 1440 = 16px
     * 1920 = 18px
     */
    --eem-fs-body:clamp(
      16px,
      10px + .417vw,
      18px
    );

    /*
     * Section / card type gets a small increase as well,
     * keeping the whole design system coherent on large screens.
     */
    --eem-fs-h2:clamp(
      40px,
      28px + .833vw,
      48px
    );

    --eem-fs-h3:clamp(
      28px,
      22px + .417vw,
      32px
    );

    --eem-fs-h4:clamp(
      20px,
      17px + .208vw,
      24px
    );

  }


  /* ---------------------------------------------------------------
     HERO LARGE-DESKTOP SPACING
     --------------------------------------------------------------- */

  .eem-page .eem-hero{

    padding-top:
      calc(
        var(--eem-header-space)
        + clamp(
          72px,
          48px + 1.667vw,
          96px
        )
      );

    padding-bottom:
      clamp(
        72px,
        48px + 1.667vw,
        96px
      );

  }


  /* ---------------------------------------------------------------
     COPY WIDTH
     1440 = 600px
     1920 = 650px
     --------------------------------------------------------------- */

  .eem-page .eem-hero__copy{
    max-width:clamp(
      600px,
      450px + 10.417vw,
      650px
    );
  }


  .eem-page .eem-hero__desc{
    max-width:clamp(
      520px,
      400px + 8.333vw,
      560px
    );
  }


  /* ---------------------------------------------------------------
     EYEBROW / COPY SPACING
     --------------------------------------------------------------- */

  .eem-page .eem-hero .eem-eyebrow{
    margin-bottom:clamp(
      24px,
      12px + .833vw,
      32px
    );
  }

  .eem-page .eem-hero .eem-h1{
    margin-bottom:clamp(
      20px,
      14px + .417vw,
      28px
    );
  }

  .eem-page .eem-hero__support{
    margin-bottom:clamp(
      20px,
      14px + .417vw,
      28px
    );
  }

  .eem-page .eem-hero__desc{
    margin-bottom:clamp(
      32px,
      20px + .833vw,
      40px
    );
  }


  /* ---------------------------------------------------------------
     EVENT STRIP
     1440 = 80px
     1920 = 88px
     --------------------------------------------------------------- */

  .eem-page .eem-meta{
    height:clamp(
      80px,
      56px + 1.667vw,
      88px
    );

    margin-bottom:clamp(
      32px,
      20px + .833vw,
      40px
    );

    border-radius:clamp(
      14px,
      8px + .417vw,
      18px
    );
  }


  .eem-page .eem-meta__date{
    padding-left:clamp(
      20px,
      8px + .833vw,
      28px
    );

    padding-right:clamp(
      20px,
      8px + .833vw,
      28px
    );
  }


  .eem-page .eem-meta__date dt{
    font-size:clamp(
      10px,
      8px + .139vw,
      11px
    );
  }


  .eem-page .eem-meta__day{
    font-size:clamp(
      36px,
      24px + .833vw,
      40px
    );
  }


  .eem-page .eem-meta__month{
    font-size:clamp(
      12px,
      9px + .208vw,
      14px
    );
  }


  .eem-page .eem-meta__item{
    gap:clamp(
      10px,
      4px + .417vw,
      14px
    );

    padding-left:clamp(
      16px,
      4px + .833vw,
      24px
    );

    padding-right:clamp(
      16px,
      4px + .833vw,
      24px
    );
  }


  .eem-page .eem-meta__icon{
    flex-basis:clamp(
      18px,
      12px + .417vw,
      22px
    );

    width:clamp(
      18px,
      12px + .417vw,
      22px
    );

    height:clamp(
      18px,
      12px + .417vw,
      22px
    );
  }


  .eem-page .eem-meta__text dt{
    font-size:clamp(
      10px,
      8px + .139vw,
      11px
    );
  }


  .eem-page .eem-meta__text dd{
    font-size:clamp(
      15px,
      9px + .417vw,
      17px
    );
  }


  /* ---------------------------------------------------------------
     CTA
     --------------------------------------------------------------- */

  .eem-page .eem-btn,
  .eem-page .eem-btn:link,
  .eem-page .eem-btn:visited{

    min-height:clamp(
      56px,
      44px + .833vw,
      64px
    );

    padding-left:clamp(
      32px,
      20px + .833vw,
      40px
    );

    padding-right:clamp(
      32px,
      20px + .833vw,
      40px
    );

    font-size:clamp(
      17px,
      14px + .208vw,
      19px
    );

  }


  .eem-page .eem-hero__hint{
    font-size:clamp(
      15px,
      12px + .208vw,
      17px
    );
  }


  /* ---------------------------------------------------------------
     RIGHT VISUAL
     1440 = 520px group
     1920 = 620px group
     --------------------------------------------------------------- */

  .eem-page .eem-hero__visual{

    width:clamp(
      520px,
      220px + 20.833vw,
      620px
    );

    padding-top:clamp(
      12px,
      4px + .556vw,
      20px
    );

    padding-left:clamp(
      12px,
      4px + .556vw,
      20px
    );

    padding-right:clamp(
      12px,
      4px + .556vw,
      20px
    );

  }


  /* ---------------------------------------------------------------
     ARC
     1440 = 400px
     1920 = 480px
     --------------------------------------------------------------- */

  .eem-page .eem-arc{
    width:clamp(
      400px,
      160px + 16.667vw,
      480px
    );
  }


  /* ---------------------------------------------------------------
     ARC / CAPTION DIVIDER
     --------------------------------------------------------------- */

  .eem-page .eem-hero__rule{

    margin-top:clamp(
      28px,
      16px + .833vw,
      36px
    );

    margin-bottom:clamp(
      28px,
      16px + .833vw,
      36px
    );

  }


  .eem-page .eem-hero__caption{
    max-width:20ch;
  }

}


/* =====================================================================
   TABLET ≤ 1024
   ===================================================================== */

@media (max-width:1024px){

  .eem-page .eem-hero__grid{
    grid-template-columns:1fr;
    gap:var(--eem-s5);
  }

  .eem-page .eem-hero__copy{
    max-width:640px;
  }

  .eem-page .eem-hero__visual{
    justify-self:start;
    width:min(100%,520px);
    padding:0;
  }

}


/* =====================================================================
   MOBILE ≤ 767
   ===================================================================== */

@media (max-width:767px){

  .eem-page .eem-meta{
    grid-template-columns:1fr 1fr;
    height:auto;
  }

  .eem-page .eem-meta__date{
    grid-column:1/-1;
    flex-direction:row;
    justify-content:flex-start;
    gap:10px;
    padding:12px 16px;
  }

  .eem-page .eem-meta__item{
    padding:14px 16px;
    border-left:0;
    border-top:1px solid var(--eem-mist-line);
  }

  .eem-page .eem-meta__item:nth-child(3){
    border-left:1px solid var(--eem-mist-line);
  }

  .eem-page .eem-meta__item:last-child{
    grid-column:1/-1;
  }

  .eem-page .eem-hero__cta{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }

  .eem-page .eem-hero__cta .eem-btn{
    width:100%;
    min-height:60px;
  }

  /* Arc graphic + caption are hidden on mobile */
  .eem-page .eem-hero__visual{
    display:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10dac26c *//* =====================================================================
   EE Mastery Episode 6 — SECTION 2: SESSION OVERVIEW
   Needs PART 1 (BASE) from "EE Mastery Episode 6 - Hero.css" — don't load the base twice.
   ---------------------------------------------------------------------
   1440 frame: teal section background, white card 1280 wide (x 80), radius 24,
   64 padding. Section heading = H2 (40/48), intro = Large body (18/28),
   item titles = H4 (20/28), descriptions = Body (16/26) — same scale as the hero.
   ===================================================================== */
.eem-page .eem-session{padding:var(--eem-s7) 0;background:transparent}  /* 96 top/bottom. Background is set on the Elementor container (teal #0A7484) */
.eem-page .eem-session__card{padding:clamp(28px, 13.14px + 3.810vw, 64px);background:var(--eem-white);border-radius:24px}

/* Let the Elementor container's background show through this section's wrapper */
.eem-page:has(> .eem-session){background:transparent}
.eem-page.eem-page--clear{background:transparent}

/* Heading + intro */
.eem-page .eem-session__title{margin-bottom:var(--eem-s2);color:var(--eem-teal)}          /* 16 */
.eem-page .eem-session__intro{max-width:760px;margin-bottom:var(--eem-s5);color:var(--eem-teal-900)}  /* 48 */

/* 2 × 2 grid — 80 column gap; divider between the two rows, per column */
.eem-page .eem-session__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--eem-gap)}
.eem-page .eem-session__item{padding:0 0 var(--eem-s4)}                                    /* 32 under each */
.eem-page .eem-session__item:nth-child(n+3){padding:var(--eem-s4) 0 0;border-top:1px solid var(--eem-teal)}
.eem-page .eem-session__item-title{margin-bottom:var(--eem-s1);color:var(--eem-teal)}      /* 8 */
.eem-page .eem-session__item .eem-body{max-width:440px}

/* CTA band — mid-teal, radius 16, 32 × 40 padding, 48 above */
.eem-page .eem-session__band{display:flex;align-items:center;justify-content:space-between;gap:var(--eem-s3) var(--eem-s5);margin-top:var(--eem-s5);padding:var(--eem-s4) clamp(24px, 18.06px + 1.524vw, 40px);background:#2a8795;border-radius:16px}
.eem-page .eem-session__band .eem-h4{margin-bottom:var(--eem-s1);color:var(--eem-white)}
.eem-page .eem-session__band .eem-body{max-width:560px;color:rgba(255,255,255,.82)}
.eem-page .eem-session__band-cta{flex:0 0 auto}

/* Button — CI Yellow pill, dark teal text. 56 high, 32 side padding, Barlow Bold 17.
   (Reusable: later sections can use the same .eem-btn class.) */
.eem-page .eem-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:0;border-radius:999px;background:var(--eem-gold);color:var(--eem-teal-900);font-family:var(--eem-font);font-weight:700;font-size:17px;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.eem-page .eem-btn:hover{background:#d9a913;color:var(--eem-teal-900);transform:translateY(-1px)}
.eem-page .eem-btn:focus-visible{outline:3px solid var(--eem-white);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.eem-page .eem-btn{transition:none}.eem-page .eem-btn:hover{transform:none}}

/* Tablet ≤ 1024 */
@media (max-width:1024px){
  .eem-page .eem-session__band{flex-direction:column;align-items:flex-start}
}
/* Mobile ≤ 767: one column, dividers between every item */
@media (max-width:767px){
  .eem-page .eem-session__grid{grid-template-columns:1fr}
  .eem-page .eem-session__item{padding:var(--eem-s3) 0;border-top:1px solid var(--eem-teal)}
  .eem-page .eem-session__item:first-child{padding-top:0;border-top:0}
  .eem-page .eem-session__item:nth-child(n+3){padding:var(--eem-s3) 0}
  .eem-page .eem-session__band-cta{align-self:stretch}
  .eem-page .eem-session__band-cta .eem-btn{width:100%;min-height:60px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98e89ad *//* =====================================================================
   EE Mastery Episode 6 — SECTION 3: CLOSING
   SELF-CONTAINED
   ---------------------------------------------------------------------
   RESPONSIVE SIZING:
   390 → 1440  = original fluid scale
   1440 → 1920 = controlled large-desktop scale
   1920+        = locked large-desktop maximum

   The 1440px design remains the reference.
   Background is transparent — Elementor container supplies #0A7484.
   ===================================================================== */


/* ===================== TOKENS ===================== */

.eem-page .eem-closing{

  --cl-white:#ffffff;
  --cl-gold:#eab91f;
  --cl-soft:rgba(255,255,255,.78);
  --cl-font:"Barlow",Arial,sans-serif;

  /* Original 390 → 1440 scale */
  --cl-fs-h2:clamp(
    30px,
    26.29px + 0.952vw,
    40px
  );

  --cl-fs-lead:clamp(
    18px,
    17.26px + 0.190vw,
    20px
  );

  --cl-fs-body:clamp(
    15px,
    14.63px + 0.095vw,
    16px
  );

  --cl-pad-y:clamp(
    56px,
    41.14px + 3.810vw,
    96px
  );

  --cl-pad-x:clamp(
    20px,
    -2.29px + 5.714vw,
    80px
  );

}


/* ===================== SECTION ===================== */

.eem-page.eem-page--clear{
  background:transparent!important;
}

.eem-page .eem-closing{
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:var(--cl-pad-y) 0;
  background:transparent;
  text-align:center;
  font-family:var(--cl-font);
  -webkit-font-smoothing:antialiased;
}


/* ===================== UNIVERSAL BOX SIZING ===================== */

.eem-page .eem-closing *,
.eem-page .eem-closing *::before,
.eem-page .eem-closing *::after{
  box-sizing:border-box;
}


/* ===================== INNER WRAPPER ===================== */

.eem-page .eem-closing .eem-closing__inner{
  display:flex;
  flex-direction:column;
  align-items:center;

  max-width:1440px;

  margin:0 auto;

  padding:
    0
    var(--cl-pad-x);
}


/* ===================== RESET ===================== */

.eem-page .eem-closing h2,
.eem-page .eem-closing p,
.eem-page .eem-closing span,
.eem-page .eem-closing strong{
  margin:0;
  padding:0;

  font-family:var(--cl-font);

  text-transform:none;
  text-shadow:none;
}


/* =====================================================================
   HEADING
   ===================================================================== */

.eem-page .eem-closing .eem-closing__title{

  max-width:680px;

  margin:
    0
    0
    24px;

  font-weight:700;

  font-size:var(--cl-fs-h2);

  line-height:1.2;

  letter-spacing:-.01em;

  color:var(--cl-white);
}


.eem-page .eem-closing .eem-closing__line1,
.eem-page .eem-closing .eem-closing__line2{

  display:block;

  font:inherit;
  letter-spacing:inherit;

}


.eem-page .eem-closing .eem-closing__line1{
  color:var(--cl-white);
}


.eem-page .eem-closing .eem-closing__line2{
  color:var(--cl-gold);
}


/* =====================================================================
   LEAD
   ===================================================================== */

.eem-page .eem-closing .eem-closing__lead{

  max-width:520px;

  margin:
    0
    0
    24px;

  font-weight:600;

  font-size:var(--cl-fs-lead);

  line-height:1.4;

  letter-spacing:0;

  color:var(--cl-white);

}


/* =====================================================================
   SUPPORTING COPY
   ===================================================================== */

.eem-page .eem-closing .eem-closing__text{

  max-width:520px;

  margin:0;

  font-weight:400;

  font-size:var(--cl-fs-body);

  line-height:1.63;

  letter-spacing:0;

  color:var(--cl-soft);

}


.eem-page .eem-closing .eem-closing__text
+ .eem-closing__text{

  margin-top:16px;

}


.eem-page .eem-closing .eem-closing__text strong{

  font-weight:700;

  white-space:nowrap;

  color:var(--cl-white);

}


/* =====================================================================
   LARGE DESKTOP
   1441 → 1920

   Controlled scaling only.
   1440 remains exactly the approved reference.
   ===================================================================== */

@media (min-width:1441px){

  .eem-page .eem-closing{

    /*
     * Horizontal breathing room
     *
     * 1440 = 80px
     * 1920 = 100px
     */
    --cl-pad-x:clamp(
      80px,
      20px + 4.167vw,
      100px
    );


    /*
     * Vertical section padding
     *
     * 1440 = 96px
     * 1920 = 120px
     *
     * This gives large displays more breathing room
     * without making the section excessively tall.
     */
    --cl-pad-y:clamp(
      96px,
      36px + 4.167vw,
      120px
    );


    /*
     * Heading
     *
     * 1440 = 40px
     * 1920 = 46px
     */
    --cl-fs-h2:clamp(
      40px,
      22px + 1.25vw,
      46px
    );


    /*
     * Lead
     *
     * 1440 = 20px
     * 1920 = 23px
     */
    --cl-fs-lead:clamp(
      20px,
      11px + .625vw,
      23px
    );


    /*
     * Supporting copy
     *
     * 1440 = 16px
     * 1920 = 18px
     */
    --cl-fs-body:clamp(
      16px,
      10px + .417vw,
      18px
    );

  }


  /* ---------------------------------------------------------------
     HEADING WIDTH
     1440 = 680px
     1920 = 760px
     --------------------------------------------------------------- */

  .eem-page .eem-closing .eem-closing__title{

    max-width:clamp(
      680px,
      440px + 16.667vw,
      760px
    );

    margin-bottom:clamp(
      24px,
      12px + .833vw,
      32px
    );

  }


  /* ---------------------------------------------------------------
     LEAD WIDTH
     1440 = 520px
     1920 = 580px
     --------------------------------------------------------------- */

  .eem-page .eem-closing .eem-closing__lead{

    max-width:clamp(
      520px,
      340px + 12.5vw,
      580px
    );

    margin-bottom:clamp(
      24px,
      12px + .833vw,
      32px
    );

  }


  /* ---------------------------------------------------------------
     SUPPORTING COPY WIDTH
     --------------------------------------------------------------- */

  .eem-page .eem-closing .eem-closing__text{

    max-width:clamp(
      520px,
      340px + 12.5vw,
      580px
    );

  }


  /* ---------------------------------------------------------------
     GAP BETWEEN SUPPORTING PARAGRAPHS
     --------------------------------------------------------------- */

  .eem-page .eem-closing .eem-closing__text
  + .eem-closing__text{

    margin-top:clamp(
      16px,
      10px + .417vw,
      20px
    );

  }

}


/* =====================================================================
   SAFETY — VERY LARGE DISPLAYS
   1920+
   ===================================================================== */

@media (min-width:1921px){

  .eem-page .eem-closing .eem-closing__inner{

    /*
     * Keep the content aligned with the overall
     * large-desktop composition rather than allowing
     * the section to become an enormous centred block.
     */
    max-width:none;

  }

}/* End custom CSS */