/* The cover is an entrance; each archive has its own address. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pageOut .18s ease both}
::view-transition-new(root){animation:pageIn .42s cubic-bezier(.16,1,.3,1) both}
@keyframes pageOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.page-home .hero-actions{gap:10px;flex-wrap:wrap}
.page-home .hero-actions .button{gap:23px;padding:0 19px}
.page-home .hero-bottom{padding-right:350px;color:var(--muted)}
.page-home .hero-bottom-note{display:none}
.page-home .site-footer{padding-top:20px;padding-bottom:100px}
.page-home .media-credit{margin-top:10px}
.page-breadcrumb{display:flex;align-items:center;gap:16px;padding:30px 4.5% 0;font-size:11px;color:var(--muted)}
.page-breadcrumb a{padding:8px 0}.page-breadcrumb a:hover{color:var(--ink)}
.page-content main{min-height:calc(100svh - 260px);position:relative;background-image:url('/assets/wuling/wuling-lines.svg');background-size:700px auto;background-position:right top;background-repeat:no-repeat}
.page-content .section{padding-top:45px;padding-bottom:60px;max-width:1600px;margin:auto}
.page-content .section-heading h1{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.035em;line-height:1.35}
.page-content .notes{border:0;background-color:transparent}
.page-content .section-heading{padding-bottom:30px;border-bottom:1px solid var(--line)}
.page-content .media-dock{width:190px}.page-content .music-panel{width:330px;max-width:calc(100vw - 28px);position:relative;right:140px}
.page-content .music-panel.is-minimized{position:absolute;right:0}
.page-next{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 4.5% 65px;border-top:1px solid var(--line);padding-top:22px}
.page-next a{display:grid;grid-template-columns:1fr auto;gap:10px;padding:22px 25px;background:var(--surface);border:1px solid var(--line)}
.page-next a:hover{background:var(--panel);transform:translateY(-3px)}
.page-next small{font-size:8px;color:var(--muted);grid-column:1/-1}.page-next span{font-size:17px}.page-next b{font-size:21px;font-weight:400}
@media(prefers-reduced-motion:no-preference){body.page-content:not(.reduce-motion) .page-breadcrumb{animation:enter .5s ease both}body.page-content:not(.reduce-motion) .section-heading{animation:enter .75s cubic-bezier(.16,1,.3,1) both}}
html:has(body.reduce-motion){view-transition-name:none}
@media(min-width:1700px){.page-breadcrumb{padding-left:7%;padding-right:7%}.page-next{margin-left:7%;margin-right:7%}}
@media(max-width:950px){.page-home .hero-bottom{padding-right:330px}}
@media(max-width:640px){
 .page-home .hero{min-height:790px;max-height:none}
 .page-home .hero-actions{gap:8px}.page-home .hero-actions .button{padding:0 12px;gap:14px;font-size:11px}
 .page-home .hero-description{max-width:295px}.page-home .hero-copy{padding-top:76px}
 .page-home .hero-bottom{height:66px;padding-right:0;bottom:0;font-size:7px}
 .page-home .art-label{bottom:98px}.page-home .wuling-seal{bottom:198px}
 .page-breadcrumb{padding:21px 22px 0;font-size:10px;gap:12px}
 .page-content .section{padding-top:28px;padding-bottom:37px}.page-content .section-heading{padding-bottom:22px;margin-bottom:24px}
 .page-content .section-heading h1{font-size:28px}.page-content .media-dock{width:180px}
 .page-content .music-panel{right:130px;width:310px}
 .page-next{margin:0 22px 40px;gap:12px;padding-top:17px}.page-next a{padding:17px 14px;gap:12px}.page-next span{font-size:13px}.page-next small{font-size:7px}
}
@media(max-width:360px){.page-home .hero-actions .button{gap:9px;padding:0 10px;font-size:10px}.page-content .music-panel{right:calc(100vw - 208px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}