html[data-theme] body main .hero{margin-top:115px!important;margin-bottom:35px}html[data-theme=acoustic] body main{background:transparent!important;backdrop-filter:none!important}html[data-theme=acoustic] .resonance-field,html[data-theme=acoustic] .resonance-field canvas{opacity:1!important;filter:none!important;mask-image:none!important}html[data-theme=acoustic] body main .hero{background:transparent!important;backdrop-filter:none!important}.profile-links{align-items:center;gap:19px}.profile-links a{padding:3px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;font:13px var(--sans)}.profile-links a:hover{transform:none}.profile-links .profile-email{border-bottom:0;color:var(--muted);font-size:12px}.project-deck{padding:20px 24px 24px;border-radius:12px}html[data-theme] body .project-deck .marimba{gap:24px;margin:8px 0 0;padding:0 8px 35px;position:relative}html[data-theme] .project-deck .marimba:before{top:55px;bottom:0;left:-5px;right:-5px;background:linear-gradient(100deg,#b0c5d2,#d0dce1,#a7c2d0);border:1px solid #87a6ba;border-radius:7px 7px 22px 22px;box-shadow:inset 0 2px #ffffff50}html[data-theme] .project-deck .bank-title{padding-bottom:12px;margin-bottom:12px;font-size:12px}html[data-theme] .project-deck .bank-bars{height:215px;display:flex;align-items:flex-start}html[data-theme] .project-deck .bar{height:var(--length)!important;min-height:145px;position:relative;padding:17px 12px 14px;border-radius:5px 5px 3px 3px;box-shadow:0 6px #6c4e39,0 12px 14px #24384d20;background:linear-gradient(90deg,#926541,#b58a61 42%,#ae8058 65%,#956943);border:1px solid #825d3f;color:#fff3df}html[data-theme] .project-deck .bar:before{content:'';position:absolute;top:29px;left:8px;right:8px;height:2px;background:#dbc9a688;box-shadow:0 101px #dbc9a655}html[data-theme] .project-deck .bar-name{font:500 17px/1.3 var(--sans);margin:auto 0;text-align:center;position:relative;z-index:1}html[data-theme] .project-deck .bar-number{font-size:9px}html[data-theme] .project-deck .bar-note{font:11px var(--mono)}html[data-theme] .project-deck .bar:after{top:calc(100% + 7px);left:33%;right:33%;height:27px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#7595aa,#c1d3de,#718fa5);border:1px solid #7795aa}html[data-theme] .project-deck .bar[aria-pressed=true]{transform:translateY(-3px);outline-offset:5px}html[data-theme=electronic] .project-deck .marimba:before{background:#193144;border-color:#406a85}html[data-theme=electronic] .project-deck .bar{background:linear-gradient(90deg,#19374a,#2a526a,#1c3b50);border-color:#699db9;color:#e0f3fb;box-shadow:0 6px #0a1823,0 10px 15px #00000020}html[data-theme=electronic] .project-deck .bar:before{background:#98d9ed80;box-shadow:0 101px #98d9ed50}.project-process{counter-reset:none}.project-process li{padding-top:15px}.project-process p{font-size:15px;line-height:1.85}@media(max-width:700px){html[data-theme] body main .hero{margin-top:95px!important}.profile-links{gap:12px}.profile-links .profile-email{flex-basis:100%}.project-deck{padding:14px 12px 20px}html[data-theme] body .project-deck .marimba{gap:15px;padding-bottom:26px}html[data-theme] .project-deck .bank-bars{height:170px}html[data-theme] .project-deck .bar{min-height:110px;padding:12px 8px}html[data-theme] .project-deck .bar-name{font-size:14px}html[data-theme] .project-deck .bar:before{top:24px;box-shadow:0 65px #dbc9a655}html[data-theme] .project-deck .bar:after{height:20px}.project-process p{font-size:14px}}
/* Leave uncovered notation sharp; diffuse it only inside reading panels. */
html[data-theme=acoustic] body main #work,html[data-theme=acoustic] body main .about,html[data-theme=acoustic] body main .contact{backdrop-filter:none!important;background:transparent!important}
html[data-theme=acoustic] .project-overview,html[data-theme=acoustic] .project-perspective,html[data-theme=acoustic] .project-context,html[data-theme=acoustic] .project-reading,html[data-theme=acoustic] .project-deck,html[data-theme=acoustic] .contact>div{backdrop-filter:blur(4px);background:color-mix(in srgb,var(--bg) 90%,transparent)}
.profile-links a.profile-email{padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--ink);flex-basis:auto}
.profile-links .profile-email span{text-decoration:underline;text-underline-offset:3px}
html[data-theme=acoustic] .resonance-field,html[data-theme=acoustic] .resonance-field canvas{filter:none!important;image-rendering:auto}
#about,#contact{scroll-margin-top:85px}

/* Reading surfaces soften notation while the surrounding score stays sharp. */
html[data-theme=acoustic] body main .hero,html[data-theme=acoustic] body main .about,html[data-theme=acoustic] body main .contact{background:color-mix(in srgb,var(--bg) 72%,transparent)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;border-radius:18px}
html[data-theme] body .project-deck #mode-description{max-width:none;white-space:nowrap;font:12px/1.6 var(--sans)}
.project-reading{background:transparent!important;backdrop-filter:none!important}
.reading-choices{position:relative;isolation:isolate;gap:0;padding:6px;border:1px solid #8ba7b8;border-radius:22px;background:#c8d8e280;box-shadow:inset 0 2px 5px #29495b14}
.reading-choices:before{content:'';position:absolute;z-index:-1;left:6px;top:6px;bottom:6px;width:calc(50% - 6px);border-radius:17px;background:#476d83;box-shadow:0 3px 8px #1f38432b;transition:transform .25s ease}
.reading-choices:has([data-perspective=analysis][aria-pressed=true]):before{transform:translateX(100%)}
.reading-choices button,.reading-choices button[aria-pressed=true]{border:0;padding:20px;border-radius:17px;background:transparent;box-shadow:none;color:#435e6e;min-width:0;transition:color .2s}
.reading-choices button[aria-pressed=true]{color:#fff}
.reading-choices button[aria-pressed=true] small,.reading-choices button[aria-pressed=true] .reading-number,.reading-choices button[aria-pressed=true] .reading-state{color:#e3f0f7}
.reading-choices button:not([aria-pressed=true]) small,.reading-choices button:not([aria-pressed=true]) .reading-number,.reading-choices button:not([aria-pressed=true]) .reading-state{color:#506c7c}
.reading-choices button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.reading-choices .reading-state{font:10px var(--sans)}
html[data-theme=electronic] .reading-choices{background:#0a1b28;border-color:#45677e}
html[data-theme=electronic] .reading-choices:before{background:#a5dce9;box-shadow:0 2px 10px #8cd8e32b}
html[data-theme=electronic] .reading-choices button{color:#b4c9d8}
html[data-theme=electronic] .reading-choices button[aria-pressed=true],html[data-theme=electronic] .reading-choices button[aria-pressed=true] small,html[data-theme=electronic] .reading-choices button[aria-pressed=true] .reading-number,html[data-theme=electronic] .reading-choices button[aria-pressed=true] .reading-state{color:#102b3d}
html[data-theme=electronic] .reading-choices button:not([aria-pressed=true]) small,html[data-theme=electronic] .reading-choices button:not([aria-pressed=true]) .reading-number,html[data-theme=electronic] .reading-choices button:not([aria-pressed=true]) .reading-state{color:#a4bdcf}
@media(max-width:1000px){html[data-theme] body .project-deck #mode-description{white-space:normal}.reading-choices button,.reading-choices button[aria-pressed=true]{padding:16px 12px}.reading-state{display:none}}
@media(prefers-reduced-motion:reduce){.reading-choices:before{transition:none}}

/* Solid button surfaces remain visible without a pseudo-element highlight. */
.reading-choices{background:#d1dfe7}
.reading-choices:before{display:none}
.reading-choices button,.reading-choices button[aria-pressed=false]{background:#d1dfe7;opacity:1!important}
.reading-choices button[aria-pressed=true]{background:#476d83;box-shadow:0 3px 8px #1f38432b;opacity:1!important}
html[data-theme=electronic] .reading-choices button{background:#102535;opacity:1!important}
html[data-theme=electronic] .reading-choices button[aria-pressed=true]{background:#a5dce9;box-shadow:0 2px 10px #8cd8e32b}
html[data-theme=acoustic] body main #work .project-deck .bar[aria-pressed=true]{background:linear-gradient(90deg,#5c3827,#79503a 42%,#70462f 65%,#573422);border-color:#53321f;color:#fff7e9;outline:2px solid #6f4d36;box-shadow:0 6px #402919,0 12px 18px #24384d2b}
html[data-theme=electronic] body main #work .project-deck .bar[aria-pressed=true]{background:linear-gradient(90deg,#28617c,#438ca4 45%,#29647e);border-color:#b2f0ff;outline:2px solid #9aeaff;color:#f2fdff;box-shadow:inset 0 0 24px #92e6f94d,0 0 16px #6bdcf58c,0 0 32px #6bdcf547,0 6px #0a1823}
.about-image-placeholder{margin:28px 0 0;border:1px dashed var(--line);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--bg) 65%,transparent)}
.about-image-placeholder img{display:block;width:100%;height:auto;aspect-ratio:640/420;object-fit:contain}
.about-image-placeholder figcaption{padding:0 18px 18px;font:13px var(--sans);color:var(--ink)}
.about-image-placeholder figcaption span{display:block;margin-top:6px;color:var(--muted);font:10px var(--mono)}
@media(max-width:700px){.about-image-placeholder{max-width:320px;margin-bottom:24px}}

/* Keep electronic headings distinctive while making reading text simpler. */
html[data-theme=electronic]{--sans:'Karla',Arial,sans-serif;--display:'Chakra Petch',sans-serif;--ink:#f4f8fc;--muted:#d3e0eb}
html[data-theme=electronic] body main p,html[data-theme=electronic] body main li{color:#eff5fa}
html[data-theme=electronic] .reading-choices button:not([aria-pressed=true]),html[data-theme=electronic] .reading-choices button:not([aria-pressed=true]) small{color:#e1ecf4}
html[data-theme=electronic] .project-thumbnail figcaption,html[data-theme=electronic] .project-gallery figcaption,html[data-theme=electronic] .education span,html[data-theme=electronic] .experience-list span{color:#d4e3ee}

html[data-theme] body main .hero{grid-template-columns:minmax(0,1fr) 180px;gap:34px}
html[data-theme] body main .hero-intro p{font-size:19px}
.portrait-slot{width:180px;aspect-ratio:1;border:0;border-radius:16px;overflow:hidden;background:none;box-shadow:0 5px 20px #152f4214}
.portrait-slot img{display:block;width:100%;height:100%;object-fit:cover}
.about-image-placeholder{border-style:solid}
.about-image-placeholder img{aspect-ratio:3/2;object-fit:cover}
.about-image-placeholder figcaption{padding:12px 16px}
body>.score-dock.floating-score #volume-value{display:flex!important;align-items:center;gap:4px;white-space:nowrap}
#volume-value svg{width:14px;height:14px;flex:none}
@media(max-width:700px){html[data-theme] body main .hero{grid-template-columns:minmax(0,1fr) 90px;gap:16px}.portrait-slot{width:90px;border-radius:10px}html[data-theme] body main .hero-intro p{font-size:15px}}

#work[data-project=heartbeats] .real-thumbnail img,#work[data-project=performance] .real-thumbnail img{display:block;height:auto;object-fit:cover;background:transparent;border:0}

.about-image-placeholder img{aspect-ratio:2/1;object-fit:contain;image-rendering:pixelated}