@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f4f4;background:#080808;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#a3a3a3;--line:rgba(255,255,255,.12);--panel:rgba(255,255,255,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080808;color:#f4f4f4;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(ellipse at 12% 22%,rgba(110,110,110,.12),transparent 29%),radial-gradient(ellipse at 88% 56%,rgba(100,100,100,.1),transparent 28%),#080808}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.header{height:82px;max-width:1240px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;z-index:20;background:#0f0f0fc7;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.03em;font-size:17px}.brand b{font-weight:800}.brand-mark{width:39px;height:39px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font:800 11px Manrope,sans-serif;letter-spacing:-.06em;background:linear-gradient(145deg,#777,#191919 70%);box-shadow:inset 0 1px 10px #ffffff30}.nav{display:flex;gap:34px;color:#b6b6b6;font-size:13px}.nav a:hover,.text-link:hover,.inline-link:hover{color:#fff}.header-cta{display:flex;align-items:center;gap:9px;background:#eee;color:#111;border-radius:999px;padding:13px 21px;font-size:13px;font-weight:700;box-shadow:0 4px 22px #fff2;transition:.2s}.header-cta:hover,.button-light:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fff3}.menu-toggle{display:none;background:#222;border:1px solid var(--line);color:#fff;border-radius:13px;padding:10px}.section-wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}.hero{min-height:680px;padding-top:145px;padding-bottom:82px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-label,.overline{font-size:10px;letter-spacing:.19em;color:#aaa;font-weight:700}.eyebrow{display:flex;align-items:center;gap:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cfcfcf;box-shadow:0 0 12px #fff8}.eyebrow-line{height:1px;width:55px;background:#555}.hero-kicker{margin:30px 0 16px;color:#b1b1b1;font-size:14px}.hero h1{font:800 clamp(48px,7.5vw,88px)/1.08 Manrope,sans-serif;letter-spacing:-.075em;margin:0;max-width:900px}.hero h1 span,.about-grid h2 span,.contact-panel h2 span{color:#898989}.hero-copy{font-size:17px;line-height:1.85;color:#aaa;max-width:620px;margin:26px 0 0}.hero-copy strong{color:#f3f3f3;font-weight:600}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:15px 22px;font-size:13px;font-weight:700}.button-light{background:#ededed;color:#111;transition:.2s}.text-link{display:flex;align-items:center;gap:9px;font-size:13px;color:#bbb}.hero-meta{width:100%;margin-top:100px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#888;font-size:9px;letter-spacing:.16em;font-weight:700}.hero-meta span{display:flex;align-items:center;gap:10px}.meta-line{width:19px;height:1px;background:#aaa}.about-section,.services-section,.venture-section,.skills-section,.experience-section,.contact-section{padding-top:85px;padding-bottom:40px}.section-label{padding-bottom:24px;border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding-top:54px}.about-grid h2,.section-heading h2,.contact-panel h2{font:800 clamp(34px,4.5vw,53px)/1.17 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.about-text{color:#aaa;font-size:15px;line-height:1.9}.about-text p{margin:0 0 16px}.about-text strong{color:#eee}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:45px 0 28px}.overline{margin:0 0 13px}.section-heading h2 span{color:#858585}.section-intro{max-width:300px;color:#999;line-height:1.7;font-size:13px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.glass-card{background:linear-gradient(135deg,#ffffff18,#ffffff06 52%,#ffffff0e);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14,0 18px 55px #0000003d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:27px}.service-card{padding:29px 25px 25px;min-height:320px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.service-card:before{content:"";position:absolute;width:210px;height:210px;right:-100px;top:-110px;background:radial-gradient(circle,#ffffff18,transparent 70%);pointer-events:none}.service-card:hover,.skill-card:hover{transform:translateY(-5px);border-color:#ffffff35}.icon-tile,.experience-icon{width:57px;height:57px;border-radius:17px;background:linear-gradient(145deg,#ffffff20,#ffffff05);border:1px solid #ffffff24;display:grid;place-items:center;color:#eee;box-shadow:inset 0 1px #ffffff20}.card-index{position:absolute;right:26px;top:34px;color:#666;font-size:11px;letter-spacing:.12em}.service-card h3{font:800 22px/1.35 Manrope,sans-serif;letter-spacing:-.04em;margin:34px 0 12px}.service-card p{font-size:13px;line-height:1.85;color:#aaa;margin:0}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.tag{font-size:10px;color:#bbb;border:1px solid #ffffff20;padding:6px 9px;border-radius:999px}.venture-card{display:block;overflow:hidden;margin-top:36px;max-width:760px;margin-left:auto;margin-right:auto;transition:transform .3s,border-color .3s}.venture-card:hover{transform:translateY(-5px);border-color:#ffffff38}.venture-banner{height:360px;position:relative;overflow:hidden;background:#6900b8}.venture-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}.venture-banner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .5s}.venture-card:hover .venture-banner img{transform:scale(1.045);filter:saturate(1.12)}.venture-banner:before{content:"";position:absolute;z-index:2;top:-80%;right:-30%;bottom:-80%;left:-30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translate(-65%) rotate(8deg);animation:logoShimmer 8s ease-in-out infinite;pointer-events:none}@keyframes logoShimmer{0%,55%{transform:translate(-70%) rotate(8deg)}85%,to{transform:translate(70%) rotate(8deg)}}.venture-badge{position:absolute;left:24px;bottom:20px;z-index:3;display:flex;align-items:center;gap:9px;border:1px solid #ffffff45;background:#160b24a8;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:700}.photo-count{position:absolute;right:18px;top:17px;z-index:3;background:#210b32b8;border:1px solid #ffffff35;padding:7px 12px;border-radius:999px;font-size:9px;letter-spacing:.1em;font-weight:700}.venture-content{padding:27px 27px 30px;display:flex;flex-direction:column;align-items:flex-start}.venture-content h2{font:800 24px Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 9px}.venture-content>p:not(.overline){color:#aaa;font-size:13px;line-height:1.8;margin:0 0 19px}.inline-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.skill-card{padding:26px;transition:.25s}.skill-top{display:flex;align-items:center;gap:14px;margin-bottom:23px}.skill-number{font-size:10px;color:#777;letter-spacing:.12em}.skill-top h3{font:700 17px Manrope;margin:0}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{font-size:12px;color:#bbb;padding:9px 12px;border-radius:9px;background:#ffffff09;border:1px solid #ffffff13}.experience-row{margin-top:34px;padding:27px 30px;display:flex;align-items:center;gap:23px}.experience-icon{flex-shrink:0}.experience-main{flex:1}.experience-main .overline{margin-bottom:8px}.experience-main h3{font:700 19px Manrope;margin:0 0 8px}.experience-main p:last-child{font-size:13px;color:#aaa;margin:0;line-height:1.7}.current-pill{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em;color:#bbb;border:1px solid #ffffff20;border-radius:999px;padding:9px 12px}.contact-section{padding-bottom:100px}.contact-panel{max-width:780px;margin:35px auto 0;padding:52px 58px}.contact-panel h2{font-size:clamp(37px,5vw,55px)}.contact-intro{font-size:14px;color:#aaa;line-height:1.8;max-width:500px;margin:18px 0 29px}.contact-list{display:grid;gap:12px}.contact-item{display:flex;align-items:center;gap:17px;padding:16px 18px;border-radius:18px;border:1px solid #ffffff19;background:linear-gradient(110deg,#ffffff13,#ffffff05);transition:.2s;min-width:0}.contact-item:hover{background:#ffffff18;border-color:#ffffff38;transform:translate(3px)}.contact-icon{width:47px;height:47px;border-radius:50%;border:1px solid #ffffff22;display:grid;place-items:center;color:#eee;flex-shrink:0}.contact-detail{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.contact-detail strong{font-size:14px}.contact-detail small{font-size:12px;color:#929292;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-action{color:#aaa;display:grid;place-items:center}.contact-note{font-size:10px;color:#777;margin:15px 3px 0}.footer{border-top:1px solid var(--line);padding-top:23px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:11px}.footer-brand{font-size:13px;color:#ddd}.footer-brand .brand-mark{width:31px;height:31px;font-size:9px}.back-top{color:#bbb}@media(max-width:800px){.header{height:72px;padding:0 22px}.nav{gap:17px}.header-cta{padding:11px 15px}.section-wrap{width:min(100% - 42px,650px)}.hero{min-height:610px;padding-top:125px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:27px}.venture-card{grid-template-columns:1fr}.venture-visual{min-height:270px}.venture-content{padding:35px}.about-grid{gap:30px}.hero-meta{margin-top:80px}}@media(max-width:600px){.header{padding:0 17px}.brand{font-size:15px}.header-cta{margin-left:auto;margin-right:10px;font-size:11px;padding:10px 12px}.menu-toggle{display:grid;place-items:center}.nav{display:none;position:absolute;left:12px;right:12px;top:80px;padding:17px;background:#191919f7;border:1px solid var(--line);border-radius:17px;flex-direction:column;gap:0;box-shadow:0 18px 40px #000b}.nav.open{display:flex}.nav a{padding:13px 10px;border-bottom:1px solid #ffffff10}.nav a:last-child{border:0}.section-wrap{width:calc(100% - 36px)}.hero{min-height:620px;padding-top:112px;padding-bottom:60px}.hero h1{font-size:clamp(43px,12vw,63px)}.hero-kicker{font-size:12px}.hero-copy{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-meta{font-size:8px;gap:15px;line-height:1.6}.hero-meta span:last-child{text-align:right;justify-content:flex-end}.about-section,.services-section,.venture-section,.skills-section,.experience-section,.contact-section{padding-top:65px}.about-grid{grid-template-columns:1fr;gap:22px;padding-top:35px}.about-grid h2,.section-heading h2{font-size:37px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;padding:35px 0 24px}.section-intro{max-width:100%}.service-card h3{font-size:21px}.venture-visual{min-height:220px}.venture-content{padding:29px 25px}.venture-content h2{font-size:32px}.skills-grid{grid-template-columns:1fr}.experience-row{align-items:flex-start;padding:21px;gap:14px;flex-wrap:wrap}.experience-main{min-width:calc(100% - 75px)}.current-pill{margin-left:70px}.contact-section{padding-bottom:70px}.contact-panel{padding:32px 20px;border-radius:22px}.contact-panel h2{font-size:38px}.contact-intro{font-size:13px}.contact-item{padding:13px 12px;gap:12px}.contact-icon{width:42px;height:42px}.contact-detail strong{font-size:13px}.contact-detail small{font-size:11px}.footer{flex-wrap:wrap;gap:15px}.footer>span{order:3;width:100%}}.site-shell:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 30%,rgba(255,255,255,.075),transparent 25%),radial-gradient(ellipse at 86% 68%,rgba(150,70,210,.055),transparent 28%);animation:ambientDrift 18s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.06)}}.hero .eyebrow,.hero-kicker,.hero h1,.hero-copy,.hero-actions,.hero-meta{animation:fadeUp .8s both}.hero-kicker{animation-delay:.08s}.hero h1{animation-delay:.16s}.hero-copy{animation-delay:.24s}.hero-actions{animation-delay:.32s}.hero-meta{animation-delay:.4s}.glass-card{animation:cardArrive .75s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardArrive{0%{opacity:.65;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#050505}.site-shell{background:transparent;isolation:isolate}.background-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:.58}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0000007a,#000000c7 55%,#000000e0),radial-gradient(ellipse at 50% 28%,#0000001f,#000000a8 78%)}.grain{z-index:0;opacity:.1}.header{background:#0c0c0c94}.hero{min-height:690px;padding-top:105px;padding-bottom:70px;align-items:center;text-align:center;position:relative}.hero-monogram{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;border:1px solid rgba(255,255,255,.45);background:radial-gradient(circle at 35% 25%,#777,#222 65%,#090909);box-shadow:0 0 0 8px #ffffff09,0 12px 50px #0009,inset 0 1px 10px #ffffff30;font:800 28px Manrope,sans-serif;letter-spacing:-.08em;color:#f5f5f5;animation:badgeFloat 5s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-availability{border:1px solid #ffffff25;background:#ffffff14;border-radius:999px;padding:9px 15px;letter-spacing:.08em}.hero-hi{font:400 clamp(42px,6vw,66px)/1.1 Manrope,sans-serif;color:#888;letter-spacing:-.06em;margin:23px 0 0;animation:fadeUp .7s both}.hero-name{font:800 clamp(55px,8.4vw,100px)/1.04 Manrope,sans-serif;letter-spacing:-.075em;margin:0;color:#f7f7f7;text-shadow:0 8px 45px #000b;animation:nameReveal 1s cubic-bezier(.16,1,.3,1) both}@keyframes nameReveal{0%{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-copy{max-width:700px;margin:24px auto 0;font-size:16px;line-height:1.85;color:#bcbcbc;text-shadow:0 2px 12px #000}.hero-actions{justify-content:center;margin-top:30px}.hero-meta{margin-top:85px;text-align:left}.section-wrap{position:relative}.glass-card{background:linear-gradient(135deg,#202020c7,#0c0c0cc7)}@media(max-width:600px){.hero{min-height:660px;padding-top:90px;align-items:center}.hero-monogram{width:86px;height:86px;font-size:24px;margin-bottom:21px}.hero-hi{font-size:44px}.hero-name{font-size:clamp(49px,13vw,70px)}.hero-copy{font-size:14px;line-height:1.8}.hero-meta{margin-top:65px}.background-video{opacity:.43}}@media(prefers-reduced-motion:reduce){.background-video{display:none}.hero-monogram{animation:none}}.site-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#020d14e0,#0210187a 55%,#020a10b8),url(/ashab-profile.jpg) center 28%/cover no-repeat;opacity:.28;filter:saturate(.85);transform:scale(1.02)}.background-video{opacity:.1;filter:blur(1px) saturate(.6)}.video-overlay{background:linear-gradient(180deg,#02080c40,#02080cdb)}.brand-photo{width:39px;height:39px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 16px #78d2f02e}.hero{align-items:center;text-align:center;min-height:760px;padding-top:96px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 72% 42%,rgba(53,166,202,.2),transparent 42%),linear-gradient(90deg,#000a10e0,#000a1038);pointer-events:none}.hero-avatar{width:116px;height:116px;border-radius:50%;object-fit:cover;border:2px solid rgba(220,245,255,.8);padding:4px;background:#ffffff1a;box-shadow:0 0 0 8px #ffffff0a,0 0 34px #5fcdee59;margin-bottom:24px;animation:avatarFloat 5s ease-in-out infinite}.hero-availability{border:1px solid rgba(180,230,245,.3);border-radius:999px;padding:9px 15px;background:#14415257;color:#d5edf5}.hero-hi{font:400 clamp(40px,5.4vw,62px)/1.05 Manrope,sans-serif;color:#aebec5;letter-spacing:-.06em;margin:25px 0 0}.hero-name{font:800 clamp(58px,8vw,94px)/1.05 Manrope,sans-serif;letter-spacing:-.075em;margin:5px 0 0;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.45)}.hero-copy{max-width:700px;margin:22px auto 0;font-size:15px;line-height:1.9;color:#d0dce0}.hero-actions{justify-content:center}.hero-meta{margin-top:70px;text-align:left}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.service-card,.skill-card,.experience-row,.contact-panel,.venture-card{will-change:transform,opacity}.skill-top{gap:14px}.skill-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(130,215,245,.32);background:linear-gradient(145deg,#46aad238,#ffffff0a);color:#d9f5ff;box-shadow:0 0 20px #46aad21f}.card-index{display:none!important}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:600px){.hero{min-height:700px;padding-top:85px}.hero-avatar{width:96px;height:96px}.hero-name{font-size:clamp(48px,13vw,68px)}.hero-copy{font-size:14px}.hero-meta{margin-top:55px}.brand-photo{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-avatar{animation:none}}.site-shell{position:relative;isolation:isolate;background:transparent;min-height:100vh}.background-video{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;object-fit:cover!important;object-position:center center!important;z-index:0!important;display:block!important;opacity:.88!important;pointer-events:none!important}.video-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;display:block!important;pointer-events:none!important;background:linear-gradient(180deg,#0006,#00000087 52%,#000000b8)!important}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2!important;pointer-events:none}.site-shell>.header{position:sticky;top:0;z-index:30!important}.site-shell>main,.site-shell>.footer{position:relative;z-index:3}.site-shell>.header,.site-shell>main,.site-shell>.footer{background-color:transparent}.site-shell,.site-shell:before,.hero:before,.ambient-waves{background-color:transparent!important}.ambient-waves{display:none!important}.site-shell:before{background:radial-gradient(ellipse at 50% 38%,rgba(0,0,0,.06),transparent 58%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 24%,transparent 76%,rgba(0,0,0,.12))!important}.hero:before{background:linear-gradient(180deg,#0000001a,#0000002e)!important}.video-overlay{background:linear-gradient(180deg,#00000038,#00000061 58%,#00000085)!important}.background-video{opacity:1!important;filter:none!important}.hero-availability{background:#1414147a!important;border-color:#ffffff47!important;color:#e8e8e8!important}.hero-avatar{box-shadow:0 0 0 8px #ffffff0b,0 0 30px #ffffff29!important}
