*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Vazirmatn",sans-serif;background:#0b0b0d;color:#f5f5f3}a{text-decoration:none;color:inherit}button{font:inherit}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px;border-bottom:1px solid #202024}.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.brand span{color:#b7ff3c}.nav nav{display:flex;gap:34px;color:#a7a7ad;font-size:14px}.nav nav a:hover{color:#fff}.nav-cta{border:1px solid #33343a;border-radius:999px;padding:10px 17px;font-size:13px}.hero{max-width:1200px;margin:auto;padding:100px 24px 120px;display:grid;grid-template-columns:1fr 0.85fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#8d8d95;margin:0 0 16px}.hero h1{font-size:clamp(58px,8vw,104px);line-height:.98;letter-spacing:-5px;margin:0 0 28px}.hero h1 span,.about span,.contact span{color:#b7ff3c}.hero-text{max-width:530px;color:#aaaab1;line-height:2;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:999px;font-size:14px;transition:.2s}.button.primary{background:#b7ff3c;color:#10110d;font-weight:700}.button.primary:hover{transform:translateY(-2px)}.button.ghost{border:1px solid #34343a;color:#ddd}.hero-card{height:480px;border:1px solid #24252a;border-radius:32px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#292c25 0,#131512 36%,#0b0b0d 70%);box-shadow:0 30px 80px #000}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:280px;height:280px;background:#b7ff3c;opacity:.12;top:80px;right:50px}.orb-two{width:180px;height:180px;background:#fff;opacity:.07;bottom:50px;left:50px}.hero-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:800;letter-spacing:-12px;color:#f4f4f0}.floating-card{position:absolute;background:#f3f3ee;color:#10110d;border-radius:16px;padding:18px;font-size:20px;font-weight:800;line-height:.9;box-shadow:0 15px 40px #0008}.floating-card small{font-size:9px;letter-spacing:2px}.fc-one{top:45px;left:35px;transform:rotate(-7deg)}.fc-two{bottom:45px;right:35px;transform:rotate(7deg);background:#b7ff3c}.section{max-width:1200px;margin:auto;padding:40px 24px 110px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2,.about h2,.contact h2{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;color:#888;border:1px solid #292a2e;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:12px}.filter.active,.filter:hover{background:#f4f4ef;color:#111;border-color:#f4f4ef}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work{cursor:pointer}.work-image{height:390px;border-radius:22px;display:grid;place-items:center;overflow:hidden;position:relative;transition:.35s}.work:hover .work-image{transform:translateY(-6px)}.placeholder{font-weight:800;font-size:44px;line-height:.9;letter-spacing:-2px}.placeholder b{font-size:60px}.p1{background:#e8e6dd;color:#111}.p2{background:#b7ff3c;color:#111}.p3{background:#222327;color:#f3f3ee}.p4{background:#d7c7ff;color:#17121e}.p5{background:#f0eee8;color:#111}.p6{background:#1a1b1f;color:#b7ff3c}.work-info{display:flex;justify-content:space-between;align-items:center;padding:17px 3px}.work-info h3{font-size:16px;margin:0 0 3px}.work-info p{font-size:11px;color:#777;margin:0;direction:ltr;text-align:right}.arrow{font-size:23px;color:#777}.about{max-width:1200px;margin:0 auto 110px;padding:75px 24px;border-top:1px solid #24252a;border-bottom:1px solid #24252a;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about>p{color:#999;line-height:2.1;font-size:15px}.services{max-width:1200px;margin:0 auto 120px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292a2e}.service{background:#0b0b0d;padding:35px 28px;min-height:210px}.service b{color:#666;font-size:11px}.service h3{font-size:27px;margin:35px 0 7px}.service p{color:#777;font-size:13px}.contact{max-width:900px;margin:0 auto 110px;text-align:center;padding:90px 24px}.contact h2{font-size:64px}.contact>p:not(.eyebrow){color:#85858d;margin:25px auto 30px}.contact small{display:block;color:#555;margin-top:12px;font-size:10px}footer{border-top:1px solid #202024;max-width:1200px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;color:#555;font-size:11px}.modal{position:fixed;inset:0;background:#000d;backdrop-filter:blur(14px);z-index:10;display:none;align-items:center;justify-content:center;padding:25px}.modal.open{display:flex}.modal-content{width:min(900px,100%);background:#121317;border:1px solid #2a2b30;border-radius:25px;padding:25px;display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center}.modal-preview{height:480px;border-radius:18px}.modal-content h2{font-size:34px;margin:0 0 15px}.modal-content p:last-child{color:#888;line-height:2}.modal-close{position:absolute;top:25px;left:25px;background:#222;color:#fff;border:0;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-card{height:350px}.works-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:25px}.services{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:22px}.contact h2{font-size:45px}.modal-content{grid-template-columns:1fr}.modal-preview{height:350px}}@media(max-width:520px){.works-grid{grid-template-columns:1fr}.hero h1{font-size:64px}.nav-cta{display:none}.work-image{height:330px}}

.sample-image{background:#16171a}.sample-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.work:hover .sample-image img{transform:scale(1.035)}

.modal-preview{overflow:hidden;background:#17181b}.modal-preview img{width:100%;height:100%;object-fit:cover;display:block}