@view-transition{navigation:auto}.resonance-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 0 25%,#b8d7ec77,transparent 48%),radial-gradient(ellipse at 100% 80%,#ccdfe988,transparent 40%)}.resonance-field svg{width:100%;height:100%;opacity:.32;fill:none;stroke:#7ea9c5;stroke-width:1}.digital-lines{stroke-dasharray:3 5}.score-lines{opacity:.65}.hero:after{display:none}.hero-title{font-size:82px;max-width:900px}.hero-intro{max-width:680px}.hero-intro p{font-size:23px}.hero{padding-bottom:70px}.work-head h2{font-size:43px}.marimba{padding:0 25px 65px;margin:0 -18px;gap:35px}.marimba:before{top:90px;bottom:0;background:linear-gradient(125deg,#bcd5e8,#d6e5ef 55%,#a7c6dd);box-shadow:inset 0 1px #f7fcff,0 20px 45px #38607d15;border:1px solid #a7bfd0;border-radius:8px 8px 70px 8px}.bank-title{padding-left:0}.bank-bars{height:360px}.bank-bars:before,.bank-bars:after{display:none}.bar{box-shadow:0 8px #71523d,0 17px 19px #23384c30;border-top:1px solid #dfbc98}.bar:before{content:'';position:absolute;left:-8px;right:-8px;top:11%;height:2px;background:#516879;box-shadow:0 1px #c7d3da;pointer-events:none;z-index:0}.bar-pin{position:absolute;top:10%;left:calc(50% - 2px);z-index:1}.bar-pin.end{top:83%;margin:0}.bar-name{position:absolute;left:50%;top:48%;translate:-50% -50%;height:auto;max-height:65%;margin:0;white-space:nowrap}.bar-number{position:absolute;top:18%;left:50%;translate:-50% 0}.bar-note{position:absolute;bottom:8%;left:50%;translate:-50% 0}.bar:after{height:58px;top:calc(100% + 8px);box-shadow:inset 0 0 6px #55789155,0 6px 8px #2c4b6520}.bar:hover{transform:translateY(-8px);filter:brightness(1.09)}.bar[aria-pressed=true]{outline:2px solid #397ba9;outline-offset:6px;box-shadow:0 8px #71523d,0 18px 25px #31597835}.detail-heading h3{view-transition-name:project-title}.instrument-toolbar{background:#edf3f7a8;border-radius:8px;padding:20px 12px 0}.bar.struck{animation:resonate .65s ease-out}#work[data-mode=analysis] .bar.struck{animation:electrify .65s ease-out}#work[data-mode=analysis] .marimba:before{background:linear-gradient(120deg,#9dbdd6,#c4dae9,#9bbcd4)}#work[data-mode=analysis] .bar[aria-pressed=true]{box-shadow:0 7px #7b9db8,0 0 22px #5d9cc755}body{transition:opacity .3s,filter .3s}.page-departure{opacity:0;filter:blur(4px)}::view-transition-old(root){animation:score-out .35s ease both}::view-transition-new(root){animation:score-in .45s ease both}::view-transition-group(project-title){animation-duration:.3s}@keyframes resonate{0%{translate:0 5px;filter:brightness(1.25)}25%{translate:0 -3px}50%{translate:0 2px}100%{translate:0 0}}@keyframes electrify{0%{translate:0 4px;box-shadow:0 0 40px #65a5d8aa}30%{translate:0 -4px;filter:brightness(1.3)}100%{translate:0 0}}@keyframes score-out{to{opacity:0;transform:translateY(-16px);filter:blur(3px)}}@keyframes score-in{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(max-width:700px){.hero-title{font-size:53px}.hero-intro p{font-size:19px}.hero{padding-bottom:40px}.marimba{padding:0 9px 55px;gap:15px;margin:0 -7px}.bank-bars{height:285px}.marimba:before{top:100px;border-radius:7px 7px 35px 7px}.bar:before{left:-5px;right:-5px}.bar:after{height:43px}.bar-name{font-size:14px}.work-head h2{font-size:34px}.resonance-field svg{opacity:.18}.instrument-toolbar{padding-left:0;padding-right:0}.bar-number{font-size:8px}}@media(prefers-reduced-motion:reduce){body,.bar{transition:none}.bar.struck,#work[data-mode=analysis] .bar.struck{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
body:has(#work[data-mode=analysis]) .score-lines{opacity:.2}body:has(#work[data-mode=analysis]) .digital-lines{stroke:#477ca4;stroke-width:1.5;stroke-dasharray:8 4}.score-lines,.digital-lines{transition:opacity .6s,stroke .6s}.resonance-field{view-transition-name:resonance-background}::view-transition-old(resonance-background){animation:field-out .45s ease both}::view-transition-new(resonance-background){animation:field-in .6s ease both}::view-transition-new(root){animation:bar-reveal .55s cubic-bezier(.22,.7,.2,1) both}@keyframes bar-reveal{from{opacity:0;clip-path:polygon(0 0,16% 0,16% 10%,33% 10%,33% 0,50% 0,50% 15%,67% 15%,67% 0,84% 0,84% 10%,100% 10%,100% 0,0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes field-out{to{opacity:0;transform:translateX(-50px)}}@keyframes field-in{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(resonance-background),::view-transition-new(resonance-background){animation:none}.score-lines,.digital-lines{transition:none}}