﻿.slideshow{position:relative;width:100%;max-width:100%;height:100vh;min-height:100vh;overflow:hidden;background:#000}.slideshow .slide-wrapper{width:100%;height:100%;position:relative}.slideshow .slide-wrapper .slide-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.slideshow .slide-wrapper .slide-container img{transform:translateX(-200px) scale(1.2);opacity:0;transition:7s ease all;will-change:transform, opacity}.slideshow .slide-wrapper .slide-container.preparing{z-index:1}.slideshow .slide-wrapper .slide-container.preparing img{transform:translateX(-200px) scale(1.2);opacity:0}.slideshow .slide-wrapper .slide-container.active{z-index:3}.slideshow .slide-wrapper .slide-container.active img{transform:translateX(0) scale(1.2);opacity:1}.slideshow .slide-wrapper .slide-container.exiting{z-index:2}.slideshow .slide-wrapper .slide-container.exiting img{transform:translateX(200px) scale(1.2);opacity:0}.slideshow .slide-wrapper .slide-container .slide-img{width:100%;height:100%;object-fit:cover;opacity:0 !important;pointer-events:none;position:relative}.slideshow .slide-wrapper .slide-container .slide-overlay{position:absolute;bottom:0;left:0;width:100%;height:auto;background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);display:flex;align-items:flex-end;justify-content:flex-start;z-index:15;padding:3rem 2rem 2rem 2rem;min-height:150px;opacity:0;transition:opacity 1s ease-out;pointer-events:auto}.slideshow .slide-wrapper .slide-container.active .slide-overlay{opacity:1;transition:opacity 1s ease-out 0.5s}.slideshow .slide-wrapper .slide-container .slide-content{text-align:left;color:#ffffff;max-width:500px}.slideshow .slide-wrapper .slide-container .slide-content .slide-title{font-size:2.2rem;font-weight:400;color:#ffffff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,0.5);line-height:1.2}.slideshow .slide-wrapper .slide-container .slide-content .slide-btn{display:inline-flex;align-items:center;font-size:1.1rem;color:#ffffff;font-weight:400;text-decoration:none;transition:all 0.3s ease}.slideshow .slide-wrapper .slide-container .slide-content .slide-btn::after{content:'→';margin-left:0.5rem;transition:transform 0.3s ease}.slideshow .slide-wrapper .slide-container .slide-content .slide-btn:hover,.slideshow .slide-wrapper .slide-container .slide-content .slide-btn:focus{color:#ffffff;text-decoration:none}.slideshow .slide-wrapper .slide-container .slide-content .slide-btn:hover::after,.slideshow .slide-wrapper .slide-container .slide-content .slide-btn:focus::after{transform:translateX(5px)}.slideshow .slide-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;border-radius:50%;transition:background 0.2s;box-shadow:none;outline:none;padding:0}.slideshow .slide-arrow svg{width:48px;height:48px;fill:#fff;transition:fill 0.2s;display:block}.slideshow .slide-arrow:hover svg,.slideshow .slide-arrow:focus svg{fill:#f2f2f2}.slideshow .slide-arrow.left{left:1rem}.slideshow .slide-arrow.left svg{transform:rotate(180deg)}.slideshow .slide-arrow.left img{transform:rotate(180deg)}.slideshow .slide-arrow.right{right:1rem}.webgl-slideshow-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity 2s ease}.slideshow-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:30;opacity:1;transition:opacity 0.8s ease-out}.slideshow-loader.hide{opacity:0;pointer-events:none}.slideshow-loader .brand-text{font-family:'Arial', sans-serif;font-size:1rem;font-weight:300;color:#ffffff;opacity:0;animation:simpleFadeIn 1s ease-in-out forwards;letter-spacing:0.1em;text-align:center}@media (max-width: 600px){.slideshow-loader .brand-text{font-size:0.9rem}}@media (max-width: 480px){.slideshow-loader .brand-text{font-size:0.8rem}}.slideshow-global-overlay{position:absolute;bottom:0;left:0;width:100%;height:auto;background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);display:flex;align-items:flex-end;justify-content:flex-start;z-index:20;padding:3rem 2rem 2rem 2rem;min-height:150px;opacity:1;pointer-events:auto}.slideshow-global-overlay .slide-content{text-align:left;color:#ffffff;max-width:500px}.slideshow-global-overlay .slide-content .slide-title{font-size:2.2rem;font-weight:400;color:#ffffff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,0.5);line-height:1.2}.slideshow-global-overlay .slide-content .slide-btn{display:inline-flex;align-items:center;font-size:1.1rem;color:#ffffff;font-weight:400;text-decoration:none;transition:all 0.3s ease}.slideshow-global-overlay .slide-content .slide-btn::after{content:'→';margin-left:0.5rem;transition:transform 0.3s ease}.slideshow-global-overlay .slide-content .slide-btn:hover,.slideshow-global-overlay .slide-content .slide-btn:focus{color:#ffffff;text-decoration:none}.slideshow-global-overlay .slide-content .slide-btn:hover::after,.slideshow-global-overlay .slide-content .slide-btn:focus::after{transform:translateX(5px)}.home-hero{position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden;flex:1}.fullscreen-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fullscreen-slideshow .slide-img{width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.slideshow{height:100vh;min-height:100vh;width:100vw}.home-hero{height:100vh;min-height:100vh;position:relative;overflow:hidden}.slide-content .slide-title{font-size:1.8rem}.slide-content .slide-btn{font-size:1rem}.slide-overlay{padding:2rem 1.5rem 1.5rem 1.5rem;min-height:120px}}@media (max-width: 480px){.slideshow .slide-content{max-width:100%}.slideshow .slide-content .slide-title{font-size:1.5rem;margin-bottom:0.75rem}.slideshow .slide-content .slide-btn{font-size:0.9rem}.slideshow .slide-overlay{padding:1.5rem 1rem 1rem 1rem;min-height:100px}.slideshow .slide-arrow{display:none}}@keyframes slideInFromBottom{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes simpleFadeIn{0%{opacity:0}100%{opacity:0.8}}@keyframes webglFadeIn{from{opacity:0}to{opacity:1}}@keyframes webglFadeOut{from{opacity:1}to{opacity:0}}
