html{scroll-snap-type:y proximity;scroll-padding-top:70px}html[data-theme] body main .hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:48px;padding:22px 28px;margin:20px 0 32px;scroll-snap-align:start}html[data-theme] body main .hero:before{display:none}html[data-theme] body main .hero-title{font-size:clamp(42px,5.3vw,70px);margin:12px 0 18px}html[data-theme] body main .hero-intro{display:block;background:transparent!important;backdrop-filter:none!important;padding:0;border-radius:0}html[data-theme] body main .hero-intro p{font:18px/1.65 var(--sans);max-width:54ch;margin:0}.profile-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.profile-links a{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;font:12px var(--sans);background:var(--bg)}.profile-links svg{width:18px;height:18px}.profile-links a:hover{border-color:var(--accent);transform:translateY(-2px)}.portrait-slot{margin:0;aspect-ratio:4/5;width:100%;border:1px dashed var(--line);border-radius:48% 48% 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 60%,transparent);color:var(--muted)}.portrait-slot>span{font:64px var(--display);color:var(--accent);opacity:.4}.portrait-slot figcaption{font:10px var(--mono);margin-top:20px}html[data-theme] body main #work{padding:0;border:0;background:transparent!important;scroll-snap-align:start;scroll-margin-top:66px}html[data-theme] #work:before{display:none}.project-deck{position:sticky;top:60px;z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 22px 10px;box-shadow:0 5px 20px #0000000c}html[data-theme] .project-deck .instrument-toolbar{padding:0 0 8px;border:0;background:none}html[data-theme] .project-deck #mode-description{min-height:0;margin:0 0 12px;font:12px/1.5 var(--sans)}html[data-theme] .project-deck .marimba{padding:0 0 14px;margin:0;gap:20px}html[data-theme] .project-deck .marimba:before{top:30px;bottom:4px}html[data-theme] .project-deck .bank-title{padding:0 0 4px;margin:0 0 10px;border:0;background:none;font:12px var(--sans)}html[data-theme] .project-deck .bank-title>span{font-size:9px}html[data-theme] .project-deck .bank-bars{height:110px;gap:10px}html[data-theme] .project-deck .bar{padding:7px 5px;min-height:75px;height:100%}html[data-theme] .project-deck .bar-name{writing-mode:horizontal-tb;transform:none;font:12px/1.2 var(--sans);text-align:center;margin:auto 0}html[data-theme] .project-deck .bar-number{font-size:8px}html[data-theme] .project-deck .bar-note{font-size:8px}html[data-theme] .project-deck .bar-pin{display:none}html[data-theme] .project-deck .bar:after{height:10px;top:calc(100% + 3px)}html[data-theme] body #project-detail{display:block;min-height:0;padding:30px 0 0;margin:0;border:0;background:none}.project-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:30px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 90%,transparent)}html[data-theme] #project-detail h2{font:500 37px/1.15 var(--display);margin:12px 0}html[data-theme] #project-detail .purpose{font:18px/1.6 var(--sans)}.project-status{display:inline-block;padding:6px 10px;border:1px solid var(--line);border-radius:20px;font:10px var(--mono);color:var(--accent)}.project-thumbnail{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#8cb8cb22,transparent),var(--bg)}.thumb-caption,.project-thumbnail small{font:9px/1.5 var(--mono);color:var(--muted)}.thumbnail-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.thumbnail-flow>span{border-left:2px solid var(--accent);padding:4px 8px;font:12px/1.4 var(--sans)}.thumbnail-flow i{display:block;font:9px var(--mono);color:var(--accent);margin-bottom:4px}.shared-results{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:22px}.shared-results h3,.project-context h3{font:500 18px var(--sans)!important;margin:0 0 12px}.shared-results li,.shared-results p{font:15px/1.75 var(--sans)}.shared-results ul{padding-left:18px;margin:0}.project-perspective,.project-context{padding:30px;margin:22px 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 93%,transparent)}.project-perspective>h3{font:500 30px/1.25 var(--display);margin:12px 0 18px}.project-perspective>p,.project-context>p{max-width:75ch;font:16px/1.8 var(--sans)}.project-process{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.project-process li{border-top:1px solid var(--line);padding-top:12px}.project-process li>span{font:10px var(--mono);color:var(--accent)}.project-process p{font:14px/1.75 var(--sans)}@media(max-width:700px){html[data-theme] body main .hero{grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:16px 0;margin-top:20px}.portrait-slot{align-self:start;margin-top:36px}.portrait-slot>span{font-size:38px}.portrait-slot figcaption{font-size:8px;margin-top:8px}.profile-links{gap:5px}.profile-links a{padding:6px;font-size:10px}.profile-links svg{width:15px;height:15px}html[data-theme] body main .hero-intro p{font-size:15px}.project-deck{padding:10px;top:55px}html[data-theme] .project-deck .bank-bars{height:82px;gap:5px}html[data-theme] .project-deck .marimba{gap:8px}html[data-theme] .project-deck .bar-name{font-size:9px}html[data-theme] .project-deck .bank-title{font-size:10px}html[data-theme] .project-deck #mode-description{font-size:10px}.project-overview{display:block;padding:20px}.project-thumbnail{margin-top:22px}.shared-results{display:block;margin-top:22px;padding-top:20px}.shared-results section+section{margin-top:22px}.project-perspective,.project-context{padding:22px}.project-process{display:block}.project-process li{margin-top:16px}html[data-theme] #project-detail h2{font-size:30px}.project-perspective>h3{font-size:25px}}