/* A quiet translation layer; the code and decoded text share the same grid cell. */
.reveal-word{display:grid;min-width:0;align-items:center;text-align:left}
.reveal-code,.reveal-translation{grid-area:1/1;min-width:0;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.7,.2,1)}
.reveal-code{opacity:1;transform:none}
.reveal-translation{opacity:0;transform:translateY(4px);pointer-events:none}
.is-decoded .reveal-code{opacity:0;transform:translateY(-3px)}
.is-decoded .reveal-translation{opacity:1;transform:none}
.qiuyu-reveal{appearance:none;background:transparent;color:inherit;border:0;border-radius:0;text-align:left;cursor:pointer;font:inherit;letter-spacing:inherit}
.qiuyu-reveal:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.hero .welcome-discovery{display:block;margin-top:38px;width:fit-content;max-width:100%}
.hero .welcome-discovery .manifesto{display:block;margin:0;padding:0;font:inherit;font-size:clamp(1.3rem,2.1vw,2.1rem);line-height:1.42}
.hero .welcome-discovery .reveal-word{overflow-wrap:anywhere}
.hero .welcome-discovery .reveal-translation{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.02em}
.welcome-hint{display:inline-flex;gap:7px;font:400 10px/1.5 "Avenir Next","PingFang SC",sans-serif;letter-spacing:.03em;color:#777;margin-top:9px;min-height:22px;align-items:center}
.welcome-hint:hover,.welcome-hint:focus-visible{color:#111}
.track-list .track-decipher-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:10px;align-items:stretch}
.track-list .track-reveal{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:center;padding:18px 0;min-height:64px;font-size:clamp(1rem,1.45vw,1.35rem);width:100%}
.track-list a.track-listen{display:flex;grid-template-columns:none;align-items:center;justify-content:flex-end;min-width:38px;min-height:44px;padding:0;transform:none}
.track-list .track-listen:hover .link-arrow{transform:translateX(3px)}
.track-list .track-reveal .track-title{transform:none}
.track-list .track-reveal .reveal-translation{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
.track-list .unlinked-decipher .track-reveal{grid-column:1/-1}
.show-track figcaption{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;letter-spacing:.02em;line-height:1.6}
.photo-index{flex:0 0 auto;color:#777;font-variant-numeric:tabular-nums}
.photo-description{color:#444}
.portfolio-inline>summary{row-gap:9px}
.portfolio-context{grid-column:1/-1;font:400 13px/1.7 "Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;max-width:650px;margin:0;color:#666}
.portfolio-text{max-width:1200px;margin:25px auto 30px}
.portfolio-text>p{font-size:14px;line-height:1.85;max-width:780px;margin:0 0 22px}
.portfolio-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 5vw}
.portfolio-projects article h3{font:500 14px/1.5 "Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;margin:0 0 7px}
.portfolio-projects article p{font-size:12px;line-height:1.8;margin:0;color:#666;max-width:470px}
.portfolio-document figcaption{display:flex;justify-content:space-between;gap:15px;text-align:left;line-height:1.6}
.portfolio-document figcaption>span:first-child{flex:0 0 auto}
@media(max-width:760px){
 .hero .welcome-discovery{margin-top:30px}
 .hero .welcome-discovery .manifesto{font-size:1.32rem}
 .track-list .track-reveal{padding:16px 0;gap:10px;grid-template-columns:24px minmax(0,1fr);font-size:16px}
 .track-list .track-decipher-row{gap:8px;grid-template-columns:minmax(0,1fr) 32px}
 .track-list a.track-listen{min-width:32px}
 .portfolio-context{font-size:12px;margin-top:0}
 .portfolio-projects{grid-template-columns:1fr;gap:19px}
 .portfolio-text>p{font-size:13px}
 .show-track figcaption{font-size:10px;gap:5px 10px}
 .portfolio-document figcaption{font-size:10px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.reveal-code,.reveal-translation{transition:none!important;transform:none!important}}