/* v8 — consistent type, quieter decoration, room for the two columns. */
.contact h2,.identity .tags span,.music-title strong,.music-title small{font-family:Moon,GuYun!important}
.layout{column-gap:72px}
.oc .oc-title{font-size:53px!important}
.oc>img:not(.motif){right:5%!important;box-shadow:none!important;padding:0!important}
.identity .theme-hand{width:196px;height:200px;margin-top:48px}
.identity .theme-card{width:120px;height:172px;left:32px}
.theme-card img{width:100%;height:87%;left:0;top:6%;object-fit:contain}
.music-top{display:flex;align-items:center!important;gap:10px}
.music-top .play,.music-top .clear-track{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;line-height:1;vertical-align:middle}
.clear-track{border:1px solid #e1eef055;border-radius:50%;background:#f2dfba15;transition:background .2s,transform .2s}
.clear-track:hover{background:#f2dfba30;transform:translateX(2px)}
.music-title small{display:block;min-height:1.5em;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notes-ornaments{position:absolute;right:4vw;top:130px;width:275px;height:315px;pointer-events:none;z-index:1}
.notes-ornaments img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 5px #432f3515)}
.orn-knot{height:250px;width:90px;left:4px;top:0;transform:rotate(7deg)}
.orn-jade{width:100px;height:135px;right:2px;top:12px;transform:rotate(12deg)}
.orn-bell{height:170px;width:130px;left:18px;top:143px;transform:rotate(-17deg)}
.orn-mask{height:195px;width:155px;right:3px;top:123px;transform:rotate(10deg)}
.notes-index{padding-right:285px}
@media(min-width:1450px){.notes-ornaments{right:calc((100vw - 1180px)/2)}}
@media(max-width:1000px){.layout{column-gap:42px}.notes-ornaments{width:220px;right:3vw;transform:scale(.85);transform-origin:top right}.notes-index{padding-right:235px}}
@media(max-width:760px){.layout{column-gap:0}.oc .oc-title{font-size:45px!important}.identity .theme-hand{width:166px;height:163px;margin:34px 0 0}.identity .theme-card{width:100px;height:143px;left:28px}.notes-ornaments{position:relative;top:auto;right:auto;width:275px;height:220px;margin:-5px auto 12px;transform:scale(.7);transform-origin:top center;margin-bottom:-60px}.notes-index{padding-right:25px;margin-top:24px}.notes-index h1{font-size:40px}.music-title strong{font-size:20px!important}.music-title small{font-size:13px}.music-top{gap:7px}.music-top .play,.music-top .clear-track{flex-basis:36px;width:36px;height:36px}}
.notes-ornaments{height:400px}.orn-knot{left:-6px;height:245px;width:80px}.orn-bell{left:20px;top:244px;width:115px;height:150px}.orn-mask{top:145px}
@media(max-width:760px){.notes-ornaments{height:280px;margin-bottom:-65px}}
@media(max-width:760px){.notes-ornaments{margin-bottom:-28px}}
@media(max-width:760px){.identity .side-nav{grid-column:1/-1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.identity .side-nav a{font-size:13px!important;white-space:nowrap;min-height:62px;padding:17px 12px 12px}.identity .theme-hand{grid-column:1/-1;justify-self:center;margin-top:28px;margin-bottom:14px}.oc .oc-title{font-size:38px!important;margin-top:15px;line-height:1.1}.oc>img:not(.motif){height:53%!important;width:75%!important;right:8%!important;bottom:14%!important}}

.gallery-hint{display:none!important}

.article-note{font-size:15px;letter-spacing:1px;line-height:1.8}.gallery-heading p{max-height:140px;overflow:auto;white-space:pre-wrap}

.lift-caption{position:absolute;bottom:24px;left:8vw;right:8vw;text-align:center;font-size:15px;color:#f5eddf;max-height:60px;overflow:auto;white-space:pre-wrap}.art-lift>p{display:none}

/* Opacity is calculated each animation frame; a CSS opacity tween would lag behind visibility. */
.gallery-page:not(.gallery-transition) .exhibit{transition-property:translate!important;will-change:transform,opacity}
.gallery-heading h1,#exhibitTitle,.exhibit span,.fall-card span,.lift-title,.art-caption strong{font-family:Dragon,GuYun!important;font-weight:400}
.lift-title{display:block;font-size:22px;line-height:1.3}.lift-meta{display:block;font-size:13px;line-height:1.6}