body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Arial Rounded MT Bold,sans-serif}body{font-size:18px}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1 1;padding-bottom:150px}.placeholder-screen{color:#666;font-size:1.5rem;padding:2rem}.header-name{align-items:center;display:flex;font-size:25px}.sub-container{padding:50px 30px 30px}.flex-column{display:flex;flex-direction:column}@media only screen and (max-device-width:480px){body{font-size:20px}.set-list-paper{background-color:initial!important;box-shadow:none!important;margin-top:40px!important}}a{color:#000}.piano{background-color:#1a1a1a;bottom:0;box-shadow:0 -4px 16px #00000080;box-sizing:border-box;height:140px;left:0;padding-top:10px;position:fixed;right:0;z-index:100}.keyboard,.piano{align-items:flex-start;display:flex;overflow:visible}.keyboard{flex-direction:row;height:130px;width:100%}.keyboard .white-key{align-items:flex-end;background-color:#fafafa;border-bottom:2px solid #aaa;border-left:1px solid #ccc;border-radius:0 0 5px 5px;box-shadow:1px 2px 5px #00000040;box-sizing:border-box;cursor:default;display:flex;flex:1 1;height:120px;justify-content:center;overflow:visible;padding-bottom:8px;position:relative;transition:background-color .1s ease}.keyboard .white-key:last-child{border-right:1px solid #ccc}.keyboard .white-key.nav-key{background-color:#fff8dc;cursor:pointer}.keyboard .white-key.nav-key:hover{background-color:#ffe066}.keyboard .black-key{align-self:flex-start;background-color:#222;border-radius:0 0 4px 4px;box-shadow:1px 4px 8px #0009;box-sizing:border-box;cursor:default;flex-shrink:0;height:78px;margin-left:-1.4vw;margin-right:-1.4vw;max-width:52px;min-width:18px;transition:background-color .1s ease;width:2.8vw;z-index:2}.key-label{color:#aaa;font-size:10px;font-weight:700;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-key .key-label{color:#555;font-size:11px}.white-key.nav-key:after{background-color:#141414e6;border-radius:4px;bottom:calc(100% + 10px);color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:200}.white-key.nav-key:hover:after{opacity:1}.image{border-radius:10px;margin-bottom:20px}.set-list{height:70px;margin-left:25px;width:50px}.about-me,.set-list{background-color:#fff;cursor:pointer;position:absolute;text-align:center}.about-me{height:30px;margin-left:100px;width:60px}.set-list-title{font-size:10px}li{margin-bottom:.75em}.set-list-paper{align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-radius:5px;display:flex;flex-direction:column;margin-top:10px;max-width:500px;padding-bottom:20px}.set-list-item{cursor:pointer;font-size:13px}.coffee{background-clip:content-box;background-color:#c47645;border:3px solid #fffdf5;border-radius:50%;cursor:pointer;height:15px;margin-left:200px;padding:0;position:absolute;width:15px}.record-player{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:center;margin-top:50px;padding:40px}.record{background-color:#000;border-radius:50%;height:200px;overflow:hidden;position:relative;width:200px}.record-center{background-color:#ecf0f1;border:5px solid gold;border-radius:50%;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.record-sheen{animation:spin 2s linear infinite;animation-play-state:paused;background:repeating-linear-gradient(45deg,#ffffff1a,#ffffff1a 2px,#ffffff4d 0,#ffffff4d 4px);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning .record-sheen{animation-play-state:running}.home-container{align-items:center;background-color:#1a1a17;display:flex;height:calc(100vh - 140px);justify-content:center}.home-center-panel{align-items:center;display:flex;flex-direction:column;padding:40px;text-align:center}.home-name{color:#fff;font-family:Arial Rounded MT Bold,sans-serif;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.02em;line-height:1;margin:0 0 10px}.home-bio{color:#ffffff9e;font-size:clamp(.72rem,1vw,.88rem);line-height:1.7;margin-bottom:30px;max-width:340px}.home-bio p+p{margin-top:10px}.home-bio a{color:#ffffffd9;text-decoration:underline;text-underline-offset:3px}.home-bio a:hover{color:#fff}.home-projects{display:flex;gap:22px;margin-bottom:0}.home-projects a{color:#ffffff73;font-size:clamp(.65rem,.9vw,.78rem);letter-spacing:.06em;text-decoration:none;transition:color .2s}.home-projects a:hover{color:#fff}.home-social{display:flex;gap:18px;margin-top:28px}.home-social a{align-items:center;color:#fff6;display:flex;font-size:16px;transition:color .2s}.home-social a:hover{color:#fff}@media (max-width:700px){.home-container{height:auto;min-height:calc(100vh - 140px);padding:40px 24px}}.insp-container{background-color:#c04a2c;height:calc(100vh - 140px);overflow:hidden}.insp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:155px 1fr 1fr 155px;height:100%;min-height:640px}.insp-title{align-items:center;display:flex;flex-direction:column;grid-area:2/2/4/5;justify-content:center;padding:20px 16px;text-align:center;z-index:1}.insp-title h1{color:#fff;font-size:clamp(2.4rem,5.5vw,5.5rem);letter-spacing:-.02em;line-height:1;margin:0 0 12px}.insp-names,.insp-title h1{font-family:Arial Rounded MT Bold,sans-serif}.insp-names{color:#ffffff8c;font-size:clamp(.45rem,.75vw,.72rem);letter-spacing:.05em;line-height:2;margin:0}.insp-card{cursor:pointer;overflow:hidden;position:relative}.insp-card img{display:block;filter:saturate(.8) brightness(.97);height:100%;object-fit:cover;object-position:center top;transition:transform .45s ease,filter .3s ease;width:100%}.insp-card:hover img{filter:saturate(1.05) brightness(1);transform:scale(1.07)}.insp-overlay{background:#0000;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:12px;position:absolute;transition:background .3s ease}.insp-card:hover .insp-overlay{background:#000000b8}.insp-desc,.insp-name,.insp-role{color:#fff;display:block;font-family:Arial Rounded MT Bold,sans-serif;opacity:0;transform:translateY(5px);transition:opacity .25s ease .04s,transform .25s ease .04s}.insp-card:hover .insp-desc,.insp-card:hover .insp-name,.insp-card:hover .insp-role{opacity:1;transform:translateY(0)}.insp-name{font-size:12px;font-weight:700;margin-bottom:2px}.insp-role{color:#ffffffb8;font-size:9.5px;font-style:italic;margin-bottom:6px}.insp-desc{color:#ffffffe0;font-size:9.5px;line-height:1.45}.insp-card--flw{grid-area:1/1/2/2}.insp-card--davinci{grid-area:1/2/2/3}.insp-card--jobs{grid-area:1/3/2/4}.insp-card--feynman{grid-area:1/4/2/5}.insp-card--bernstein{grid-area:1/5/2/6}.insp-card--rachmaninoff{grid-area:2/1/3/2}.insp-card--prokofiev{grid-area:2/5/3/6}.insp-card--lynch{grid-area:3/1/4/2}.insp-card--wes{grid-area:3/5/4/6}.insp-card--trifonov{grid-area:4/1/5/2}.insp-card--gould{grid-area:4/2/5/3}.insp-card--zhao{grid-area:4/3/5/4}.insp-card--deakins{grid-area:4/4/5/5}.insp-card--cella{grid-area:4/5/5/6}@media (max-width:700px){.insp-container{height:auto;overflow-y:auto}.insp-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;min-height:auto}.insp-title{grid-area:auto;grid-column:1/-1;padding:36px 20px 28px}.insp-title h1{font-size:clamp(2rem,9vw,3rem)}.insp-names{font-size:.6rem}.insp-card--bernstein,.insp-card--cella,.insp-card--davinci,.insp-card--deakins,.insp-card--feynman,.insp-card--flw,.insp-card--gould,.insp-card--jobs,.insp-card--lynch,.insp-card--prokofiev,.insp-card--rachmaninoff,.insp-card--trifonov,.insp-card--wes,.insp-card--zhao{grid-area:auto;height:170px}}.work-container{background-color:#1a2840;height:calc(100vh - 140px);overflow:hidden}.work-modal-overlay{align-items:center;background:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.work-modal{max-width:860px;position:relative;width:90vw}.work-modal-video{border-radius:4px;display:block;outline:none;width:100%}.work-modal-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:14px;line-height:1;padding:0;position:absolute;right:0;top:-32px;transition:color .15s}.work-modal-close:hover{color:#fff}.work-modal-info{align-items:baseline;display:flex;gap:10px;margin-top:14px}.work-modal-category{color:#ffffff4d;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.work-modal-category,.work-modal-title{font-family:Arial Rounded MT Bold,sans-serif}.work-modal-title{color:#ffffffa6;font-size:.78rem}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:155px 1fr 1fr 155px;height:100%;min-height:560px}.work-title{align-items:center;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;grid-area:2/2/4/5;justify-content:center;padding:20px;text-align:center}.work-title h1{color:#fff;font-size:clamp(4rem,11vw,10rem);letter-spacing:-.03em;line-height:1;margin:0 0 10px}.work-sub,.work-title h1{font-family:Arial Rounded MT Bold,sans-serif}.work-sub{color:#ffffff4d;font-size:clamp(.45rem,.75vw,.7rem);letter-spacing:.12em;margin:0}.work-transport{display:flex;flex-direction:column;gap:8px;margin-top:24px;max-width:280px;width:100%}.work-transport-label{color:#ffffff80;font-family:Arial Rounded MT Bold,sans-serif;font-size:.65rem;letter-spacing:.04em}.work-transport-composer{color:#ffffff47}.work-transport-controls{align-items:center;display:flex;gap:10px}.work-play-btn{align-items:center;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;flex-shrink:0;padding:0;transition:color .15s}.work-play-btn:hover{color:#ffffffd9}.work-progress-wrap{align-items:center;cursor:pointer;display:flex;flex:1 1;padding:6px 0}.work-progress-bar{background-color:#ffffff1f;flex:1 1;height:1px;position:relative}.work-progress-fill{background-color:#ffffff80;height:100%}.work-time{color:#ffffff40;flex-shrink:0;font-family:Arial Rounded MT Bold,sans-serif;font-size:.58rem;white-space:nowrap}.work-card{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none}.work-overlay{background:#0000;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:14px;position:absolute;transition:background .3s ease}.work-card:hover .work-overlay{background:#000000c7}.work-card-desc,.work-card-meta,.work-card-tag,.work-card-title{color:#fff;display:block;font-family:Arial Rounded MT Bold,sans-serif;opacity:0;transform:translateY(5px);transition:opacity .25s ease .04s,transform .25s ease .04s}.work-card:hover .work-card-desc,.work-card:hover .work-card-meta,.work-card:hover .work-card-tag,.work-card:hover .work-card-title{opacity:1;transform:translateY(0)}.work-card-tag{color:#ffffff73;font-size:9px;letter-spacing:.14em;margin-bottom:4px;text-transform:uppercase}.work-card-title{font-size:12px;margin-bottom:3px}.work-card-meta{color:#ffffff80;font-size:10px;font-style:italic}.work-card-desc{color:#ffffffb3;font-size:10px;line-height:1.45;margin-top:6px}.work-card--commercial{background-color:#1e2f47}.work-card--commercial:after,.work-card--commercial:before{background:repeating-linear-gradient(90deg,#ffffff14 0,#ffffff14 8px,#0000 0,#0000 14px);content:"";height:1px;left:0;position:absolute;right:0}.work-card--commercial:before{top:8px}.work-card--commercial:after{bottom:8px}.work-play-btn-card{align-items:center;border:1.5px solid #ffffff40;border-radius:50%;color:#fff6;display:flex;height:44px;justify-content:center;padding-left:3px;transition:border-color .25s ease,color .25s ease;width:44px;z-index:1}.work-card:hover .work-play-btn-card{border-color:#ffffffb3;color:#ffffffd9}.work-card--music{background-color:#0d1826}.work-music-img{display:block;filter:saturate(.8) brightness(.88);height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;transition:transform .45s ease,filter .3s ease;width:100%}.work-card:hover .work-music-img{filter:saturate(1) brightness(.7);transform:scale(1.06)}.work-card--research{align-items:flex-start;background-color:#162235;flex-direction:column;gap:6px;justify-content:flex-end;padding:16px}.work-research-label{color:#ffffff4d;font-size:9px;letter-spacing:.14em;margin-bottom:2px;text-transform:uppercase}.work-research-label,.work-research-title{font-family:Arial Rounded MT Bold,sans-serif}.work-research-title{color:#ffffffbf;font-size:13px;line-height:1.3}.work-research-venue{color:#ffffff4d;font-family:Arial Rounded MT Bold,sans-serif;font-size:10px;font-style:italic}.work-card--comm1{grid-area:1/1/2/2}.work-card--comm2{grid-area:1/3/2/4}.work-card--comm3{grid-area:1/5/2/6}.work-card--rameau{grid-area:2/1/3/2}.work-card--sarcasm2{grid-area:2/5/3/6}.work-card--sarcasm3{grid-area:3/1/4/2}.work-card--vivace{grid-area:3/5/4/6}.work-card--doppler{grid-area:4/3/5/4}@media (max-width:700px){.work-container{height:auto;overflow-y:auto}.work-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;min-height:auto}.work-title{border:none;border-bottom:1px solid #ffffff0d;grid-area:auto;grid-column:1/-1;padding:36px 20px 28px}.work-title h1{font-size:clamp(3.5rem,14vw,6rem)}.work-card--comm1,.work-card--comm2,.work-card--comm3,.work-card--doppler,.work-card--rameau,.work-card--sarcasm2,.work-card--sarcasm3,.work-card--vivace{grid-area:auto;height:160px}}
/*# sourceMappingURL=main.c9583742.css.map*/