@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&family=Playfair+Display:italic,wght@400;700&display=swap);:root{--bg-outer:#eef2f6;--bg-inner:#fcfcfc;--accent-primary:#007aff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#f1f5f9;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-serif:"Playfair Display",serif}.mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.blue,.blue-t{color:#007aff;color:var(--accent-primary)}.blue-t{font-weight:700}.grad-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#38bdf8);-webkit-background-clip:text;background-clip:text}.grain-overlay{background-image:url(https://grainy-gradients.vercel.app/noise.svg);height:100%;left:0;opacity:.04;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;background-color:#eef2f6;background-color:var(--bg-outer);color:#1e293b;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body)}#root{align-items:center;display:flex;justify-content:center;padding:24px}.main-canvas{background-color:#fcfcfc;background-color:var(--bg-inner);border-radius:40px;box-shadow:0 40px 100px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.persistent-subject-wrapper{align-items:flex-end;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.subject-img{height:100%;max-height:100%;object-fit:contain}.sections-container{flex:1 1}.section,.sections-container{display:flex;height:100%;width:100%}.section{align-items:center;box-sizing:border-box;flex:0 0 100%;justify-content:center;max-width:100%;min-width:100%;overflow:hidden!important;position:relative}.navbar{height:100px;left:0;padding:0 6%;position:absolute;top:0;z-index:1000}.nav-content,.navbar{align-items:center;display:flex;width:100%}.nav-content{justify-content:space-between}.nav-menu{display:flex;font-size:.95rem;font-weight:600;gap:3.5rem}.nav-menu span{color:#1e293b;cursor:pointer;opacity:.5;transition:.3s}.nav-menu span.active{color:#007aff;color:var(--accent-primary);opacity:1}.logo{font-size:2.2rem;font-weight:800;letter-spacing:-.06em}.logo span{color:#007aff;color:var(--accent-primary)}.hero{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-content{left:8.5%;max-width:550px;position:absolute;top:44%;transform:translateY(-50%);z-index:15}.hello{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.jeffrey-name{font-size:5.5rem;font-weight:900;letter-spacing:-4px;line-height:.85;margin-bottom:2.2rem}.intro-text{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 2rem}.typewriter-container{align-items:center;color:#007aff;color:var(--accent-primary);display:flex;font-size:1.5rem;font-weight:800;height:2rem}.intro-sub{color:#64748b;font-size:1.15rem;line-height:1.8;margin:0}.typewriter-cursor{color:#007aff;color:var(--accent-primary);font-weight:400;margin-left:2px;opacity:0}.typewriter-cursor.visible{opacity:1}.hero-footer-left{left:6.5%}.hero-footer-left,.hero-footer-right{bottom:50px;pointer-events:auto;position:absolute;z-index:50}.hero-footer-right{right:6.5%}.hall-of-fame{background:#fff;border:1px solid #fff9;border-radius:35px;gap:1.5rem;padding:1rem 1.8rem}.hall-item,.hall-of-fame{align-items:center;display:flex}.hall-item{justify-content:center}.socials{display:flex;gap:1.2rem}.social-circle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#1e293b;cursor:pointer;display:flex;height:58px;justify-content:center;text-decoration:none;transition:.2s;width:58px}.social-circle.blue{background:#007aff;background:var(--accent-primary);border:none;box-shadow:0 15px 30px #007aff4d;color:#fff}.p-card-dynamic{align-items:center;display:flex;flex-direction:column;gap:1rem}.right-floating-stack.creative{align-items:flex-end;display:flex;flex-direction:column;height:60%;justify-content:space-between;position:absolute;right:8%;z-index:30}.p-thumb.glass-style{background:#fff;border:1px solid #fff;border-radius:32px;box-shadow:0 30px 60px #00000014;height:135px;overflow:hidden;padding:10px;width:190px}.p-thumb.glass-style img{border-radius:22px;display:block;height:100%;object-fit:cover;width:100%}.p-badge{background:#fff;border:1px solid #f1f5f9;border-radius:20px;font-size:.75rem;font-weight:800;padding:.8rem 1.8rem;white-space:nowrap}.works-view{background:#fcfcfc;min-width:0;padding:120px 8% 60px}.works-filter-bar,.works-view{max-width:100%;position:relative;width:100%}.works-filter-bar{align-items:center;display:flex;flex-wrap:nowrap;gap:clamp(.22rem,.16rem + .9cqi,1.2rem);margin-bottom:1.1rem;z-index:20}.filter-pill{background:#fff;border:1px solid #f1f5f9;border-radius:100px;box-shadow:0 4px 12px #00000005;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:700;padding:.8rem 1.6rem;transition:.3s}.works-filter-bar .filter-pill{flex:0 0 auto;font-size:clamp(.5rem,.34rem + 1.75cqi,.8rem);padding:clamp(.34rem,.26rem + 1.05cqi,.8rem) clamp(.42rem,.32rem + 2.05cqi,1.6rem);white-space:nowrap}.filter-pill:hover{color:#007aff;color:var(--accent-primary)}.filter-pill.active,.filter-pill:hover{border-color:#007aff;border-color:var(--accent-primary)}.filter-pill.active{background:#007aff;background:var(--accent-primary);box-shadow:0 10px 25px #007aff40;color:#fff}.works-scroll-container{box-sizing:border-box;container-name:works;container-type:inline-size;height:100%;margin-left:auto;max-width:100%;min-width:0;overflow-y:auto;padding-right:20px;scrollbar-color:#007aff #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin;width:68%}.works-scroll-container::-webkit-scrollbar{width:4px}.works-scroll-container::-webkit-scrollbar-thumb{background:#007aff;background:var(--accent-primary);border-radius:10px}.works-header-sticky{align-items:flex-start;background:#fcfcfc;background:var(--bg-inner);display:flex;flex-direction:column;gap:.35rem;padding-bottom:.65rem;position:sticky;top:0;z-index:10}.works-header-sticky .section-title{margin-bottom:.85rem}.section-title{word-wrap:break-word;font-size:5rem;font-weight:900;letter-spacing:-3px;line-height:.85;margin-bottom:2rem;overflow-wrap:break-word;position:relative;z-index:5}.about-header-sticky .section-title,.services-header-sticky .section-title,.works-header-sticky .section-title{font-size:clamp(2.2rem,3.2vw,3.55rem)!important;letter-spacing:-.07em!important;line-height:.9!important;margin-bottom:1.2rem!important;max-width:100%!important;overflow-wrap:normal!important;word-break:keep-all!important}.section-title span,.works-count{color:#007aff;color:var(--accent-primary)}.works-count{font-size:.75rem;font-weight:800;letter-spacing:.1em;opacity:.7}.works-full-grid{grid-gap:2.22rem;box-sizing:border-box;display:grid;gap:2.22rem;grid-template-columns:repeat(2,1fr);max-width:100%;min-width:0;padding-bottom:100px;width:100%}.work-card-premium{background:#fff;border:1px solid #f1f5f9;border-radius:44px;box-shadow:0 15px 45px #00000006;overflow:hidden;transition:.4s}.work-thumb-p{background:#f8fafc;height:220px;overflow:hidden;padding:18px;width:100%}.work-thumb-p img{border-radius:28px;height:100%;object-fit:cover;width:100%}.work-info-p{padding:1.8rem 2.2rem}.work-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.work-year{background:#f1f5f9;border-radius:12px;color:#1e293b;padding:.4rem .8rem}.work-meta,.work-year{font-size:.75rem;font-weight:900}.work-meta{color:#007aff;color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase}.work-info-p h3{color:#1e293b;font-size:1.35rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.8rem}.work-info-p p{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.work-tech-tags{display:flex;flex-wrap:wrap;gap:.6rem}.w-tech-tag{background:#f8fafc;border-radius:6px;color:#94a3b8;font-size:.7rem;font-weight:800;padding:.3rem .7rem;text-transform:uppercase}@media (max-width:900px){.section.works-view{align-items:stretch!important;justify-content:flex-start!important;max-width:100%!important;padding-top:100px!important;width:100%!important}.works-scroll-container{-webkit-overflow-scrolling:touch;align-self:stretch;box-sizing:border-box;flex:1 1 auto;margin-left:0;max-height:none;max-width:100%;min-width:0;padding-right:0;width:100%}.section-title{font-size:clamp(2rem,9vw,2.75rem)!important;letter-spacing:-.06em!important;line-height:.95!important;margin-bottom:.65rem!important;text-align:center!important;width:100%}.works-count{display:block!important;font-size:.65rem!important;margin-bottom:.5rem!important;text-align:center!important}.about-header-lead,.services-header-lead,.works-header-lead{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:.5rem!important}.service-intro,.work-intro{font-size:.9rem!important;line-height:1.6!important;margin-bottom:2rem!important;margin-left:auto!important;margin-right:auto!important;max-width:320px!important;opacity:.7;text-align:center!important}.works-filter-bar{-webkit-overflow-scrolling:touch;margin-bottom:.85rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.15rem;scrollbar-width:thin;touch-action:manipulation}.works-filter-bar::-webkit-scrollbar{height:3px}.works-filter-bar::-webkit-scrollbar-thumb{background:#007aff59;border-radius:10px}.works-full-grid{gap:1.15rem;grid-template-columns:1fr;max-width:100%;min-width:0;padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px));width:100%}.works-view .work-card-premium{border-radius:22px}.works-view .work-thumb-p{height:168px;padding:12px}.works-view .work-thumb-p img{border-radius:16px}.works-view .work-info-p{padding:1.1rem 1.2rem}.works-view .work-info-p h3{font-size:1.05rem;margin-bottom:.55rem}.works-view .work-info-p p{font-size:.875rem;line-height:1.55;margin-bottom:1rem}.works-view .work-tech-tags{gap:.45rem}.works-view .w-tech-tag{font-size:.6rem;padding:.25rem .55rem}.works-subject-overlay{display:none}.section.services-view{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;max-width:100%!important;overflow-x:hidden!important;padding:100px 20px 80px!important;width:100%!important}.services-scroll-container{-webkit-overflow-scrolling:touch;align-self:stretch;box-sizing:border-box;flex:1 1 auto;margin-left:0;max-height:none;max-width:100%;min-width:0;padding-right:0;width:100%}.about-header-sticky,.services-header-sticky,.works-header-sticky{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;flex-direction:column!important;left:auto!important;margin-bottom:0!important;padding-bottom:1.5rem!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.about-header-sticky:after,.about-header-sticky:before,.services-header-sticky:after,.services-header-sticky:before{display:none!important}.services-header-lead{gap:.28rem}.services-view .works-count{font-size:.65rem}.service-intro{font-size:.875rem;line-height:1.55;margin-bottom:.65rem}.services-full-grid{gap:1.15rem;grid-template-columns:1fr;padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px))}.services-view .expertise-card{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;border:1px solid #f1f5f9;border-radius:32px!important;box-shadow:0 20px 40px #00000008!important;display:flex!important;flex-direction:column!important;margin-bottom:1.5rem!important;padding:2.5rem 1.5rem!important}.expertise-icon-wrapper{align-items:center;background:#f8fafc!important;border-radius:20px!important;color:#007aff!important;color:var(--accent-primary)!important;display:flex;height:64px!important;justify-content:center;margin-bottom:1.5rem!important;width:64px!important}.services-view .expertise-header{gap:.85rem;margin-bottom:1rem}.services-view .expertise-header h3{font-size:1.05rem}.services-view .expertise-icon-wrapper{border-radius:14px;height:46px;width:46px}.services-view .skills-pill-cloud{gap:.45rem}.services-view .skill-pill{font-size:.72rem;font-weight:600;padding:.35rem .8rem}.services-view:after{display:none}.expertise-card.expertise-card--lead{align-items:center!important;background:#fff;border:1px solid #f1f5f9;box-shadow:0 15px 45px #00000006;flex-direction:column!important;grid-column:auto}.expertise-card.expertise-card--lead .expertise-header{align-items:center;flex-direction:row;margin-bottom:1rem;width:100%}.expertise-card.expertise-card--lead .skills-pill-cloud{min-width:0}}@media (max-width:480px){.services-view .services-section-title,.works-view .works-section-title{font-size:1.75rem;letter-spacing:-.05em}}.scroll-y{max-height:100%;overflow-y:auto!important;pointer-events:all!important}.scroll-y::-webkit-scrollbar{width:5px}.scroll-y::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:10px}.section.scroll-y{align-items:flex-start;padding-top:0}.services-view{background:#fcfcfc;background:var(--bg-inner);max-width:100%;min-width:0;overflow:hidden;padding:120px 7% 60px;position:relative;width:100%}.services-view:after{background:linear-gradient(180deg,#0000,#007aff,#0000);background:linear-gradient(180deg,#0000,var(--accent-primary),#0000);border-radius:999px;bottom:18%;content:"";left:0;opacity:.35;pointer-events:none;position:absolute;top:28%;width:3px;z-index:0}@media (min-width:901px){.services-scroll-container{box-sizing:border-box;height:100%;margin-left:auto;max-width:100%;min-width:0;overflow-y:auto;padding-right:20px;scrollbar-color:#007aff #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin;width:68%}}.services-scroll-container::-webkit-scrollbar{width:4px}.services-scroll-container::-webkit-scrollbar-thumb{background:#007aff;background:var(--accent-primary);border-radius:10px}.services-header-sticky{background:#fcfcfc;background:var(--bg-inner);gap:.85rem;margin-bottom:.35rem;padding-bottom:1.25rem;position:sticky;top:0;z-index:10}.services-header-lead,.services-header-sticky{align-items:flex-start;display:flex;flex-direction:column}.services-header-lead{gap:.35rem}@media (min-width:901px){.services-header-sticky{grid-gap:1rem 2.75rem;align-items:end;border-bottom:1px solid #94a3b840;display:grid;gap:1rem 2.75rem;grid-template-columns:minmax(0,1.2fr) minmax(12rem,1fr);padding-bottom:1.65rem}.services-header-sticky .services-section-title{margin-bottom:0}.services-header-sticky .service-intro{font-size:1.02rem;line-height:1.7;margin-bottom:0}}.service-intro{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin:0 0 .85rem;max-width:none}.services-full-grid{grid-gap:1.5rem 1.5rem;box-sizing:border-box;display:grid;gap:1.5rem 1.5rem;grid-template-columns:repeat(2,1fr);max-width:100%;min-width:0;padding-bottom:120px;width:100%}@media (max-width:1100px) and (min-width:901px){.services-full-grid{grid-template-columns:repeat(2,1fr)}}.expertise-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-left-color:#007aff26;border-radius:24px;box-shadow:0 10px 30px #00000004;display:flex;flex-direction:row;gap:1.8rem;overflow:hidden;padding:1.8rem 2.2rem;position:relative;transition:.4s}.expertise-card:before{background:#007aff;background:var(--accent-primary);border-radius:0 4px 4px 0;content:"";height:32px;left:-1px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease-in-out;width:4px}.expertise-card:hover:before{border-radius:0;height:100%;top:0;transform:translateY(0)}.expertise-icon-side{flex:0 0 auto}.expertise-icon-wrapper{align-items:center;background:#f8fafc;border-radius:18px;color:#007aff;color:var(--accent-primary);display:flex;height:64px;justify-content:center;transition:.3s;width:64px}.expertise-content-side{display:flex;flex:1 1;flex-direction:column;gap:.8rem}.expertise-content-side h3{color:#1e293b;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.expertise-card.expertise-card--lead{background:#f8fafc;grid-column:1/-1;padding:2.2rem 2.8rem}.expertise-card.expertise-card--lead:before{height:48px;width:6px}.expertise-card.expertise-card--lead .expertise-icon-wrapper{background:#fff;box-shadow:0 10px 25px #007aff1a;height:80px;width:80px}.expertise-card.expertise-card--lead h3{font-size:1.5rem}.skills-pill-cloud{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{background:#f1f5f9;border-radius:12px;color:#1e293b;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:.5rem 1rem;text-transform:uppercase;transition:.3s}.expertise-card:hover{border-color:#007aff;border-color:var(--accent-primary);box-shadow:0 25px 60px #007aff14}.expertise-card:hover .skill-pill{background:#fff}.services-badges-overlay{align-items:center;display:flex;flex-direction:column;gap:1.5rem;left:6.5%;pointer-events:none;position:absolute;top:12%;z-index:100}.badge-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);pointer-events:auto}.badge-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:50%;box-shadow:0 10px 25px #0000000f;cursor:pointer;display:flex;height:74px;justify-content:center;padding:10px;transition:.4s cubic-bezier(.175,.885,.32,1.275);width:74px}.badge-item img{height:100%;object-fit:contain;width:100%}.badge-item:hover{border-color:#007aff;border-color:var(--accent-primary);box-shadow:0 20px 40px #007aff26;transform:translateY(-8px) scale(1.15);z-index:10}.badge-tag{color:#007aff;color:var(--accent-primary);font-size:.7rem;font-weight:800;letter-spacing:.15em;opacity:.6}@media (min-width:901px){.about-view{align-items:stretch!important;background:#fdfdfd;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;overflow:hidden;padding:0!important;position:relative}.about-header-sticky{background:#fcfcfc;background:var(--bg-inner);border-right:1px solid #f1f5f9;display:flex;flex-direction:column;height:100vh;padding:160px 3% 100px;position:sticky;top:0;width:32%;z-index:10}.about-modern-layout{height:100%;margin:0;overflow-y:auto;padding:160px 6% 100px;scrollbar-color:#007aff #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin;width:68%}.about-modern-layout::-webkit-scrollbar{width:4px}.about-modern-layout::-webkit-scrollbar-thumb{background:#007aff;background:var(--accent-primary);border-radius:10px}}.about-hero-section{margin-bottom:6rem;margin-top:100px}.about-intro-grid{grid-gap:4rem;align-items:flex-start;display:grid;gap:4rem;grid-template-columns:1fr;margin-top:2rem}.about-label{display:block;font-size:.8rem;font-weight:800;letter-spacing:.3em;margin-bottom:1.5rem}.bio-large{color:#1e293b;font-size:1.6rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:3rem}.bio-sub{color:#475569;font-size:1.15rem;line-height:1.85}.bio-sub p{margin-bottom:1.8rem}.bio-sub strong{color:#1e293b;font-weight:700}.about-stats-bento{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.a-stat-bento{background:#fff;border:1px solid #f1f5f9;border-radius:44px;box-shadow:0 10px 30px #00000005;padding:2.5rem;text-align:center}.a-stat-bento:first-child{grid-column:span 2}.stat-num{display:block;font-size:2.5rem;font-weight:900}.stat-label-b{color:#94a3b8;display:block;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-top:.5rem;text-transform:uppercase}.about-content-main{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 400px;margin-top:4rem}.column-title{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;font-weight:800;gap:1rem;letter-spacing:.2em;margin-bottom:3rem}.vertical-timeline{border-left:2px solid #f1f5f9;margin-left:1rem;padding-left:3rem}.v-timeline-item{margin-bottom:5rem;position:relative}.v-marker{background:#fff;border:4px solid #007aff;border:4px solid var(--accent-primary);border-radius:50%;box-shadow:0 0 15px #007aff33;height:18px;left:-58px;position:absolute;top:10px;width:18px}.v-content{background:#fff;border:1px solid #f1f5f9;border-radius:44px;box-shadow:0 15px 45px #0000000a;padding:3rem;transition:.3s}.v-content:hover{box-shadow:0 20px 55px #0000000f;transform:translateY(-5px)}.v-header{border-bottom:1px solid #f8fafc;margin-bottom:2rem;padding-bottom:1.5rem}.v-date{color:#007aff;color:var(--accent-primary);display:block;font-size:.8rem;font-weight:800;letter-spacing:.05em;margin-bottom:.75rem}.v-timeline-item h4{color:#1e293b;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.v-company{color:#94a3b8;font-size:1.1rem;font-weight:600;margin-bottom:0}.v-points{list-style:none;padding-top:1rem}.v-points li{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:.8rem;padding-left:1.8rem;position:relative}.v-points li:before{color:#007aff;color:var(--accent-primary);content:"→";font-weight:900;left:0;opacity:.5;position:absolute}.comm-item-compact,.edu-item-compact,.life-item-compact{background:#fff;border:1px solid #f1f5f9;border-radius:44px;box-shadow:0 10px 30px #00000008;margin-bottom:1.5rem;padding:2.5rem}.edu-item-compact h5{font-size:1.05rem;font-weight:800;margin-bottom:.25rem}.edu-item-compact p{color:#64748b;font-size:.85rem;margin-bottom:.5rem}.edu-date{color:#007aff;color:var(--accent-primary);font-size:.75rem;font-weight:800;opacity:.7}.cert-grid-compact{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:4rem}.cert-item-tag{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 5px 20px #00000008;color:#1e293b;font-size:.85rem;font-weight:700;padding:1rem 1.8rem}.comm-item-compact{background:#fff;border-radius:20px;margin-bottom:1.25rem;padding:1.5rem 2rem}.comm-head{align-items:center;color:#007aff;color:var(--accent-primary);display:flex;font-size:.8rem;font-weight:800;gap:10px;margin-bottom:.4rem}.comm-item-compact p{color:#1e293b;font-size:.95rem;font-weight:600}.lifestyle-grid-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.life-item-compact{align-items:center;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:12px;margin-bottom:0;padding:1.5rem}.border-left-grad{border-left:4px solid #007aff;border-left:4px solid var(--accent-primary);padding-left:1.5rem}.about-footer-connect{background:#fff;border:1px solid #f1f5f9;border-radius:54px;box-shadow:0 40px 100px #0000000f;margin-top:10rem;padding:6rem;text-align:center}.about-footer-connect h3{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;margin-bottom:3.5rem}.contact-pills{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.contact-pills span{align-items:center;color:#64748b;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:700;gap:10px}@media (max-width:1100px){.about-content-main,.about-intro-grid,.expertise-grid{display:flex!important;flex-direction:column!important;gap:3rem!important;grid-template-columns:1fr!important}.about-stats-bento{margin-bottom:2.5rem;order:-1}.about-view{padding-top:100px!important}}@media (max-width:768px){.jeffrey-name{font-size:4.5rem}.about-footer-connect h3,.bio-large{font-size:1.8rem}.contact-pills{align-items:center;flex-direction:column;gap:1.5rem}.expertise-grid{grid-template-columns:1fr}}.nav-control{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3000}.nav-control.next{right:3%}.nav-control.prev{left:3%}.nav-control-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:50%;box-shadow:0 15px 35px #0000000f;display:flex;height:58px;justify-content:center;width:58px}.nav-control-btn,.nav-control-label{color:#1e293b;transition:all .4s cubic-bezier(.25,1,.5,1)}.nav-control-label{font-size:.65rem;font-weight:800;letter-spacing:.15em;opacity:0;pointer-events:none;white-space:nowrap}.nav-control-label,.nav-control.prev .nav-control-label{transform:translateY(10px)}.nav-control:hover .nav-control-btn{background:#007aff;background:var(--accent-primary);border-color:#007aff;border-color:var(--accent-primary);box-shadow:0 15px 30px #007aff40;color:#fff;transform:scale(1.08)}.nav-control:hover .nav-control-label{opacity:.5;transform:translateY(0)}@media (max-width:900px){.nav-control{display:none}}.arrow-nav span{font-size:.75rem;font-weight:800;letter-spacing:.35em}.btn-blue{background:#007aff;background:var(--accent-primary);border:none;border-radius:18px;box-shadow:0 15px 35px #007aff4d;color:#fff;cursor:pointer;font-weight:700;padding:1rem 3rem;transition:.3s}@media (max-width:1400px){.jeffrey-name{font-size:6.5rem}.about-detailed-container{gap:4rem;grid-template-columns:1fr}.about-fixed-side{padding-top:0}.works-full-grid{grid-template-columns:1fr}}@media (max-width:1400px) and (min-width:901px){.services-scroll-container,.works-scroll-container{margin-left:auto;max-width:100%;padding-right:20px;width:60%}}@media (max-width:1000px){.nav-menu{display:none}.jeffrey-name{font-size:4.5rem}.hero-content{left:5%}.about-view{padding-top:151px}}.works-subject-overlay{background:radial-gradient(at bottom left,#000000b3 0,#00000040 55%,#0000 85%);border-radius:0 40px 0 0;bottom:0;left:0;max-width:440px;padding:3rem 4rem 1.8rem 2.22rem;pointer-events:none;position:absolute;z-index:2000}.works-subject-overlay .belief-tag{color:#38bdf8;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.62rem;font-weight:800;letter-spacing:.2em;margin-bottom:.65rem;opacity:1;text-transform:uppercase}.works-subject-overlay .belief-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#fff;display:block;font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1.28;margin-bottom:1.35rem;text-shadow:0 3px 14px #00000047}.works-subject-overlay .roles-floating-list{display:flex;flex-direction:column;gap:.5rem}.works-subject-overlay .role-floating-item{background:#fff;border:1px solid #007aff1a;border-radius:9px;box-shadow:0 6px 24px #00000008;color:#1e293b;color:var(--text-primary);font-size:.65rem;font-weight:600;padding:.45rem .95rem;transition:.3s;width:fit-content}.v-role-brand{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.v-company-logo{height:24px;object-fit:contain;opacity:.85;transition:all .4s ease;width:auto}.v-timeline-item:hover .v-company-logo{filter:grayscale(0) brightness(1);opacity:1}.hero-logos-ribbon{display:flex;flex-direction:column;gap:1.2rem;margin-top:2.2rem}.hero-logos-mask{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;width:100%}.hero-logos-scroll{align-items:center;animation:logo-marquee 25s linear infinite;display:flex;gap:4.5rem;width:max-content}@keyframes logo-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-logos-scroll:hover{animation-play-state:paused}.hero-logo-item{height:28px;object-fit:contain;opacity:.85;transition:all .4s cubic-bezier(.25,1,.5,1);width:auto}.hero-logo-item:hover{filter:grayscale(0) brightness(1);opacity:1;transform:translateY(-2px)}@media (max-width:900px){#root{padding:6px!important}.main-canvas{border-radius:20px!important}.section,.sections-container{display:flex!important;height:100%!important;width:100%!important}.section{align-items:center!important;flex:0 0 100%!important;flex-direction:column!important;justify-content:flex-start!important;max-width:100%!important;min-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:100px 20px 80px!important;text-align:center!important}::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}*{scrollbar-width:none!important}.about-view:after,.expertise-card:after,.expertise-card:before,.services-view:after{content:none!important;display:none!important;height:0!important;width:0!important}.navbar{height:72px!important;padding:0 5%!important}.logo{font-size:1.5rem!important}.btn-blue{border-radius:12px!important;font-size:.8rem!important;padding:.7rem 1.5rem!important}.hero-content{align-items:center;display:flex;flex-direction:column;left:50%!important;max-width:480px;text-align:center;top:52%!important;transform:translate(-50%,-50%)!important;width:90%;z-index:20}.about-scroll-container,.scroll-y,.services-scroll-container,.works-scroll-container{touch-action:pan-y!important}.hello{font-size:1.1rem!important;margin-bottom:.25rem!important;opacity:.8}.jeffrey-name{font-size:clamp(2.8rem,12vw,3.8rem)!important;letter-spacing:-2px!important;line-height:.88!important;margin-bottom:1.2rem!important}.typewriter-container{font-size:1.1rem!important;height:1.6rem!important;justify-content:center!important;margin-bottom:.4rem!important;max-width:290px!important;white-space:nowrap!important;width:100%!important}.intro-text{align-items:center!important;margin:.8rem 0 1.2rem!important}.intro-sub{color:#1e293b!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.5!important;margin:0 auto!important;max-width:320px;opacity:.8!important}.persistent-subject-wrapper{align-items:flex-start!important;transform:translateY(4%)!important;z-index:5}.hero-logos-ribbon{align-items:center!important;margin-top:1rem!important;scale:.9;width:100%!important}.expertise-card{align-items:center!important;border:1px solid #007aff14!important;border-radius:32px!important;flex-direction:column!important;gap:1.5rem!important;margin:0 auto 1.5rem!important;max-width:480px!important;padding:2.2rem 1.8rem!important;text-align:center!important;width:94%!important}.expertise-icon-side{background:#0000!important;border:none!important;display:flex!important;height:auto!important;justify-content:center!important;margin:0!important;padding:0!important;width:auto!important}.expertise-icon-side:after,.expertise-icon-side:before{display:none!important}.expertise-icon-wrapper{background:#eef2f6!important;background:var(--bg-outer)!important;border:1px solid #f1f5f9;border:1px solid var(--border-color);height:65px!important;margin-bottom:.5rem!important;width:65px!important}.skills-pill-cloud{justify-content:center!important;margin-top:1rem!important}.hero-footer-right{bottom:92px!important;display:flex!important;justify-content:center!important;position:absolute!important;right:50%!important;transform:translateX(50%)!important;width:100%!important;z-index:5000}.bio-large{font-size:1.4rem!important;line-height:1.3!important;padding:0 10px!important;text-align:center!important;width:100%!important}.about-intro-grid{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-top:1rem!important;width:100%!important}.about-stats-bento{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important;margin:0 auto!important;max-width:320px!important;order:-1;width:100%!important}.a-stat-bento{height:100px!important;padding:1rem!important}.a-stat-bento .stat-num{font-size:1.8rem!important}.a-stat-bento .stat-label-b{font-size:.65rem!important}.bio-sub p{font-size:.95rem!important;line-height:1.6!important;margin-bottom:1rem!important;text-align:center!important}.a-stat-bento{border-radius:24px!important;padding:1.5rem!important}.vertical-timeline{border-left:2px solid #f1f5f9!important;margin-left:.5rem!important;padding-left:1.5rem!important}.v-timeline-item{margin-bottom:3rem!important}.v-marker{border-width:3px!important;height:14px!important;left:-33px!important;width:14px!important}.v-content{border-radius:28px!important;padding:1.5rem!important;text-align:left!important}.v-role-brand{align-items:flex-start!important;flex-direction:column!important;gap:.65rem!important}.v-company-logo{height:auto!important;order:-1;width:48px!important}.v-timeline-item h4{font-size:1.25rem!important;margin-bottom:.25rem!important}.v-points{padding-left:1rem!important}.about-view .section-title span{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#007aff,#0ea5e9)!important;background:linear-gradient(135deg,var(--accent-primary) 0,#0ea5e9 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}.about-label{margin-bottom:1.5rem!important;text-align:center!important;width:100%!important}.about-hero-section{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:4rem!important}}@media (min-width:901px){.mobile-nav-hint{display:none}}.mobile-nav-dots{bottom:12px;display:flex;gap:10px;left:50%;padding:10px;position:absolute;transform:translateX(-50%);z-index:4000}.nav-dot{background:#00000026;border-radius:50%;cursor:pointer;height:6px;transition:all .4s cubic-bezier(.25,1,.5,1);width:6px}.nav-dot.active{background:#007aff;background:var(--accent-primary);border-radius:4px;width:20px}@media (max-width:900px){.services-scroll-container{display:block!important;height:auto!important;margin-left:0!important;padding:0!important;width:100%!important}.services-full-grid{gap:1.5rem!important;grid-template-columns:1fr!important;padding-bottom:120px!important;width:100%!important}.expertise-card,.services-full-grid{align-items:center!important;display:flex!important;flex-direction:column!important}.expertise-card{background:#fff!important;border:1px solid #007aff1f!important;border-radius:32px!important;margin:0 auto!important;max-width:500px!important;padding:2.2rem 1.8rem!important;text-align:center!important;width:94%!important}.expertise-icon-side{background:#0000!important;display:flex!important;justify-content:center!important;margin-bottom:1rem!important;width:auto!important}.expertise-card:after,.expertise-card:before,.services-header-sticky:after,.services-header-sticky:before{content:none!important;display:none!important}}
/*# sourceMappingURL=main.199e4d0d.css.map*/