:root{--color-primary: #000000;--color-secondary: #ffffff;--color-tertiary: #f1f1f1;font-optical-sizing:auto}body{font-size:16px;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar{display:block;width:4px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#000;border-radius:999px;border-right:none;border-left:none}body::-webkit-scrollbar-track-piece:end{background:transparent}body::-webkit-scrollbar-track-piece:start{background:transparent}header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}header>div{display:flex;gap:8px;flex-direction:column;align-items:center;text-align:center;max-width:1224px;padding:16px 0}header>h1{font-size:clamp(48px,6.5vw,88px);font-weight:600;line-height:clamp(48px,6.5vw,88px);letter-spacing:-.015em}header>h2{font-size:clamp(32px,2vw,40px);font-weight:600;line-height:clamp(32px,7.5vw,44px);letter-spacing:-.015em}header>h3{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:clamp(24px,7.5vw,32px);letter-spacing:-.015em}.header_text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.portfolioPage{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.portfolioCards{max-width:1224px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.portfolioCard{display:flex;height:340px;justify-content:center;align-items:flex-start;flex:1 0 520px;border-radius:36px;background:var(--bg-color);overflow:hidden;position:relative;cursor:pointer}.portfolioCardX.left{padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;width:50%;position:relative;z-index:2}.portfolioCardX.right{padding:24px;display:flex;flex-direction:column;align-items:revert;justify-content:space-between;height:100%;width:50%;overflow:hidden}.portfolioCardX.left>div:last-child{border-radius:8px;padding:8px}.portfolioCardX.right img{width:100%;height:100%;object-fit:contain;object-position:center}.header_chiclet{display:inline-flex;width:fit-content;padding:6px 20px;justify-content:center;align-items:center;border-radius:110px;background:#ffc220;color:#1a1a1a;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.4;letter-spacing:-.02em}.portfolioCardTags{display:flex;width:fit-content;padding:4px 12px;justify-content:center;align-items:center;gap:10px;border-radius:110px;border:1px solid rgba(255,255,255,.25);color:#ffffffbf;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-1.12px}.portfolioCardContent{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;border-radius:8px;padding:8px;width:100%;flex:1}.portfolioCardTitle{color:#fff;font-size:32px;font-weight:600;text-align:left}.portfolioCardImage{width:300px}@media screen and (max-width: 480px){body{background-color:#90ee90}.portfolioCard{flex:1 0 100%;width:100%;position:relative;height:fit-content}.portfolioCardTitle{text-align:center}.portfolioCardX.left{align-items:center;width:100%}.portfolioCardX.right{display:none}}.badge{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:10px;border-radius:40px;font-size:24px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.32px}.badge_icons_wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;gap:8px;width:145px;height:22px}.badge_icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #ffffff;overflow:hidden;border-radius:50%;background-color:#f1f1f1;font-size:8px;font-weight:600;line-height:20px;letter-spacing:-.06em;text-align:center;position:absolute;left:calc(var(--badge-num) * 24px)}.badge_icon img{width:22px;height:22px;object-fit:contain}.resume_wrapper{width:100%}.collapsible{background-color:#777;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.active,.collapsible:hover{background-color:#555}.content{padding:0 18px;display:none;overflow:hidden;background-color:#f1f1f1}.projectPage{background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;padding:36px;margin:48px;border-radius:36px}.projectPage>h1{color:#fff;font-size:40px;font-weight:600;padding:15px;text-align:center}h2,.projectPage>h2{color:#fff;font-size:24px;font-weight:600;text-align:left}.projectPage>h3{color:#fff;font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.015em}.projectPage>p{color:#fff;font-size:18px;font-weight:400;line-height:28px;text-align:justify;margin-bottom:20px}@keyframes warp-spin{to{transform:rotate(360deg)}}.status-spinner{display:inline-block;width:7px;height:7px;border:1.5px solid rgba(77,189,245,.2);border-top-color:#4dbdf5;border-radius:50%;animation:warp-spin .75s linear infinite;vertical-align:middle;margin-right:4px;flex-shrink:0}.status-badge{width:100%;box-sizing:border-box;text-align:center;justify-content:center}@media screen and (min-width: 1096px){.swarm-detail-col{display:none}}@media screen and (max-width: 1096px){.phase-box{padding:28px 6px!important;max-width:80px}}.resume-content{font-family:Helvetica Neue,Arial,sans-serif;font-size:10pt;line-height:1.32;color:#1a1a1a;max-width:100%;padding:20px 24px;background:#fff;border-radius:4px;text-align:left}.resume-content .header{text-align:center;margin-bottom:7pt;border-bottom:2px solid #2c5282;padding-bottom:5pt}.resume-content .header h1{font-size:22pt;font-weight:700;color:#1a1a1a;letter-spacing:.5pt;margin-bottom:4pt}.resume-content .header .contact{font-size:9.5pt;color:#444}.resume-content .header .contact a{color:#2c5282;text-decoration:none}.resume-content .header .contact span{margin:0 6pt;color:#999}.resume-content .header .headshot{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8pt}.resume-content h2{font-size:11pt;font-weight:700;color:#2c5282;text-transform:uppercase;letter-spacing:1pt;border-bottom:1px solid #cbd5e0;padding-bottom:2pt;margin-top:13pt;margin-bottom:5pt}.resume-content .summary{font-size:10pt;color:#333;margin-bottom:3pt}.resume-content .summary-para+.summary-para{margin-top:5pt}.resume-content .skills-grid{display:grid;grid-template-columns:140px 1fr;gap:2pt 10pt;font-size:9.5pt;margin-bottom:2pt}.resume-content .skills-grid .label{font-weight:600;color:#2c5282}.resume-content .skills-grid .value{color:#333}.resume-content .job{margin-bottom:6pt}.resume-content .job-header{display:flex;justify-content:space-between;align-items:baseline}.resume-content .job-company{font-weight:700;font-size:10.5pt}.resume-content .job-location{font-size:9pt;color:#666}.resume-content .job-role{display:flex;justify-content:space-between;align-items:baseline;margin-top:2pt}.resume-content .job-title{font-weight:600;font-style:italic;font-size:10pt}.resume-content .job-dates{font-size:9pt;color:#666;white-space:nowrap}.resume-content ul{margin:2pt 0 0 16pt}.resume-content li{margin-bottom:1.5pt;font-size:9.5pt;color:#333}.resume-content .project{margin-bottom:7pt}.resume-content .project-title{font-weight:600;font-size:10pt}.resume-content .project-sub{font-style:italic;font-size:9pt;color:#666}.resume-content .project p{font-size:9.5pt;color:#333;margin-top:2pt}.resume-content .additional-exp{font-size:9.5pt}.resume-content .additional-exp .add-role{display:flex;justify-content:space-between;margin-bottom:1pt}.resume-content .additional-exp .add-company{font-weight:600}.resume-content .additional-exp .add-title{font-style:italic}.resume-content .additional-exp .add-dates{font-size:9pt;color:#666}.resume-content .edu-item{margin-bottom:2pt;font-size:9.5pt}.resume-content .edu-row{display:flex;justify-content:space-between}.resume-content .edu-item .degree{font-weight:600}.resume-content .edu-item .school{color:#555}.resume-content .edu-detail{font-size:9pt;color:#555;margin-left:12pt;margin-top:1pt}.resume-content .certs{font-size:9.5pt;color:#333}.resume-content .certs li{margin-bottom:1pt}.resume-content .job-location-line{text-align:right;font-size:9pt;color:#666;margin-top:4pt}
