@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap);:root{--ink:#121212;--paper:#f4f2ed;--white:#fff;--muted:#686863;--line:#d7d4ce;--accent:#72cfc8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body,html{margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f2ed;background:var(--paper);color:#121212;color:var(--ink);font-family:Manrope,sans-serif;min-height:100vh;overflow-x:hidden}body:before{display:none}#root{min-height:100vh;width:100%}::selection{background:#72cfc8;background:var(--accent);color:#121212;color:var(--ink)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#e8e5df}::-webkit-scrollbar-thumb{background:#232323}a,button{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.Home{background:var(--paper);color:var(--ink);text-align:left;width:100%}.page-shell{margin:0 auto;width:min(100% - 64px,1240px)}.home-hero{align-items:center;background-color:#0c0c0c;background-image:url(/static/media/jay-do-hero.36f68a4dca33d06d6405.jpg);background-position:100%;background-repeat:no-repeat;background-size:50% auto;color:#fff;display:flex;isolation:isolate;min-height:clamp(620px,88vh,880px);overflow:hidden;position:relative}.hero-scrim{background:linear-gradient(90deg,#000000d6,#00000094 32%,#00000014 66%,#0000002e),linear-gradient(0deg,#00000085,#0000 42%);inset:0;position:absolute;z-index:-1}.hero-content{padding-top:68px}.hero-content>*{animation:heroReveal .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.hero-content>:nth-child(2){animation-delay:80ms}.hero-content>:nth-child(3){animation-delay:.14s}.hero-content>:nth-child(4){animation-delay:.2s}.hero-content>:nth-child(5){animation-delay:.26s}@keyframes heroReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-kicker,.mini-label,.section-kicker{font-size:.68rem;font-weight:800;letter-spacing:.2em;margin:0 0 24px;text-transform:uppercase}.hero-kicker{color:#ffffffb8}.hero-content h1{color:#fff;font-size:clamp(4.7rem,9vw,9rem);font-weight:400;letter-spacing:-.045em;line-height:.84;margin:0;max-width:680px;text-shadow:none;text-transform:none}.hero-content h1,.hero-role{font-family:"DM Serif Display",serif}.hero-role{color:var(--accent);font-size:clamp(1.05rem,1.5vw,1.3rem);font-style:italic;letter-spacing:.01em;margin:22px 0 0}.hero-intro{color:#ffffffdb;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;margin:28px 0 0;max-width:500px}.hero-actions{align-items:center;display:flex;gap:30px;margin-top:38px}.button{align-items:center;background:#0000;border:1px solid var(--ink);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.68rem;font-weight:800;gap:10px;justify-content:center;letter-spacing:.15em;min-height:48px;padding:0 25px;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button--light{background:#fff;border-color:#fff;color:#111}.button--light:hover{background:#0000;color:#fff}.text-link{align-items:center;border-bottom:1px solid;color:var(--ink);display:inline-flex;font-size:.7rem;font-weight:800;gap:8px;letter-spacing:.12em;line-height:2;text-decoration:none;text-transform:uppercase;transition:opacity .18s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.text-link:hover{opacity:.58}.text-link--light{color:#fff}.hero-scroll{align-items:center;bottom:22px;color:#ffffff9e;display:flex;flex-direction:column;font-size:.58rem;font-weight:700;gap:10px;left:50%;letter-spacing:.2em;position:absolute;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}.hero-scroll i{background:#ffffff94;height:32px;width:1px}.home-section{padding:clamp(90px,11vw,150px) 0}.experience-section,.work-section{background:var(--paper)}.section-heading{grid-gap:80px;align-items:end;display:grid;gap:80px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-bottom:72px}.about-section h2,.home-footer h2,.section-heading h2,.skills-section h2{color:inherit;font-family:"DM Serif Display",serif;font-size:clamp(3rem,6vw,6.2rem);font-weight:400;letter-spacing:-.045em;line-height:.96;margin:0;text-shadow:none;text-transform:none}.section-kicker{color:#6a6963}.section-kicker--dark{color:var(--accent)}.section-heading__side{align-items:flex-start;display:flex;flex-direction:column;gap:24px;padding-bottom:8px}.experience-summary,.section-heading__side>p{color:var(--muted);font-size:1rem;line-height:1.8;margin:0;max-width:390px}.project-grid{border-left:1px solid var(--ink);border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{border-bottom:1px solid var(--ink);border-right:1px solid var(--ink);color:var(--ink);display:flex;flex-direction:column;min-height:350px;padding:clamp(28px,4vw,50px);text-decoration:none;transition:background .22s ease,color .22s ease}.project-card:hover{background:var(--ink);color:#fff}.project-card__footer,.project-card__meta{align-items:center;display:flex;font-size:.65rem;font-weight:800;justify-content:space-between;letter-spacing:.14em;text-transform:uppercase}.project-card__meta{color:#74736d}.project-card:hover .project-card__meta{color:#a9a9a4}.project-card h3{color:inherit;font-family:"DM Serif Display",serif;font-size:clamp(2rem,3.5vw,3.25rem);font-weight:400;letter-spacing:-.03em;line-height:1.03;margin:auto 0 18px;max-width:480px;text-shadow:none;text-transform:none}.project-card>p{color:#65645f;line-height:1.7;margin:0 0 30px;max-width:500px}.project-card:hover>p{color:#c6c6c1}.project-card__footer{margin-top:4px}.about-section,.home-footer,.skills-section{background:#121212;color:#fff}.about-grid{grid-gap:clamp(70px,10vw,150px);display:grid;gap:clamp(70px,10vw,150px);grid-template-columns:minmax(0,1fr) minmax(360px,.75fr)}.about-copy{padding-top:46px}.about-copy p{color:#aaa9a5;font-size:.98rem;line-height:1.85}.about-copy .about-copy__lead{color:#fff;font-family:"DM Serif Display",serif;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.18;margin:0 0 28px}.about-copy .text-link{margin-top:24px}.section-heading--compact{align-items:start}.experience-summary{align-self:end}.experience-layout{grid-gap:clamp(60px,9vw,130px);border-top:1px solid var(--ink);display:grid;gap:clamp(60px,9vw,130px);grid-template-columns:minmax(0,1.6fr) minmax(280px,.55fr)}.timeline-row{grid-gap:28px;border-bottom:1px solid var(--line);display:grid;gap:28px;grid-template-columns:180px 1fr;padding:34px 0}.education-item>span,.timeline-row__date{color:#77766f;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.education-item h3,.timeline-row h3{color:var(--ink);font-family:"DM Serif Display",serif;font-size:1.55rem;font-weight:400;line-height:1.2;margin:0 0 7px;text-shadow:none;text-transform:none}.timeline-row p{color:#696863;line-height:1.65;margin:10px 0 0}.timeline-row .timeline-row__role{color:#222;font-size:.78rem;font-weight:700;margin:0}.education-panel{padding-top:34px}.mini-label{border-bottom:1px solid var(--ink);padding-bottom:18px}.education-item{border-bottom:1px solid var(--line);padding:24px 0}.education-item h3{font-size:1.25rem;margin-top:12px}.education-item p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0}.skills-intro{margin-bottom:70px}.skills-list{border-top:1px solid #3b3b3b}.skill-row{grid-gap:25px;align-items:start;border-bottom:1px solid #3b3b3b;display:grid;gap:25px;grid-template-columns:70px minmax(180px,.48fr) minmax(0,1fr);padding:30px 0}.skill-row__number{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.12em}.skill-row h3{color:#fff;font-family:"DM Serif Display",serif;font-size:1.5rem;font-weight:400;margin:0;text-shadow:none;text-transform:none}.skill-row p{color:#aaa9a5;line-height:1.7;margin:0;max-width:650px}.home-footer{border-top:1px solid #2f2f2f;padding:clamp(90px,10vw,140px) 0 36px}.footer-cta{align-items:flex-end;display:flex;gap:50px;justify-content:space-between;padding-bottom:clamp(80px,10vw,130px)}.footer-cta .button{flex-shrink:0}.footer-bottom{grid-gap:32px;align-items:center;border-top:1px solid #3b3b3b;display:grid;gap:32px;grid-template-columns:1fr auto 44px;padding-top:30px}.footer-bottom p{color:#777;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.footer-socials{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-socials a{color:#aaa;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.footer-socials a:hover{color:#fff}.back-to-top{border:1px solid #555;border-radius:50%;color:#fff;display:grid;height:44px;place-items:center;width:44px}@media (max-width:900px){.home-hero{background-position:100%;min-height:720px}.hero-scrim{background:linear-gradient(90deg,#000000d6,#0000007a 48%,#00000026)}.hero-content h1{font-size:clamp(4.5rem,14vw,7rem)}.about-grid,.section-heading{gap:45px;grid-template-columns:1fr}.section-heading__side{max-width:560px}.about-copy{padding-top:0}.experience-layout{gap:60px;grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column}}@media (max-width:680px){.page-shell{width:min(100% - 36px,1240px)}.home-hero{align-items:flex-end;background-position:right 14%;min-height:740px;padding-bottom:98px}.hero-scrim{background:linear-gradient(0deg,#000000f0,#000000a8 48%,#00000029)}.hero-content{padding-top:170px}.hero-content h1{font-size:clamp(4rem,21vw,6rem)}.hero-intro{max-width:92%}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-scroll{display:none}.home-section{padding:84px 0}.section-heading{margin-bottom:48px}.about-section h2,.home-footer h2,.section-heading h2,.skills-section h2{font-size:clamp(2.8rem,14vw,4rem)}.project-grid{grid-template-columns:1fr}.project-card{min-height:310px}.timeline-row{gap:12px;grid-template-columns:1fr}.skill-row{grid-template-columns:40px 1fr}.skill-row p{grid-column:2}.footer-bottom{grid-template-columns:1fr 44px}.footer-socials{grid-column:1/-1;grid-row:1;justify-content:flex-start}.footer-bottom p{grid-column:1;grid-row:2}.back-to-top{grid-column:2;grid-row:2}}.WhyMe{background:linear-gradient(135deg,#0003,#0032641a);min-height:100vh;padding:60px 20px;position:relative;text-align:center}.WhyMe:before{background:radial-gradient(circle at 30% 30%,#00ffff14 0,#0000 50%),radial-gradient(circle at 70% 70%,#ff00ff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.WhyMe .skill-cards-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.WhyMe h2{-webkit-text-fill-color:#0000!important;animation:gradientShift 3s ease-in-out infinite!important;background:linear-gradient(45deg,#0ff,#f0f,#00ff7f)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:200% 200%!important;font-family:Orbitron,monospace!important;font-size:2.5rem!important;font-weight:700!important;letter-spacing:3px!important;margin-bottom:40px!important;text-transform:uppercase!important}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.WhyMe h3{color:#0ff!important;font-size:1.8rem!important;font-weight:600!important;margin:30px 0 20px!important;text-shadow:0 0 15px #0ff9!important}.WhyMe .MuiTypography-root,.WhyMe h3{font-family:Rajdhani,sans-serif!important}.WhyMe .MuiTypography-root{color:#e0e0e0!important}.WhyMe .MuiTypography-h4{color:#0ff!important;font-family:Orbitron,monospace!important;font-weight:700!important;letter-spacing:2px!important;text-shadow:0 0 10px #0ff9!important;text-transform:uppercase!important}.WhyMe .MuiTypography-body1{color:#e0e0e0!important;font-size:1.1rem!important;line-height:1.7!important}.WhyMe .MuiGrid-container{position:relative;z-index:1}.WhyMe .MuiGrid-item{margin-bottom:20px}@media (min-width:1200px){.WhyMe .skill-cards-container{width:80%}}@media (max-width:1199px){.WhyMe .skill-cards-container{width:95%}.WhyMe h2{font-size:2rem!important;letter-spacing:2px!important}}@media (max-width:768px){.WhyMe{padding:40px 15px}.WhyMe h2{font-size:1.8rem!important;letter-spacing:1px!important}.WhyMe h3{font-size:1.5rem!important}}.projects-page{background:var(--paper);color:var(--ink);min-height:100vh}.projects-hero{background:#121212;color:#fff;padding:clamp(100px,12vw,170px) 0 clamp(80px,10vw,130px)}.projects-hero h1{color:#fff;font-family:"DM Serif Display",serif;font-size:clamp(3.6rem,7.6vw,7.8rem);font-weight:400;letter-spacing:-.047em;line-height:.93;margin:0;max-width:1060px;text-shadow:none;text-transform:none}.projects-hero__intro{align-items:flex-end;border-top:1px solid #393939;display:flex;gap:40px;justify-content:space-between;margin-top:clamp(50px,7vw,90px);padding-top:28px}.projects-hero__intro p{color:#adaca8;font-size:1rem;line-height:1.8;margin:0;max-width:590px}.projects-hero__intro span{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.projects-content{padding:clamp(76px,9vw,120px) 0}.projects-toolbar{align-items:center;border-bottom:1px solid var(--ink);display:flex;gap:30px;justify-content:space-between;padding-bottom:28px}.projects-toolbar>p{color:#74736d;font-size:.65rem;font-weight:800;letter-spacing:.17em;margin:0;text-transform:uppercase}.project-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.project-detail__title button,.project-filters button{background:#0000;border:1px solid #a7a49d;border-radius:999px;color:var(--ink);cursor:pointer;font-family:Manrope,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.12em;min-height:36px;padding:0 17px;text-transform:uppercase;transition:color .18s ease,background .18s ease,border-color .18s ease}.project-filters button.is-active,.project-filters button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.projects-list{border-bottom:1px solid var(--ink)}.project-detail{border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px minmax(0,1fr)}.project-detail:last-child{border-bottom:0}.project-detail__rail{border-right:1px solid var(--line);color:#76756f;display:flex;flex-direction:column;font-size:.63rem;font-weight:800;justify-content:space-between;letter-spacing:.13em;padding:48px 28px 48px 0;text-transform:uppercase}.project-detail__main{padding:clamp(44px,6vw,76px)}.project-detail__title{align-items:flex-start;display:flex;gap:35px;justify-content:space-between}.project-detail__title h2{color:var(--ink);font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:0;max-width:820px;text-shadow:none;text-transform:none}.project-detail__title button{border-color:var(--ink);flex-shrink:0}.project-detail__title button:hover{background:var(--ink);color:#fff}.project-detail__description{color:#3b3b38;font-family:"DM Serif Display",serif;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.42;margin:34px 0 50px;max-width:780px}.project-detail__facts{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail__facts>div{padding:26px 28px 28px 0}.project-detail__facts>div+div{border-left:1px solid var(--line);padding-left:28px}.project-detail__facts h3,.project-detail__roles h3{color:#6d6c67;font-family:Manrope,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.15em;margin:0 0 13px;text-shadow:none;text-transform:uppercase}.project-detail__facts p{color:#5e5d59;font-size:.86rem;line-height:1.72;margin:0}.project-detail__roles{grid-gap:30px;display:grid;gap:30px;grid-template-columns:150px minmax(0,1fr);padding-top:30px}.project-detail__roles ul{list-style:none;margin:0;padding:0}.project-detail__roles li{color:#464642;font-size:.86rem;line-height:1.65;margin-bottom:10px;padding-left:18px;position:relative}.project-detail__roles li:before{background:var(--accent);border-radius:50%;content:"";height:5px;left:0;position:absolute;top:.72em;width:5px}@media (max-width:900px){.project-detail{grid-template-columns:100px minmax(0,1fr)}.project-detail__rail{padding-right:20px}.project-detail__facts{grid-template-columns:1fr}.project-detail__facts>div{padding:24px 0}.project-detail__facts>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}@media (max-width:680px){.projects-hero{padding:86px 0 76px}.projects-hero h1{font-size:clamp(3rem,16vw,4.6rem)}.projects-hero__intro,.projects-toolbar{align-items:flex-start;flex-direction:column}.project-filters{justify-content:flex-start}.project-detail{display:block}.project-detail__rail{border-right:0;flex-direction:row;min-height:auto;padding:28px 0}.project-detail__main{padding:38px 0 66px}.project-detail__title{flex-direction:column;gap:22px}.project-detail__title h2{font-size:clamp(2.55rem,13vw,4rem)}.project-detail__description{margin-bottom:36px}.project-detail__roles{gap:4px;grid-template-columns:1fr}}.site-nav{background:linear-gradient(180deg,#000000bd,#0000);color:#fff;inset:0 0 auto;position:absolute;z-index:100}.site-nav--inner-page{background:#101010;position:relative}.site-nav__inner{align-items:center;display:flex;height:88px;justify-content:space-between;margin:0 auto;width:min(100% - 48px,1320px)}.site-nav__brand{color:inherit;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.site-nav__brand span{color:#72cfc8}.site-nav__links{align-items:center;display:flex;gap:clamp(22px,3vw,44px)}.site-nav__links>a:not(.site-nav__cta){color:inherit;font-size:.69rem;font-weight:700;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;transition:opacity .18s ease}.site-nav__links>a:not(.site-nav__cta):hover{opacity:.62}.site-nav__cta{align-items:center;border:1px solid #ffffffb8;border-radius:999px;color:#fff;display:inline-flex;font-size:.66rem;font-weight:800;letter-spacing:.15em;min-height:38px;padding:0 20px;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease}.site-nav__cta:hover{background:#fff;color:#111}.site-nav__toggle{background:#0000;border:0;color:#fff;cursor:pointer;display:none;padding:8px}@media (max-width:760px){.site-nav__inner{height:72px;width:min(100% - 32px,1320px)}.site-nav__toggle{display:inline-grid;place-items:center}.site-nav__links{align-items:stretch;background:#101010;display:none;gap:0;left:0;padding:24px;position:absolute;right:0;top:71px}.site-nav--open .site-nav__links{display:flex;flex-direction:column}.site-nav__links>a:not(.site-nav__cta){border-bottom:1px solid #2d2d2d;padding:16px 0}.site-nav__cta{justify-content:center;margin-top:22px;min-height:46px}}.App{min-height:100vh;position:relative;text-align:center}.App-logo{filter:drop-shadow(0 0 20px #00ffff);height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite,glow 2s ease-in-out infinite alternate}}.App-header{align-items:center;background:radial-gradient(ellipse at center,#00ffff1a 0,#0000 70%);color:#e0e0e0;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#0ff;text-shadow:0 0 10px #0ff;transition:all .3s ease}.App-link:hover{color:#f0f;text-shadow:0 0 20px #f0f}.ai-button{background:linear-gradient(45deg,#0ff,#f0f);border:none;border-radius:25px;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;letter-spacing:2px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.ai-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ai-button:hover:before{left:100%}.ai-button:hover{box-shadow:0 0 30px #0ffc;transform:translateY(-2px)}.glow-text{animation:textGlow 2s ease-in-out infinite alternate}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow{0%{filter:drop-shadow(0 0 20px #00ffff)}to{filter:drop-shadow(0 0 30px #ff00ff)}}@keyframes textGlow{0%{text-shadow:0 0 20px #0ff}to{text-shadow:0 0 40px #f0f,0 0 60px #00ff7f}}.neon-border{border:2px solid #0ff;border-radius:10px;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #00ffff1a}.neon-border:hover{border-color:#f0f;box-shadow:0 0 30px #f0fc,inset 0 0 30px #f0f3}
/*# sourceMappingURL=main.fbdf50b0.css.map*/