.hero-art{opacity:.42!important;z-index:0!important;width:min(34vw,480px)!important;height:min(34vw,480px)!important;top:22%!important;right:-12vw!important}.hero>.hero-copy-block{z-index:2;position:relative}.hero-copy-block{max-width:min(61vw,790px)}.hero-copy-block h1{letter-spacing:-.065em;font-size:clamp(3.6rem,7vw,7.6rem)!important}.hero-copy-block .hero-role{margin-top:1rem;font-size:clamp(1.2rem,2vw,1.7rem)!important}.book-mark{z-index:3!important;background-image:linear-gradient(#00000005,#00000035),url(/hassam-ali-khan.webp)!important;background-position:top!important;background-size:cover!important;border-radius:34px!important;width:min(24vw,330px)!important;height:min(30vw,410px)!important;top:18%!important;right:9%!important;box-shadow:0 22px 55px #0008,0 0 0 1px #f4b1fa38!important}.book-mark svg{opacity:0}.book-mark:after{display:none}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,650px);gap:.8rem!important;margin-top:3.25rem!important;display:grid!important}.hero-stats>div{background:linear-gradient(145deg,#ffffff0d,#e879f907);border:1px solid #e879f929;border-radius:18px;min-height:112px;padding:1.15rem 1.2rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000035,inset 0 1px #ffffff10}.hero-stats>div:before{content:"";background:linear-gradient(#a855f7,#e879f9);width:3px;position:absolute;inset:0 auto 0 0}.hero-stats>div:hover{border-color:#e879f975;transform:translateY(-5px);box-shadow:0 20px 45px #12031f80,0 0 25px #e879f915}.hero-stats strong{color:#fff;line-height:1.1;font-size:1.55rem!important}.hero-stats span{letter-spacing:-.01em;line-height:1.4;color:#cbbfd1!important;max-width:155px!important;font-size:.9rem!important}.site-shell>section:not(.hero),.site-shell>footer{content-visibility:auto;contain-intrinsic-size:700px}@media (max-width:760px){.hero-art{opacity:.38!important;width:82vw!important;height:82vw!important;top:45%!important;right:-30vw!important}.book-mark{border-radius:22px!important;width:128px!important;height:174px!important;top:49%!important;right:6%!important}.hero{min-height:980px}.hero h1{max-width:100%;padding-right:0}.hero-copy-block{max-width:100%}.hero-copy-block h1{font-size:clamp(3.1rem,14vw,4.4rem)!important}.hero-copy-block .hero-role{max-width:62%;font-size:1.12rem!important}.hero-stats{grid-template-columns:repeat(3,minmax(108px,1fr));padding-bottom:.4rem;overflow-x:auto;gap:.55rem!important;margin-top:15rem!important}.hero-stats>div{border-radius:15px;min-height:104px;padding:.95rem}.hero-stats strong{font-size:1.2rem!important}.hero-stats span{line-height:1.35;max-width:125px!important;font-size:.78rem!important}}.skills-section{padding-top:clamp(4rem,7vw,7rem)!important;padding-bottom:clamp(4rem,7vw,7rem)!important}.experience-list .job{transform-origin:0;grid-template-columns:80px minmax(0,1fr);gap:1.3rem;padding:0;transition:transform .24s,box-shadow .24s,background .24s,border-color .24s;display:grid;position:relative}.experience-list .job:hover,.experience-list .job.is-open{background:linear-gradient(90deg,#ffffff08,#0000 78%);border-color:#ffffff2d}.experience-list .job:hover{z-index:2;transform:scale(1.025)!important;box-shadow:0 16px 34px #0005,0 0 0 1px #ffffff20!important}.experience-list .job-index{padding-top:2rem}.experience-list .job-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:2rem 0;display:grid}.experience-list .job-trigger h3{font-size:clamp(1.45rem,2.6vw,2.15rem)}.experience-list .job-trigger .job-meta{line-height:1.5;color:#f0d8f4!important;font-size:.95rem!important}.experience-list .job-trigger .job-description{color:#c7bdcd;max-width:770px;margin:.7rem 0 0;font-size:1.05rem;line-height:1.7}.experience-list .job-trigger .job-arrow{align-self:center;transition:transform .24s,color .24s}.experience-list .job:hover .job-arrow,.experience-list .job.is-open .job-arrow{color:#f09af5}.experience-list .job.is-open .job-arrow{transform:rotate(90deg)}.job-contributions{background:linear-gradient(135deg,#28152f,#110d18);border:1px solid #e879f940;border-radius:16px;grid-column:2;margin:-.3rem 0 2rem;padding:1.25rem 1.4rem 1.35rem}.job-contributions>p{color:#f1a1f6;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .85rem;font:.75rem DM Mono,monospace}.job-contributions ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.job-contributions li{color:#e2d8e5;padding-left:1.15rem;font-size:.98rem;line-height:1.6;position:relative}.job-contributions li:before{content:"";background:#e879f9;border-radius:50%;width:6px;height:6px;position:absolute;top:.62rem;left:0;box-shadow:0 0 12px #e879f9a8}.professional-summary{max-width:760px}.intro-grid .professional-summary p{color:#ddd4e1;max-width:760px;margin-top:1.65rem;font-size:clamp(1.12rem,1.55vw,1.38rem);line-height:1.75}.intro-grid .professional-summary p+p{color:#f0b7f6;font-weight:500}.skills-section .skills-layout{margin-top:1rem!important;display:block!important}.skills-section .skills-layout>h2{max-width:560px;margin-bottom:2.8rem}.skills-section .skill-grid{background:0 0!important;border:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.9rem!important}.skills-section .skill-card{border:1px solid #ffffff24;border-radius:18px;justify-content:center;transition:transform .2s,border-color .2s;position:relative;background:linear-gradient(110deg,#22142c,#120d19)!important;gap:0!important;min-height:94px!important;padding:1.2rem 1.4rem 1.2rem 5.3rem!important}.skills-section .skill-card:hover{border-color:#df75ef;transform:translateY(-3px)}.skills-section .skill-card span{border:1px solid #e87cf17a;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;display:grid;position:absolute;top:50%;left:1.35rem;transform:translateY(-50%);color:#f0a2f6!important}.skills-section .skill-card svg{display:none}.skills-section .skill-card h3{font-weight:500;margin:0!important;font-size:1.03rem!important;line-height:1.25!important}.platform-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem!important;margin-top:3rem!important;display:grid!important}.platform-tile{color:#eee6f0;background:linear-gradient(120deg,#130f19,#21102a);border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:1rem;min-height:112px;padding:1.2rem;display:flex}.platform-logo{color:#f7eefa;letter-spacing:-.06em;flex-wrap:wrap;justify-content:center;align-items:center;width:86px;min-width:86px;font-size:1.25rem;font-weight:700;line-height:.85;display:flex}.platform-logo small{text-align:center;color:#c976de;letter-spacing:.08em;width:100%;margin-top:.2rem;font-size:.52rem}.platform-tile>span:last-child{color:#d7ced9;font-size:.82rem;line-height:1.35}.platform-tile.apple .platform-logo{letter-spacing:-.08em;font-size:1.2rem}.platform-tile.google .platform-logo{color:#94e8b7;font-size:1.4rem}.platform-tile.kobo .platform-logo{color:#f19fda;font-size:1.04rem}.platform-tile.more .platform-logo{color:#d87bea}@media (max-width:900px){.platform-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.experience-list .job{grid-template-columns:35px minmax(0,1fr);gap:.8rem}.experience-list .job-index{padding-top:1.55rem}.experience-list .job-trigger{gap:.75rem;padding:1.55rem 0}.experience-list .job-trigger .job-meta{font-size:.86rem!important}.experience-list .job-trigger .job-description{font-size:.97rem}.job-contributions{grid-column:2;margin:-.1rem 0 1.5rem;padding:1.1rem}.job-contributions li{font-size:.92rem}}.credentials-cards{align-content:start;gap:2rem;padding-top:1rem;display:grid}.certifications-left{margin-top:2.25rem}.certifications-left>h3{color:#e486e9;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .9rem;font:.8rem DM Mono,monospace}.contact-bottom{gap:1.5rem!important;margin-top:5rem!important;font:1rem DM Sans,sans-serif!important}.contact-bottom>span,.contact-bottom .linkedin-button{color:#eee7f0;align-items:center;gap:.65rem;display:inline-flex}.contact-bottom>span svg{color:#e77aef}.contact-bottom .linkedin-button{color:#fff;background:#31123a;border:1px solid #d96fe683;border-radius:999px;padding:.78rem 1rem;font-weight:600;transition:background .2s,transform .2s;font-size:.95rem!important}.contact-bottom .linkedin-button:hover{background:#7d2c8d;transform:translateY(-2px)}.linkedin-symbol{color:#31123a;background:#fff;border-radius:3px;place-items:center;width:1.2rem;height:1.2rem;font-family:Arial,sans-serif;font-size:.83rem;font-weight:800;display:grid}.credentials-cards section>h3{color:#e486e9;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .9rem;font:.8rem DM Mono,monospace}.credential-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.credential-card{background:linear-gradient(110deg,#21142b,#120d19);border:1px solid #ffffff24;border-radius:13px;align-items:center;gap:.8rem;min-height:66px;padding:.75rem .9rem;display:flex}.credential-card span{color:#e487ed;flex:none;font:.67rem DM Mono,monospace}.credential-card strong{color:#e5dbe8;font-size:.82rem;font-weight:500;line-height:1.25}@media (max-width:760px){.skills-section .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.skills-section .skill-card{min-height:88px!important;padding-left:4.25rem!important}.skills-section .skill-card span{width:2.35rem;height:2.35rem;left:.9rem}.skills-section .skill-card h3{font-size:.9rem!important}.platform-row,.credential-card-grid{grid-template-columns:1fr}}.hero-actions .published-button{color:#f5d5fa;white-space:nowrap;background:#32154299;border:1px solid #d879e5a6;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:47px;padding:.76rem 1.18rem;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}:is(.hero-actions .published-button:hover,.hero-actions .published-button:focus-visible){background:#5a2371;border-color:#ef9bf5;transform:translateY(-2px)}@media (max-width:480px){.hero-actions{flex-wrap:wrap;gap:.7rem}.hero-actions .published-button{padding:.72rem .95rem;font-size:.83rem}}.site-header .brand{align-items:center;gap:.65rem;min-width:245px;line-height:1;display:inline-flex}.site-header .brand img{object-fit:contain;flex:none;width:66px;height:66px;display:block}.site-header .brand em{color:#f2e4f5;white-space:nowrap;font-family:Sacramento,cursive;font-size:1.34rem;line-height:1;display:block;transform:translateY(.18rem)}.site-header .whatsapp-cta{background:linear-gradient(100deg,#168c52,#25d366);box-shadow:0 8px 24px #25d36624}.site-header .whatsapp-cta:hover{filter:brightness(1.08);box-shadow:0 10px 30px #25d36638}@media (max-width:760px){.site-header .brand{gap:.5rem;min-width:0}.site-header .brand img{width:52px;height:52px}.site-header .brand em{font-size:1.18rem;transform:translateY(.14rem)}}.hero .hero-i{color:inherit;display:inline-block;position:relative}.hero .hero-i:after{content:"";background:#e879f9;border-radius:50%;width:.12em;height:.12em;position:absolute;top:.08em;left:50%;transform:translate(-50%)}.desktop-nav{gap:2rem!important}.desktop-nav a{padding:.95rem 0;font-weight:500;transition:color .2s;position:relative;color:#d8d0dd!important;font-size:.92rem!important}.desktop-nav a:after{content:"";transform-origin:0;background:linear-gradient(90deg,#a855f7,#ec4899);height:2px;transition:transform .2s;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover,.desktop-nav a.active{color:#f7c8fa!important}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.mobile-nav a.active{color:#f2a4f6}@media (max-width:1040px){.desktop-nav{gap:1.1rem!important}.desktop-nav a{font-size:.82rem!important}.site-header .brand{min-width:175px}}@media (max-width:760px){.site-header .brand{min-width:0}.site-header .brand em{font-size:1.75rem}.site-header{gap:.45rem;padding-left:.85rem;padding-right:.75rem}.site-header .brand{flex:auto;gap:.35rem;min-width:0}.site-header .brand img{width:42px;height:42px}.site-header .brand em{white-space:nowrap;font-size:1.18rem}.site-header .whatsapp-cta{flex:none;gap:.3rem;padding:.55rem .68rem;font-size:.68rem;display:inline-flex!important}.site-header .whatsapp-cta svg{width:14px;height:14px}.menu-button{flex:none}}.professional-summary p,.hero-copy,.job-description{white-space:pre-line}@media (max-width:760px){.site-header{gap:.55rem;padding-inline:.85rem}.site-header .brand{flex:auto;gap:.35rem;min-width:0}.site-header .brand img{width:42px;height:42px}.site-header .brand em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(1rem,3.5vw,1.35rem);overflow:hidden}.site-header .whatsapp-cta{flex:none;justify-content:center;align-items:center;padding:.6rem .75rem;font-size:.75rem;display:inline-flex!important}.site-header .menu-button{flex:none;margin-left:.15rem;padding:.35rem}.hero.section{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""name""role""portrait""introduction""actions""highlights";align-content:start;min-height:0;padding-top:8rem;padding-bottom:4.5rem;display:grid}.hero-copy-block{display:contents}.hero .eyebrow{letter-spacing:.12em;grid-area:eyebrow;min-width:0;font-size:.65rem;line-height:1.5}.hero .hero-copy-block h1{overflow-wrap:normal;grid-area:name;max-width:100%;margin:1.1rem 0 .85rem;line-height:.96;font-size:clamp(2.8rem,11.5vw,4.4rem)!important}.hero .hero-role{grid-area:role;max-width:100%;margin:0;font-size:clamp(1rem,3.8vw,1.2rem)!important}.hero .book-mark{aspect-ratio:4/5;grid-area:portrait;justify-self:end;margin:1.7rem 0 1.2rem;border-radius:22px!important;width:min(52vw,210px)!important;height:auto!important;position:relative!important;inset:auto!important}.hero .hero-copy{grid-area:introduction;max-width:100%;margin:.6rem 0 1.6rem;font-size:.98rem}.hero .hero-actions{flex-wrap:wrap;grid-area:actions;gap:.8rem}.hero .hero-stats{grid-area:highlights;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible;gap:.55rem!important;margin-top:2rem!important}.hero .hero-stats>div{min-width:0}.hero .hero-art{display:none}.contact-email{overflow-wrap:anywhere;max-width:100%}.contact-bottom{margin-top:3rem!important}}@media (max-width:430px){.site-header .whatsapp-cta{width:38px;height:38px;padding:0}.site-header .whatsapp-cta span{display:none}.hero .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .hero-stats>div:last-child{grid-column:1/-1}.hero .hero-actions a{justify-content:center}.platform-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero.section{display:block;min-height:980px;padding-top:clamp(11rem,18vw,14rem)}.hero-copy-block{display:block;max-width:100%}.hero .book-mark{position:absolute!important;inset:auto!important;top:230px!important;right:6%!important;width:128px!important;height:174px!important;margin:0!important;border-radius:22px!important}.hero .hero-copy-block h1{font-size:clamp(3.1rem,14vw,4.4rem)!important;line-height:.87;margin:1.4rem 0 1rem}.hero .hero-role{max-width:62%;font-size:1.12rem!important;margin-top:1rem}.hero .hero-copy{max-width:560px;margin:2rem 0;font-size:1rem}.hero .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3rem!important;width:100%;overflow:visible}.hero .eyebrow{position:relative;z-index:4}.hero .hero-art{display:block}.hero .hero-actions{gap:1.5rem}}@media(max-width:430px){.hero .book-mark{top:220px!important}}@media(max-width:760px){.hero.section{display:grid!important;grid-template-columns:minmax(0,1fr) min(34vw,128px)!important;column-gap:.75rem!important;grid-template-areas:'eyebrow eyebrow' 'name portrait' 'role portrait' 'introduction introduction' 'actions actions' 'highlights highlights'!important;min-height:0!important;padding-top:8rem!important}.hero-copy-block{display:contents!important}.hero .eyebrow{grid-area:eyebrow;position:relative;z-index:4}.hero .hero-copy-block h1{grid-area:name;max-width:100%!important;font-size:clamp(2.65rem,12vw,3.8rem)!important;line-height:.96!important;margin:1.1rem 0 .85rem!important}.hero .hero-role{grid-area:role;max-width:100%!important;font-size:1.05rem!important;margin:0!important}.hero .book-mark{grid-area:portrait;position:relative!important;inset:auto!important;justify-self:end;align-self:start;width:min(34vw,128px)!important;height:auto!important;aspect-ratio:128/174;margin:2.1rem 0 0!important;border-radius:22px!important}.hero .hero-copy{grid-area:introduction;max-width:100%;margin:2rem 0}.hero .hero-actions{grid-area:actions;flex-wrap:wrap;gap:.8rem}.hero .hero-stats{grid-area:highlights;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;overflow:visible;margin-top:3rem!important}.hero .hero-art{display:none!important}}@media(max-width:760px){.hero .hero-copy-block h1{word-break:keep-all!important}}
@media(max-width:760px){.hero .hero-copy-block h1{width:195px!important;max-width:195px!important}}
@media(max-width:760px){.hero .book-mark{border:0!important;outline:0!important;background-clip:padding-box!important;box-shadow:0 18px 42px #0008!important}}