.master-gallery-container{width:100%;height:100%;min-height:500px;position:relative;overflow:hidden;background:#050505;font-family:'Inter',sans-serif}.gallery-cinema.advanced{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.cinema-background-layers{position:absolute;inset:0;z-index:0}.cinema-bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);transition:opacity 1.5s cubic-bezier(0.4,0,0.2,1),transform 8s linear}.cinema-bg-layer.active{opacity:1;transform:scale(1);z-index:1}.cinema-content-overlay{position:relative;z-index:10;flex:1;display:flex;align-items:flex-start;padding:100px 1% 0 1%;pointer-events:none}.cinema-info-block{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(0.19,1,0.22,1);position:absolute;max-width:600px}.cinema-info-block.active{opacity:1;transform:translateY(0);z-index:2}.cinema-subtitle{display:block;font-size:14px;font-weight:600;letter-spacing:4px;color:#fff;text-transform:uppercase;margin-bottom:15px;opacity:0.8}.cinema-title{font-size:64px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px;text-shadow:0 10px 30px rgba(0,0,0,0.5);text-transform:uppercase}.cinema-description{font-size:18px;color:rgba(255,255,255,0.7);margin-bottom:40px;line-height:1.6}.cinema-action-btn{margin-top:50px;pointer-events:auto;padding:16px 40px;background:linear-gradient(135deg,#55f1e7 0%,#6D28D9 100%);color:#fff;border:none;font-size:15px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:12px;box-shadow:0 8px 25px rgba(139,92,246,0.3);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.cinema-action-btn::after{content:'→';font-size:20px;transition:transform 0.3s ease}.cinema-action-btn:hover{background:linear-gradient(135deg,#a3f8cc 0%,#8B5CF6 100%);transform:scale(1.08) translateY(-5px);box-shadow:0 20px 40px rgba(139,92,246,0.6)}.cinema-action-btn:hover::after{transform:translateX(5px)}.cinema-thumbnail-track-outer{position:absolute;bottom:0px;right:0;width:65%;z-index:20;pointer-events:none;display:flex;justify-content:flex-end}.cinema-thumbnail-track-container{width:100%;max-width:800px;height:200px;overflow:hidden;pointer-events:auto;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.cinema-thumbnail-track{display:flex;gap:20px;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1);align-items:center;padding-left:20px}.cinema-thumb-item{width:180px;height:120px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:all 0.5s ease;filter:brightness(0.4) grayscale(0.5);flex-shrink:0;border:1px solid rgba(255,255,255,0.05)}.cinema-thumb-item.passed{opacity:0;transform:scale(0.5) translateX(-100px);pointer-events:none;visibility:hidden}.cinema-thumb-item.active{filter:brightness(1) grayscale(0);transform:scale(1.15);box-shadow:0 0 50px rgba(139,92,246,0.4);border:2px solid #8B5CF6;z-index:10}.thumb-image-wrapper{width:100%;height:100%;overflow:hidden;position:relative}.thumb-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.cinema-thumb-item:hover .thumb-image-wrapper img{transform:scale(1.1)}.thumb-info{position:absolute;bottom:10px;left:15px;color:#fff;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.8)}.thumb-info h4{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cinema-hud{position:absolute;bottom:0;left:0;width:100%;padding:10px 10%;background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);z-index:40;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}.cinema-progress-container{width:100%;height:4px;background:rgba(255,255,255,0.1);position:relative;overflow:hidden}.cinema-progress-bar{height:100%;background:#8B5CF6;transition-timing-function:linear;box-shadow:0 0 15px #8B5CF6}.cinema-controls{display:flex;gap:15px}.control-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;backdrop-filter:blur(10px)}.control-btn:hover{background:#8B5CF6;border-color:#8B5CF6;transform:scale(1.1)}.cinema-counter{color:#fff;font-size:14px;font-weight:800;letter-spacing:2px;font-variant-numeric:tabular-nums}:root{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter','Outfit',sans-serif;color:#ffffff;background:#F3F4F6;overflow-x:hidden}#root{max-width:1366px;margin:0 auto}.xd-section{position:relative;width:100%;min-height:300px;overflow:hidden;margin-bottom:2px}.xd-section-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.xd-grid{position:relative;width:100%;z-index:1}.xd-cell{position:absolute;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column}.xd-cell > *{width:100%;height:100%}.xd-showcase{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.xd-showcase-layer{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1.2s ease-in-out}.xd-tiltcard{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1)}.xd-tiltcard:hover{transform:translateY(-8px)}.xd-video-bg{width:100%;height:100%;object-fit:cover}.xd-avatar{width:100%;height:100%}.xd-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.xd-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:transform 0.3s ease,box-shadow 0.3s ease}.xd-button:hover{opacity:0.9}.xd-gradient{width:100%;height:100%}.premium-effect-wrapper{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%;box-sizing:border-box;display:block;position:relative;overflow:hidden}.premium-effect-wrapper > *{width:100%;height:100%;min-width:0!important;min-height:0!important;display:block;position:absolute;top:0;left:0}.premium-effect-wrapper > img{object-fit:cover;object-position:center}.premium-effect-wrapper.image-effect-neon-glow,.premium-effect-wrapper.image-effect-shadow-glow,.premium-effect-wrapper.image-effect-glow-pulse,.premium-effect-wrapper.image-effect-mouse-glow{overflow:visible!important}.premium-effect-wrapper.image-effect-chromatic{position:relative;overflow:hidden;background:transparent}.premium-effect-wrapper.image-effect-chromatic > *{animation:labChromaticPulse 2s ease-in-out infinite;mix-blend-mode:normal;z-index:1}@keyframes labChromaticPulse{0%,100%{transform:scale(1);filter:contrast(110%)}50%{transform:scale(calc(1 + (0.12*var(--effect-intensity,1))));filter:contrast(calc(110% + (80%*var(--effect-intensity,1))))}}.premium-effect-wrapper.image-effect-chromatic::before,.premium-effect-wrapper.image-effect-chromatic::after{content:'';position:absolute;inset:-10px;background:inherit;background-size:cover;background-position:center;mix-blend-mode:screen;pointer-events:none;z-index:2;opacity:calc(0.3 + 0.6*var(--effect-intensity,1));transition:transform 0.2s ease,opacity 0.3s ease}.premium-effect-wrapper.image-effect-chromatic::before{filter:brightness(0.8) sepia(1) hue-rotate(-50deg) saturate(8);transform:translateX(calc(-15px*var(--effect-intensity,1)))}.premium-effect-wrapper.image-effect-chromatic::after{filter:brightness(0.8) sepia(1) hue-rotate(150deg) saturate(8);transform:translateX(calc(15px*var(--effect-intensity,1)))}.xd-navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;background:rgba(124,118,133,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center}.xd-navbar-container{width:100%;max-width:1366px;padding:0 40px;display:flex;align-items:center;justify-content:between}.logo-text{font-family:'Outfit',sans-serif;font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-decoration:none}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease}.nav-links a:hover{color:#5ae7d7;transform:translateY(-2px)}.nav-cta{background:linear-gradient(135deg,#5ae7d7,#8B5CF6);color:white!important;padding:10px 24px;border-radius:100px;font-weight:700!important}.section-title-block{text-align:center;margin-bottom:60px}.section-title-block h2{font-size:48px;font-weight:900;margin-bottom:20px}.section-title-block p{font-size:18px;color:rgba(255,255,255,0.6);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 40px}.service-card-wrapper{height:auto}.service-card-highlight{background:linear-gradient(145deg,rgba(90,231,215,0.1),rgba(139,92,246,0.1))!important;border:1px solid rgba(90,231,215,0.3)!important}.service-cta-btn{display:inline-block;margin-top:30px;padding:12px 30px;background:#5ae7d7;color:#0f172a;text-decoration:none;font-weight:800;border-radius:100px;transition:all 0.3s ease}.service-cta-btn:hover{background:#fff;transform:scale(1.05)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center;padding:0 40px}.stat-value{font-size:56px;font-weight:900;background:linear-gradient(135deg,#5ae7d7,#8B5CF6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:14px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:2px;margin-top:10px}
.xd-marquee-container { width: 100%; overflow: hidden; position: relative; white-space: nowrap; display: flex; align-items: center; }
.xd-marquee-track { display: flex; align-items: center; will-change: transform; gap: 60px; }
.xd-marquee-item { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
@keyframes marqueeMoveLeft { from { transform: translateX(0); } to { transform: translateX(var(--marquee-shift, -33.33%)); } }
@keyframes marqueeMoveRight { from { transform: translateX(var(--marquee-shift, -33.33%)); } to { transform: translateX(0); } }
@keyframes meshFloat1 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(40%, -30%) scale(1.2); } }
@keyframes meshFloat2 { 0%, 100% { transform: translate(0, 0) scale(1.1); } 50% { transform: translate(-35%, 40%) scale(1.3); } }
@keyframes meshFloat3 { 0%, 100% { transform: translate(0, 0) scale(0.9); } 50% { transform: translate(45%, 25%) scale(1.1); } }
@keyframes meshFloat4 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-30%, -45%) scale(1.25); } }