.elementor-68 .elementor-element.elementor-element-7959d99{--display:flex;--position:fixed;--min-height:100vh;--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:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1200;}.elementor-68 .elementor-element.elementor-element-7959d99:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-7959d99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133129;}body:not(.rtl) .elementor-68 .elementor-element.elementor-element-7959d99{left:0px;}body.rtl .elementor-68 .elementor-element.elementor-element-7959d99{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-68 .elementor-element.elementor-element-fd897b8 img{width:120px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-68 .elementor-element.elementor-element-babab1d{text-align:center;}.elementor-68 .elementor-element.elementor-element-babab1d .elementor-heading-title{font-size:16px;font-weight:normal;font-style:italic;}.elementor-68 .elementor-element.elementor-element-b3c9f8a{text-align:center;}.elementor-68 .elementor-element.elementor-element-b3c9f8a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:normal;}.elementor-68 .elementor-element.elementor-element-b123329{text-align:center;}.elementor-68 .elementor-element.elementor-element-b123329 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:normal;font-style:italic;}.elementor-68 .elementor-element.elementor-element-670b51f{text-align:center;}.elementor-68 .elementor-element.elementor-element-670b51f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:normal;}.elementor-68 .elementor-element.elementor-element-52e4250 img{width:400px;}.elementor-68 .elementor-element.elementor-element-0cf7c43{--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:flex-end;--align-items:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;--z-index:1300;}.elementor-68 .elementor-element.elementor-element-0cf7c43:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-0cf7c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133129;}.elementor-68 .elementor-element.elementor-element-0cf7c43::before, .elementor-68 .elementor-element.elementor-element-0cf7c43 > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-0cf7c43 > .e-con-inner > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-0cf7c43 > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-0cf7c43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-0cf7c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-68 .elementor-element.elementor-element-80ae1ee{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-68 .elementor-element.elementor-element-cca2aa4{--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;}.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-68 .elementor-element.elementor-element-0468af0 .elementor-button{background-color:#133129;font-family:"Roboto Slab", Sans-serif;font-weight:500;fill:#777340;color:#777340;border-style:solid;border-width:2px 2px 2px 2px;border-color:#777340;border-radius:20px 20px 20px 20px;padding:10px 25px 10px 25px;}.elementor-68 .elementor-element.elementor-element-0468af0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-68 .elementor-element.elementor-element-0468af0 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-68 .elementor-element.elementor-element-e4df996{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-e4df996:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-e4df996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-68 .elementor-element.elementor-element-8c1c0a4{--display:flex;}:root{--page-title-display:none;}@media(max-width:1200px){.elementor-68 .elementor-element.elementor-element-0cf7c43{--justify-content:flex-end;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1440px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:880px){.elementor-68 .elementor-element.elementor-element-7959d99{--z-index:1300;}.elementor-68 .elementor-element.elementor-element-fd897b8 img{width:80px;}.elementor-68 .elementor-element.elementor-element-b3c9f8a .elementor-heading-title{font-size:16px;}.elementor-68 .elementor-element.elementor-element-670b51f .elementor-heading-title{font-size:16px;}.elementor-68 .elementor-element.elementor-element-52e4250 img{width:200px;}.elementor-68 .elementor-element.elementor-element-0cf7c43{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1200;}.elementor-68 .elementor-element.elementor-element-cca2aa4{--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;}.elementor-68 .elementor-element.elementor-element-0468af0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-68 .elementor-element.elementor-element-0468af0.elementor-element{--align-self:center;}.elementor-68 .elementor-element.elementor-element-e4df996{--z-index:1;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-7959d99 */.elementor-68 .elementor-element.elementor-element-7959d99 {
  animation: fadeUpOut 3s ease-in-out 12s forwards;
}

@keyframes fadeUpOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-150px);
    visibility: hidden;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cf7c43 *//* =========================
   OPHELIA - MAIN CIRCLE MASK LAYER
   Container ID: #mask-layer
   Put this as the ONLY Custom CSS of the circle section
   ========================= */

/* ========== TIMINGS (edit here if you want) ========== */
:root{
  --opheliaFadeIn: 1.5s;
  --opheliaFadeOut: 1.8s;
}

/* ========== SHOW/HIDE LAYER (slower + cinematic zoom) ========== */
#mask-layer{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  /* start slightly smaller */
  transform: scale(0.97) translateZ(0);
  will-change: opacity, transform;

  transition:
    opacity var(--opheliaFadeIn) ease,
    transform var(--opheliaFadeIn) ease,
    visibility 0s linear var(--opheliaFadeIn); /* hide AFTER fade completes */
}

#mask-layer.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: scale(1) translateZ(0);

  transition:
    opacity var(--opheliaFadeIn) ease,
    transform var(--opheliaFadeIn) ease,
    visibility 0s linear 0s; /* show immediately */
}

/* ========== FADE OUT (Explore) - slower + zoom out ========== */
#mask-layer.fade-out{
  opacity: 0;
  pointer-events: none;

  /* zoom out while fading */
  transform: scale(1.08) translateZ(0);

  transition:
    opacity var(--opheliaFadeOut) ease,
    transform var(--opheliaFadeOut) ease,
    visibility 0s linear var(--opheliaFadeOut);

  visibility: hidden; /* will apply after the delay above */
}


/* ========== Overlay section (Elementor ".elementor-68 .elementor-element.elementor-element-0cf7c43") ========== */
.elementor-68 .elementor-element.elementor-element-0cf7c43{
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 1200;
  overflow: hidden;

  /* stability */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  isolation: isolate;

  /* iOS multiplier (default = no change) */
  --iosMul: 1;

  /* ========== SIZE VARIABLES (DEFAULT) ========== */
  --circleR-min: 180px;
  --circleR-mid: 12vmin;
  --circleR-max: 260px;

  --ringD-min: 360px;
  --ringD-mid: 24vmin;
  --ringD-max: 520px;

  --gap: clamp(14px, 2.2vmin, 22px);
  --raise: clamp(34px, 5vmin, 72px);
  --shiftY: calc((var(--gap) + var(--raise)) * -1);

  --circleR: clamp(
    calc(var(--circleR-min) * var(--iosMul)),
    calc(var(--circleR-mid) * var(--iosMul)),
    calc(var(--circleR-max) * var(--iosMul))
  );

  --ringD: clamp(
    calc(var(--ringD-min) * var(--iosMul)),
    calc(var(--ringD-mid) * var(--iosMul)),
    calc(var(--ringD-max) * var(--iosMul))
  );

  -webkit-mask-image: radial-gradient(circle var(--circleR) at 50% calc(50% + var(--shiftY)), transparent 99%, #000 100%);
  mask-image: radial-gradient(circle var(--circleR) at 50% calc(50% + var(--shiftY)), transparent 99%, #000 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Rings */
.elementor-68 .elementor-element.elementor-element-0cf7c43::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ringD);
  height: var(--ringD);
  border: 2px solid #f3f1ec;
  border-radius: 50%;
  transform: translate(-50%, calc(-50% + var(--shiftY)));
  z-index: 2;
  pointer-events: none;
  opacity: 0.9;
}

.elementor-68 .elementor-element.elementor-element-0cf7c43::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--ringD) + 10px);
  height: calc(var(--ringD) + 10px);
  border: 2px solid rgba(243, 241, 236, 0.5);
  border-radius: 50%;
  transform: translate(-50%, calc(-50% + var(--shiftY)));
  z-index: 1;
  pointer-events: none;
  filter: blur(8px);
  animation: glowPulseOuter 5s ease-in-out infinite;
}

@keyframes glowPulseOuter{
  0%   { opacity: 0.4; box-shadow: 0 0 10px rgba(243,241,236,0.2); }
  50%  { opacity: 1;   box-shadow: 0 0 40px rgba(243,241,236,0.6); }
  100% { opacity: 0.4; box-shadow: 0 0 10px rgba(243,241,236,0.2); }
}

/* =========================
   RESPONSIVE BREAKPOINTS
   ========================= */

@media (max-width: 1024px){
  .elementor-68 .elementor-element.elementor-element-0cf7c43{
    --circleR-min: 155px;
    --circleR-mid: 16vmin;
    --circleR-max: 235px;

    --ringD-min: 310px;
    --ringD-mid: 36vmin;
    --ringD-max: 470px;

    --gap: clamp(14px, 2.6vmin, 24px);
    --raise: clamp(28px, 4vmin, 56px);
  }
}

@media (max-width: 767px){
  .elementor-68 .elementor-element.elementor-element-0cf7c43{
    --circleR-min: 110px;
    --circleR-mid: 18vmin;
    --circleR-max: 170px;

    --ringD-min: 225px;
    --ringD-mid: 40vmin;
    --ringD-max: 350px;

    --gap: clamp(16px, 3.2vmin, 28px);
    --raise: clamp(18px, 3.2vmin, 38px);
  }
}

@media (max-height: 480px) and (orientation: landscape){
  .elementor-68 .elementor-element.elementor-element-0cf7c43{
    --circleR-min: 85px;
    --circleR-mid: 11.4vh;
    --circleR-max: 135px;

    --ringD-min: 174px;
    --ringD-mid: 22.8vh;
    --ringD-max: 274px;

    --gap: clamp(14px, 2.8vh, 22px);
    --raise: clamp(10px, 2.2vh, 18px);
  }
}

/* iOS-only scaling */
@supports (-webkit-touch-callout: none){
  .elementor-68 .elementor-element.elementor-element-0cf7c43{ --iosMul: 0.95; }
}/* End custom CSS */