*{box-sizing:border-box}body{color:#222;direction:rtl;background:#f5f5f5;margin:0;font-family:Arial,Heebo,sans-serif}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#111111eb;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex;position:sticky;top:0}nav{background:#ffffff0d;border:1px solid #fff2;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px;display:flex}nav a{border-radius:999px;padding:8px 22px;font-size:.98rem}nav a:hover{background:#ffc10722}header .logo{color:#ffc107;font-size:1.5rem;font-weight:700;text-decoration:none}nav a{color:#fff;text-decoration:none;transition:background .2s,color .2s}nav a:hover{color:#ffc107}.hero{color:#fff;text-align:center;background:linear-gradient(#0000004d,#000000a6),url(/gallery/crane-hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;padding:100px 20px;display:flex;position:relative}.hero h1{animation:.9s both rise}.hero p{font-size:1.25rem;animation:.9s .15s both rise}.hero .btn{animation:.9s .3s both rise}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.in{opacity:1;transform:none}.panels{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;display:grid}.panel{color:#fff;isolation:isolate;background:#222 50%/cover no-repeat;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:380px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.panel:before{content:"";z-index:-1;background:linear-gradient(#0000 30%,#000c);transition:opacity .3s;position:absolute;inset:0}.panel:hover:before{opacity:.8}.panel h3{margin:6px 0;font-size:2rem}.panel .num{top:20px;opacity:.85;letter-spacing:2px;position:absolute;inset-inline-start:24px}.panel .more{color:#ffc107;font-weight:700}.shot{cursor:zoom-in;border-radius:14px;margin:0;position:relative;overflow:hidden}.lightbox{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;background:#000000b3;justify-content:center;align-items:center;padding:40px 20px;animation:.25s both fade;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;cursor:default;border-radius:14px;width:auto;max-width:min(720px,90vw);height:auto;max-height:75vh;animation:.35s cubic-bezier(.2,.9,.3,1.2) both pop;box-shadow:0 20px 60px #000a}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.shot img{height:260px;transition:transform .6s;display:block}.shot:hover img{transform:scale(1.07)}.shot figcaption{bottom:10px;color:#fff;letter-spacing:1px;background:#000a;border-radius:999px;padding:3px 12px;font-size:.85rem;position:absolute;inset-inline-start:12px}.hero-img{display:none}.contact{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:0;max-width:1100px;padding:40px 20px;display:grid}.contact-img{background-blend-mode:normal;color:#fff;background:linear-gradient(#00000059,#000000bf),#222 50%/cover no-repeat;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:40px 30px;animation:.8s both rise;display:flex}.contact-img h2{margin:0 0 8px;font-size:2.6rem}.contact-img p{opacity:.9;margin:0 0 16px;font-size:1.15rem}.contact-img .btn{align-self:flex-start;margin:0}.contact-form{background:#fff;border-radius:18px;margin-inline-start:-18px;padding:40px 30px;animation:.8s .15s both rise;position:relative;box-shadow:0 10px 30px #0001}.contact-form h3{margin:0 0 6px;font-size:1.5rem}.contact-form form{max-width:none;margin-top:16px}input:focus,textarea:focus{border-color:#ffc107;outline:0;box-shadow:0 0 0 3px #ffc10744}@media (width<=640px){.contact-form{margin:-18px 10px 0}}footer a{color:#ffc107}.hero h1{margin:0 0 10px;font-size:clamp(2.6rem,7vw,4.5rem)}.btn{color:#111;cursor:pointer;background:#ffc107;border:0;border-radius:8px;margin:6px;padding:14px 28px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#ffca2c}section{max-width:1000px;margin:auto;padding:40px 20px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0002}.gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.gallery img,.ph{object-fit:cover;color:#666;background:#ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;height:200px;display:flex}form{gap:12px;max-width:500px;display:grid}input,textarea{border:1px solid #bbb;border-radius:8px;padding:12px;font-family:inherit;font-size:1rem}footer{color:#ccc;text-align:center;background:#111;padding:20px}.call{color:#fff;background:#25d366;border-radius:30px;padding:14px 20px;font-weight:700;text-decoration:none;position:fixed;bottom:15px;left:15px;box-shadow:0 2px 8px #0005}.game{touch-action:none;background:#9ad7ff;border-radius:10px;width:100%;max-width:900px;margin:auto;transition:transform 1s;display:block}.msg{text-align:center;min-height:40px;margin:10px;font-size:1.6rem;font-weight:700}.msg.fail{color:#c00}.msg.win{color:green}