.pre-production{position:relative;width:100%;padding:100px 6%;background:#070707;overflow:hidden}.pp-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgb(212 175 55 / .15),transparent 45%),radial-gradient(circle at bottom left,rgb(255 255 255 / .05),transparent 40%),linear-gradient(to bottom,#0a0a0a,#050505);z-index:0}.pp-container{position:relative;z-index:2;max-width:1400px;margin:auto}.pp-title{text-align:center;margin-bottom:70px}.pp-title span{display:inline-block;color:#d4af37;letter-spacing:4px;font-size:14px;font-weight:600;margin-bottom:18px}.pp-title h2{color:#fff;font-size:52px;margin-bottom:20px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.pp-title p{max-width:760px;margin:auto;color:#cfcfcf;line-height:1.8;font-size:17px}.pp-slider{overflow:hidden;width:100%;margin-bottom:80px}.pp-track{display:flex;gap:30px;width:max-content}.pp-card{width:340px;flex-shrink:0;border-radius:22px;overflow:hidden;background:rgb(255 255 255 / .06);backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .12);transition:.45s ease;box-shadow:0 18px 40px rgb(0 0 0 / .35)}.pp-card:hover{transform:translateY(-12px);border-color:#d4af37;box-shadow:0 20px 45px rgb(212 175 55 / .25)}.pp-card img{width:100%;height:240px;object-fit:cover;display:block;transition:.6s ease}.pp-card:hover img{transform:scale(1.08)}.pp-content{padding:25px}.pp-content h3{color:#d4af37;font-size:24px;margin-bottom:14px;font-weight:700}.pp-content p{color:#d8d8d8;line-height:1.7;font-size:15px}.pp-bottom{text-align:center;margin-top:20px}.pp-bottom h3{color:#fff;font-size:36px;margin-bottom:18px}.pp-bottom p{color:#bdbdbd;max-width:650px;margin:0 auto 35px;line-height:1.8;font-size:16px}.quote-btn{display:inline-block;padding:16px 45px;border-radius:50px;text-decoration:none;background:#d4af37;color:#111;font-size:16px;font-weight:700;transition:.35s ease}.quote-btn:hover{background:#fff;transform:translateY(-4px);box-shadow:0 0 25px rgb(212 175 55 / .45)}.pp-track{animation:movieScroll 35s linear infinite}.pp-slider:hover .pp-track{animation-play-state:paused}@keyframes movieScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.pp-card{position:relative}.pp-card::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgb(255 255 255 / .35),transparent);transform:skewX(-25deg);transition:.8s;z-index:3}.pp-card:hover::before{left:150%}.pp-title{animation:fadeDown 1s ease}.pp-bottom{animation:fadeUp 1.2s ease}@keyframes fadeDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pp-card img{animation:floatImage 5s ease-in-out infinite}@keyframes floatImage{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}.quote-btn{position:relative;overflow:hidden}.quote-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgb(255 255 255 / .55),transparent);transition:.7s}.quote-btn:hover::after{left:120%}@media(max-width:1200px){.pp-card{width:300px}}@media(max-width:992px){.pp-title h2{font-size:42px}.pp-title p{font-size:16px}.pp-card{width:280px}.pp-card img{height:210px}.pp-bottom h3{font-size:30px}}@media(max-width:768px){.pre-production{padding:70px 20px}.pp-title h2{font-size:34px}.pp-title p{font-size:15px}.pp-card{width:250px}.pp-card img{height:180px}.pp-content{padding:20px}.pp-content h3{font-size:20px}.pp-bottom h3{font-size:24px}.quote-btn{width:100%;text-align:center}}@media(max-width:480px){.pp-title span{font-size:12px}.pp-title h2{font-size:28px}.pp-card{width:220px}.pp-card img{height:160px}.pp-content p{font-size:14px}}