.elementor-10 .elementor-element.elementor-element-5f0c229{--display:flex;--min-height:100vh;--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;--overflow:hidden;}.elementor-10 .elementor-element.elementor-element-e3716b1{--display:flex;--position:absolute;--min-height:100vh;top:0px;--z-index:0;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-e3716b1{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-e3716b1{right:0px;}.elementor-10 .elementor-element.elementor-element-5861a63{--display:flex;--position:absolute;--min-height:100vh;--overflow:hidden;top:0px;--z-index:1;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-5861a63{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-5861a63{right:0px;}.elementor-10 .elementor-element.elementor-element-c8edd59{--display:flex;--position:absolute;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;top:0px;--z-index:1;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-c8edd59{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-c8edd59{right:0px;}.elementor-10 .elementor-element.elementor-element-eafaadc{--display:flex;--min-height:100vh;--z-index:1;}.elementor-10 .elementor-element.elementor-element-096be92{--display:flex;--position:absolute;--min-height:47vh;top:-155px;}.elementor-10 .elementor-element.elementor-element-096be92:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-096be92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/test-cd-case.png");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-096be92{left:-51px;}body.rtl .elementor-10 .elementor-element.elementor-element-096be92{right:-51px;}.elementor-10 .elementor-element.elementor-element-15a6530{--display:flex;--position:absolute;--min-height:84vh;bottom:-180px;}.elementor-10 .elementor-element.elementor-element-15a6530:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-15a6530 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/test-flyer.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-15a6530{left:95px;}body.rtl .elementor-10 .elementor-element.elementor-element-15a6530{right:95px;}.elementor-10 .elementor-element.elementor-element-e1a3a6d{--display:flex;--position:absolute;--min-height:66vh;bottom:-180px;}.elementor-10 .elementor-element.elementor-element-e1a3a6d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-e1a3a6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/test-magazine.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-e1a3a6d{right:30px;}body.rtl .elementor-10 .elementor-element.elementor-element-e1a3a6d{left:30px;}.elementor-10 .elementor-element.elementor-element-57461d4{--display:flex;--position:absolute;--min-height:100vh;top:0px;--z-index:1;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-57461d4{right:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-57461d4{left:0px;}.elementor-10 .elementor-element.elementor-element-8ad0dbb{--display:flex;--position:absolute;--min-height:51.7vh;top:-134px;}.elementor-10 .elementor-element.elementor-element-8ad0dbb:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-8ad0dbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/test-laynard.png");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-8ad0dbb{right:19vw;}body.rtl .elementor-10 .elementor-element.elementor-element-8ad0dbb{left:19vw;}.elementor-10 .elementor-element.elementor-element-a85a9ed{--display:flex;--position:absolute;--min-height:100vh;top:0px;--z-index:2;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-a85a9ed{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-a85a9ed{right:0px;}.elementor-10 .elementor-element.elementor-element-aa6cc34{--display:flex;--position:absolute;top:341px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-aa6cc34{left:28%;}body.rtl .elementor-10 .elementor-element.elementor-element-aa6cc34{right:28%;}.elementor-10 .elementor-element.elementor-element-3c34be7{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-4944c3d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:85px;font-weight:600;color:#1A1A1A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-79a974e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:#333333;}.elementor-10 .elementor-element.elementor-element-79a974e > .elementor-widget-container{margin:0px 0px 0px 0px;}.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-10 .elementor-element.elementor-element-154ddf3{--display:flex;--position:absolute;--min-height:100vh;--overflow:hidden;top:0px;--z-index:1;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-154ddf3{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-154ddf3{right:0px;}.elementor-10 .elementor-element.elementor-element-3cb094b{--display:flex;--min-height:100vh;--z-index:1;}.elementor-10 .elementor-element.elementor-element-424661b{--display:flex;--position:absolute;--min-height:100vh;top:0px;}.elementor-10 .elementor-element.elementor-element-424661b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-424661b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/hero-illu-left-02.png");background-position:center left;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-424661b{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-424661b{right:0px;}.elementor-10 .elementor-element.elementor-element-1e09afc{--display:flex;--position:absolute;--min-height:100vh;bottom:0px;}.elementor-10 .elementor-element.elementor-element-1e09afc:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-1e09afc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stady.one/wp-content/uploads/2026/03/hero-illu-right-02.png");background-position:bottom right;background-repeat:no-repeat;background-size:100% auto;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-1e09afc{right:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-1e09afc{left:0px;}.elementor-10 .elementor-element.elementor-element-c3b8ca1{--display:flex;--position:absolute;--min-height:100vh;top:0px;--z-index:2;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-c3b8ca1{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-c3b8ca1{right:0px;}.elementor-10 .elementor-element.elementor-element-80c3b40{--display:flex;--position:absolute;top:341px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-80c3b40{left:28%;}body.rtl .elementor-10 .elementor-element.elementor-element-80c3b40{right:28%;}.elementor-10 .elementor-element.elementor-element-82bde68 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:85px;font-weight:600;color:#1A1A1A;}.elementor-10 .elementor-element.elementor-element-7102a15{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:#333333;}.elementor-10 .elementor-element.elementor-element-7102a15 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-67b3269{--display:flex;--position:absolute;bottom:0px;--z-index:20;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-67b3269{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-67b3269{right:0px;}.elementor-10 .elementor-element.elementor-element-65b777e{--display:flex;}.elementor-10 .elementor-element.elementor-element-148d246{--display:flex;--position:absolute;--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;--gap:0px 12px;--row-gap:0px;--column-gap:12px;bottom:40px;--z-index:25;}.elementor-10 .elementor-element.elementor-element-148d246.e-con{--align-self:center;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-148d246{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-148d246{right:0px;}.elementor-10 .elementor-element.elementor-element-cf47a66{--display:flex;}.elementor-10 .elementor-element.elementor-element-4920677{--display:flex;--position:absolute;top:0px;--z-index:10;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-4920677{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-4920677{right:0px;}.elementor-10 .elementor-element.elementor-element-f042554{--display:flex;--position:absolute;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );top:80px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-f042554{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-f042554{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-10 .elementor-element.elementor-element-ccea1f4 img{width:100px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-3c888e2 > .elementor-widget-container{margin:15px 0px -11px -12px;padding:7px 7px 0px 7px;}.elementor-10 .elementor-element.elementor-element-3c888e2.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-3c888e2:hover > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-10 .elementor-element.elementor-element-3c888e2:hover .elementor-widget-container{box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.25);}.elementor-10 .elementor-element.elementor-element-3c888e2 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-3c888e2.elementor-view-stacked .elementor-icon{background-color:#333333;}.elementor-10 .elementor-element.elementor-element-3c888e2.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-3c888e2.elementor-view-default .elementor-icon{color:#333333;border-color:#333333;}.elementor-10 .elementor-element.elementor-element-3c888e2.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-3c888e2.elementor-view-default .elementor-icon svg{fill:#333333;}.elementor-10 .elementor-element.elementor-element-3c888e2 .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-3c888e2 .elementor-icon svg{height:30px;}.elementor-10 .elementor-element.elementor-element-de554bc{--display:flex;--position:absolute;--min-height:100vh;top:0px;--z-index:999;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-de554bc{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-de554bc{right:0px;}.elementor-10 .elementor-element.elementor-element-e3ba48b{--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;}body.elementor-page-10{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-5f0c229{--width:100%;}.elementor-10 .elementor-element.elementor-element-e3716b1{--width:100%;}.elementor-10 .elementor-element.elementor-element-5861a63{--width:100%;}.elementor-10 .elementor-element.elementor-element-c8edd59{--width:100%;}.elementor-10 .elementor-element.elementor-element-eafaadc{--width:1920px;}.elementor-10 .elementor-element.elementor-element-096be92{--width:547px;}.elementor-10 .elementor-element.elementor-element-15a6530{--width:336px;}.elementor-10 .elementor-element.elementor-element-e1a3a6d{--width:907px;}.elementor-10 .elementor-element.elementor-element-57461d4{--width:100%;}.elementor-10 .elementor-element.elementor-element-8ad0dbb{--width:63px;}.elementor-10 .elementor-element.elementor-element-a85a9ed{--width:100%;}.elementor-10 .elementor-element.elementor-element-aa6cc34{--width:528px;}.elementor-10 .elementor-element.elementor-element-154ddf3{--width:100%;}.elementor-10 .elementor-element.elementor-element-3cb094b{--width:100%;}.elementor-10 .elementor-element.elementor-element-424661b{--width:808px;}.elementor-10 .elementor-element.elementor-element-1e09afc{--width:858px;}.elementor-10 .elementor-element.elementor-element-c3b8ca1{--width:100%;}.elementor-10 .elementor-element.elementor-element-80c3b40{--width:528px;}.elementor-10 .elementor-element.elementor-element-67b3269{--width:100%;}.elementor-10 .elementor-element.elementor-element-148d246{--width:100%;}.elementor-10 .elementor-element.elementor-element-4920677{--width:100%;}.elementor-10 .elementor-element.elementor-element-de554bc{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-5f0c229 *//* =========================================================
   BASIS / LAYER
========================================================= */

.landing-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.bg-layer,
.scene-wrapper,
.ui-layer,
.scene,
.scene1-content,
.scene1-assets-fixed,
.scene1-assets-fluid,
.scene2-assets,
.scene2-content,
.page-transition,
.timeline-bar,
.scene-dots {
  box-sizing: border-box;
}


/* =========================================================
   HINTERGRUND
========================================================= */

.bg-layer {
  background-color: #ffffff;
  transition: background-color 1s ease;
}

body.scene-1-active .bg-layer {
  background-color: #ffffff;
}

body.scene-2-active .bg-layer {
  background-color: #c9b2e6;
}


/* =========================================================
   UI
========================================================= */

.ui-layer {
  pointer-events: none;
}

.ui-layer .ui-bar,
.ui-layer .ui-bar * {
  pointer-events: auto;
}

.ui-bar {
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity 0.9s ease, transform 0.9s ease;
  transition-delay: 0.15s;
}

body.scene-1-active .ui-bar,
body.scene-2-active .ui-bar {
  opacity: 1;
  transform: translateY(0);
}


/* =========================================================
   SCENE 1 – CONTENT / INTERACTION
========================================================= */

.scene1-content {
  position: absolute;
  z-index: 5;
  pointer-events: auto;
}

.scene-copy {
  position: relative;
  z-index: 6;
  pointer-events: auto;
}

.scene-copy * {
  pointer-events: auto;
}


/* =========================================================
   SCENE 1 – ASSETS / POINTER EVENTS
========================================================= */

.scene1-assets-fixed,
.scene1-assets-fluid {
  z-index: 1;
  pointer-events: none;
}

.scene1-assets-fixed *,
.scene1-assets-fluid *,
.scene1-cd,
.scene1-flyer,
.scene1-magazine,
.scene1-lanyard {
  pointer-events: none;
}


/* =========================================================
   SCENE 1 – INITIAL STATE
========================================================= */

.scene1-headline,
.scene1-text {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

.scene1-headline {
  transition-delay: 0.35s;
}

.scene1-text {
  transition-delay: 0.5s;
}

.scene1-cd,
.scene1-magazine {
  opacity: 0;
  transition: opacity 1s ease;
}

.scene1-cd {
  transition-delay: 0.65s;
}

.scene1-magazine {
  transition-delay: 0.8s;
}

.scene1-flyer,
.scene1-lanyard {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.scene1-flyer {
  transform: translateY(120px);
  transition-delay: 0.95s;
}

.scene1-lanyard {
  transform: translateY(-120px);
  transition-delay: 1.05s;
}


/* =========================================================
   SCENE 1 – ACTIVE
========================================================= */

body.scene-1-active .scene1-headline,
body.scene-1-active .scene1-text,
body.scene-1-active .scene1-cd,
body.scene-1-active .scene1-magazine,
body.scene-1-active .scene1-flyer,
body.scene-1-active .scene1-lanyard {
  opacity: 1;
}

body.scene-1-active .scene1-headline,
body.scene-1-active .scene1-text,
body.scene-1-active .scene1-flyer,
body.scene-1-active .scene1-lanyard {
  transform: translateY(0);
}


/* =========================================================
   SCENE 1 – EXIT BEI SCENE 2
========================================================= */

body.scene-2-active .scene1-headline,
body.scene-2-active .scene1-text,
body.scene-2-active .scene1-cd,
body.scene-2-active .scene1-magazine,
body.scene-2-active .scene1-flyer,
body.scene-2-active .scene1-lanyard {
  opacity: 0;
}

body.scene-2-active .scene1-flyer {
  transform: translateY(120px);
}

body.scene-2-active .scene1-lanyard {
  transform: translateY(-120px);
}

body.scene-2-active .scene1-headline,
body.scene-2-active .scene1-text {
  transform: translateY(0);
}


/* =========================================================
   SCENE 2 – INITIAL
========================================================= */

.scene2-headline,
.scene2-text,
.scene2-illu-left,
.scene2-illu-right {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.scene2-headline,
.scene2-text {
  transform: translateY(14px);
}

.scene2-illu-left {
  transform: translateX(-80px);
}

.scene2-illu-right {
  transform: translateX(80px);
}


/* =========================================================
   SCENE 2 – ACTIVE
========================================================= */

body.scene-2-active .scene2-headline,
body.scene-2-active .scene2-text,
body.scene-2-active .scene2-illu-left,
body.scene-2-active .scene2-illu-right {
  opacity: 1;
  transform: translate(0, 0);
}

body.scene-2-active .scene2-headline {
  transition-delay: 0.35s;
}

body.scene-2-active .scene2-text {
  transition-delay: 0.5s;
}

body.scene-2-active .scene2-illu-left {
  transition-delay: 0.2s;
}

body.scene-2-active .scene2-illu-right {
  transition-delay: 0.3s;
}


/* =========================================================
   PAGE TRANSITION
========================================================= */

.page-transition {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  transform: translateY(100%);
  transition: transform 0.8s ease;
  z-index: 999;
  pointer-events: none;
}

body.scene-1-active .page-transition {
  background-color: #ffffff;
}

body.scene-2-active .page-transition {
  background-color: #c9b2e6;
}

.page-transition.active {
  transform: translateY(0);
}


/* =========================================================
   TIMELINE
========================================================= */

.timeline-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  z-index: 20;
  overflow: hidden;
  pointer-events: none;
}

.timeline-fill {
  width: 0%;
  height: 100%;
  transform-origin: left center;
  pointer-events: none;
}

body.scene-1-active .timeline-fill {
  background-color: #000000;
}

body.scene-2-active .timeline-fill {
  background-color: #ffffff;
}


/* =========================================================
   DOTS
========================================================= */

.scene-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  pointer-events: auto;
}

.scene-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  cursor: pointer;
  pointer-events: auto;
}

.scene-dot.active {
  width: 26px;
  background-color: #000000;
}

body.scene-2-active .scene-dot {
  background-color: rgba(255, 255, 255, 0.4);
}

body.scene-2-active .scene-dot.active {
  background-color: #ffffff;
}/* End custom CSS */