@import"https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap";:root{color-scheme:light;--background: #ffffff;--text: #111111;--muted: #999999;--hover: rgba(0, 0, 0, .03);--shadow-soft: 0 18px 55px rgba(0, 0, 0, .16);--row-date: 120px;--row-gap: 0px;--shell-top: 120px;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{min-height:100%;background:var(--background);-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{border:0;margin:0;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:0}button:focus-visible,a:focus-visible{outline:1px solid rgba(0,0,0,.36);outline-offset:4px}p,h1,h2,h3,ul,ol{margin:0}img{display:block;max-width:100%}svg{display:block}.hidden{display:none!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;align-items:flex-start;min-height:100vh;max-width:1400px;margin:0 auto;padding-top:var(--shell-top);background:var(--background)}.resume{display:flex;flex:1;justify-content:flex-end;padding:60px 40px 60px 60px;overflow-y:auto}.resume-view{position:relative;width:400px;max-width:400px;animation:rise-in .52s ease-out both 80ms}.hover-indicator{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border-radius:8px;background:var(--hover);opacity:0;transition:transform .22s var(--ease),width .22s var(--ease),height .22s var(--ease),opacity .12s ease;will-change:transform,width,height,opacity}.profile{position:relative;z-index:1;display:grid;grid-template-columns:var(--row-date) 1fr;align-items:center;width:fit-content;margin:0 0 20px;padding:10px 15px;border-radius:8px;cursor:pointer;text-align:left}.profile-photo{width:88px;height:88px;border-radius:50%;object-fit:cover}.profile-info{display:block;padding-left:0}.profile-name{display:block;overflow:hidden;color:var(--text);font-size:18px;font-weight:400;line-height:1.6;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap}.profile-title{display:block;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.resume-section{margin-bottom:20px}.section-header{display:grid;grid-template-columns:var(--row-date) 1fr;margin-bottom:8px}.section-header .date{padding-left:15px;color:var(--text)}.resume-row{position:relative;z-index:1;display:block;width:fit-content;padding:10px 15px;border-radius:8px;cursor:pointer;text-align:left}.profile.resume-row{display:grid;grid-template-columns:var(--row-date) 1fr}.timeline{display:grid;grid-template-columns:var(--row-date) 1fr;align-items:baseline;gap:var(--row-gap)}.date{color:var(--muted);font-size:14px;line-height:1.6;white-space:nowrap}.timeline-content{display:block}.row-title,.row-description{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:400;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.row-description{margin-top:2px;color:var(--muted)}.resume-section-projects .row-title{margin-top:2px}.project-detail{width:400px;max-width:400px;animation:rise-in .42s ease-out both}.detail-content{height:500px;overflow-y:auto;color:var(--text);font-size:14px;line-height:1.8;scrollbar-width:none}.detail-content::-webkit-scrollbar{display:none}.detail-content p{margin-bottom:16px}.detail-content p:last-child{margin-bottom:0}.detail-content ul,.detail-content ol{margin:0 0 16px;padding-left:24px}.detail-content li{margin-bottom:4px}.detail-content strong{font-weight:600}.detail-content a{color:#007aff;text-decoration:none}.detail-content a:hover{text-decoration:underline}.detail-navigation{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px}.detail-nav-btn{display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-size:14px;transition:color .16s ease,opacity .16s ease}.detail-nav-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.detail-nav-btn:hover:not(:disabled){color:#666}.detail-nav-btn:disabled{cursor:default;opacity:.3}.detail-home{min-width:46px}.preview-area{display:flex;flex:1;align-items:flex-start;justify-content:flex-start;padding:60px 0 0 40px;background:var(--background);overflow:visible}.preview-wrapper{display:flex;flex-direction:column;align-items:center;min-width:0;animation:fade-in .52s ease-out both .18s}.desktop-preview-stage{display:flex;width:320px;min-height:662px;align-items:center;justify-content:center;opacity:1;transition:opacity .18s ease}.desktop-preview-stage.is-swapping{opacity:0}.preview-frame{display:flex;width:100%;align-items:center;justify-content:center;animation:fade-in .42s ease-out both}.phone-mockup{position:relative;width:320px;height:662px;transform:translateZ(0)}.phone-device{position:relative;z-index:2;width:100%;height:100%;pointer-events:none;user-select:none}.phone-screen{position:absolute;inset:8px;z-index:1;overflow:hidden;border-radius:30px;background:#fff}.screen-media{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .18s ease}.screen-media.is-swapping{opacity:0}.laptop-preview,.standalone-preview{position:relative;display:flex;width:440px;height:662px;align-items:center;justify-content:center;overflow:visible}.laptop-preview img{width:720px;max-width:none;height:auto}.standalone-preview img{width:400px;max-width:none;height:auto}.standalone-preview-yale img{width:320px}.preview-caption{flex-shrink:0;width:320px;margin:20px 0 0;color:var(--muted);font-size:14px;text-align:center}.desktop-preview-stage:has(.preview-frame-none)~.preview-caption{margin-top:-80px}.mobile-header,.mobile-carousel,.mobile-nav{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:768px){:root{--row-date: 110px}html,body{height:100%;overflow:hidden}.mobile-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:12px;height:74px;padding:15px 30px;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:rise-in .42s ease-out both 80ms}.mobile-profile-photo{width:44px;height:44px;flex-shrink:0;border-radius:50%;object-fit:cover;transition:opacity .14s ease}.mobile-header-text{min-width:0}.mobile-header h1,.mobile-header p{overflow:hidden;max-width:280px;text-overflow:ellipsis;white-space:nowrap}.mobile-header h1{color:var(--text);font-size:14px;font-weight:400;line-height:1.35}.mobile-header p{margin-top:2px;color:var(--muted);font-size:14px;line-height:1.35}.container{display:block;height:100vh;height:100dvh;padding:0;overflow:hidden}.resume,.desktop-preview-stage,.preview-wrapper>.preview-caption{display:none}.preview-area{display:block;width:100%;height:100vh;height:100dvh;padding:0;overflow:hidden}.preview-wrapper{display:block;width:100%;height:100%;overflow:hidden}.mobile-carousel{display:flex;width:max-content;height:100%;transition:transform .3s ease-out;will-change:transform}.carousel-slide{display:flex;width:100vw;height:100vh;height:100dvh;flex-direction:column;align-items:center;flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:90px 30px 96px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-slide::-webkit-scrollbar{display:none}.carousel-slide[data-mobile-project=home]{justify-content:center;padding-top:0;padding-bottom:0;overflow:hidden}.mobile-resume-card{width:100%;max-width:400px}.mobile-project-media{display:flex;min-height:455px;align-items:center;justify-content:center}.preview-frame-mobile{width:100%}.preview-frame-mobile .phone-mockup{width:220px;height:455px}.preview-frame-mobile .phone-screen{inset:6px;border-radius:24px}.preview-frame-mobile .laptop-preview,.preview-frame-mobile .standalone-preview{width:100%;height:455px}.preview-frame-mobile .laptop-preview img{width:576px}.preview-frame-mobile .standalone-preview img{width:312px}.preview-frame-mobile .standalone-preview-yale img{width:288px}.mobile-project-copy{width:100%;max-width:420px;height:auto;margin-top:20px;overflow:visible;padding-bottom:8px}.resume-section{width:100%;margin-bottom:20px}.section-header{grid-template-columns:var(--row-date) 1fr;margin-bottom:5px}.section-header .date{padding-left:0}.resume-row-mobile{width:auto;margin:3px -5px 12px;padding:5px;border-radius:6px}.resume-row-mobile:hover,.resume-row-mobile.auto-hover{background:transparent}.resume-row-mobile:active{background:#0000000d}.timeline{grid-template-columns:var(--row-date) 1fr}.mobile-nav{position:fixed;right:0;bottom:20px;left:0;z-index:100;display:flex;width:max-content;align-items:center;justify-content:center;margin:0 auto;padding:4px;border-radius:40px;background:#fffffffa;box-shadow:0 2px 20px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:rise-in .42s ease-out both .32s}.nav-arrow,.nav-home{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:var(--text);cursor:pointer;transition:background .16s ease,opacity .18s ease,transform .18s ease,width .24s ease,margin .24s ease,padding .24s ease}.nav-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-arrow:active,.nav-home:active{background:#0000000d;transform:scale(.95)}.nav-arrow:disabled{cursor:default;opacity:.3}.nav-home{margin:0 4px;padding:8px;opacity:1;transform:scale(1)}.nav-home.is-collapsed{width:0;margin:0;padding:0;opacity:0;pointer-events:none;transform:scale(0)}.home-icon{width:20px;height:20px}}@media(max-width:380px){body,.date,.row-title,.row-description,.mobile-header h1,.mobile-header p{font-size:13px}.carousel-slide{padding-right:24px;padding-left:24px}}.quiet-page{position:relative;display:grid;min-height:100vh;min-height:100dvh;place-items:center;overflow:hidden;padding:56px;background:#fff;color:#153342;--quiet-pool-left: 11.081%;--quiet-pool-top: 12.09%;--quiet-pool-width: 77.839%}.quiet-composition{position:relative;width:min(1040px,100%)}.quiet-water-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.quiet-water-frame canvas{display:block;width:100%;height:100%;cursor:auto;touch-action:none}.quiet-water-frame.is-unavailable:after{position:absolute;inset:0;display:grid;place-items:center;color:#1533429e;content:"Water is unavailable in this browser.";font-size:14px}.quiet-pool-panel[hidden]{display:none}.quiet-pool-panel{position:fixed;top:16px;right:16px;z-index:200;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(372px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;border:1px solid rgba(110,168,190,.32);border-radius:8px;background:#f8fdffe0;box-shadow:0 18px 48px #33687b2e;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.quiet-pool-panel__head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid rgba(110,168,190,.2)}.quiet-pool-panel__eyebrow,.quiet-pool-panel h2,.quiet-control-section h3{margin:0}.quiet-pool-panel__eyebrow{color:#4e8292;font-size:10px;font-weight:600;line-height:1.2;text-transform:uppercase}.quiet-pool-panel h2{margin-top:3px;color:#153342;font-size:15px;font-weight:400;line-height:1.2}.quiet-pool-panel__close{display:inline-flex;width:28px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(87,143,164,.36);border-radius:6px;background:#ffffffb8;color:#173949;cursor:pointer}.quiet-pool-panel__close:hover,.quiet-pool-panel__close:focus-visible{border-color:#147fb894;background:#ffffffe0}.quiet-pool-panel__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.quiet-pool-panel__body{overflow:auto;padding:4px 14px 14px;scrollbar-color:rgba(69,128,148,.45) transparent;scrollbar-width:thin}.quiet-control-section{padding-top:12px}.quiet-control-section+.quiet-control-section{margin-top:10px;border-top:1px solid rgba(110,168,190,.18)}.quiet-control-section h3{margin-bottom:8px;color:#3d7182;font-size:11px;font-weight:600;line-height:1.2;text-transform:uppercase}.quiet-control{display:grid;grid-template-columns:102px minmax(0,1fr) 72px;min-height:28px;align-items:center;gap:8px;font-size:12px}.quiet-control+.quiet-control{margin-top:6px}.quiet-control__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiet-control__value{color:#416f7f;font-variant-numeric:tabular-nums;text-align:right}.quiet-control input{width:100%;margin:0;accent-color:#147fb8}.quiet-control input[type=color]{height:24px;padding:0;border:1px solid rgba(87,143,164,.36);border-radius:6px;background:transparent;cursor:pointer}.quiet-control input.quiet-control__value{min-width:0;height:24px;padding:0 4px;border:1px solid transparent;border-radius:4px;outline:none;background:transparent;font:inherit;font-size:12px;text-transform:uppercase}.quiet-control input.quiet-control__value:focus{border-color:#147fb894;background:#ffffffad}.quiet-control input.quiet-control__value.is-invalid{border-color:#bc43439e;background:#fff4f4b8;color:#8d3030}.quiet-version-select{width:100%;height:32px;padding:0 8px;border:1px solid rgba(87,143,164,.36);border-radius:6px;background:#ffffff9e;color:#173949;font:inherit;font-size:12px}.quiet-version-nav{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:8px;margin-top:8px}.quiet-version-nav button{height:30px;border:1px solid rgba(87,143,164,.36);border-radius:6px;background:#ffffff9e;color:#173949;cursor:pointer;font-size:12px}.quiet-version-nav button:disabled{cursor:default;opacity:.42}.quiet-version-nav output{display:grid;min-width:0;height:30px;place-items:center;color:#416f7f;font-size:12px;font-variant-numeric:tabular-nums}.quiet-save-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px}.quiet-save-button{height:30px;border:1px solid rgba(20,127,184,.46);border-radius:6px;background:#ffffffb8;color:#173949;cursor:pointer;font:inherit;font-size:12px}.quiet-save-button:hover,.quiet-save-button:focus-visible{border-color:#147fb8ad;background:#ffffffe6}.quiet-save-button:disabled{cursor:default;opacity:.52}.quiet-save-status{min-width:0;overflow:hidden;color:#416f7f;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.quiet-save-status[data-tone=busy]{color:#147fb8}.quiet-save-status[data-tone=success]{color:#2d755b}.quiet-save-status[data-tone=error]{color:#8d3030}@media(max-width:768px){.quiet-page{display:grid;place-items:center;padding:40px}.quiet-composition{width:min(100%,calc(100vh - 80px));width:min(100%,calc(100dvh - 80px))}.quiet-water-frame{width:100%;aspect-ratio:1 / 1}.quiet-pool-panel{inset:auto 10px 10px;width:auto;max-height:54vh}.quiet-control{grid-template-columns:88px minmax(0,1fr) 70px}}@media(max-width:380px){.quiet-page{padding:40px}}