:root{--beam-left: 140px;--beam-bottom: 30px}body{font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#fff;overflow-x:hidden}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.background img{width:100%;height:100%;object-fit:cover}.hero-container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0rem 4rem;z-index:2;transform-style:preserve-3d}.col-left{position:relative;display:flex;align-items:center;justify-content:center;z-index:6}.col-right{position:relative;display:flex;align-items:center;justify-content:center}.content{max-width:550px;z-index:6}.content h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.2rem;text-shadow:0 6px 25px rgba(0,0,0,.9);color:#fff}.content p{font-size:clamp(1rem,2vw,1.3rem);margin-bottom:1.2rem;color:#ffffffeb;line-height:1.6;text-shadow:0 3px 15px rgba(0,0,0,.9)}.cta{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{padding:1rem 2rem;border-radius:50px;background:linear-gradient(135deg,#f95,#f4a460);color:#fff;box-shadow:0 4px 20px #ff995559;text-decoration:none;font-weight:600}.btn-secondary{padding:1rem 2rem;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff}.screen-wrap{position:absolute;top:20%;right:3%;width:60%;height:40%;perspective:1400px;transform-origin:top center;transform-style:preserve-3d;will-change:transform,opacity;z-index:10;backface-visibility:hidden;-webkit-backface-visibility:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;box-shadow:0 0 80px #ffdc9659,0 20px 60px #0000004d;backface-visibility:hidden;z-index:10;transform-style:preserve-3d;will-change:transform,opacity,filter}.screen-wall{background:#ffffffe0;opacity:0;transform:perspective(2000px) rotateY(-12deg) rotateX(3deg);transform-origin:left center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:11}.screen-ceiling{background:#fffffff2;transform-origin:top center;transform:translateY(-20%) rotateX(-75deg) scale(1.02);opacity:0;z-index:9}.beam-hit{position:absolute;top:-18%;left:68%;width:14vw;height:8vh;pointer-events:none;opacity:0;transform-origin:center center;transform:translate3d(-50%,-50%,0) scale(.6);z-index:22;background:radial-gradient(circle,#fffadcf2,#fff5c88c 20%,#ffebaa2e 45%,#ffe69600 75%);filter:blur(14px);mix-blend-mode:screen;will-change:transform,opacity,filter;border-radius:50%}.ceiling-vignette{position:absolute;top:-28%;right:3%;width:60%;height:60%;pointer-events:none;opacity:0;z-index:14;background:radial-gradient(ellipse at center,#fff5d238,#fff0be1f 30%,#ffebaa0f,#ffeba000 80%);filter:blur(30px);mix-blend-mode:screen;transform-origin:top center;will-change:opacity,transform}.movie-content{width:100%;height:100%;background:linear-gradient(135deg,#ffffffbf,#f5f5facc),linear-gradient(45deg,rgba(240,240,245,.2) 25%,transparent 25%);border-radius:8px;filter:blur(2px);position:relative;overflow:hidden;z-index:12}.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);animation:grain .3s steps(1) infinite;opacity:0;z-index:13;pointer-events:none}.beam-container{position:absolute;bottom:33%;left:-15%;width:60%;height:180px;z-index:8;pointer-events:none;transform-origin:left center;transform:rotate(-8deg);will-change:transform,opacity}.beam{position:absolute;bottom:30px;left:var(--beam-left);width:100%;height:140px;opacity:0;transform-origin:left center;transform:scaleX(0) translateZ(0);will-change:transform,opacity;clip-path:polygon(0 50%,100% 0,100% 100%)}.beam-outer{background:linear-gradient(to right,#ffe69626,#fff0b440);filter:blur(25px);height:160px;bottom:30px}.beam-middle{background:linear-gradient(to right,#fff0b466,#fff5c880);filter:blur(12px);height:140px}.beam-core{background:linear-gradient(to right,#fffadcb3,#ffffebd9);filter:blur(5px);height:120px;bottom:40px}.beam-particles{position:absolute;bottom:40px;left:var(--beam-left);width:100%;height:140px;opacity:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.4) 0%,transparent 3%),radial-gradient(circle at 45% 60%,rgba(255,255,255,.35) 0%,transparent 3%);filter:blur(1px);animation:particleFloat 8s ease-in-out infinite;clip-path:polygon(0 50%,100% 0,100% 100%)}.beam-new{position:absolute;bottom:var(--beam-bottom);left:var(--beam-left);width:62%;height:120px;pointer-events:none;opacity:0;transform-origin:left center;transform:scaleX(0) translateZ(0);background:linear-gradient(90deg,#fff4d200,#fff0be1f,#ffebaa47 60%,#ffe696a6);filter:blur(6px);clip-path:polygon(0 50%,100% 0,100% 100%);will-change:transform,opacity,filter;z-index:20}.beam-new:after{content:"";position:absolute;top:30%;right:10%;bottom:30%;left:10%;background:linear-gradient(90deg,#fffadccc,#fff5c899);filter:blur(2px);opacity:.85;border-radius:2px}.screen-light{position:absolute;top:12%;right:3%;width:50%;height:55%;background:radial-gradient(ellipse at left center,rgba(255,250,220,.4) 0%,rgba(255,245,200,.2) 30%,transparent 70%);border-radius:8px;opacity:0;z-index:9;filter:blur(30px);transform:perspective(2000px) rotateY(-15deg) rotateX(3deg);transform-origin:left center}.glow{position:absolute;top:35%;left:60%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fffadce6,#fff0b499 30%);filter:blur(15px);opacity:0;z-index:4;pointer-events:none;animation:glowPulse 2.5s ease-in-out infinite}.projector{position:absolute;bottom:30%;left:-15%;width:250px;z-index:3;opacity:0;will-change:transform,opacity}.projector img{width:100%;filter:drop-shadow(0 25px 50px rgba(0,0,0,.8))}@media (max-width: 1200px){.screen-wrap{width:52%;height:40%;right:2%;top:2%;perspective:1400px}.beam-hit{left:64%;top:-14%;width:18vw;height:9vh;filter:blur(12px)}}@media (max-width: 768px){.screen-wrap{top:5%;right:auto;left:50%;transform:translate(-50%) perspective(1400px) rotateY(0);width:85%;height:50%}.beam-container{left:50%;transform:translate(-50%);width:85%;bottom:20%}.beam,.beam-particles,.beam-new{left:50%;transform:translate(-50%) scaleX(0)}.screen-ceiling{transform:translateY(-10%) rotateX(-45deg) scale(.98)}.beam-hit{display:block;left:58%;top:-12%;width:26vw;height:10vh;filter:blur(10px);opacity:0}}@keyframes grain{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes particleFloat{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-8px)}50%{transform:translate(5px) translateY(6px)}75%{transform:translate(-5px) translateY(-4px)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@media (prefers-reduced-motion: reduce){.beam,.beam-particles,.glow,.movie-content,.film-grain,.ceiling-vignette,.screen-wrap,.beam-new,.beam-hit{animation:none!important;transition:none!important}.beam,.beam-particles{transform:scaleX(1)!important;opacity:.9!important}.projector,.glow,.screen{opacity:1!important;transform:none!important}.film-grain{opacity:.6!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/main-hero.css.map */