{"id":245,"date":"2026-08-18T18:47:08","date_gmt":"2026-08-18T18:47:08","guid":{"rendered":"https:\/\/mwaseenkhan.com\/?page_id=245"},"modified":"2026-08-18T19:05:12","modified_gmt":"2026-08-18T19:05:12","slug":"home-2","status":"publish","type":"page","link":"https:\/\/mwaseenkhan.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"245\" class=\"elementor elementor-245\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c417ce8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"6c417ce8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-307ef023 elementor-widget elementor-widget-text-editor\" data-id=\"307ef023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --bg: #0a0a0a;\n    --bg2: #111111;\n    --bg3: #161616;\n    --card: #141414;\n    --border: #222222;\n    --blue: #3b82f6;\n    --blue2: #2563eb;\n    --blue-glow: rgba(59,130,246,0.35);\n    --text: #e5e7eb;\n    --muted: #9ca3af;\n    --dim: #6b7280;\n    --white: #ffffff;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--bg);\n    color: var(--text);\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n  ::-webkit-scrollbar { width: 4px; }\n  ::-webkit-scrollbar-track { background: var(--bg); }\n  ::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 2px; }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n    background: rgba(10,10,10,0.9);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid var(--border);\n    padding: 0 40px;\n    display: flex; align-items: center; justify-content: space-between;\n    height: 56px;\n    animation: slideDown 0.6s ease forwards;\n  }\n  @keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n\n  .nav-logo { display: flex; align-items: center; gap: 8px; }\n  .nav-logo-box {\n    width: 32px; height: 32px; background: var(--blue); border-radius: 4px;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 900; font-size: 14px; color: #fff; letter-spacing: -0.5px;\n  }\n  .nav-links { display: flex; gap: 32px; list-style: none; }\n  .nav-links a {\n    color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 500;\n    transition: color 0.3s; position: relative; padding-bottom: 4px;\n  }\n  .nav-links a::after {\n    content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px;\n    background: var(--blue); transition: width 0.3s;\n  }\n  .nav-links a:hover { color: #fff; }\n  .nav-links a:hover::after { width: 100%; }\n\n  .nav-right { display: flex; align-items: center; gap: 16px; }\n  .nav-cta {\n    background: var(--blue); color: #fff; border: none; padding: 8px 20px;\n    border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer;\n    transition: background 0.3s, transform 0.2s;\n  }\n  .nav-cta:hover { background: var(--blue2); transform: translateY(-1px); }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    min-height: 100vh; padding: 120px 40px 80px;\n    display: grid; grid-template-columns: 1fr 380px; gap: 60px; align-items: center;\n    position: relative; overflow: hidden;\n    background: linear-gradient(135deg, #0a0a0a 0%, #0d1117 50%, #0a0a0a 100%);\n  }\n  .hero::before {\n    content: ''; position: absolute; top: -200px; right: -200px;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(59,130,246,0.12) 0%, transparent 70%);\n    animation: pulse 4s ease-in-out infinite;\n  }\n  @keyframes pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.7; } }\n\n  .hero::after {\n    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, var(--blue), transparent);\n  }\n\n  .hero-left { z-index: 1; }\n\n  .hero-label {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3);\n    padding: 6px 14px; border-radius: 20px; font-size: 11px; font-weight: 600;\n    color: var(--blue); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px;\n    animation: fadeInUp 0.8s ease 0.2s forwards; opacity: 0;\n  }\n  .hero-label::before { content: ''; width: 6px; height: 6px; background: var(--blue); border-radius: 50%; animation: blink 1.5s infinite; }\n  @keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }\n\n  .hero-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(72px, 10vw, 120px);\n    font-weight: 900; line-height: 0.9; color: var(--white);\n    text-transform: uppercase; letter-spacing: -2px;\n    animation: fadeInUp 0.8s ease 0.3s forwards; opacity: 0;\n  }\n  .hero-name span { color: var(--blue); display: block; }\n\n  .hero-tagline {\n    font-size: 13px; color: var(--muted); margin: 24px 0 32px;\n    max-width: 400px; line-height: 1.7;\n    animation: fadeInUp 0.8s ease 0.4s forwards; opacity: 0;\n  }\n\n  .hero-stats {\n    display: flex; gap: 40px; margin-bottom: 36px;\n    animation: fadeInUp 0.8s ease 0.5s forwards; opacity: 0;\n  }\n  .stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 36px; font-weight: 800; color: var(--white); line-height: 1;\n  }\n  .stat-lbl { font-size: 11px; color: var(--dim); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 2px; }\n  .stat-sep { width: 1px; background: var(--border); }\n\n  .hero-btns {\n    display: flex; gap: 12px;\n    animation: fadeInUp 0.8s ease 0.6s forwards; opacity: 0;\n  }\n  .btn-primary {\n    background: var(--blue); color: #fff; border: none; padding: 12px 28px;\n    border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer;\n    transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px;\n    text-decoration: none;\n  }\n  .btn-primary:hover { background: var(--blue2); transform: translateY(-2px); box-shadow: 0 8px 24px var(--blue-glow); }\n  .btn-outline {\n    background: transparent; color: var(--text); border: 1px solid var(--border);\n    padding: 12px 28px; border-radius: 4px; font-size: 13px; font-weight: 600;\n    cursor: pointer; transition: all 0.3s; text-decoration: none;\n  }\n  .btn-outline:hover { border-color: var(--blue); color: var(--blue); transform: translateY(-2px); }\n\n  .hero-right { z-index: 1; position: relative; }\n  .hero-img-wrap {\n    position: relative; border-radius: 8px; overflow: hidden;\n    animation: fadeInRight 0.8s ease 0.4s forwards; opacity: 0;\n  }\n  @keyframes fadeInRight { from { transform: translateX(40px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n\n  .hero-img-wrap::before {\n    content: ''; position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(135deg, rgba(59,130,246,0.15) 0%, transparent 50%);\n  }\n  .hero-img-wrap img { width: 100%; display: block; border-radius: 8px; }\n  .hero-img-placeholder {\n    width: 100%; aspect-ratio: 3\/4; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n    border-radius: 8px; display: flex; align-items: center; justify-content: center;\n    font-size: 80px; border: 1px solid var(--border);\n    position: relative; overflow: hidden;\n  }\n  .hero-img-placeholder::after {\n    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(59,130,246,0.1), transparent);\n    animation: shimmer 3s ease infinite;\n  }\n  @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }\n\n  .hero-badge {\n    position: absolute; bottom: -16px; left: -16px; z-index: 2;\n    background: var(--blue); border-radius: 8px; padding: 14px 18px;\n    box-shadow: 0 8px 24px var(--blue-glow);\n    animation: fadeInUp 0.8s ease 0.7s forwards; opacity: 0;\n  }\n  .hero-badge-num { font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 900; color: #fff; line-height: 1; }\n  .hero-badge-txt { font-size: 10px; color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.5px; }\n\n  .hero-social {\n    position: absolute; right: -40px; top: 50%; transform: translateY(-50%);\n    display: flex; flex-direction: column; gap: 16px;\n    animation: fadeInRight 0.8s ease 0.8s forwards; opacity: 0;\n  }\n  .social-icon {\n    width: 36px; height: 36px; background: var(--card); border: 1px solid var(--border);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    color: var(--muted); font-size: 14px; cursor: pointer; transition: all 0.3s;\n    text-decoration: none;\n  }\n  .social-icon:hover { background: var(--blue); border-color: var(--blue); color: #fff; transform: scale(1.1); }\n\n  @keyframes fadeInUp { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n\n  \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n  section { padding: 80px 40px; position: relative; }\n  .section-eyebrow {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(36px, 5vw, 52px);\n    font-weight: 900; text-transform: uppercase; letter-spacing: -1px;\n    color: var(--white); margin-bottom: 48px; line-height: 1;\n  }\n  .section-eyebrow .accent {\n    color: var(--blue); font-style: italic;\n    text-shadow: 0 0 30px var(--blue-glow);\n  }\n  .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n\n  \/* \u2500\u2500 ABOUT \/ CRAFTSMANSHIP \u2500\u2500 *\/\n  .about-section { background: var(--bg); border-top: 1px solid var(--border); }\n  .about-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px; background: var(--border); }\n  .about-col { background: var(--bg); padding: 32px 0 32px 32px; }\n  .about-col:not(:last-child) { border-right: 1px solid var(--border); }\n  .about-col-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--blue); margin-bottom: 12px; }\n  .about-col p { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\n  .about-main { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; margin-bottom: 60px; align-items: start; }\n  .about-heading {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 42px; font-weight: 900; text-transform: uppercase;\n    color: var(--white); line-height: 1.05;\n  }\n  .about-heading .accent { color: var(--blue); font-style: italic; }\n  .about-text { font-size: 13px; color: var(--muted); line-height: 1.8; }\n  .about-text p { margin-bottom: 16px; }\n  .about-link { color: var(--blue); text-decoration: none; font-weight: 600; font-size: 13px; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.3s; }\n  .about-link:hover { gap: 10px; }\n\n  \/* \u2500\u2500 DISCIPLINES \u2500\u2500 *\/\n  .disciplines-section { background: var(--bg2); border-top: 1px solid var(--border); }\n  .disciplines-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); }\n  .discipline-card {\n    background: var(--card); padding: 28px; position: relative; overflow: hidden;\n    transition: background 0.3s; cursor: default;\n  }\n  .discipline-card::before {\n    content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0;\n    background: var(--blue); transition: height 0.4s ease;\n  }\n  .discipline-card:hover::before { height: 100%; }\n  .discipline-card:hover { background: rgba(59,130,246,0.05); }\n  .disc-icon { font-size: 28px; margin-bottom: 16px; }\n  .disc-title { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; }\n  .disc-text { font-size: 12px; color: var(--dim); line-height: 1.7; }\n  .disc-link { color: var(--blue); text-decoration: none; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; margin-top: 14px; transition: gap 0.3s; }\n  .disc-link:hover { gap: 8px; }\n\n  \/* \u2500\u2500 TECHNICAL ARSENAL \u2500\u2500 *\/\n  .tech-section { background: var(--bg); border-top: 1px solid var(--border); }\n  .tech-tabs { display: flex; gap: 2px; margin-bottom: 32px; background: var(--bg3); padding: 4px; border-radius: 6px; width: fit-content; }\n  .tech-tab {\n    padding: 8px 20px; border-radius: 4px; font-size: 12px; font-weight: 600;\n    cursor: pointer; transition: all 0.3s; border: none; background: transparent; color: var(--dim);\n  }\n  .tech-tab.active { background: var(--blue); color: #fff; }\n  .tech-tab:hover:not(.active) { color: var(--text); }\n\n  .tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); }\n  .tech-item {\n    background: var(--card); padding: 20px; transition: all 0.3s;\n    position: relative; overflow: hidden;\n  }\n  .tech-item::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(135deg, rgba(59,130,246,0.05) 0%, transparent 100%);\n    opacity: 0; transition: opacity 0.3s;\n  }\n  .tech-item:hover::after { opacity: 1; }\n  .tech-item:hover { background: var(--bg3); }\n  .tech-name { font-size: 11px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }\n  .tech-cat { font-size: 10px; color: var(--blue); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }\n  .tech-desc { font-size: 11px; color: var(--dim); line-height: 1.6; }\n  .tech-bar-wrap { margin-top: 10px; background: var(--border); height: 2px; border-radius: 1px; }\n  .tech-bar { height: 2px; background: var(--blue); border-radius: 1px; width: 0; transition: width 1s ease; }\n  .tech-item.visible .tech-bar { width: var(--w); }\n\n  \/* \u2500\u2500 FEATURED \u2500\u2500 *\/\n  .featured-section { background: var(--bg2); border-top: 1px solid var(--border); }\n  .project-tabs { display: flex; gap: 2px; margin-bottom: 32px; background: var(--bg3); padding: 4px; border-radius: 6px; width: fit-content; flex-wrap: wrap; }\n  .project-tab {\n    padding: 7px 18px; border-radius: 4px; font-size: 12px; font-weight: 600;\n    cursor: pointer; transition: all 0.3s; border: none; background: transparent; color: var(--dim);\n  }\n  .project-tab.active { background: var(--blue); color: #fff; }\n  .project-tab:hover:not(.active) { color: var(--text); }\n\n  .projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); }\n  .project-card {\n    background: var(--card); overflow: hidden; position: relative;\n    transition: transform 0.4s ease; cursor: pointer;\n  }\n  .project-card:hover { transform: translateY(-4px); z-index: 2; }\n  .project-thumb {\n    aspect-ratio: 16\/10; overflow: hidden; position: relative;\n  }\n  .project-thumb-bg {\n    width: 100%; height: 100%;\n    transition: transform 0.5s ease;\n  }\n  .project-card:hover .project-thumb-bg { transform: scale(1.05); }\n  .project-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.85) 100%);\n    opacity: 0; transition: opacity 0.3s;\n  }\n  .project-card:hover .project-overlay { opacity: 1; }\n  .project-info { padding: 18px; }\n  .project-tag { font-size: 10px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }\n  .project-title { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 6px; line-height: 1.3; }\n  .project-desc { font-size: 11px; color: var(--dim); line-height: 1.6; }\n  .project-badge {\n    position: absolute; top: 12px; right: 12px;\n    background: var(--blue); color: #fff; font-size: 9px; font-weight: 700;\n    padding: 3px 8px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.5px;\n  }\n\n  \/* \u2500\u2500 WORK EXPERIENCE \u2500\u2500 *\/\n  .work-section { background: var(--bg); border-top: 1px solid var(--border); }\n  .timeline { position: relative; padding-left: 32px; }\n  .timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: var(--border); }\n  .timeline-item { position: relative; margin-bottom: 48px; }\n  .timeline-dot {\n    position: absolute; left: -37px; top: 6px;\n    width: 12px; height: 12px; border-radius: 50%;\n    background: var(--blue); box-shadow: 0 0 12px var(--blue-glow);\n    animation: ripple 2s ease infinite;\n  }\n  @keyframes ripple {\n    0% { box-shadow: 0 0 0 0 rgba(59,130,246,0.5); }\n    70% { box-shadow: 0 0 0 8px transparent; }\n    100% { box-shadow: 0 0 0 0 transparent; }\n  }\n  .timeline-period { font-size: 11px; color: var(--blue); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }\n  .timeline-role { font-size: 16px; font-weight: 800; color: var(--white); margin-bottom: 4px; }\n  .timeline-company { font-size: 13px; color: var(--muted); font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\n  .timeline-company::after { content: ''; flex: 1; height: 1px; background: var(--border); }\n  .timeline-desc { font-size: 13px; color: var(--dim); line-height: 1.8; max-width: 600px; }\n\n  \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n  .testimonials-section { background: var(--bg2); border-top: 1px solid var(--border); }\n  .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); }\n  .testimonial-card {\n    background: var(--card); padding: 28px; position: relative;\n    transition: background 0.3s;\n  }\n  .testimonial-card:hover { background: var(--bg3); }\n  .stars { color: var(--blue); font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\n  .testimonial-text { font-size: 13px; color: var(--muted); line-height: 1.8; margin-bottom: 20px; font-style: italic; }\n  .testimonial-author { display: flex; align-items: center; gap: 12px; }\n  .author-avatar {\n    width: 40px; height: 40px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--blue) 0%, var(--blue2) 100%);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 16px; font-weight: 800; color: #fff;\n    flex-shrink: 0;\n  }\n  .author-name { font-size: 13px; font-weight: 700; color: var(--white); }\n  .author-role { font-size: 11px; color: var(--dim); }\n\n  \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n  .contact-section { background: var(--bg); border-top: 1px solid var(--border); }\n  .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n  .contact-info-title { font-size: 24px; font-weight: 800; color: var(--white); margin-bottom: 8px; }\n  .contact-info-sub { font-size: 13px; color: var(--muted); margin-bottom: 32px; }\n  .contact-item { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }\n  .contact-icon { width: 36px; height: 36px; background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.2); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 16px; }\n  .contact-detail { font-size: 13px; color: var(--muted); }\n  .contact-detail strong { display: block; color: var(--white); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }\n\n  .contact-form { display: flex; flex-direction: column; gap: 16px; }\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n  .form-group { display: flex; flex-direction: column; gap: 6px; }\n  .form-label { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }\n  .form-input {\n    background: var(--card); border: 1px solid var(--border); color: var(--text);\n    padding: 10px 14px; border-radius: 4px; font-size: 13px; font-family: inherit;\n    transition: border-color 0.3s, box-shadow 0.3s; outline: none;\n  }\n  .form-input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(59,130,246,0.1); }\n  .form-input::placeholder { color: var(--dim); }\n  textarea.form-input { resize: vertical; min-height: 120px; }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: var(--bg2); border-top: 1px solid var(--border);\n    padding: 48px 40px 28px;\n  }\n  .footer-grid { display: grid; grid-template-columns: 200px 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }\n  .footer-brand-desc { font-size: 12px; color: var(--dim); line-height: 1.7; margin-top: 12px; }\n  .footer-heading { font-size: 11px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }\n  .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n  .footer-links a { color: var(--dim); text-decoration: none; font-size: 13px; transition: color 0.3s; }\n  .footer-links a:hover { color: var(--blue); }\n  .footer-bottom { border-top: 1px solid var(--border); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; }\n  .footer-copy { font-size: 12px; color: var(--dim); }\n  .footer-social { display: flex; gap: 10px; }\n\n  \/* \u2500\u2500 FLOATING CURSOR DOT \u2500\u2500 *\/\n  .cursor-dot {\n    width: 8px; height: 8px; background: var(--blue); border-radius: 50%;\n    position: fixed; pointer-events: none; z-index: 9999;\n    transform: translate(-50%, -50%); transition: transform 0.1s;\n    mix-blend-mode: difference;\n  }\n  .cursor-ring {\n    width: 32px; height: 32px; border: 1px solid rgba(59,130,246,0.5); border-radius: 50%;\n    position: fixed; pointer-events: none; z-index: 9998;\n    transform: translate(-50%, -50%); transition: all 0.15s ease;\n  }\n\n  \/* \u2500\u2500 ANIMATED BG GRID \u2500\u2500 *\/\n  .bg-grid {\n    position: fixed; inset: 0; pointer-events: none; z-index: 0;\n    background-image:\n      linear-gradient(rgba(59,130,246,0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(59,130,246,0.03) 1px, transparent 1px);\n    background-size: 60px 60px;\n  }\n\n  \/* Scrolling ticker *\/\n  .ticker-wrap { background: var(--blue); overflow: hidden; padding: 10px 0; position: relative; }\n  .ticker {\n    display: flex; gap: 0; white-space: nowrap;\n    animation: ticker 20s linear infinite;\n  }\n  .ticker-item { padding: 0 32px; font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 2px; }\n  .ticker-sep { color: rgba(255,255,255,0.5); }\n  @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n  \/* Gradient text *\/\n  .grad-text {\n    background: linear-gradient(135deg, #fff 0%, var(--blue) 100%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n\n  \/* Availability badge *\/\n  .avail-badge {\n    display: inline-flex; align-items: center; gap: 6px;\n    background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.3);\n    color: #22c55e; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600;\n  }\n  .avail-dot { width: 6px; height: 6px; background: #22c55e; border-radius: 50%; animation: blink 1.5s infinite; }\n\n  @media (max-width:900px) {\n    nav { padding: 0 20px; }\n    .nav-links { display: none; }\n    .hero { grid-template-columns: 1fr; padding: 100px 20px 60px; }\n    .hero-right { display: none; }\n    section { padding: 60px 20px; }\n    .about-main, .about-grid, .disciplines-grid, .projects-grid, .testimonials-grid, .contact-grid { grid-template-columns: 1fr; }\n    .tech-grid { grid-template-columns: repeat(2,1fr); }\n    .footer-grid { grid-template-columns: 1fr 1fr; }\n    .hero-stats { gap: 24px; }\n  }\n<\/style><\/p>\n<div class=\"bg-grid\">\u00a0<\/div>\n<div id=\"cursorDot\" class=\"cursor-dot\">\u00a0<\/div>\n<div id=\"cursorRing\" class=\"cursor-ring\">\u00a0<\/div>\n<!-- NAV --><nav>\n<div class=\"nav-logo\">\n<div class=\"nav-logo-box\">WK<\/div>\n<\/div>\n<ul class=\"nav-links\">\n<li><a href=\"#about\">About<\/a><\/li>\n<li><a href=\"#disciplines\">Disciplines<\/a><\/li>\n<li><a href=\"#technical\">Technical<\/a><\/li>\n<li><a href=\"#featured\">Featured<\/a><\/li>\n<li><a href=\"#work\">Work<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<\/ul>\n<div class=\"nav-right\">\n<div class=\"avail-badge\">Available for hire<\/div>\n<button class=\"nav-cta\">Hire Me \u2192<\/button><\/div>\n<\/nav><!-- HERO -->\n<section id=\"home\" class=\"hero\">\n<div class=\"hero-left\">\n<div class=\"hero-label\">\u2726 Digital Creator &amp; Designer<\/div>\n<h1 class=\"hero-name\">WASEENKHAN<\/h1>\n<p class=\"hero-tagline\">Digital Creator &amp; Web Designer operating from Pakistan. Building high-performance digital experiences for brands &amp; businesses. Islamabad, PK<\/p>\n<div class=\"hero-stats\">\n<div>\n<div class=\"stat-num\">5+<\/div>\n<div class=\"stat-lbl\">Years Experience<\/div>\n<\/div>\n<div class=\"stat-sep\">\u00a0<\/div>\n<div>\n<div class=\"stat-num\">120+<\/div>\n<div class=\"stat-lbl\">Projects Done<\/div>\n<\/div>\n<div class=\"stat-sep\">\u00a0<\/div>\n<div>\n<div class=\"stat-num\">98%<\/div>\n<div class=\"stat-lbl\">Client Satisfaction<\/div>\n<\/div>\n<\/div>\n<div class=\"hero-btns\"><a class=\"btn-primary\" href=\"#featured\">View Portfolio \u2192<\/a> <a class=\"btn-outline\" href=\"#contact\">Get In Touch<\/a><\/div>\n<\/div>\n<div class=\"hero-right\" style=\"position: relative;\">\n<div class=\"hero-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/mwaseenkhan.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-06-at-12.50.20-PM.jpeg\">\n<\/div>\n<div class=\"hero-badge\">\n<div class=\"hero-badge-num\">5+<\/div>\n<div class=\"hero-badge-txt\">Years<br \/>Experience<\/div>\n<\/div>\n<div class=\"hero-social\"><a class=\"social-icon\" href=\"#\">in<\/a> <a class=\"social-icon\" href=\"#\">\ud835\udd4f<\/a> <a class=\"social-icon\" href=\"#\">ig<\/a> <a class=\"social-icon\" href=\"#\">be<\/a><\/div>\n<\/div>\n<\/section>\n<!-- TICKER -->\n<div class=\"ticker-wrap\">\n<div class=\"ticker\"><span class=\"ticker-item\">Web Design <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Brand Identity <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Motion Graphics <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">UI\/UX Design <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Video Editing <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Social Media <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">WordPress <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Digital Marketing <span class=\"ticker-sep\">\u2726<\/span><\/span> <!-- duplicate for seamless loop --> <span class=\"ticker-item\">Web Design <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Brand Identity <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Motion Graphics <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">UI\/UX Design <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Video Editing <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Social Media <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">WordPress <span class=\"ticker-sep\">\u2726<\/span><\/span> <span class=\"ticker-item\">Digital Marketing <span class=\"ticker-sep\">\u2726<\/span><\/span><\/div>\n<\/div>\n<!-- ABOUT \/ DIGITAL CRAFTSMANSHIP -->\n<section id=\"about\" class=\"about-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">DIGITAL CRAFTSMANSHIP <span class=\"accent\">&amp; VISION<\/span><\/h2>\n<\/div>\n<div class=\"about-main reveal\">\n<div>\n<div class=\"about-heading\">THE <span class=\"accent\">CREATIVE<\/span><br \/>PHILOSOPHY<\/div>\n<\/div>\n<div>\n<div class=\"about-text\">\n<p>I&#8217;m a passionate Multimedia Designer and Digital Content Creator with a professional portfolio that showcases my unparalleled expertise and my successful collaboration with global and local brands. I deliver results that clearly show the quality of my work.<\/p>\n<p>Starting my professional career with self-taught skills in 2018, I&#8217;ve worked on 1000+ successful agreements as a Freelancer. My specialties include Typography Manipulation, Colorgrading, Illustration, Retouching, Logo Design, and much more.<\/p>\n<\/div>\n<div style=\"display: flex; gap: 20px; margin-top: 20px; flex-wrap: wrap;\"><a class=\"about-link\" href=\"#featured\">View Portfolio \u2192<\/a> <a class=\"about-link\" href=\"#contact\">Download CV \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"about-grid reveal\">\n<div class=\"about-col\">\n<div class=\"about-col-title\">CLEAN WEB ARCHITECTURE<\/div>\n<p>Semantically structured, performance-optimized codebases that scale with your vision and load at lightning speed.<\/p>\n<\/div>\n<div class=\"about-col\">\n<div class=\"about-col-title\">BRAND DISTINCTIVE<\/div>\n<p>Unique visual identities that speak your brand&#8217;s language and resonate deeply with your target audience.<\/p>\n<\/div>\n<div class=\"about-col\">\n<div class=\"about-col-title\">HIGH-RETENTION VIDEO EDITOR<\/div>\n<p>Compelling video content engineered to keep viewers watching from the first second to the last frame.<\/p>\n<\/div>\n<div class=\"about-col\">\n<div class=\"about-col-title\">EXECUTION DISCIPLINE<\/div>\n<p>Deadline-driven delivery with meticulous attention to detail \u2014 every pixel placed with purpose and precision.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<!-- SPECIALIZED DISCIPLINES -->\n<section id=\"disciplines\" class=\"disciplines-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">SPECIALIZED <span class=\"accent\">DISCIPLINES<\/span><\/h2>\n<\/div>\n<div class=\"disciplines-grid reveal\">\n<div class=\"discipline-card\">\n<div class=\"disc-icon\">\ud83d\udda5\ufe0f<\/div>\n<div class=\"disc-title\">WEB DESIGN &amp; DEVELOPMENT<\/div>\n<p class=\"disc-text\">Full-stack web solutions from concept to deployment. Responsive, fast, and visually stunning websites that convert visitors into clients. Expertise in WordPress, React, and custom CMS development.<\/p>\n<a class=\"disc-link\" href=\"#\">Explore Service \u2192<\/a><\/div>\n<div class=\"discipline-card\">\n<div class=\"disc-icon\">\ud83c\udfac<\/div>\n<div class=\"disc-title\">VIDEO EDITING &amp; MOTION<\/div>\n<p class=\"disc-text\">Cinematic storytelling through expert video editing, color grading, and motion graphics. From social content to brand films, each frame crafted to maximize audience retention.<\/p>\n<a class=\"disc-link\" href=\"#\">Request a Project \u2192<\/a><\/div>\n<div class=\"discipline-card\">\n<div class=\"disc-icon\">\ud83c\udfa8<\/div>\n<div class=\"disc-title\">BRAND IDENTITY &amp; GRAPHIC DESIGN<\/div>\n<p class=\"disc-text\">Comprehensive brand systems including logo design, typography, color palettes, and brand guidelines. Creating cohesive visual identities that communicate your brand&#8217;s essence.<\/p>\n<a class=\"disc-link\" href=\"#\">Request a Project \u2192<\/a><\/div>\n<\/div>\n<\/section>\n<!-- TECHNICAL ARSENAL -->\n<section id=\"technical\" class=\"tech-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">TECHNICAL <span class=\"accent\">ARSENAL<\/span><\/h2>\n<\/div>\n<div class=\"tech-tabs reveal\"><button class=\"tech-tab active\">Web &amp; Front End<\/button> <button class=\"tech-tab\">CMS Platforms<\/button> <button class=\"tech-tab\">Video Production<\/button> <button class=\"tech-tab\">Design Tools<\/button> <button class=\"tech-tab\">More<\/button><\/div>\n<div class=\"tech-grid reveal\">\n<div class=\"tech-item\">\n<div class=\"tech-cat\">FOUNDATION<\/div>\n<div class=\"tech-name\">HTML\/CSS<\/div>\n<div class=\"tech-desc\">Semantic markup &amp; modern CSS architectures including Flexbox, Grid, and CSS custom properties.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 95%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">SCRIPTING<\/div>\n<div class=\"tech-name\">TAILWIND CSS<\/div>\n<div class=\"tech-desc\">Utility-first CSS framework for rapid UI development with consistent design tokens.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 88%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">ANIMATION<\/div>\n<div class=\"tech-name\">FRAMER MOTION<\/div>\n<div class=\"tech-desc\">Advanced animation library for React with gesture support and smooth transitions.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 82%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">JAVASCRIPT<\/div>\n<div class=\"tech-name\">REACT.JS<\/div>\n<div class=\"tech-desc\">Component-based UI development with hooks, context, and state management.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 85%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">CMS<\/div>\n<div class=\"tech-name\">WORDPRESS<\/div>\n<div class=\"tech-desc\">Custom themes, plugins, and WooCommerce store development for businesses of all sizes.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 92%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">DESIGN<\/div>\n<div class=\"tech-name\">FIGMA<\/div>\n<div class=\"tech-desc\">High-fidelity prototyping, component libraries, and design systems for seamless handoffs.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 90%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">ILLUSTRATION<\/div>\n<div class=\"tech-name\">ADOBE ILLUSTRATOR<\/div>\n<div class=\"tech-desc\">Vector illustration, logo design, icon creation, and scalable brand assets.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 88%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">VIDEO<\/div>\n<div class=\"tech-name\">ADOBE PREMIERE PRO<\/div>\n<div class=\"tech-desc\">Professional video editing with multi-track timelines, color grading, and audio mixing.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 93%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">BRAND IDENTITY<\/div>\n<div class=\"tech-name\">BRAND IDENTITY SYSTEMS<\/div>\n<div class=\"tech-desc\">Comprehensive visual identity design including logos, brand guidelines, and collateral.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 91%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">SOCIAL<\/div>\n<div class=\"tech-name\">SOCIAL MEDIA DESIGN<\/div>\n<div class=\"tech-desc\">Platform-optimized content creation for Instagram, YouTube, TikTok, and LinkedIn.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 89%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">MOTION<\/div>\n<div class=\"tech-name\">AFTER EFFECTS<\/div>\n<div class=\"tech-desc\">Motion graphics, VFX compositing, kinetic typography, and animated logo reveals.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 86%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">PHOTO<\/div>\n<div class=\"tech-name\">ADOBE PHOTOSHOP<\/div>\n<div class=\"tech-desc\">Photo retouching, compositing, digital art creation, and web graphic production.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 95%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">ARTIST IN PHOTO<\/div>\n<div class=\"tech-name\">ADOBE LIGHTROOM<\/div>\n<div class=\"tech-desc\">Non-destructive photo editing, batch processing, and professional color grading workflows.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 87%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">UI\/UX<\/div>\n<div class=\"tech-name\">UI\/UX DESIGN<\/div>\n<div class=\"tech-desc\">User research, wireframing, prototyping, and usability testing for intuitive digital products.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 84%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">SEO<\/div>\n<div class=\"tech-name\">SEO\/DIGITAL MARKETING<\/div>\n<div class=\"tech-desc\">On-page SEO, technical optimization, content strategy, and analytics-driven growth.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 80%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"tech-item\">\n<div class=\"tech-cat\">PHOTOGRAPHY<\/div>\n<div class=\"tech-name\">BODY FILM &amp; MORE<\/div>\n<div class=\"tech-desc\">Photography direction, studio setups, lifestyle shoots, and post-production editing.<\/div>\n<div class=\"tech-bar-wrap\">\n<div class=\"tech-bar\" style=\"--w: 78%;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- FEATURED PROJECTS -->\n<section id=\"featured\" class=\"featured-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">FEATURED <span class=\"accent\">PHARMACY<\/span><\/h2>\n<\/div>\n<div class=\"project-tabs reveal\"><button class=\"project-tab active\">All<\/button> <button class=\"project-tab\">Branding<\/button> <button class=\"project-tab\">Web Design<\/button> <button class=\"project-tab\">Motion<\/button> <button class=\"project-tab\">Social<\/button> <button class=\"project-tab\">Print &amp; More<\/button><\/div>\n<div class=\"projects-grid reveal\">\n<div class=\"project-card\">\n<div class=\"project-badge\">FEATURED<\/div>\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#1a1a2e,#16213e,#0f3460); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83c\udfe2<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">Agency Portal<\/div>\n<div class=\"project-title\">APEX Creative Agency Portal<\/div>\n<div class=\"project-desc\">Full-featured agency website with client portal, project tracking, and seamless onboarding flow.<\/div>\n<\/div>\n<\/div>\n<div class=\"project-card\">\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#0d2137,#1a3a5c,#2d6a9f); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83d\uded2<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">E-Commerce<\/div>\n<div class=\"project-title\">Luxome E-Commerce Experience<\/div>\n<div class=\"project-desc\">Premium fashion store with immersive product galleries and a streamlined checkout experience.<\/div>\n<\/div>\n<\/div>\n<div class=\"project-card\">\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#1a0a2e,#2d1b69,#4c2fa3); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83c\udfaf<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">Branding<\/div>\n<div class=\"project-title\">MEDI-HORIZON Brand Identity<\/div>\n<div class=\"project-desc\">Complete healthcare brand system with identity design, digital assets, and print collateral.<\/div>\n<\/div>\n<\/div>\n<div class=\"project-card\">\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#0a2e1a,#1a5c2d,#2da344); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83d\udca1<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">Motion<\/div>\n<div class=\"project-title\">Creative Creator Showreel &amp; Demo<\/div>\n<div class=\"project-desc\">High-energy showreel with dynamic transitions showcasing the full spectrum of creative capabilities.<\/div>\n<\/div>\n<\/div>\n<div class=\"project-card\">\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#2e1a0a,#5c2d1a,#a3582d); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83d\udcca<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">Dashboard<\/div>\n<div class=\"project-title\">Data Analytics Dashboard UI<\/div>\n<div class=\"project-desc\">Complex data visualization interface with real-time charts, filtering, and exportable reports.<\/div>\n<\/div>\n<\/div>\n<div class=\"project-card\">\n<div class=\"project-thumb\">\n<div class=\"project-thumb-bg\" style=\"background: linear-gradient(135deg,#0a1a2e,#1a2d5c,#2d4fa3); height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px;\">\ud83d\udcf1<\/div>\n<div class=\"project-overlay\">\u00a0<\/div>\n<\/div>\n<div class=\"project-info\">\n<div class=\"project-tag\">Social Media<\/div>\n<div class=\"project-title\">Urban Alpha Social Campaign<\/div>\n<div class=\"project-desc\">360-degree social campaign with cohesive content across Instagram, TikTok, and YouTube.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- WORK EXPERIENCE -->\n<section id=\"work\" class=\"work-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">WORK <span class=\"accent\">EXPERIENCE<\/span><\/h2>\n<\/div>\n<div class=\"reveal\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\">\n<div class=\"timeline\">\n<div class=\"timeline-item\">\n<div class=\"timeline-dot\">\u00a0<\/div>\n<div class=\"timeline-period\">2022 \u2014 PRESENT<\/div>\n<div class=\"timeline-role\">Lead Digital Creator &amp; Web Designer<\/div>\n<div class=\"timeline-company\">Freelance \/ Self-Employed<\/div>\n<div class=\"timeline-desc\">Operating as a full-service digital creative agency, delivering comprehensive solutions to clients globally. Managing end-to-end projects from brand strategy to final deliverable across multiple disciplines.<\/div>\n<\/div>\n<div class=\"timeline-item\">\n<div class=\"timeline-dot\">\u00a0<\/div>\n<div class=\"timeline-period\">2020 \u2014 2022<\/div>\n<div class=\"timeline-role\">Multimedia Designer &amp; Video Editor<\/div>\n<div class=\"timeline-company\">Digital Agency \u2014 Islamabad<\/div>\n<div class=\"timeline-desc\">Crafted high-retention video content and visual media for brand campaigns. Collaborated with creative directors on major brand identities and managed social media visual strategies for enterprise clients.<\/div>\n<\/div>\n<div class=\"timeline-item\" style=\"margin-bottom: 0;\">\n<div class=\"timeline-dot\">\u00a0<\/div>\n<div class=\"timeline-period\">2018 \u2014 2020<\/div>\n<div class=\"timeline-role\">Graphic Designer &amp; Content Creator<\/div>\n<div class=\"timeline-company\">Startup Studio \u2014 Remote<\/div>\n<div class=\"timeline-desc\">Entry into the professional design world, mastering self-taught skills across Photoshop, Illustrator, and Premiere Pro. Built a strong foundation in visual storytelling and brand communication.<\/div>\n<\/div>\n<\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"background: var(--card); border: 1px solid var(--border); padding: 28px; border-radius: 6px; margin-bottom: 16px; position: relative; overflow: hidden;\">\n<div style=\"position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: var(--blue);\">\u00a0<\/div>\n<div style=\"font-size: 11px; font-weight: bold; color: var(--blue); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\">EDUCATION<\/div>\n<div style=\"font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 4px;\">BS Computer Science<\/div>\n<div style=\"font-size: 13px; color: var(--muted);\">FAST-NUCES Islamabad \u00b7 2016\u20132020<\/div>\n<\/div>\n<div style=\"background: var(--card); border: 1px solid var(--border); padding: 28px; border-radius: 6px; position: relative; overflow: hidden;\">\n<div style=\"position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: var(--blue);\">\u00a0<\/div>\n<div style=\"font-size: 11px; font-weight: bold; color: var(--blue); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px;\">ACHIEVEMENTS<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 10px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted);\"><span style=\"color: var(--blue); font-size: 16px;\">\u2605<\/span> Top Rated Freelancer on Fiverr<\/div>\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted);\"><span style=\"color: var(--blue); font-size: 16px;\">\u2605<\/span> 1000+ Projects Completed<\/div>\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted);\"><span style=\"color: var(--blue); font-size: 16px;\">\u2605<\/span> 98% Client Satisfaction Rate<\/div>\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted);\"><span style=\"color: var(--blue); font-size: 16px;\">\u2605<\/span> Adobe Certified Associate<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- CLIENT FEEDBACK -->\n<section id=\"feedback\" class=\"testimonials-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">CLIENT <span class=\"accent\">FEEDBACK<\/span><\/h2>\n<\/div>\n<div class=\"testimonials-grid reveal\">\n<div class=\"testimonial-card\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testimonial-text\">&#8220;Waseen delivered an exceptional website that perfectly captured our brand vision. The attention to detail and pixel-perfect execution was outstanding. Highly recommend!&#8221;<\/div>\n<div class=\"testimonial-author\">\n<div class=\"author-avatar\">A<\/div>\n<div>\n<div class=\"author-name\">Ahmad Al-Rashid<\/div>\n<div class=\"author-role\">CEO, Apex Creative Agency<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testimonial-card\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testimonial-text\">&#8220;The video content Waseen created for our brand campaign generated 3x more engagement than our previous content. Truly understands what makes content perform at scale.&#8221;<\/div>\n<div class=\"testimonial-author\">\n<div class=\"author-avatar\">S<\/div>\n<div>\n<div class=\"author-name\">Sarah Mitchell<\/div>\n<div class=\"author-role\">Marketing Director, Luxome<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testimonial-card\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testimonial-text\">&#8220;Working with Waseen was seamless from start to finish. Our brand identity transformed completely and our clients now instantly recognize and trust our visual presence.&#8221;<\/div>\n<div class=\"testimonial-author\">\n<div class=\"author-avatar\">M<\/div>\n<div>\n<div class=\"author-name\">Michael Torres<\/div>\n<div class=\"author-role\">Founder, Medi-Horizon Health<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- LET'S CONNECT -->\n<section id=\"contact\" class=\"contact-section\">\n<div class=\"reveal\">\n<h2 class=\"section-eyebrow\">LET&#8217;S <span class=\"accent\">CONNECT<\/span><\/h2>\n<\/div>\n<div class=\"contact-grid reveal\">\n<div>\n<div class=\"contact-info-title\">Direct Channel \u2726<\/div>\n<div class=\"contact-info-sub\">Ready to bring your vision to life? Let&#8217;s build something exceptional together.<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\ud83d\udce7<\/div>\n<div class=\"contact-detail\"><strong>Email<\/strong>waseenkhan@designer.com<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\ud83d\udcf1<\/div>\n<div class=\"contact-detail\"><strong>WhatsApp<\/strong>+92 300 000 0000<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\ud83d\udccd<\/div>\n<div class=\"contact-detail\"><strong>Location<\/strong>Islamabad, Pakistan<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\ud83d\udd50<\/div>\n<div class=\"contact-detail\"><strong>Availability<\/strong>Mon\u2013Fri, 9AM\u20136PM PKT<\/div>\n<\/div>\n<div style=\"margin-top: 32px; display: flex; gap: 10px; flex-wrap: wrap;\"><a class=\"btn-primary\" style=\"font-size: 12px; padding: 10px 20px;\" href=\"#\">Fiverr Profile \u2192<\/a> <a class=\"btn-outline\" style=\"font-size: 12px; padding: 10px 20px;\" href=\"#\">LinkedIn<\/a> <a class=\"btn-outline\" style=\"font-size: 12px; padding: 10px 20px;\" href=\"#\">Behance<\/a><\/div>\n<\/div>\n<div class=\"contact-form\">\n<div class=\"form-row\">\n<div class=\"form-group\"><label class=\"form-label\">First Name<\/label> <input class=\"form-input\" type=\"text\" placeholder=\"John\" \/><\/div>\n<div class=\"form-group\"><label class=\"form-label\">Last Name<\/label> <input class=\"form-input\" type=\"text\" placeholder=\"Doe\" \/><\/div>\n<\/div>\n<div class=\"form-group\"><label class=\"form-label\">Email Address<\/label> <input class=\"form-input\" type=\"email\" placeholder=\"john@company.com\" \/><\/div>\n<div class=\"form-group\"><label class=\"form-label\">Project Type<\/label> <input class=\"form-input\" type=\"text\" placeholder=\"Web Design \/ Branding \/ Video\" \/><\/div>\n<div class=\"form-group\"><label class=\"form-label\">Message<\/label> <textarea class=\"form-input\" placeholder=\"Tell me about your project...\"><\/textarea><\/div>\n<button class=\"btn-primary\" style=\"width: 100%; justify-content: center;\">Send Message \u2192<\/button><\/div>\n<\/div>\n<\/section>\n<!-- FOOTER --><footer>\n<div class=\"footer-grid\">\n<div>\n<div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px;\">\n<div class=\"nav-logo-box\">WK<\/div>\n<span style=\"font-weight: bold; color: var(--white);\">Waseen Khan<\/span><\/div>\n<div class=\"footer-brand-desc\">Digital Creator &amp; Web Designer operating from Islamabad, Pakistan. Building high-performance digital experiences.<\/div>\n<\/div>\n<div>\n<div class=\"footer-heading\">Services<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Web Design<\/a><\/li>\n<li><a href=\"#\">Brand Identity<\/a><\/li>\n<li><a href=\"#\">Video Editing<\/a><\/li>\n<li><a href=\"#\">UI\/UX Design<\/a><\/li>\n<li><a href=\"#\">Social Media<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<div class=\"footer-heading\">Portfolio<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">All Projects<\/a><\/li>\n<li><a href=\"#\">Web Projects<\/a><\/li>\n<li><a href=\"#\">Brand Projects<\/a><\/li>\n<li><a href=\"#\">Video Work<\/a><\/li>\n<li><a href=\"#\">Case Studies<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<div class=\"footer-heading\">Connect<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Fiverr<\/a><\/li>\n<li><a href=\"#\">LinkedIn<\/a><\/li>\n<li><a href=\"#\">Behance<\/a><\/li>\n<li><a href=\"#\">Instagram<\/a><\/li>\n<li><a href=\"#\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<div class=\"footer-copy\">\u00a9 2024 Waseen Khan. All rights reserved. Crafted with precision.<\/div>\n<div class=\"footer-social\"><a class=\"social-icon\" style=\"width: 32px; height: 32px; font-size: 12px;\" href=\"#\">in<\/a> <a class=\"social-icon\" style=\"width: 32px; height: 32px; font-size: 12px;\" href=\"#\">ig<\/a> <a class=\"social-icon\" style=\"width: 32px; height: 32px; font-size: 12px;\" href=\"#\">be<\/a> <a class=\"social-icon\" style=\"width: 32px; height: 32px; font-size: 12px;\" href=\"#\">\ud835\udd4f<\/a><\/div>\n<\/div>\n<\/footer>\n<p><script>\n\/\/ \u2500\u2500 CURSOR \u2500\u2500\nconst dot = document.getElementById('cursorDot');\nconst ring = document.getElementById('cursorRing');\ndocument.addEventListener('mousemove', e => {\n  dot.style.left = e.clientX + 'px'; dot.style.top = e.clientY + 'px';\n  ring.style.left = e.clientX + 'px'; ring.style.top = e.clientY + 'px';\n});\ndocument.querySelectorAll('a,button,.tech-item,.project-card,.discipline-card').forEach(el => {\n  el.addEventListener('mouseenter', () => { ring.style.transform = 'translate(-50%,-50%) scale(1.5)'; ring.style.borderColor = 'var(--blue)'; });\n  el.addEventListener('mouseleave', () => { ring.style.transform = 'translate(-50%,-50%) scale(1)'; ring.style.borderColor = 'rgba(59,130,246,0.5)'; });\n});\n\n\/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\nconst reveals = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver(entries => {\n  entries.forEach((e, i) => {\n    if (e.isIntersecting) {\n      setTimeout(() => e.target.classList.add('visible'), i * 80);\n      observer.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.1 });\nreveals.forEach(el => observer.observe(el));\n\n\/\/ \u2500\u2500 TECH BARS \u2500\u2500\nconst techObserver = new IntersectionObserver(entries => {\n  entries.forEach(e => {\n    if (e.isIntersecting) {\n      e.target.classList.add('visible');\n      techObserver.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.3 });\ndocument.querySelectorAll('.tech-item').forEach(el => techObserver.observe(el));\n\n\/\/ \u2500\u2500 TABS \u2500\u2500\ndocument.querySelectorAll('.tech-tab').forEach(tab => {\n  tab.addEventListener('click', function() {\n    this.parentElement.querySelectorAll('.tech-tab').forEach(t => t.classList.remove('active'));\n    this.classList.add('active');\n  });\n});\ndocument.querySelectorAll('.project-tab').forEach(tab => {\n  tab.addEventListener('click', function() {\n    this.parentElement.querySelectorAll('.project-tab').forEach(t => t.classList.remove('active'));\n    this.classList.add('active');\n  });\n});\n\n\/\/ \u2500\u2500 SMOOTH SCROLL \u2500\u2500\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    const target = document.querySelector(a.getAttribute('href'));\n    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n  });\n});\n\n\/\/ \u2500\u2500 PARALLAX HERO \u2500\u2500\nwindow.addEventListener('scroll', () => {\n  const scrollY = window.scrollY;\n  const hero = document.querySelector('.hero');\n  if (hero) hero.style.backgroundPositionY = scrollY * 0.4 + 'px';\n});\n\n\/\/ \u2500\u2500 COUNTER ANIMATION \u2500\u2500\nfunction animateCount(el, end, duration = 1500) {\n  let start = 0, startTime = null;\n  const step = timestamp => {\n    if (!startTime) startTime = timestamp;\n    const progress = Math.min((timestamp - startTime) \/ duration, 1);\n    el.textContent = Math.floor(progress * end) + (el.dataset.suffix || '');\n    if (progress < 1) requestAnimationFrame(step);\n  };\n  requestAnimationFrame(step);\n}\nconst statsObserver = new IntersectionObserver(entries => {\n  entries.forEach(e => {\n    if (e.isIntersecting) {\n      e.target.querySelectorAll('.stat-num').forEach(num => {\n        const text = num.textContent;\n        const val = parseInt(text);\n        const suffix = text.replace(\/\\d\/g, '');\n        num.dataset.suffix = suffix;\n        animateCount(num, val);\n      });\n      statsObserver.unobserve(e.target);\n    }\n  });\n}, { threshold: 0.5 });\nconst statsEl = document.querySelector('.hero-stats');\nif (statsEl) statsObserver.observe(statsEl);\n<\/script><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; \u00a0 \u00a0 \u00a0 WK About Disciplines Technical Featured Work Contact Available for hire Hire Me \u2192 \u2726 Digital Creator &amp; Designer WASEENKHAN Digital Creator &amp; Web Designer operating from Pakistan. Building high-performance digital experiences for brands &amp; businesses. Islamabad, PK 5+ Years Experience \u00a0 120+ Projects Done \u00a0 98% Client Satisfaction View Portfolio \u2192 Get In Touch 5+ YearsExperience in \ud835\udd4f ig be Web Design \u2726 Brand Identity \u2726 Motion Graphics \u2726 UI\/UX Design \u2726 Video Editing \u2726 Social Media \u2726 WordPress \u2726 Digital Marketing \u2726 Web Design \u2726 Brand Identity \u2726 Motion Graphics \u2726 UI\/UX Design \u2726 Video Editing \u2726 Social Media \u2726 WordPress \u2726 Digital Marketing \u2726 DIGITAL CRAFTSMANSHIP &amp; VISION THE CREATIVEPHILOSOPHY I&#8217;m a passionate Multimedia Designer and Digital Content Creator with a professional portfolio that showcases my unparalleled expertise and my successful collaboration with global and local brands. I deliver results that clearly show the quality of my work. Starting my professional career with self-taught skills in 2018, I&#8217;ve worked on 1000+ successful agreements as a Freelancer. My specialties include Typography Manipulation, Colorgrading, Illustration, Retouching, Logo Design, and much more. View Portfolio \u2192 Download CV \u2192 CLEAN WEB ARCHITECTURE Semantically structured, performance-optimized codebases that scale with your vision and load at lightning speed. BRAND DISTINCTIVE Unique visual identities that speak your brand&#8217;s language and resonate deeply with your target audience. HIGH-RETENTION VIDEO EDITOR Compelling video content engineered to keep viewers watching from the first second to the last frame. EXECUTION DISCIPLINE Deadline-driven delivery with meticulous attention to detail \u2014 every pixel placed with purpose and precision. SPECIALIZED DISCIPLINES \ud83d\udda5\ufe0f WEB DESIGN &amp; DEVELOPMENT Full-stack web solutions from concept to deployment. Responsive, fast, and visually stunning websites that convert visitors into clients. Expertise in WordPress, React, and custom CMS development. Explore Service \u2192 \ud83c\udfac VIDEO EDITING &amp; MOTION Cinematic storytelling through expert video editing, color grading, and motion graphics. From social content to brand films, each frame crafted to maximize audience retention. Request a Project \u2192 \ud83c\udfa8 BRAND IDENTITY &amp; GRAPHIC DESIGN Comprehensive brand systems including logo design, typography, color palettes, and brand guidelines. Creating cohesive visual identities that communicate your brand&#8217;s essence. Request a Project \u2192 TECHNICAL ARSENAL Web &amp; Front End CMS Platforms Video Production Design Tools More FOUNDATION HTML\/CSS Semantic markup &amp; modern CSS architectures including Flexbox, Grid, and CSS custom properties. \u00a0 SCRIPTING TAILWIND CSS Utility-first CSS framework for rapid UI development with consistent design tokens. \u00a0 ANIMATION FRAMER MOTION Advanced animation library for React with gesture support and smooth transitions. \u00a0 JAVASCRIPT REACT.JS Component-based UI development with hooks, context, and state management. \u00a0 CMS WORDPRESS Custom themes, plugins, and WooCommerce store development for businesses of all sizes. \u00a0 DESIGN FIGMA High-fidelity prototyping, component libraries, and design systems for seamless handoffs. \u00a0 ILLUSTRATION ADOBE ILLUSTRATOR Vector illustration, logo design, icon creation, and scalable brand assets. \u00a0 VIDEO ADOBE PREMIERE PRO Professional video editing with multi-track timelines, color grading, and audio mixing. \u00a0 BRAND IDENTITY BRAND IDENTITY SYSTEMS Comprehensive visual identity design including logos, brand guidelines, and collateral. \u00a0 SOCIAL SOCIAL MEDIA DESIGN Platform-optimized content creation for Instagram, YouTube, TikTok, and LinkedIn. \u00a0 MOTION AFTER EFFECTS Motion graphics, VFX compositing, kinetic typography, and animated logo reveals. \u00a0 PHOTO ADOBE PHOTOSHOP Photo retouching, compositing, digital art creation, and web graphic production. \u00a0 ARTIST IN PHOTO ADOBE LIGHTROOM Non-destructive photo editing, batch processing, and professional color grading workflows. \u00a0 UI\/UX UI\/UX DESIGN User research, wireframing, prototyping, and usability testing for intuitive digital products. \u00a0 SEO SEO\/DIGITAL MARKETING On-page SEO, technical optimization, content strategy, and analytics-driven growth. \u00a0 PHOTOGRAPHY BODY FILM &amp; MORE Photography direction, studio setups, lifestyle shoots, and post-production editing. \u00a0 FEATURED PHARMACY All Branding Web Design Motion Social Print &amp; More FEATURED \ud83c\udfe2 \u00a0 Agency Portal APEX Creative Agency Portal Full-featured agency website with client portal, project tracking, and seamless onboarding flow. \ud83d\uded2 \u00a0 E-Commerce Luxome E-Commerce Experience Premium fashion store with immersive product galleries and a streamlined checkout experience. \ud83c\udfaf \u00a0 Branding MEDI-HORIZON Brand Identity Complete healthcare brand system with identity design, digital assets, and print collateral. \ud83d\udca1 \u00a0 Motion Creative Creator Showreel &amp; Demo High-energy showreel with dynamic transitions showcasing the full spectrum of creative capabilities. \ud83d\udcca \u00a0 Dashboard Data Analytics Dashboard UI Complex data visualization interface with real-time charts, filtering, and exportable reports. \ud83d\udcf1 \u00a0 Social Media Urban Alpha Social Campaign 360-degree social campaign with cohesive content across Instagram, TikTok, and YouTube. WORK EXPERIENCE \u00a0 2022 \u2014 PRESENT Lead Digital Creator &amp; Web Designer Freelance \/ Self-Employed Operating as a full-service digital creative agency, delivering comprehensive solutions to clients globally. Managing end-to-end projects from brand strategy to final deliverable across multiple disciplines. \u00a0 2020 \u2014 2022 Multimedia Designer &amp; Video Editor Digital Agency \u2014 Islamabad Crafted high-retention video content and visual media for brand campaigns. Collaborated with creative directors on major brand identities and managed social media visual strategies for enterprise clients. \u00a0 2018 \u2014 2020 Graphic Designer &amp; Content Creator Startup Studio \u2014 Remote Entry into the professional design world, mastering self-taught skills across Photoshop, Illustrator, and Premiere Pro. Built a strong foundation in visual storytelling and brand communication. \u00a0 EDUCATION BS Computer Science FAST-NUCES Islamabad \u00b7 2016\u20132020 \u00a0 ACHIEVEMENTS \u2605 Top Rated Freelancer on Fiverr \u2605 1000+ Projects Completed \u2605 98% Client Satisfaction Rate \u2605 Adobe Certified Associate CLIENT FEEDBACK \u2605\u2605\u2605\u2605\u2605 &#8220;Waseen delivered an exceptional website that perfectly captured our brand vision. The attention to detail and pixel-perfect execution was outstanding. Highly recommend!&#8221; A Ahmad Al-Rashid CEO, Apex Creative Agency \u2605\u2605\u2605\u2605\u2605 &#8220;The video content Waseen created for our brand campaign generated 3x more engagement than our previous content. Truly understands what makes content perform at scale.&#8221; S Sarah Mitchell Marketing Director, Luxome \u2605\u2605\u2605\u2605\u2605 &#8220;Working with Waseen was seamless from start to finish. Our brand identity transformed completely and our clients now instantly recognize and trust our visual presence.&#8221; M Michael Torres Founder, Medi-Horizon Health LET&#8217;S CONNECT Direct Channel \u2726 Ready to bring your vision to life? Let&#8217;s build something exceptional together. \ud83d\udce7 Emailwaseenkhan@designer.com \ud83d\udcf1 WhatsApp+92<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":11,"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/pages\/245\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/mwaseenkhan.com\/index.php\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}