.elementor-9692 .elementor-element.elementor-element-35a248c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-45f74a4 */<section class="amora-event">

  <div class="amora-event-bg"></div>

  <div class="amora-event-content">

    <div class="amora-event-label">
      BIGLEAP 2026
    </div>

    <h1>
      <strong>Meet Muskan</strong><br>
      <span>at BigLeap 2026.</span>
    </h1>

    <div class="amora-event-line"></div>

    <p class="amora-event-description">
      Discover <strong>Amora Decor</strong> —
      premium wood veneers that don’t just look good—
      <strong>they elevate the entire space.</strong>
      Grains, textures and finishes that actually make a difference.
    </p>

    <div class="amora-event-details">

      <div class="event-detail">
        <span class="event-icon">49</span>
        <div>
          <small>VISIT US AT</small>
          <strong>Stall 49</strong>
        </div>
      </div>

      <div class="event-detail">
        <span class="event-icon">18</span>
        <div>
          <small>DATE</small>
          <strong>Sep 18–19</strong>
        </div>
      </div>

      <div class="event-detail">
        <span class="event-icon">⌖</span>
        <div>
          <small>VENUE</small>
          <strong>Welcom Hotel</strong>
        </div>
      </div>

    </div>

    <a href="#contact" class="amora-event-button">
      Meet Us at the Event
      <span>↗</span>
    </a>

  </div>


  <div class="amora-event-decoration">

    <div class="wood-panel wood-one"></div>

    <div class="wood-panel wood-two"></div>

    <div class="wood-panel wood-three"></div>

  </div>

</section>


<style>

/* =====================================================
   WORDPRESS / ELEMENTOR FULL WIDTH FIX
===================================================== */

html,
body {

  margin: 0 !important;

  padding: 0 !important;

  overflow-x: hidden !important;

}


/* Full bleed section */

.amora-event {

  position: relative !important;

  width: 100vw !important;

  max-width: none !important;

  min-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;

  margin-right: calc(50% - 50vw) !important;

  left: 0 !important;

  right: auto !important;

  box-sizing: border-box !important;

}


/* =====================================================
   MAIN EVENT
===================================================== */

.amora-event {

  min-height: 680px;

  overflow: hidden;

  display: flex;

  align-items: center;

  background:

    radial-gradient(
      circle at 75% 50%,
      rgba(154,112,64,0.28),
      transparent 38%
    ),

    linear-gradient(
      110deg,
      #17130f 0%,
      #282017 48%,
      #100e0c 100%
    );

  color: #fff;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

}


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

.amora-event-bg {

  position: absolute;

  inset: 0;

  opacity: .12;

  background-image:

    repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 7px,
      rgba(214,170,105,.18) 8px,
      transparent 10px
    );

  pointer-events: none;

}


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

.amora-event-content {

  position: relative;

  z-index: 5;

  width: 55%;

  max-width: 760px;

  padding:
    80px 0 80px 8%;

  box-sizing: border-box;

}


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

.amora-event-label {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 22px;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 4px;

  color: #d8ad69;

  opacity: 0;

  transform: translateX(-35px);

  animation:
    amoraLabelReveal
    .9s
    cubic-bezier(.16,1,.3,1)
    0s
    forwards;

}


.amora-event-label::before {

  content: "";

  width: 38px;

  height: 1px;

  background: #d8ad69;

}


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

.amora-event h1 {

  margin: 0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(52px,5vw,82px);

  line-height: .98;

  font-weight: 400;

  letter-spacing: -2px;

  color: #fff;

  overflow: hidden;

}


/* MEET MUSKAN */

.amora-event h1 strong {

  display: inline-block;

  color: #fff;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-weight: 700;

  letter-spacing: -2px;

  opacity: 0;

  transform:
    translateY(55px)
    scale(.96);

  animation:
    amoraMeetReveal
    1.1s
    cubic-bezier(.16,1,.3,1)
    .15s
    forwards;

}


/* BIGLEAP */

.amora-event h1 span {

  display: inline-block;

  color: #d8ad69;

  font-style: italic;

  font-weight: 400;

  opacity: 0;

  transform: translateY(45px);

  animation:
    amoraBigLeapReveal
    1.1s
    cubic-bezier(.16,1,.3,1)
    .45s
    forwards;

}


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

.amora-event-line {

  width: 70px;

  height: 2px;

  background: #d8ad69;

  margin:
    32px 0 25px;

  transform:
    scaleX(0);

  transform-origin: left center;

  animation:
    amoraLineReveal
    .8s
    cubic-bezier(.16,1,.3,1)
    .75s
    forwards;

}


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

.amora-event-description {

  max-width: 600px;

  margin: 0;

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

  font-size: 18px;

  line-height: 1.65;

  opacity: 0;

  transform: translateY(25px);

  animation:
    amoraDescriptionReveal
    1s
    cubic-bezier(.16,1,.3,1)
    .9s
    forwards;

}


.amora-event-description strong {

  color: #fff;

  font-weight: 700;

}


/* =====================================================
   DETAILS
===================================================== */

.amora-event-details {

  display: flex;

  gap: 42px;

  margin-top: 38px;

  opacity: 0;

  transform: translateY(25px);

  animation:
    amoraDetailsReveal
    1s
    cubic-bezier(.16,1,.3,1)
    1.15s
    forwards;

}


.event-detail {

  display: flex;

  align-items: center;

  gap: 13px;

}


.event-icon {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border:
    1px solid
    rgba(216,173,105,.65);

  border-radius: 50%;

  color: #d8ad69;

  font-size: 15px;

  font-weight: 700;

}


.event-detail small {

  display: block;

  margin-bottom: 4px;

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

  font-size: 9px;

  letter-spacing: 2px;

  font-weight: 700;

}


.event-detail strong {

  display: block;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

}


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

.amora-event-button {

  display: inline-flex;

  align-items: center;

  gap: 20px;

  margin-top: 42px;

  padding:
    7px 8px 7px 25px;

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

  border-radius: 50px;

  color: #fff;

  text-decoration: none;

  font-size: 15px;

  font-weight: 600;

  opacity: 0;

  transform:
    translateY(20px)
    scale(.96);

  animation:
    amoraButtonReveal
    .9s
    cubic-bezier(.16,1,.3,1)
    1.45s
    forwards;

}


.amora-event-button span {

  width: 44px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: #d8ad69;

  color: #17130f;

  font-size: 20px;

  transition:
    transform .35s ease;

}


.amora-event-button:hover {

  border-color: #d8ad69;

}


.amora-event-button:hover span {

  transform: rotate(45deg);

}


/* =====================================================
   VENEER PANELS
===================================================== */

.amora-event-decoration {

  position: absolute;

  z-index: 2;

  right: 0;

  top: 0;

  width: 48%;

  height: 100%;

  pointer-events: none;

}


.wood-panel {

  position: absolute;

  background:

    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.08) 0,
      transparent 2px,
      transparent 8px
    ),

    linear-gradient(
      135deg,
      #b9824c,
      #704421 45%,
      #bd8750
    );

  box-shadow:
    -25px 35px 60px
    rgba(0,0,0,.45);

  border-radius: 4px;

}


/* LARGE */

.wood-one {

  width: 370px;

  height: 610px;

  right: 150px;

  top: 40px;

  transform:
    translateX(100px)
    rotate(-19deg)
    skewY(-5deg);

  opacity: 0;

  animation:
    amoraWoodOne
    1.4s
    cubic-bezier(.16,1,.3,1)
    .15s
    forwards;

}


/* SECOND */

.wood-two {

  width: 270px;

  height: 520px;

  right: -5px;

  top: 100px;

  background:

    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.07) 0,
      transparent 3px,
      transparent 9px
    ),

    linear-gradient(
      135deg,
      #d0a06c,
      #8a5b32,
      #d5a773
    );

  transform:
    translateX(120px)
    rotate(17deg)
    skewY(5deg);

  opacity: 0;

  animation:
    amoraWoodTwo
    1.5s
    cubic-bezier(.16,1,.3,1)
    .3s
    forwards;

}


/* DARK */

.wood-three {

  width: 210px;

  height: 410px;

  right: 380px;

  bottom: -80px;

  background:

    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.05) 0,
      transparent 3px,
      transparent 10px
    ),

    linear-gradient(
      135deg,
      #463020,
      #17120e,
      #62432b
    );

  transform:
    translateX(80px)
    rotate(25deg);

  opacity: 0;

  animation:
    amoraWoodThree
    1.3s
    cubic-bezier(.16,1,.3,1)
    .45s
    forwards;

}


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

@keyframes amoraLabelReveal {

  to {

    opacity: 1;

    transform: translateX(0);

  }

}


@keyframes amoraMeetReveal {

  0% {

    opacity: 0;

    transform:
      translateY(55px)
      scale(.96);

  }

  100% {

    opacity: 1;

    transform:
      translateY(0)
      scale(1);

  }

}


@keyframes amoraBigLeapReveal {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}


@keyframes amoraLineReveal {

  to {

    transform: scaleX(1);

  }

}


@keyframes amoraDescriptionReveal {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}


@keyframes amoraDetailsReveal {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}


@keyframes amoraButtonReveal {

  to {

    opacity: 1;

    transform:
      translateY(0)
      scale(1);

  }

}


@keyframes amoraWoodOne {

  to {

    opacity: 1;

    transform:
      translateX(0)
      rotate(-19deg)
      skewY(-5deg);

  }

}


@keyframes amoraWoodTwo {

  to {

    opacity: 1;

    transform:
      translateX(0)
      rotate(17deg)
      skewY(5deg);

  }

}


@keyframes amoraWoodThree {

  to {

    opacity: 1;

    transform:
      translateX(0)
      rotate(25deg);

  }

}


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

@media (max-width: 1000px) {

  .amora-event-content {

    width: 65%;

    padding-left: 6%;

  }

  .amora-event-decoration {

    width: 45%;

  }

  .wood-one {

    width: 280px;

    right: 100px;

  }

  .wood-two {

    width: 210px;

  }

}


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

@media (max-width: 700px) {

  .amora-event {

    display: block;

    min-height: auto;

  }

  .amora-event-content {

    width: 100%;

    max-width: none;

    padding:
      60px 25px 70px;

  }

  .amora-event h1 {

    font-size: 48px;

  }

  .amora-event-description {

    font-size: 16px;

  }

  .amora-event-details {

    display: grid;

    grid-template-columns: 1fr;

    gap: 20px;

  }

  .amora-event-decoration {

    display: none;

  }

}


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

@media (max-width: 400px) {

  .amora-event-content {

    padding-left: 20px;

    padding-right: 20px;

  }

  .amora-event h1 {

    font-size: 41px;

  }

}


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

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

  .amora-event *,
  .amora-event *::before,
  .amora-event *::after {

    animation: none !important;

    opacity: 1 !important;

    transform: none !important;

  }

}

</style>/* End custom CSS */