body.elementor-page-30674:not(.elementor-motion-effects-element-type-background), body.elementor-page-30674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-458376c *//* =========================================================
   BRAND IMPRINT — ABOUT HERO V3
========================================================= */

.bi-about-hero{

  --orange:#F0552C;
  --cream:#F1ECE4;
  --black:#0A0A0A;
  --yellow:#DFFF46;
  --white:#FFFFFF;

  position:relative;

  overflow:hidden;

  background:var(--cream);

  color:var(--black);

  padding:85px 0 0;

}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.bi-about-hero-grid{

  position:absolute;

  inset:0;

  pointer-events:none;

  background:

    linear-gradient(
      rgba(0,0,0,.035) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(0,0,0,.035) 1px,
      transparent 1px
    );

  background-size:90px 90px;

}


/* =========================================================
   BACKGROUND SHAPES
========================================================= */

.bi-about-hero-shape{

  position:absolute;

  pointer-events:none;

  transition:
    transform .8s
    cubic-bezier(.16,1,.3,1);

}


.shape-one{

  width:300px;

  height:300px;

  right:-80px;

  top:80px;

  background:
    rgba(240,85,44,.11);

  border-radius:
    57% 43% 65% 35% /
    38% 61% 39% 62%;

  animation:
    biAboutHeroMorph
    8s ease-in-out infinite;

}


.shape-two{

  width:110px;

  height:110px;

  left:42%;

  bottom:15%;

  border-radius:50%;

  border:
    17px solid
    rgba(223,255,70,.38);

}


@keyframes biAboutHeroMorph{

  50%{

    border-radius:
      38% 62% 42% 58% /
      62% 38% 62% 38%;

    transform:
      rotate(10deg);

  }

}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.bi-about-hero-wrap{

  position:relative;

  z-index:3;

  width:
    min(
      1360px,
      calc(100% - 80px)
    );

  margin:auto;

  display:grid;

  grid-template-columns:
    1.02fr .98fr;

  gap:80px;

  align-items:center;

  min-height:600px;

  padding-bottom:75px;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.bi-about-hero-copy{

  position:relative;

  z-index:4;

}


/* =========================================================
   KICKER
========================================================= */

.bi-about-hero-kicker{

  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:28px;

  color:var(--black);

  font-size:10px;

  font-weight:900;

  letter-spacing:.18em;

}


.bi-about-hero-kicker span{

  width:38px;

  height:2px;

  flex-shrink:0;

  background:var(--orange);

}


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

.bi-about-hero-copy h1{

  max-width:780px;

  margin:0;

  font-size:
    clamp(
      58px,
      6.5vw,
      54px
    );

  line-height:.84;

  letter-spacing:-.078em;

  font-weight:900;

  color:var(--black);

}


.bi-about-hero-copy h1 > span{

  display:block;

}


/* =========================================================
   OUTLINE
========================================================= */

.bi-about-outline{

  color:transparent;

  -webkit-text-stroke:
    2px var(--black);

  text-stroke:
    2px var(--black);

  margin-left:4%;

}


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

.bi-about-orange{

  margin-top:15px;

  width:fit-content;

  color:var(--orange);

  position:relative;

}


/* =========================================================
   HAND-DRAWN UNDERLINE
========================================================= */

.bi-about-orange::after{

  content:"";

  position:absolute;

  left:2%;

  bottom:-14px;

  width:94%;

  height:14px;

  border-bottom:
    5px solid var(--orange);

  border-radius:50%;

  transform:rotate(-1deg);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.bi-about-hero-copy p{

  max-width:650px;

  margin:
    42px 0 0;

  color:
    rgba(10,10,10,.68);

  font-size:
    16px;

  line-height:
    1.75;

  font-weight:500;

}


/* =========================================================
   MINI META ROW
========================================================= */

.bi-about-hero-meta{

  display:flex;

  align-items:center;

  gap:0;

  margin-top:42px;

  width:fit-content;

  border-top:
    1px solid rgba(0,0,0,.14);

  border-bottom:
    1px solid rgba(0,0,0,.14);

}


.bi-about-meta-item{

  min-width:100px;

  padding:
    13px 20px;

  display:flex;

  align-items:center;

  gap:10px;

  border-right:
    1px solid rgba(0,0,0,.12);

}


.bi-about-meta-item:last-child{

  border-right:0;

}


.bi-about-meta-item span{

  color:
    rgba(0,0,0,.38);

  font-size:7px;

  font-weight:900;

}


.bi-about-meta-item strong{

  font-size:9px;

  letter-spacing:.08em;

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.bi-about-hero-visual{

  position:relative;

  width:100%;

  max-width:590px;

  margin-left:auto;

  min-height:580px;

  display:flex;

  align-items:center;

  justify-content:center;

}


/* =========================================================
   IMAGE FRAME
========================================================= */

.bi-about-image-frame{

  position:relative;

  width:92%;

  height:520px;

  z-index:4;

  transform:
    rotate(2deg);

  transition:
    transform .7s
    cubic-bezier(.16,1,.3,1);

}


/* =========================================================
   IMAGE INNER
========================================================= */

.bi-about-image-inner{

  position:absolute;

  inset:0;

  overflow:hidden;

  background:#111;

  border-radius:
    10px 10px 70px 10px;

  box-shadow:
    22px 30px 70px
    rgba(0,0,0,.20);

}


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

.bi-about-hero-image{

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;

  transform:
    scale(1.04);

  transition:
    transform .8s
    cubic-bezier(.16,1,.3,1);

}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.bi-about-image-inner::after{

  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 55%,
      rgba(0,0,0,.38) 100%
    );

  pointer-events:none;

}


/* =========================================================
   IMAGE NUMBER
========================================================= */

.bi-about-image-number{

  position:absolute;

  top:-19px;

  left:-19px;

  width:58px;

  height:58px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:var(--orange);

  color:white;

  font-size:10px;

  font-weight:900;

  z-index:6;

  box-shadow:
    6px 7px 0
    rgba(0,0,0,.10);

}


/* =========================================================
   IMAGE LABEL
========================================================= */

.bi-about-image-label{

  position:absolute;

  left:28px;

  bottom:25px;

  z-index:6;

  color:white;

}


.bi-about-image-label span{

  display:block;

  margin-bottom:6px;

  color:
    rgba(255,255,255,.65);

  font-size:7px;

  font-weight:900;

  letter-spacing:.16em;

}


.bi-about-image-label strong{

  display:block;

  font-size:15px;

  letter-spacing:-.02em;

}


/* =========================================================
   ORANGE OFFSET BLOCK
========================================================= */

.bi-about-orange-block{

  position:absolute;

  width:150px;

  height:150px;

  right:0;

  bottom:18px;

  background:var(--orange);

  z-index:2;

  border-radius:
    50% 10% 50% 50%;

  transition:
    transform .8s
    cubic-bezier(.16,1,.3,1);

}


/* =========================================================
   LIME CIRCLE
========================================================= */

.bi-about-lime-circle{

  position:absolute;

  right:-8px;

  top:28px;

  width:92px;

  height:92px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:var(--yellow);

  color:var(--black);

  font-size:25px;

  z-index:7;

  transform:rotate(8deg);

  box-shadow:
    7px 8px 0
    rgba(0,0,0,.10);

  transition:
    transform .7s
    cubic-bezier(.16,1,.3,1);

  animation:
    biAboutLimeFloat
    4s ease-in-out infinite;

}


@keyframes biAboutLimeFloat{

  50%{

    margin-top:-8px;

  }

}


/* =========================================================
   DECORATIVE LINE
========================================================= */

.bi-about-hero-line{

  position:absolute;

  left:-45px;

  bottom:90px;

  width:110px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--orange)
    );

  z-index:2;

}


/* =========================================================
   MARQUEE
========================================================= */

.bi-about-hero-strip{

  position:relative;

  z-index:5;

  overflow:hidden;

  padding:16px 0;

  background:var(--orange);

  color:white;

}


.bi-about-hero-strip-track{

  width:max-content;

  display:flex;

  align-items:center;

  gap:30px;

  animation:
    biAboutHeroTicker
    26s linear infinite;

}


.bi-about-hero-strip-track span{

  font-size:
    clamp(
      12px,
      1vw,
      15px
    );

  font-weight:900;

  letter-spacing:.10em;

  white-space:nowrap;

}


.bi-about-hero-strip-track i{

  color:var(--yellow);

  font-size:15px;

  font-style:normal;

}


@keyframes biAboutHeroTicker{

  to{

    transform:
      translateX(-50%);

  }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

  .bi-about-hero{

    padding-top:70px;

  }


  .bi-about-hero-wrap{

    width:
      calc(100% - 50px);

    grid-template-columns:1fr;

    gap:55px;

    min-height:auto;

  }


  .bi-about-hero-copy h1{

    max-width:900px;

    font-size:
      clamp(
        58px,
        8vw,
        88px
      );

  }


  .bi-about-hero-copy p{

    max-width:760px;

    font-size:17px;

  }


  .bi-about-hero-visual{

    width:
      min(
        100%,
        650px
      );

    margin:auto;

    min-height:540px;

  }


  .bi-about-image-frame{

    width:90%;

    height:500px;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .bi-about-hero{

    padding:
      65px 0 0;

  }


  .bi-about-hero-wrap{

    width:
      calc(100% - 30px);

    gap:45px;

    padding-bottom:50px;

  }


  /* KICKER */

  .bi-about-hero-kicker{

    margin-bottom:20px;

    font-size:9px;

    letter-spacing:.13em;

  }


  .bi-about-hero-kicker span{

    width:28px;

  }


  /* HEADING */

  .bi-about-hero-copy h1{

    font-size:
      clamp(
        43px,
        12.8vw,
        65px
      );

    line-height:.88;

  }


  .bi-about-outline{

    margin-left:0;

    -webkit-text-stroke:
      1.5px var(--black);

  }


  .bi-about-orange{

    margin-top:9px;

  }


  .bi-about-orange::after{

    bottom:-9px;

    height:10px;

    border-bottom-width:3px;

  }


  /* BODY */

  .bi-about-hero-copy p{

    margin-top:30px;

    font-size:15px;

    line-height:1.65;

  }


  /* META */

  .bi-about-hero-meta{

    width:100%;

    margin-top:32px;

  }


  .bi-about-meta-item{

    flex:1;

    min-width:0;

    padding:
      12px 10px;

    justify-content:center;

  }


  .bi-about-meta-item span{

    font-size:6px;

  }


  .bi-about-meta-item strong{

    font-size:8px;

  }


  /* VISUAL */

  .bi-about-hero-visual{

    width:
      calc(100% - 8px);

    min-height:410px;

    margin:
      0 auto;

  }


  .bi-about-image-frame{

    width:92%;

    height:380px;

    transform:
      rotate(1.5deg);

  }


  .bi-about-image-inner{

    border-radius:
      8px 8px 45px 8px;

  }


  .bi-about-image-number{

    width:48px;

    height:48px;

    top:-12px;

    left:-12px;

    font-size:8px;

  }


  .bi-about-image-label{

    left:20px;

    bottom:20px;

  }


  .bi-about-image-label span{

    font-size:6px;

  }


  .bi-about-image-label strong{

    font-size:12px;

  }


  /* ORANGE BLOCK */

  .bi-about-orange-block{

    width:100px;

    height:100px;

    right:0;

    bottom:8px;

  }


  /* LIME CIRCLE */

  .bi-about-lime-circle{

    width:68px;

    height:68px;

    right:-4px;

    top:18px;

    font-size:18px;

  }


  /* LINE */

  .bi-about-hero-line{

    left:-12px;

    bottom:55px;

    width:60px;

  }


  /* MARQUEE */

  .bi-about-hero-strip{

    padding:13px 0;

  }


  .bi-about-hero-strip-track{

    gap:20px;

  }


  .bi-about-hero-strip-track span{

    font-size:9px;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

  .bi-about-hero-copy h1{

    font-size:42px;

  }


  .bi-about-hero-copy p{

    font-size:14px;

  }


  .bi-about-meta-item{

    padding:
      11px 7px;

  }


  .bi-about-meta-item strong{

    font-size:7px;

  }


  .bi-about-hero-visual{

    min-height:350px;

  }


  .bi-about-image-frame{

    height:325px;

  }


  .bi-about-image-label strong{

    font-size:11px;

  }


  .bi-about-orange-block{

    width:82px;

    height:82px;

  }


  .bi-about-lime-circle{

    width:58px;

    height:58px;

    font-size:15px;

  }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

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

  .bi-about-hero-shape,
  .bi-about-image-frame,
  .bi-about-hero-image,
  .bi-about-orange-block,
  .bi-about-lime-circle,
  .bi-about-hero-strip-track{

    animation:none !important;

    transition:none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e42ebc5 *//* =========================================================
   BRAND IMPRINT — ABOUT STORY
========================================================= */

.bi-about-story{

    --orange:#F0552C;
    --black:#0A0A0A;
    --cream:#F2ECE4;
    --white:#FFFFFF;
    --yellow:#DFFF46;

    font-family:inherit;

}


/* =========================================================
   SECTION 01 — THE REAL US
========================================================= */

.bi-story-wrap{

    background:#F4EFE8;

    padding:
        115px 0 130px;

    overflow:hidden;

}


.bi-story-section{

    width:
        min(1360px,calc(100% - 80px));

    margin:auto;

    display:grid;

    grid-template-columns:
        .92fr 1.08fr;

    gap:90px;

    align-items:center;

}


/* =========================================================
   LABEL
========================================================= */

.bi-section-label,
.bi-founders-label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:27px;

    font-size:11px;

    font-weight:900;

    letter-spacing:.16em;

}


.bi-section-label{

    color:
        var(--black);

}


.bi-section-label span,
.bi-founders-label span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:32px;
    height:32px;

    flex-shrink:0;

    border-radius:50%;

    background:
        var(--orange);

    color:
        var(--white);

    font-size:9px;

    font-weight:900;

}


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

.bi-story-copy h2{

    margin:0;

    max-width:650px;

    font-size:
        clamp(60px,5.5vw,90px);

    line-height:.88;

    letter-spacing:-.065em;

    font-weight:900;

    color:
        var(--black);

}


.bi-story-copy h2 span{

    display:block;

    color:
        var(--orange);

    font-weight:900;

}


/* =========================================================
   STORY COPY
========================================================= */

.bi-story-text{

    max-width:650px;

    margin-top:38px;

}


.bi-story-text p{

    margin:
        0 0 20px;

    color:
        var(--black);

    font-size:
        17px;

    line-height:
        1.65;

    font-weight:
        500;

}


.bi-story-text strong{

    color:
        var(--black);

    font-weight:
        800;

}


/* =========================================================
   BIG QUESTION
========================================================= */

.bi-story-bigline{

    padding:
        20px 0 20px 23px;

    border-left:
        4px solid var(--orange);

    color:
        var(--black) !important;

    font-size:
        21px !important;

    line-height:
        1.45 !important;

    font-weight:
        650 !important;

}


.bi-story-bigline em{

    font-style:
        normal;

    color:
        var(--orange);

    font-weight:
        850;

}


/* =========================================================
   NOTE
========================================================= */

.bi-story-note{

    display:inline-block;

    margin-top:18px;

    padding:
        13px 17px;

    background:
        var(--yellow);

    color:
        var(--black);

    font-size:
        10px;

    font-weight:
        950;

    line-height:
        1.4;

    letter-spacing:
        .10em;

    transform:
        rotate(-2deg);

    box-shadow:
        6px 6px 0
        rgba(0,0,0,.10);

}


.bi-story-note span{

    color:
        var(--orange);

}


/* =========================================================
   VISUAL
========================================================= */

.bi-story-visual{

    position:
        relative;

    padding:
        25px 25px 45px 0;

}


/* ORANGE BLOCK */

.bi-story-orange-block{

    position:absolute;

    right:0;
    top:0;

    width:
        72%;

    height:
        88%;

    background:
        var(--orange);

    border-radius:
        12px 12px 60px 12px;

    transform:
        rotate(3deg);

}


/* IMAGE FRAME */

.bi-story-image-frame{

    position:
        relative;

    z-index:2;

    overflow:hidden;

    border-radius:
        10px 10px 55px 10px;

    background:
        var(--black);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.20);

    transform:
        rotate(-1.5deg);

    transition:
        transform .6s
        cubic-bezier(.16,1,.3,1);

}


.bi-story-image-frame img{

    display:block;

    width:100%;

    aspect-ratio:
        4 / 3;

    object-fit:
        cover;

    transition:
        transform .8s
        cubic-bezier(.16,1,.3,1);

}


.bi-story-visual:hover
.bi-story-image-frame{

    transform:
        rotate(0deg)
        translateY(-5px);

}


.bi-story-visual:hover
.bi-story-image-frame img{

    transform:
        scale(1.035);

}


/* =========================================================
   STICKER
========================================================= */

.bi-story-sticker{

    position:absolute;

    z-index:4;

    right:-15px;
    bottom:8px;

    width:135px;
    height:135px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    border-radius:50%;

    background:
        var(--black);

    color:
        var(--white);

    text-align:center;

    font-size:
        9px;

    font-weight:
        850;

    line-height:
        1.25;

    letter-spacing:
        .08em;

    transform:
        rotate(8deg);

    animation:
        biStoryFloat
        4s ease-in-out infinite;

}


.bi-story-sticker strong{

    color:
        var(--yellow);

    font-weight:
        950;

}


@keyframes biStoryFloat{

    50%{

        transform:
            rotate(3deg)
            translateY(-8px);

    }

}


/* =========================================================
   ARROW
========================================================= */

.bi-story-arrow{

    position:absolute;

    z-index:5;

    left:-28px;
    bottom:40px;

    color:
        var(--orange);

    font-size:
        52px;

    transform:
        rotate(8deg);

}


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

.bi-founders{

    position:relative;

    overflow:hidden;

    padding:
        125px 0;

    background:
        var(--black);

    color:
        var(--white);

}


/* BACKGROUND WORD */

.bi-founders-bg-text{

    position:absolute;

    left:-25px;
    bottom:-25px;

    color:
        rgba(255,255,255,.035);

    font-size:
        clamp(180px,25vw,390px);

    line-height:.7;

    font-weight:950;

    letter-spacing:-.09em;

    pointer-events:none;

    user-select:none;

}


/* WRAPPER */

.bi-founders-wrap{

    width:
        min(1360px,calc(100% - 80px));

    margin:auto;

    display:grid;

    grid-template-columns:
        .78fr 1.22fr;

    gap:90px;

    align-items:center;

    position:relative;

    z-index:2;

}


/* =========================================================
   FOUNDERS INTRO
========================================================= */

.bi-founders-label{

    color:
        var(--white);

}


.bi-founders-intro h2{

    margin:0;

    max-width:620px;

    font-size:
        clamp(60px,5.5vw,90px);

    line-height:.88;

    letter-spacing:-.065em;

    font-weight:900;

    color:
        var(--white);

}


.bi-founders-intro h2 span{

    display:block;

    color:
        var(--orange);

    font-weight:900;

}


/* =========================================================
   FOUNDERS COPY
========================================================= */

.bi-founders-copy{

    max-width:620px;

    margin-top:38px;

}


.bi-founders-copy p{

    margin:
        0 0 20px;

    color:
        var(--white);

    font-size:
        16px;

    line-height:
        1.65;

    font-weight:
        500;

}


.bi-founders-copy strong{

    color:
        var(--white);

    font-weight:
        850;

}


/* LEAD */

.bi-founders-lead{

    color:
        var(--white) !important;

    font-size:
        20px !important;

    line-height:
        1.5 !important;

    font-weight:
        600 !important;

}


/* =========================================================
   QUOTE
========================================================= */

.bi-founders-quote{

    position:relative;

    display:inline-block;

    margin-top:22px;

    padding:
        15px 20px 15px 36px;

    background:
        var(--orange);

    color:
        var(--white);

    font-size:
        10px;

    font-weight:
        950;

    line-height:
        1.3;

    letter-spacing:
        .10em;

    transform:
        rotate(-2deg);

}


.bi-founders-quote span{

    position:absolute;

    left:9px;
    top:-5px;

    color:
        var(--yellow);

    font-size:
        38px;

    line-height:1;

}


/* =========================================================
   FOUNDER GRID
========================================================= */

.bi-founder-cards{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:18px;

    align-items:start;

}


.bi-founder-two{

    margin-top:
        65px;

}


/* =========================================================
   FOUNDER CARD
========================================================= */

.bi-founder-card{

    position:relative;

    display:block;

    overflow:hidden;

    background:
        #161616;

    color:
        var(--white);

    text-decoration:none;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        12px 12px 45px 12px;

    transition:
        transform .5s
        cubic-bezier(.16,1,.3,1),
        border-color .4s ease,
        box-shadow .4s ease;

}


.bi-founder-card:hover{

    transform:
        translateY(-9px)
        rotate(-.6deg);

    border-color:
        rgba(240,85,44,.60);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.38);

}


/* =========================================================
   NUMBER
========================================================= */

.bi-founder-number{

    position:absolute;

    z-index:5;

    left:15px;
    top:15px;

    display:flex;

    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    border-radius:50%;

    background:
        var(--orange);

    color:
        var(--white);

    font-size:
        9px;

    font-weight:
        950;

}


/* =========================================================
   FOUNDER IMAGE
========================================================= */

.bi-founder-image{

    position:relative;

    height:
        420px;

    overflow:hidden;

    background:
        #222;

}


.bi-founder-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to bottom,
            transparent 55%,
            rgba(0,0,0,.55)
        );

    pointer-events:none;

}


.bi-founder-image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    object-position:
        center top;

    transition:
        transform .8s
        cubic-bezier(.16,1,.3,1);

}


.bi-founder-card:hover
.bi-founder-image img{

    transform:
        scale(1.045);

}


/* =========================================================
   FOUNDER INFO
========================================================= */

.bi-founder-info{

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:20px;

    padding:
        22px 21px 25px;

}


.bi-founder-role{

    display:block;

    margin-bottom:7px;

    color:
        var(--orange);

    font-size:
        9px;

    font-weight:
        950;

    letter-spacing:
        .15em;

}


.bi-founder-info h3{

    margin:0;

    color:
        var(--white);

    font-size:
        24px;

    line-height:
        1;

    letter-spacing:
        -.035em;

    font-weight:
        850;

}


/* =========================================================
   LINKEDIN
========================================================= */

.bi-linkedin-button{

    width:42px;
    height:42px;

    flex-shrink:0;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        var(--white);

    color:
        var(--black);

    font-family:
        Arial,sans-serif;

    font-size:
        16px;

    font-weight:
        900;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.bi-founder-card:hover
.bi-linkedin-button{

    background:
        var(--orange);

    color:
        var(--white);

    transform:
        rotate(8deg);

}


/* =========================================================
   HOVER TEXT
========================================================= */

.bi-founder-hover-text{

    position:absolute;

    z-index:5;

    right:15px;
    top:15px;

    padding:
        8px 10px;

    background:
        var(--yellow);

    color:
        var(--black);

    font-size:
        8px;

    font-weight:
        950;

    letter-spacing:
        .08em;

    opacity:0;

    transform:
        translateY(-8px)
        rotate(2deg);

    transition:
        opacity .3s ease,
        transform .3s ease;

}


.bi-founder-card:hover
.bi-founder-hover-text{

    opacity:1;

    transform:
        translateY(0)
        rotate(2deg);

}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

.bi-story-copy,
.bi-story-visual,
.bi-founders-intro,
.bi-founder-card{

    opacity:0;

    transform:
        translateY(25px);

    transition:
        opacity .7s ease,
        transform .7s
        cubic-bezier(.16,1,.3,1),
        border-color .4s ease,
        box-shadow .4s ease;

}


.bi-reveal-visible{

    opacity:1;

    transform:
        translateY(0);

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    .bi-story-section,
    .bi-founders-wrap{

        width:
            calc(100% - 50px);

    }


    .bi-story-section{

        grid-template-columns:
            1fr;

        gap:
            60px;

    }


    .bi-story-visual{

        max-width:
            760px;

    }


    .bi-founders-wrap{

        grid-template-columns:
            1fr;

        gap:
            65px;

    }


    .bi-founder-cards{

        max-width:
            850px;

    }


    .bi-story-copy h2,
    .bi-founders-intro h2{

        font-size:
            clamp(58px,7vw,80px);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .bi-story-wrap{

        padding:
            80px 0 95px;

    }


    .bi-story-section,
    .bi-founders-wrap{

        width:
            calc(100% - 30px);

    }


    /* LABEL */

    .bi-section-label,
    .bi-founders-label{

        font-size:
            10px;

        margin-bottom:
            21px;

    }


    .bi-section-label span,
    .bi-founders-label span{

        width:
            29px;

        height:
            29px;

        font-size:
            8px;

    }


    /* HEADINGS */

    .bi-story-copy h2,
    .bi-founders-intro h2{

        font-size:
            clamp(47px,13.5vw,64px);

        line-height:
            .9;

        font-weight:
            900;

    }


    /* STORY COPY */

    .bi-story-text{

        margin-top:
            30px;

    }


    .bi-story-text p{

        font-size:
            16px;

        line-height:
            1.6;

        margin-bottom:
            19px;

    }


    .bi-story-bigline{

        padding:
            17px 0 17px 17px;

        font-size:
            18px !important;

        line-height:
            1.5 !important;

    }


    .bi-story-note{

        font-size:
            8px;

        padding:
            11px 13px;

    }


    /* IMAGE */

    .bi-story-visual{

        padding:
            15px 12px 32px 0;

    }


    .bi-story-sticker{

        width:
            100px;

        height:
            100px;

        right:
            -3px;

        font-size:
            7px;

    }


    .bi-story-arrow{

        display:
            none;

    }


    /* FOUNDERS */

    .bi-founders{

        padding:
            90px 0;

    }


    .bi-founders-copy{

        margin-top:
            28px;

    }


    .bi-founders-copy p{

        font-size:
            15.5px;

        line-height:
            1.6;

        margin-bottom:
            19px;

    }


    .bi-founders-lead{

        font-size:
            18px !important;

        line-height:
            1.5 !important;

    }


    .bi-founders-quote{

        font-size:
            8px;

        padding:
            13px 16px 13px 31px;

    }


    /* FOUNDER CARDS */

    .bi-founder-cards{

        grid-template-columns:
            1fr;

        gap:
            22px;

    }


    .bi-founder-two{

        margin-top:
            0;

    }


    .bi-founder-image{

        height:
            min(115vw,500px);

    }


    .bi-founder-info{

        padding:
            20px 18px 22px;

    }


    .bi-founder-info h3{

        font-size:
            21px;

    }


    .bi-founder-role{

        font-size:
            8px;

    }


    .bi-linkedin-button{

        width:
            39px;

        height:
            39px;

        font-size:
            14px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .bi-story-copy h2,
    .bi-founders-intro h2{

        font-size:
            45px;

    }


    .bi-story-text p{

        font-size:
            15px;

    }


    .bi-story-bigline{

        font-size:
            17px !important;

    }


    .bi-founders-copy p{

        font-size:
            15px;

    }


    .bi-founders-lead{

        font-size:
            17px !important;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .bi-story-sticker,
    .bi-founder-card,
    .bi-story-image-frame,
    .bi-story-image-frame img{

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3dd440 *//* =========================================================
   BRAND IMPRINT — CLIENTELE SECTION
========================================================= */

.bi-clientele{

  --orange:#F0552C;
  --black:#0A0A0A;
  --cream:#F3EFE8;
  --white:#FFFFFF;
  --yellow:#DFFF46;

  position:relative;

  overflow:hidden;

  padding:
    115px 0 95px;

  background:
    #F4F1EC;

  color:
    var(--black);

}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.bi-clientele-bgword{

  position:absolute;

  top:55px;
  right:-45px;

  font-size:
    clamp(170px,22vw,350px);

  line-height:.7;

  letter-spacing:-.08em;

  font-weight:950;

  color:
    rgba(0,0,0,.025);

  pointer-events:none;

  user-select:none;

}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.bi-clientele-wrap{

  width:
    min(1360px,calc(100% - 80px));

  margin:auto;

  position:relative;

  z-index:2;

}


/* =========================================================
   KICKER
========================================================= */

.bi-clientele-kicker{

  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:26px;

  color:
    var(--black);

  font-size:
    10px;

  font-weight:950;

  letter-spacing:.17em;

}


.bi-clientele-kicker::before{

  content:"";

  width:30px;
  height:2px;

  flex-shrink:0;

  background:
    var(--orange);

}


/* =========================================================
   HEADER / TITLE AREA
========================================================= */

.bi-clientele-title-row{

  display:grid;

  grid-template-columns:
    1fr 450px;

  gap:75px;

  align-items:end;

  margin-bottom:58px;

}


.bi-clientele-title-row h2{

  margin:0;

  max-width:900px;

  font-size:
    clamp(60px,6.3vw,100px);

  line-height:.87;

  letter-spacing:-.067em;

  font-weight:950;

  color:
    var(--black);

}


.bi-clientele-title-row h2 span{

  display:block;

  color:
    var(--orange);

  font-weight:950;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.bi-clientele-title-row p{

  margin:0;

  max-width:450px;

  color:
    var(--black);

  font-size:
    17px;

  line-height:
    1.65;

  font-weight:
    500;

}


/* =========================================================
   LOGO MARQUEE
========================================================= */

.bi-logo-marquee{

  position:relative;

  width:100%;

  overflow:hidden;

  margin-top:17px;

  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      black 5%,
      black 95%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      black 5%,
      black 95%,
      transparent 100%
    );

}


/* =========================================================
   LOGO TRACK
========================================================= */

.bi-logo-track{

  display:flex;

  align-items:center;

  gap:17px;

  width:max-content;

  padding:
    7px 10px;

  will-change:
    transform;

}


/* =========================================================
   MARQUEE SPEED
========================================================= */

.row-one{

  animation:
    biLogoLeft
    34s
    linear
    infinite;

}


.row-two{

  animation:
    biLogoRight
    38s
    linear
    infinite;

}


.row-three{

  animation:
    biLogoLeft
    40s
    linear
    infinite;

}


/* =========================================================
   PAUSE ON HOVER
========================================================= */

.bi-logo-marquee:hover
.bi-logo-track{

  animation-play-state:
    paused;

}


/* =========================================================
   MARQUEE ANIMATIONS
========================================================= */

@keyframes biLogoLeft{

  from{

    transform:
      translateX(0);

  }

  to{

    transform:
      translateX(-50%);

  }

}


@keyframes biLogoRight{

  from{

    transform:
      translateX(-50%);

  }

  to{

    transform:
      translateX(0);

  }

}


/* =========================================================
   LOGO CARD
========================================================= */

.bi-logo-card{

  position:relative;

  width:195px;
  height:120px;

  flex-shrink:0;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:20px;

  overflow:hidden;

  background:
    var(--white);

  border:
    1px solid
    rgba(0,0,0,.08);

  border-radius:
    12px;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.045);

  transition:
    transform .35s
    cubic-bezier(.16,1,.3,1),

    border-color .3s ease,

    box-shadow .3s ease;

}


/* =========================================================
   FUNKY ROTATION
========================================================= */

.bi-logo-card:nth-child(3n+2){

  transform:
    rotate(.5deg);

}


.bi-logo-card:nth-child(4n+1){

  transform:
    rotate(-.5deg);

}


/* =========================================================
   ORANGE ACCENT
========================================================= */

.bi-logo-card::before{

  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:3px;

  background:
    var(--orange);

  transform:
    scaleX(0);

  transform-origin:
    left center;

  transition:
    transform .35s
    cubic-bezier(.16,1,.3,1);

}


.bi-logo-card:hover::before{

  transform:
    scaleX(1);

}


/* =========================================================
   LOGO CARD HOVER
========================================================= */

.bi-logo-card:hover{

  transform:
    translateY(-7px)
    rotate(0deg);

  border-color:
    rgba(240,85,44,.55);

  box-shadow:
    0 18px 40px
    rgba(240,85,44,.13);

}


/* =========================================================
   LOGO IMAGE
========================================================= */

.bi-logo-card img{

  position:relative;

  z-index:2;

  max-width:100%;

  max-height:80px;

  width:auto;
  height:auto;

  display:block;

  object-fit:
    contain;

  filter:
    none !important;

  -webkit-filter:
    none !important;

  opacity:
    1 !important;

  transition:
    transform .35s
    cubic-bezier(.16,1,.3,1);

}


.bi-logo-card:hover img{

  filter:
    none !important;

  -webkit-filter:
    none !important;

  opacity:
    1 !important;

  transform:
    scale(1.07);

}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.bi-clientele-bottom{

  margin-top:
    65px;

  padding-top:
    27px;

  border-top:
    1px solid
    rgba(0,0,0,.15);

  display:flex;

  align-items:center;

  justify-content:
    space-between;

  gap:25px;

}


.bi-clientele-bottom span{

  color:
    var(--black);

  font-size:
    10px;

  font-weight:
    950;

  letter-spacing:
    .15em;

}


.bi-clientele-bottom strong{

  color:
    var(--orange);

  font-size:
    clamp(20px,2.2vw,29px);

  line-height:
    1.1;

  letter-spacing:
    -.035em;

  font-weight:
    900;

}


/* =========================================================
   SCROLL REVEAL
========================================================= */

.bi-clientele-head,
.bi-clientele-bottom{

  opacity:0;

  transform:
    translateY(25px);

  transition:
    opacity .7s ease,
    transform .7s
    cubic-bezier(.16,1,.3,1);

}


.bi-client-visible{

  opacity:1;

  transform:
    translateY(0);

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

  .bi-clientele{

    padding:
      95px 0 85px;

  }


  .bi-clientele-wrap{

    width:
      calc(100% - 50px);

  }


  .bi-clientele-title-row{

    grid-template-columns:
      1fr;

    gap:25px;

    margin-bottom:47px;

  }


  .bi-clientele-title-row h2{

    font-size:
      clamp(58px,7vw,84px);

  }


  .bi-clientele-title-row p{

    max-width:
      700px;

    font-size:
      16px;

  }


  .bi-logo-card{

    width:
      180px;

    height:
      110px;

    padding:
      18px;

  }


  .bi-logo-card img{

    max-height:
      72px;

  }


  .bi-clientele-bgword{

    right:
      -30px;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .bi-clientele{

    padding:
      80px 0 70px;

  }


  .bi-clientele-wrap{

    width:
      calc(100% - 30px);

  }


  .bi-clientele-kicker{

    margin-bottom:
      21px;

    font-size:
      9px;

  }


  .bi-clientele-title-row{

    margin-bottom:
      38px;

    gap:
      24px;

  }


  .bi-clientele-title-row h2{

    font-size:
      clamp(50px,14.5vw,68px);

    line-height:
      .88;

    font-weight:
      950;

  }


  .bi-clientele-title-row p{

    font-size:
      15px;

    line-height:
      1.6;

    font-weight:
      500;

  }


  /* EDGE FADE */

  .bi-logo-marquee{

    margin-top:
      12px;

    -webkit-mask-image:
      linear-gradient(
        to right,
        transparent 0%,
        black 3%,
        black 97%,
        transparent 100%
      );

    mask-image:
      linear-gradient(
        to right,
        transparent 0%,
        black 3%,
        black 97%,
        transparent 100%
      );

  }


  /* TRACK */

  .bi-logo-track{

    gap:
      11px;

    padding:
      5px 6px;

  }


  /* CARDS */

  .bi-logo-card{

    width:
      150px;

    height:
      92px;

    padding:
      14px;

    border-radius:
      9px;

  }


  .bi-logo-card img{

    max-height:
      61px;

  }


  /* REMOVE ROTATION ON MOBILE */

  .bi-logo-card:nth-child(3n+2),
  .bi-logo-card:nth-child(4n+1){

    transform:
      none;

  }


  /* BOTTOM */

  .bi-clientele-bottom{

    margin-top:
      48px;

    padding-top:
      21px;

    align-items:
      flex-start;

    flex-direction:
      column;

    gap:
      11px;

  }


  .bi-clientele-bottom span{

    font-size:
      9px;

  }


  .bi-clientele-bottom strong{

    font-size:
      21px;

    line-height:
      1.1;

  }


  .bi-clientele-bgword{

    top:
      70px;

    right:
      -20px;

    font-size:
      150px;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

  .bi-clientele-title-row h2{

    font-size:
      48px;

  }


  .bi-clientele-title-row p{

    font-size:
      14.5px;

  }


  .bi-clientele-bottom strong{

    font-size:
      20px;

  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

  .bi-logo-track{

    animation:
      none !important;

  }


  .bi-logo-card,
  .bi-logo-card img,
  .bi-clientele-head,
  .bi-clientele-bottom{

    transition:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b151ec4 *//* =========================================================
   BRAND IMPRINT — WHAT'S NEXT
========================================================= */

.bi-future{

  --orange:#F0552C;
  --black:#0A0A0A;
  --lavender:#D5CCF5;
  --yellow:#DFFF46;
  --white:#FFFFFF;

  position:relative;

  overflow:hidden;

  background:
    var(--lavender);

  color:
    var(--black);

  padding:
    115px 0 105px;

}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.bi-future-grid{

  position:absolute;

  inset:0;

  pointer-events:none;

  background:

    linear-gradient(
      rgba(0,0,0,.035) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(0,0,0,.035) 1px,
      transparent 1px
    );

  background-size:
    90px 90px;

}


/* =========================================================
   ORANGE ORB
========================================================= */

.bi-future-orb{

  position:absolute;

  width:
    280px;

  height:
    280px;

  right:
    -100px;

  top:
    40px;

  border-radius:
    50%;

  background:
    rgba(240,85,44,.14);

  filter:
    blur(2px);

  pointer-events:
    none;

}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.bi-future-wrap{

  width:
    min(1360px,calc(100% - 80px));

  margin:
    auto;

  display:
    grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:
    90px;

  align-items:
    center;

  position:
    relative;

  z-index:
    2;

}


/* =========================================================
   KICKER
========================================================= */

.bi-future-kicker{

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  margin-bottom:
    25px;

  color:
    var(--black);

  font-size:
    10px;

  font-weight:
    950;

  letter-spacing:
    .17em;

}


.bi-future-kicker span{

  width:
    31px;

  height:
    31px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  flex-shrink:
    0;

  border-radius:
    50%;

  background:
    var(--orange);

  color:
    var(--white);

  font-size:
    8px;

  font-weight:
    950;

}


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

.bi-future-copy h2{

  margin:
    0;

  max-width:
    720px;

  font-size:
    clamp(62px,6.3vw,100px);

  line-height:
    .86;

  letter-spacing:
    -.068em;

  font-weight:
    950;

  color:
    var(--black);

}


.bi-future-copy h2 span{

  display:
    block;

  color:
    var(--orange);

  font-weight:
    950;

}


/* =========================================================
   BODY COPY
========================================================= */

.bi-future-copy p{

  max-width:
    680px;

  margin:
    22px 0 0;

  color:
    var(--black);

  font-size:
    17px;

  line-height:
    1.68;

  font-weight:
    500;

}


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

.bi-future-lead{

  margin-top:
    32px !important;

  max-width:
    690px;

  color:
    var(--black) !important;

  font-size:
    20px !important;

  line-height:
    1.5 !important;

  font-weight:
    600 !important;

}


.bi-future-lead strong{

  color:
    var(--orange);

  font-weight:
    900;

}


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

.bi-future-btn{

  display:
    inline-flex;

  align-items:
    center;

  gap:
    15px;

  margin-top:
    32px;

  padding:
    16px 21px;

  border-radius:
    4px;

  background:
    var(--black);

  color:
    var(--white);

  text-decoration:
    none;

  font-size:
    13px;

  font-weight:
    900;

  letter-spacing:
    .03em;

  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;

}


.bi-future-btn span{

  font-size:
    20px;

  line-height:
    1;

  transition:
    transform .3s ease;

}


.bi-future-btn:hover{

  background:
    var(--orange);

  transform:
    translateY(-4px)
    rotate(-1deg);

}


.bi-future-btn:hover span{

  transform:
    translate(4px,-4px);

}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.bi-future-visual{

  position:
    relative;

  min-height:
    500px;

}


/* =========================================================
   GIANT NEXT
========================================================= */

.bi-future-word{

  position:
    absolute;

  right:
    0;

  bottom:
    0;

  font-size:
    clamp(135px,15vw,250px);

  line-height:
    .7;

  font-weight:
    950;

  letter-spacing:
    -.09em;

  color:
    rgba(0,0,0,.07);

  pointer-events:
    none;

  user-select:
    none;

}


/* =========================================================
   PATH
========================================================= */

.bi-future-line{

  position:
    absolute;

  left:
    8%;

  top:
    52%;

  width:
    75%;

  height:
    5px;

  background:
    var(--black);

  transform:
    rotate(-18deg);

  transform-origin:
    left center;

}


.bi-future-line::after{

  content:"";

  position:
    absolute;

  right:
    -7px;

  top:
    -8px;

  width:
    20px;

  height:
    20px;

  border-top:
    5px solid var(--black);

  border-right:
    5px solid var(--black);

  transform:
    rotate(45deg);

}


/* =========================================================
   POINTS
========================================================= */

.bi-future-point{

  position:
    absolute;

  width:
    76px;

  height:
    76px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    50%;

  background:
    var(--white);

  border:
    2px solid var(--black);

  color:
    var(--black);

  font-size:
    9px;

  font-weight:
    950;

  letter-spacing:
    .1em;

  z-index:
    3;

  box-shadow:
    6px 6px 0
    rgba(0,0,0,.10);

  transition:
    transform .3s ease;

}


.point-one{

  left:
    5%;

  top:
    58%;

}


.point-two{

  left:
    42%;

  top:
    39%;

  background:
    var(--yellow);

}


.point-three{

  right:
    11%;

  top:
    20%;

  background:
    var(--orange);

  color:
    var(--white);

  border-color:
    var(--orange);

}


/* =========================================================
   FLOATING ARROW
========================================================= */

.bi-future-arrow{

  position:
    absolute;

  right:
    2%;

  top:
    8%;

  color:
    var(--orange);

  font-size:
    76px;

  font-weight:
    300;

  line-height:
    1;

  animation:
    biFutureArrow
    2.8s
    ease-in-out
    infinite;

}


@keyframes biFutureArrow{

  50%{

    transform:
      translate(7px,-7px)
      rotate(4deg);

  }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

  .bi-future{

    padding:
      95px 0 90px;

  }


  .bi-future-wrap{

    width:
      calc(100% - 50px);

    grid-template-columns:
      1fr;

    gap:
      55px;

  }


  .bi-future-copy h2{

    font-size:
      clamp(60px,8vw,88px);

  }


  .bi-future-copy p{

    max-width:
      760px;

  }


  .bi-future-visual{

    max-width:
      760px;

    min-height:
      450px;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .bi-future{

    padding:
      78px 0 70px;

  }


  .bi-future-wrap{

    width:
      calc(100% - 30px);

    gap:
      45px;

  }


  .bi-future-kicker{

    font-size:
      9px;

  }


  .bi-future-copy h2{

    font-size:
      clamp(50px,14vw,68px);

    line-height:
      .87;

    font-weight:
      950;

  }


  .bi-future-copy p{

    font-size:
      15px;

    line-height:
      1.65;

  }


  .bi-future-lead{

    margin-top:
      27px !important;

    font-size:
      17px !important;

    line-height:
      1.5 !important;

  }


  .bi-future-btn{

    margin-top:
      27px;

    padding:
      15px 18px;

    font-size:
      12px;

  }


  .bi-future-visual{

    min-height:
      350px;

  }


  .bi-future-word{

    font-size:
      clamp(105px,32vw,160px);

  }


  .bi-future-line{

    left:
      5%;

    width:
      82%;

    top:
      55%;

  }


  .bi-future-point{

    width:
      62px;

    height:
      62px;

    font-size:
      7px;

  }


  .point-one{

    left:
      2%;

    top:
      61%;

  }


  .point-two{

    left:
      39%;

    top:
      43%;

  }


  .point-three{

    right:
      5%;

    top:
      25%;

  }


  .bi-future-arrow{

    font-size:
      54px;

    right:
      0;

    top:
      5%;

  }


  .bi-future-orb{

    width:
      190px;

    height:
      190px;

    right:
      -90px;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

  .bi-future-copy h2{

    font-size:
      49px;

  }


  .bi-future-copy p{

    font-size:
      14.5px;

  }


  .bi-future-lead{

    font-size:
      16px !important;

  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

  .bi-future-arrow{

    animation:
      none !important;

  }


  .bi-future-point{

    transition:
      none !important;

  }

}/* End custom CSS */