*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--palette-dark-main)}:root{--palette-dark-main: #000000;--palette-main: #191942;--palette-light-main: #2a2a5e;--palette-secondary: #646cff;--palette-light-secondary: #535bf2;--palette-overlay: #0a0a1e;--palette-jam-accent: #00aaff;--palette-chip-accent: #e59aa9;--palette-experience-accent: #00c8dc;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--palette-secondary);text-decoration:inherit}a:hover{color:var(--palette-light-secondary)}body{margin:0;padding:0;overflow-y:auto;overflow-x:hidden;width:100vw;min-height:200vh;position:relative;background:var(--palette-dark-main);background:linear-gradient(to bottom,var(--palette-dark-main) 0%,var(--palette-main) 100%)!important}html{overflow-y:auto;height:100%}h1{font-size:3.2em;line-height:1.1}#app{margin:0;padding:0;width:100%;height:100%}#main-title,#scroll-text{transition:opacity .5s cubic-bezier(.68,-.55,.265,1.55),transform .5s cubic-bezier(.68,-.55,.265,1.55)}canvas{display:block;margin:0;padding:0;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;pointer-events:auto}#main-header{background:color-mix(in srgb,var(--palette-dark-main) 50%,transparent)}#page-overlay{background:var(--palette-overlay)}.overlay-page{padding-top:10px}.overlay-title{font-size:32px;font-weight:700;letter-spacing:.2px;color:#d8e6ea;margin:0 0 18px}.overlay-title--detail{font-size:38px;margin:0}.overlay-page__header:not(.overlay-page__header--detail){display:flex;justify-content:center;text-align:center}.overlay-page__header:not(.overlay-page__header--detail)+.divider{max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.overlay-paragraph{font-size:18px;line-height:1.7;color:#ffffffc7}.overlay-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.overlay-page__header--detail{align-items:center}.overlay-back{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px}.overlay-back:hover{background:#ffffff1f}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}@media(max-width:900px){.project-grid{grid-template-columns:1fr}}.project-card{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.06);background:#0f0f12c7;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;color:inherit;transition:transform .14s ease,border-color .14s ease,background .14s ease}.project-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--palette-light-main) 45%,transparent);background:#121216d6}.project-card__media{height:240px;background:#00000040}.project-card__img{width:100%;height:100%;object-fit:cover;display:block}.project-card__meta{display:flex;gap:10px;align-items:center;padding:10px 14px 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#00000059;color:#ffffffd9;font-size:13px}.chip__icon{font-size:14px;line-height:1}.chip__text{line-height:1}.project-card__body{padding:14px 16px 16px}.project-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-card__title{margin:0;font-size:24px;font-weight:800;color:var(--palette-chip-accent)}.project-card__chevron{font-size:28px;color:var(--palette-chip-accent);opacity:.9}.project-card__role{margin-top:2px;font-size:16px;color:#ffffffe0}.project-card__desc{margin-top:12px;font-size:15px;line-height:1.6;color:#ffffffb8}.project-detail__media{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#00000040;height:320px}.project-detail__img{width:100%;height:100%;object-fit:cover;display:block}.project-detail__img--slideshow{transition:opacity .2s ease}.project-detail__img--slideshow.project-detail__img--fade{opacity:0}.project-detail__media--hero-video .project-detail__hero-video{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.project-detail__meta{display:flex;gap:10px;align-items:center;margin-top:14px}.project-detail__role{margin-top:10px;font-size:18px;color:#ffffffe6}.project-detail__desc{margin-top:10px;font-size:16px;line-height:1.7;color:#ffffffc7}.project-detail__more{margin-top:18px;font-size:16px;line-height:1.7;color:#ffffffc7}.project-detail__blocks{margin-top:18px}.project-detail__heading{margin:24px 0 12px;font-size:22px;font-weight:700;color:#fffffff2}.project-detail__heading:first-child{margin-top:0}.project-detail__paragraph{margin:0 0 14px;font-size:16px;line-height:1.7;color:#ffffffc7}.project-detail__text-video-block{margin:12px 0 20px}.project-detail__text-video-row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.project-detail__text-video-row--video-left{flex-direction:row-reverse}.project-detail__text-video-row__text{flex:1 1 min(280px,100%);min-width:0}.project-detail__text-video-row__text .project-detail__paragraph:last-child{margin-bottom:0}.project-detail__text-video-row__media{display:flex;flex-direction:column;align-items:stretch;flex:0 1 400px;min-width:min(100%,260px);max-width:100%}.project-detail__text-video-row__media .project-detail__video-wrap{height:500px;min-height:500px;flex:0 0 auto}.project-detail__media-group{margin:28px 0 16px}.project-detail__media-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.project-detail__inline-img{flex:1 1 200px;max-width:100%;height:auto;border-radius:10px;object-fit:cover}.project-detail__video-wrap{flex:1 1 min(280px,100%);min-width:0;max-width:100%;width:100%;min-height:380px;height:380px;position:relative;border-radius:10px;overflow:hidden;background:var(--palette-overlay)}.project-detail__inline-video{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;outline:none;object-fit:cover;object-position:center;background:transparent;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.project-detail__video-error{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:12px;margin:0;font-size:13px;line-height:1.45;color:#ffc8c8f2;text-align:center;background:#280000d9}.project-detail__caption{margin:10px 0 0;font-size:14px;color:#ffffff8c}.jam-page{display:flex;flex-direction:column;max-height:calc(100vh - 60px);min-height:0}.jam-hero{position:relative;flex:0 0 auto;border:1px solid rgba(255,255,255,.06);background:#0f0f128c;border-radius:12px;padding:12px;overflow:hidden}.jam-hero__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:stretch}@media(max-width:900px){.jam-hero__grid{grid-template-columns:1fr}}.jam-hero__media{border-radius:10px;overflow:hidden;background:#00000040;min-height:0;min-width:0;max-height:440px;height:440px;display:flex;justify-content:center;align-items:center}.jam-hero__media-wrap{position:relative;width:100%;height:100%;flex:1 1 0;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center}.jam-hero__media-wrap .jam-hero__content-img,.jam-hero__media-wrap .jam-hero__content-video{position:absolute;inset:0;width:100%;height:100%}.jam-hero__audio-recommended{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:1;font-size:12px;color:#ffffff59;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.jam-hero__audio-btn{position:absolute;bottom:10px;right:10px;z-index:2;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000080;color:#ffffffe6;font-size:12px;font-weight:600;cursor:pointer}.jam-hero__audio-btn:hover{background:#000000a6;color:#fff}.jam-hero__side{border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.06);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0}.jam-hero__side-images{display:flex;gap:16px;align-items:stretch;justify-content:center;flex:1;min-height:180px;height:150px}.jam-hero__logo,.jam-hero__cover{height:150px;width:auto;max-width:280px;object-fit:contain;opacity:.95;flex-shrink:0}.jam-hero__content-img{width:100%;height:100%;min-height:180px;object-fit:cover;display:block}.jam-hero__content-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.jam-hero__chiprow{display:flex;gap:8px;align-items:center}.jam-hero__tabs{display:flex;gap:6px;flex-shrink:0}.jam-hero__tab{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffd9;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.jam-hero__tab:hover{background:#ffffff1a}.jam-hero__tab--active{background:color-mix(in srgb,var(--palette-jam-accent) 22%,transparent);border-color:color-mix(in srgb,var(--palette-jam-accent) 42%,transparent);color:#fff}.jam-hero__panel{font-size:14px;line-height:1.55;color:#fffc;overflow-y:auto;min-height:0;flex:1 1 auto;max-height:140px}.jam-hero__panel p{margin:0 0 8px}.jam-hero__panel p:last-child{margin-bottom:0}.jam-hero__actions{display:flex;gap:8px;flex-shrink:0;margin-top:4px}.jam-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--palette-jam-accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--palette-jam-accent) 32%,transparent);color:#ffffffeb;cursor:pointer;text-decoration:none;font-weight:700;font-size:13px}.jam-hero__cta:hover{background:color-mix(in srgb,var(--palette-jam-accent) 28%,transparent)}.jam-hero__cta--link{background:#ffffff14;border-color:#ffffff24}.jam-hero__cta--link:hover{background:#ffffff1f}.jam-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:8px;overflow-x:auto;padding:10px 2px 0;margin-top:10px;flex-shrink:0}.jam-thumb{border:1px solid rgba(255,255,255,.06);background:#0f0f128c;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;height:52px;transition:transform .14s ease,border-color .14s ease}.jam-thumb:hover{transform:translateY(-2px);border-color:#ffffff24}.jam-thumb--active{border-color:color-mix(in srgb,var(--palette-jam-accent) 38%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--palette-jam-accent) 20%,transparent) inset}.jam-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.experience-page .overlay-title{margin:0 0 20px}.experience-page .divider{max-width:720px;margin-left:auto;margin-right:auto}.experience-page__content{max-width:720px;margin:0 auto}.experience-list{display:flex;flex-direction:column;gap:0;list-style:none}.experience-entry{display:flex;gap:24px;align-items:flex-start;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.06)}.experience-entry:last-child{border-bottom:none}.experience-education-spacer{height:48px;flex-shrink:0}.experience-education-title{font-size:32px;font-weight:700;color:#fffffff2;margin:0 0 16px;text-align:center}.experience-entry__logo-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:120px}.experience-entry__logo{width:72px;height:72px;object-fit:contain}.experience-entry__company{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;text-align:center;line-height:1.2}.experience-entry__body{flex:1;min-width:0}.experience-entry__title{margin:0 0 6px;font-size:20px;font-weight:700;color:#fffffff2}.experience-entry__dates{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--palette-experience-accent);margin-bottom:10px}.experience-entry__date-icon{font-size:14px}.experience-entry__date{font-size:14px;color:var(--palette-experience-accent)}.experience-entry__desc{font-size:15px;line-height:1.6;color:#ffffffd1}.experience-entry__desc a{color:var(--palette-experience-accent);text-decoration:none}.experience-entry__desc a:hover{text-decoration:underline}.skills-page{padding-bottom:24px}.about-intro{display:grid;grid-template-columns:min(280px,100%) 1fr;gap:28px 36px;align-items:start;justify-content:center;max-width:920px;width:100%;margin:0 auto 36px}.about-intro--text-only{grid-template-columns:1fr;max-width:720px;margin-left:auto;margin-right:auto}@media(max-width:720px){.about-intro{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:560px}.about-intro__text{text-align:left;width:100%;max-width:560px}}.about-intro__photo{width:100%;max-width:280px;aspect-ratio:4 / 5;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000059}.about-intro__text{font-size:16px;line-height:1.75;color:#ffffffd1}.about-intro__text p{margin:0 0 14px}.about-intro__text p:last-child{margin-bottom:0}.about-intro__text a{color:var(--palette-secondary);text-decoration:none}.about-intro__text a:hover{color:var(--palette-light-secondary);text-decoration:underline}.about-intro__text code{font-size:.9em;padding:2px 6px;border-radius:4px;background:#ffffff14}.about-skills-heading{font-size:22px;font-weight:700;color:#fffffff2;margin:0 0 20px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:900px){.skills-layout{grid-template-columns:1fr}}.skills-section{margin-bottom:28px}.skills-section:last-child{margin-bottom:0}.skills-section__title{font-size:20px;font-weight:700;color:#fffffff2;margin:0 0 14px}.skills-grid{display:grid;gap:12px 20px;list-style:none}.skills-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.skills-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-item{display:flex;align-items:center;gap:14px;color:#ffffffe6;font-size:15px}.skills-item__icon{flex-shrink:0;font-size:20px;line-height:1}.skills-item__icon--img{width:64px;height:64px;object-fit:contain;object-position:center}.skills-item__label{line-height:1.3}.skills-resume{margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.skills-resume__summary{font-size:22px;font-weight:700;color:#fffffffa;cursor:pointer;list-style:none;padding:14px 24px;display:inline-block;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff0f;transition:background .2s ease,border-color .2s ease}.skills-resume__summary:hover{background:#ffffff1f;border-color:#ffffff59}.skills-resume__summary::-webkit-details-marker{display:none}.skills-resume__summary:before{content:"▸ ";display:inline-block;transition:transform .2s ease;margin-right:6px}.skills-resume[open] .skills-resume__summary:before{transform:rotate(90deg)}.skills-resume__content{margin-top:20px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000040;text-align:left}.skills-resume__pdf{width:100%;height:1100px;max-height:88vh;display:block;border:none}.skills-resume__fallback{margin:0;padding:12px 16px;font-size:15px;color:#ffffffbf}.skills-resume__content a{color:var(--palette-experience-accent);padding:12px;display:inline-block}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em color-mix(in srgb,var(--palette-secondary) 65%,transparent))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:color-mix(in srgb,var(--palette-dark-main) 88%,var(--palette-main));cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--palette-secondary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547}html,body{background:linear-gradient(to bottom,var(--palette-dark-main) 0%,var(--palette-main) 100%)!important}a:hover{color:var(--palette-light-secondary)}button{background-color:#f9f9f9}}