.elementor-13 .elementor-element.elementor-element-79dd791{--display:flex;--min-height:80vh;--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:center;--align-items:center;}.elementor-13 .elementor-element.elementor-element-79dd791:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-79dd791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb73100 );}.elementor-13 .elementor-element.elementor-element-79dd791.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-b6e1268{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;z-index:100;text-align:left;font-family:"Inter", Sans-serif;font-size:100px;font-weight:600;word-spacing:0px;color:#CD4470;}.elementor-13 .elementor-element.elementor-element-b6e1268 > .elementor-widget-container{--e-transform-translateX:-150px;--e-transform-translateY:-75px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b6e1268.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-13 .elementor-element.elementor-element-b6e1268 p{margin-block-end:75px;}.elementor-13 .elementor-element.elementor-element-e398348{width:auto;max-width:auto;z-index:10;}.elementor-13 .elementor-element.elementor-element-e398348.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-e398348:not( .elementor-widget-image ) .elementor-widget-container, .elementor-13 .elementor-element.elementor-element-e398348.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://finnsander.com/wp-content/uploads/2025/05/maskStartBg_2k.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-13 .elementor-element.elementor-element-e398348 img{width:666px;max-width:666px;height:100%;object-fit:cover;object-position:center center;opacity:0.6;transition-duration:2s;}.elementor-13 .elementor-element.elementor-element-e398348:hover img{opacity:0.8;}.elementor-13 .elementor-element.elementor-element-df09e18{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;z-index:100;text-align:left;font-family:"Inter", Sans-serif;font-size:33px;font-weight:500;word-spacing:0px;color:#FEC0AA;}.elementor-13 .elementor-element.elementor-element-df09e18 > .elementor-widget-container{--e-transform-translateX:-10px;--e-transform-translateY:260px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-df09e18.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-13 .elementor-element.elementor-element-df09e18 p{margin-block-end:10px;}.elementor-13 .elementor-element.elementor-element-6b6f376{--display:flex;--min-height:10vh;--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:center;--align-items:flex-start;--gap:80px 80px;--row-gap:80px;--column-gap:80px;}.elementor-13 .elementor-element.elementor-element-6b6f376:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6b6f376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb73100 );}.elementor-13 .elementor-element.elementor-element-b2d70aa .elementor-button{background-color:#FEC0AABA;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:#CD447080;color:#CD447080;padding:10px 40px 10px 40px;}.elementor-13 .elementor-element.elementor-element-b2d70aa .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-b2d70aa .elementor-button:focus{background-color:#CD447080;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-b2d70aa{width:auto;max-width:auto;}.elementor-13 .elementor-element.elementor-element-b2d70aa > .elementor-widget-container{--e-transform-translateY:-2vh;margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b2d70aa.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-b2d70aa .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-b2d70aa .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-3737321 .elementor-button{background-color:#FEC0AABA;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:#CD447080;color:#CD447080;padding:10px 30px 10px 30px;}.elementor-13 .elementor-element.elementor-element-3737321 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-3737321 .elementor-button:focus{background-color:#CD447080;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-3737321{width:auto;max-width:auto;}.elementor-13 .elementor-element.elementor-element-3737321 > .elementor-widget-container{--e-transform-translateY:-2vh;margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3737321.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-3737321 .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-3737321 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-2cf1121 .elementor-button{background-color:#FEC0AABA;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:#CD447080;color:#CD447080;border-style:none;padding:10px 20px 10px 20px;}.elementor-13 .elementor-element.elementor-element-2cf1121 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-2cf1121 .elementor-button:focus{background-color:#CD447080;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-2cf1121{width:auto;max-width:auto;}.elementor-13 .elementor-element.elementor-element-2cf1121 > .elementor-widget-container{--e-transform-translateY:-2vh;margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-2cf1121.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-2cf1121 .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-2cf1121 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-3a0e3f0{--display:flex;--min-height:10vh;}.elementor-13 .elementor-element.elementor-element-3a0e3f0:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-3a0e3f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb73100 );}.elementor-13 .elementor-element.elementor-element-b7be7bd > .elementor-widget-container{margin:-25px -25px -25px -25px;}.elementor-13 .elementor-element.elementor-element-b7be7bd.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-e69cf1c{text-align:center;}.elementor-13 .elementor-element.elementor-element-e69cf1c .elementor-heading-title{mix-blend-mode:color;color:var( --e-global-color-fb73100 );}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-79dd791{--width:119.65%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-79dd791{--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;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-e398348.elementor-element{--align-self:flex-end;}}/* Start custom CSS for text-editor, class: .elementor-element-b6e1268 */.hover-text-right {
  position: relative; /* or absolute, depending on your layout */
  pointer-events: none; /* prevents text from blocking hover/click */
  z-index: 1; /* visually on top */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e398348 */.transition-image {
  transition: transform 0.5s ease-in-out;
  transform-origin: center center;
  cursor: pointer;
  opacity: 1;
  position: relative;
  z-index: 2 !important;  /* Keep image on top */
}

/* Exit animation on click */
.transition-image.clicked {
  transform: scale(0.3) rotate(-45deg) !important;
  transition: transform 0.7s ease-in-out, opacity 1s ease-in-out !important;
  opacity: 0.6 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-df09e18 */.hover-text-left {
  position: relative;
  pointer-events: none;  /* KEEP THIS */
  z-index: 0 !important;  /* lower than image */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79dd791 */.my-hover-container {
  position: relative; /* establishes a stacking context */
}

.my-hover-container .hover-text-left {
  position: relative;
  z-index: 0;  /* lower than image */
}

.my-hover-container .transition-image {
  position: relative;
  z-index: 1;  /* above hover-text-left */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2d70aa */.elementor-13 .elementor-element.elementor-element-b2d70aa {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-in-out, transform 1s ease-in-out !important;
  pointer-events: auto;
}
.fade-down.out {
  transform: translateY(5vw) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease-in-out, transform 1s ease-in-out !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3737321 */.elementor-13 .elementor-element.elementor-element-3737321 {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-in-out, transform 1s ease-in-out !important;
  pointer-events: auto;
}
.fade-down.out {
  transform: translateY(5vw) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease-in-out, transform 1s ease-in-out !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2cf1121 */.elementor-13 .elementor-element.elementor-element-2cf1121 {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-in-out, transform 1s ease-in-out !important;
  pointer-events: auto;
}
.fade-down.out {
  transform: translateY(5vw) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease-in-out, transform 1s ease-in-out !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b6f376 */.parent-container {
  position: relative;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS */:root {
  --color-default: #FEC0AA;
  --color-highlight: #CD4470;
  --transition-duration: 0.6s; /* color transition time */
  --exit-transition: 0.6s;
}

/* Base Buttons */
.button-move-up,
.button-move-middle,
.button-move-down {
  opacity: 0  !important;
  transform: translateY(2vh) !important;
  transition:
    opacity 1.5s ease-in-out  !important,
    transform 1.5s ease-in-out  !important,
    color 1.5s ease-in-out !important;
  pointer-events: auto !important;
}


.fade-in {
  opacity: 1 !important;
  transform: translateY(0)  !important;
}
/* Text Left */
.hover-text-left {
  opacity: 0;
  transform: translateX(-40px);
  color: var(--color-default);
  transition:
    opacity 1.5s ease-in-out,
    transform 1s ease-in-out,
    color 1s ease-in-out !important;
  position: relative;
  /* z-index: -10; removed */
}

.hover-text-left.hover-color {
  color: var(--color-highlight) !important;
}

/* Text Right */
.hover-text-right {
  opacity: 0;
  transform: translateX(40px);
  color: var(--color-default);
  transition:
    opacity 1.5s ease-in-out,
    transform 1s ease-in-out,
    color var(--transition-duration) ease-in-out;
  pointer-events: none;
  position: relative;
  /* z-index: 10; removed */
}

.hover-text-right.hover-color {
  color: var(--color-highlight);
}

/* Fade-in */
.hover-text-left.fade-in-left {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.hover-text-right.fade-in-right {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Move animations */
.hover-text-left.fade-in-left.move-left {
  transform: translateX(-175px);
  transition: transform 1.2s ease-in-out;
}

.hover-text-right.fade-in-right.move-right {
  transform: translateX(200px);
  transition: transform 1.2s ease-in-out;
}

/* Buttons move up */
.button-move-up.fade-in,
.button-move-middle.fade-in,
.button-move-down.fade-in {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
/*
.button-move-up.fade-in.move-up,
.button-move-middle.fade-in.move-middle,
.button-move-down.fade-in.move-down {
  transform: translateY(-3vh);
  opacity: 1;
}
*/
.button-move-up.move-up {
  transform: translateY(-3vh) !important;
}
.button-move-middle.move-middle {
  transform: translateY(-3vh) !important;
}
.button-move-down.move-down {
  transform: translateY(-3vh) !important;
}

/* Button hover text color */
.button-move-up .elementor-button-text,
.button-move-middle .elementor-button-text,
.button-move-down .elementor-button-text {
  transition: color var(--transition-duration) ease-in-out;
}

.button-move-up.move-up .elementor-button-text,
.button-move-middle.move-middle .elementor-button-text,
.button-move-down.move-down .elementor-button-text {
  color: var(--color-highlight);
}

/* Image click effect */
.transition-image {
  position: relative;
  /* z-index: 0; removed */
  transition: transform 0.5s ease-in-out;
  transform-origin: center center;
  cursor: pointer;
  opacity: 1;
}

.transition-image.clicked {
  transform: scale(0.3) rotate(-45deg);
  transition: transform 0.7s ease-in-out;
  opacity: 0.6;
}

/* Exit animations */
.hover-text-left.exit-left {
  transform: translateX(10vw);
  opacity: 0 !important;
  color: #EDF6F9 !important;
  transition: opacity 0.3s ease-in-out, transform 0.7s ease-in-out,
    color 0.3s ease-in-out 0.05s !important;
}

.hover-text-right.exit-right {
  transform: translateX(-10vw);
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.7s ease-in-out;
}/* End custom CSS */