.elementor-107 .elementor-element.elementor-element-2ab5363{--display:flex;--min-height:722px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-107 .elementor-element.elementor-element-2ab5363:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-2ab5363 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6D2DF;}.elementor-107 .elementor-element.elementor-element-2ab5363.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-a55d047{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-107 .elementor-element.elementor-element-a55d047.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-664ad26{width:var( --container-widget-width, 28.176% );max-width:28.176%;--container-widget-width:28.176%;--container-widget-flex-grow:0;text-align:center;}.elementor-107 .elementor-element.elementor-element-664ad26.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-664ad26 .elementor-heading-title{font-family:"Montserrat Subrayada", Sans-serif;font-size:27px;font-weight:600;color:var( --e-global-color-text );}.elementor-107 .elementor-element.elementor-element-604ca32{text-align:center;font-family:"Montserrat Alternates", Sans-serif;font-size:18px;font-weight:normal;color:var( --e-global-color-accent );}.elementor-107 .elementor-element.elementor-element-80d4960{width:var( --container-widget-width, 3.834% );max-width:3.834%;padding:10px 10px 10px 10px;--container-widget-width:3.834%;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-80d4960.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-5f4b84f{--display:flex;--min-height:331px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-107 .elementor-element.elementor-element-7cd34d9{--display:flex;--min-height:213px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-107 .elementor-element.elementor-element-7cd34d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-2ba0e81.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-b92ec89{--display:flex;--min-height:213px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-107 .elementor-element.elementor-element-b44013d.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-393503f{--display:flex;--min-height:213px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-107 .elementor-element.elementor-element-4de4b7d.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-0db9ef8{--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;}.elementor-107 .elementor-element.elementor-element-0db9ef8:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-0db9ef8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-107 .elementor-element.elementor-element-89c62fe{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-89c62fe.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-107 .elementor-element.elementor-element-63ec98d{--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;--overlay-opacity:0.5;}.elementor-107 .elementor-element.elementor-element-63ec98d:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-63ec98d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-63ec98d::before, .elementor-107 .elementor-element.elementor-element-63ec98d > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-63ec98d > .e-con-inner > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-63ec98d > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-63ec98d > .e-con-inner > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-63ec98d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-64f44d9 );--background-overlay:'';}.elementor-107 .elementor-element.elementor-element-dd43acd{--display:flex;}.elementor-107 .elementor-element.elementor-element-d9ec1a0{text-align:center;}.elementor-107 .elementor-element.elementor-element-b5b7979{text-align:center;}.elementor-107 .elementor-element.elementor-element-3c93c19{--display:flex;--min-height:376px;--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;}.elementor-107 .elementor-element.elementor-element-67d1b27{--display:flex;}.elementor-107 .elementor-element.elementor-element-34f949b img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-46dd9ed .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-46dd9ed .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-c9e0989{--display:flex;}.elementor-107 .elementor-element.elementor-element-a4f5d85 img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-723231e .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-723231e .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-a36ed82{--display:flex;}.elementor-107 .elementor-element.elementor-element-da46db7 img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-422ab79 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-422ab79 .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-c196ea7{--display:flex;--min-height:376px;--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;}.elementor-107 .elementor-element.elementor-element-d483589{--display:flex;}.elementor-107 .elementor-element.elementor-element-728beec img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-8ed07af .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-8ed07af .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-404cd8a{--display:flex;}.elementor-107 .elementor-element.elementor-element-32964bf img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-a9aba5e .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-a9aba5e .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-ad4666e{--display:flex;}.elementor-107 .elementor-element.elementor-element-077f660 img{width:100%;height:186px;}.elementor-107 .elementor-element.elementor-element-4c2df4a .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-4c2df4a .elementor-button-content-wrapper{flex-direction:row;}.elementor-107 .elementor-element.elementor-element-f9b2c62{--display:flex;--min-height:462px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-107 .elementor-element.elementor-element-f9b2c62:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-f9b2c62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF2;}.elementor-107 .elementor-element.elementor-element-b3bc20e{--display:flex;}.elementor-107 .elementor-element.elementor-element-cfab3cd .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-107 .elementor-element.elementor-element-d45aa7e{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-107 .elementor-element.elementor-element-5b4999c .elementor-button{background-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-107 .elementor-element.elementor-element-4a6a20c{--display:flex;--min-height:454px;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:20px 20px 20px 20px;}.elementor-107 .elementor-element.elementor-element-4a6a20c:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-4a6a20c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEEA9E;}.elementor-107 .elementor-element.elementor-element-d34eb47{--display:flex;--min-height:298px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-107 .elementor-element.elementor-element-d34eb47:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-d34eb47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-107 .elementor-element.elementor-element-d8e0e30 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-488bb84{color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-697058f{width:var( --container-widget-width, 36.193% );max-width:36.193%;--container-widget-width:36.193%;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-697058f.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-107 .elementor-element.elementor-element-2ab5363{--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-107 .elementor-element.elementor-element-664ad26{width:var( --container-widget-width, 280.292px );max-width:280.292px;--container-widget-width:280.292px;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-80d4960{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-5f4b84f{--min-height:361px;}.elementor-107 .elementor-element.elementor-element-7cd34d9{--min-height:231px;--justify-content:space-around;}.elementor-107 .elementor-element.elementor-element-af1b367 .elementor-heading-title{font-size:20px;}.elementor-107 .elementor-element.elementor-element-b0c13fc{text-align:center;}.elementor-107 .elementor-element.elementor-element-b92ec89{--min-height:233px;}.elementor-107 .elementor-element.elementor-element-eaeff3c .elementor-heading-title{font-size:20px;}.elementor-107 .elementor-element.elementor-element-d0aefb1{text-align:center;}.elementor-107 .elementor-element.elementor-element-d0aefb1 p{margin-block-end:1px;}.elementor-107 .elementor-element.elementor-element-393503f{--min-height:0px;}.elementor-107 .elementor-element.elementor-element-076b04e{text-align:center;}.elementor-107 .elementor-element.elementor-element-076b04e .elementor-heading-title{font-size:20px;}.elementor-107 .elementor-element.elementor-element-5f32022{text-align:center;}.elementor-107 .elementor-element.elementor-element-cfab3cd .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-107 .elementor-element.elementor-element-d45aa7e{font-size:var( --e-global-typography-accent-font-size );}.elementor-107 .elementor-element.elementor-element-5b4999c .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-107 .elementor-element.elementor-element-d8e0e30 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-107 .elementor-element.elementor-element-697058f{width:var( --container-widget-width, 657.672px );max-width:657.672px;--container-widget-width:657.672px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-664ad26{width:var( --container-widget-width, 258.833px );max-width:258.833px;--container-widget-width:258.833px;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-80d4960{width:var( --container-widget-width, 45px );max-width:45px;--container-widget-width:45px;--container-widget-flex-grow:0;}.elementor-107 .elementor-element.elementor-element-cfab3cd .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-107 .elementor-element.elementor-element-d45aa7e{font-size:var( --e-global-typography-accent-font-size );}.elementor-107 .elementor-element.elementor-element-5b4999c .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-107 .elementor-element.elementor-element-d8e0e30 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-107 .elementor-element.elementor-element-488bb84{text-align:center;}}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-2ab5363{--width:98.878%;}.elementor-107 .elementor-element.elementor-element-a55d047{--width:96.481%;}.elementor-107 .elementor-element.elementor-element-7cd34d9{--width:31%;}.elementor-107 .elementor-element.elementor-element-b92ec89{--width:98%;}}@media(max-width:1024px) and (min-width:768px){.elementor-107 .elementor-element.elementor-element-a55d047{--width:640.717px;}.elementor-107 .elementor-element.elementor-element-7cd34d9{--width:229.25px;}}/* Start custom CSS for container, class: .elementor-element-2ab5363 */<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<style>
:root{
  --gold: #C99A2F;
  --accent: #E07006;
  --deep: #11121b;
  --bg-top: #F6E8DA;
  --bg-bottom: #EFD9C2;
}

/* MAIN SECTION */
.lux-water-hero{
  position: relative;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);
  font-family: "Montserrat", sans-serif;
}

/* Text Layer */
.lux-water-hero__overlay{
  position: relative;
  z-index: 40;
  width: 100%;
  max-width: 1200px;
  padding: 48px 24px;
  text-align: center;
}

.lux-title{
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 6vw, 64px);
  color: var(--deep);
  letter-spacing: -0.02em;
  font-weight: 700;
}

.lux-sub{
  margin: 0 auto 20px;
  max-width: 920px;
  color: rgba(17,18,27,0.75);
  font-size: clamp(14px, 1.6vw, 20px);
  line-height: 1.6;
}

/* Button */
.lux-cta{
  display: inline-block;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 999px;
  border: 1px solid rgba(201,154,47,0.18);
  background: linear-gradient(90deg, rgba(201,154,47,0.12), rgba(224,112,6,0.06));
  color: var(--deep);
  font-weight: 600;
  transition: transform .18s ease, box-shadow .18s ease;
}

.lux-cta:hover{
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(14,12,10,0.10);
}

/* WAVES */
.lux-waves{
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.wave{
  position: absolute;
  left: 0;
  width: 200%;
  height: 55%;
  bottom: -6%;
}

/* Wave Colors + Animation */
.wave--back path{ fill: rgba(224,112,6,0.06); }
.wave--mid  path{ fill: rgba(201,154,47,0.06); }
.wave--front path{ fill: rgba(224,112,6,0.12); }

.wave--back{
  opacity: .42;
  animation: waveMoveBack 16s linear infinite;
}

.wave--mid{
  opacity: .60;
  animation: waveMoveMid 10s linear infinite;
}

.wave--front{
  opacity: .92;
  animation: waveMoveFront 7s linear infinite;
}

/* Wave Animations */
@keyframes waveMoveFront{
  0% { transform: translateX(0); }
  50%{ transform: translateX(-12%); }
  100%{ transform: translateX(0); }
}

@keyframes waveMoveMid{
  0% { transform: translateX(0); }
  50%{ transform: translateX(-8%); }
  100%{ transform: translateX(0); }
}

@keyframes waveMoveBack{
  0% { transform: translateX(0); }
  50%{ transform: translateX(-4%); }
  100%{ transform: translateX(0); }
}

/* Noise Overlay */
.lux-noise{
  position: absolute;
  inset: 0;
  z-index: 55;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: 0.6;
  mix-blend-mode: overlay;
}

/* Gold Shimmer */
.lux-water-hero::after{
  content: "";
  position: absolute;
  left: -30%;
  right: -30%;
  top: 30%;
  height: 40%;
  z-index: 20;
  background: linear-gradient(90deg, transparent 0%, rgba(201,154,47,0.06) 45%, rgba(224,112,6,0.08) 50%, rgba(201,154,47,0.06) 55%, transparent 100%);
  transform: skewX(-18deg);
  animation: shimmer 8s linear infinite;
  pointer-events: none;
}

@keyframes shimmer{
  0% { transform: translateX(-110%) skewX(-18deg); }
  100%{ transform: translateX(110%) skewX(-18deg); }
}

/* Responsive */
@media (max-width: 900px){
  .lux-water-hero{ min-height: 360px; }
}

@media (max-width: 480px){
  .lux-water-hero{ min-height: 320px; }
  .wave{ height: 62%; bottom: -12%; }
}
</style>


<!-- HTML CONTENT -->
<section class="lux-water-hero">
  <div class="lux-water-hero__overlay">
    <h1 class="lux-title">Signature Scent</h1>
    <p class="lux-sub">Experience the art of fine perfumery with our exclusive collection of luxury fragrances.</p>
    <a class="lux-cta" href="#">Shop Now</a>
  </div>

  <div class="lux-waves" aria-hidden="true">
    <svg class="wave wave--back" viewBox="0 0 1440 320" preserveAspectRatio="none">
      <path d="M0,96L48...320Z"></path>
    </svg>
    <svg class="wave wave--mid" viewBox="0 0 1440 320" preserveAspectRatio="none">
      <path d="M0,160L48...320Z"></path>
    </svg>
    <svg class="wave wave--front" viewBox="0 0 1440 320" preserveAspectRatio="none">
      <path d="M0,224L48...320Z"></path>
    </svg>
  </div>

  <div class="lux-noise"></div>
</section>/* End custom CSS */