#vinyl-artist-works{position:relative;isolation:isolate;overflow:hidden;background:#060606;color:#f0ede5;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:auto;container-type:inline-size;font-family:"DIN Condensed","Avenir Next Condensed","Arial Narrow","PingFang SC",sans-serif;color-scheme:dark}#vinyl-artist-works *{box-sizing:border-box}#vinyl-artist-works.vs-dragging{cursor:grabbing}#vinyl-artist-works .vs-stage{position:relative;height:clamp(280px,41cqw,470px);margin:10px 2%;background:linear-gradient(#f0ede509 1px,transparent 1px),linear-gradient(90deg,#f0ede509 1px,transparent 1px);background-size:7.5cqw 7.5cqw;perspective:1100px;cursor:grab}#vinyl-artist-works .vs-item{position:absolute;top:50%;left:50%;width:var(--vs-size,260px);height:var(--vs-size,260px);padding:0;border:0;background:none;color:#f0ede5;text-align:left;cursor:inherit;will-change:transform;transform-style:preserve-3d}#vinyl-artist-works .vs-item:focus-visible{outline:2px solid #d92318;outline-offset:8px}#vinyl-artist-works .vs-sleeve{position:absolute;inset:0;overflow:hidden;border:1px solid #ffffff38;background:#101010;box-shadow:5px 12px 30px #0008}#vinyl-artist-works .vs-art{position:absolute;inset:0;background:var(--vs-color);opacity:var(--vs-active)}#vinyl-artist-works .vs-art:after{content:"";position:absolute;width:140%;height:120%;left:-20%;top:4%;background:repeating-linear-gradient(105deg,transparent 0 16px,#06060690 17px 20px,transparent 21px 30px);mask-image:linear-gradient(transparent,#000);transform:rotate(-2deg)}#vinyl-artist-works .vs-top{position:absolute;top:8%;left:7%;font:clamp(7px,1.15cqw,11px)/1.7 monospace;letter-spacing:.9px;opacity:var(--vs-active)}#vinyl-artist-works .vs-word{position:absolute;left:7%;top:29%;font-size:clamp(50px,10cqw,96px);font-weight:700;letter-spacing:-.05em;line-height:.84;transform:skewY(-5deg) scaleX(.65);transform-origin:left top;opacity:var(--vs-active)}#vinyl-artist-works .vs-foot{position:absolute;left:7%;bottom:7%;font:clamp(7px,1.1cqw,11px)/1.8 monospace;opacity:var(--vs-active)}#vinyl-artist-works .vs-arrow{position:absolute;right:7%;bottom:6%;font:40px sans-serif;opacity:var(--vs-active)}#vinyl-artist-works .vs-summary{position:absolute;inset:0;padding:9%;opacity:calc(1 - var(--vs-active));display:flex;flex-direction:column;justify-content:end}#vinyl-artist-works .vs-summary b{font-size:70px;font-weight:500;color:#777;line-height:1}#vinyl-artist-works .vs-summary strong{font-size:clamp(24px,4cqw,38px);font-weight:500;letter-spacing:-.06em;margin:15px 0 25px;line-height:1;overflow-wrap:anywhere}#vinyl-artist-works .vs-summary small{font:11px monospace;color:#aaa}#vinyl-artist-works .vs-disc{position:absolute;width:96%;height:96%;left:2%;top:2%;border-radius:50%;background:repeating-radial-gradient(circle,#0a0a0a 0 1px,#242424 2px,#101010 3px);border:1px solid #555;transform:translateX(var(--vs-extract)) rotate(var(--vs-rotation));opacity:var(--vs-active);box-shadow:8px 12px 22px #0008}#vinyl-artist-works .vs-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 10%,#ffffff16 19%,transparent 28% 56%,#ffffff13 65%,transparent 73%)}#vinyl-artist-works .vs-label{position:absolute;inset:34%;border-radius:50%;background:var(--vs-color);display:grid;place-items:center;font:11px monospace;text-align:center}#vinyl-artist-works .vs-label:after{content:"";position:absolute;width:7px;height:7px;top:calc(50% - 3px);left:calc(50% - 3px);border-radius:50%;background:#060606}#vinyl-artist-works .vs-label span{transform:translateY(-15px);font-size:8px}#vinyl-artist-works .vs-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:480px){#vinyl-artist-works .vs-stage{height:300px}#vinyl-artist-works .vs-word{font-size:65px}#vinyl-artist-works .vs-summary b{font-size:50px}#vinyl-artist-works .vs-summary strong{font-size:28px}#vinyl-artist-works .vs-summary small{font-size:10px}#vinyl-artist-works .vs-top,#vinyl-artist-works .vs-foot{font-size:8px}}


#vinyl-artist-works .aw-collapse,#vinyl-artist-works .aw-back{background:none;border:1px solid #444;padding:10px 14px;color:#f0ede5;cursor:pointer}#vinyl-artist-works .aw-back{margin-bottom:16px}#vinyl-artist-works .aw-divider{align-items:center}#vinyl-artist-works .aw-panel{padding-top:0}


#vinyl-artist-works [hidden]{display:none!important}#vinyl-artist-works .aw-panel{margin:8px 5% 0;border-top:2px solid #d92318;padding:30px 0 18px;font-family:"Avenir Next","PingFang SC",sans-serif;user-select:text}#vinyl-artist-works .aw-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}#vinyl-artist-works .aw-kicker{font:10px monospace;color:#f55345;letter-spacing:1.2px}#vinyl-artist-works .aw-name{font-size:42px;font-weight:500;margin:14px 0 10px;line-height:1.1}#vinyl-artist-works .aw-heading p{font:11px/1.8 monospace;color:#aaa69f;margin:0}#vinyl-artist-works .aw-heading p span{margin-left:18px}#vinyl-artist-works .aw-panel button{cursor:pointer;color:#f0ede5;font:11px "PingFang SC",sans-serif;border-radius:0}#vinyl-artist-works .aw-close{padding:10px 14px;border:1px solid #444;background:#060606}#vinyl-artist-works .aw-screen{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/8.5;min-height:240px;background:radial-gradient(ellipse at center,#48100d,#120908 60%,#080808);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;--aw-hue:#d92318}#vinyl-artist-works .aw-shape{position:absolute;z-index:-1;width:53%;aspect-ratio:1;left:24%;top:-10%;border:22px solid var(--aw-hue);transform:rotate(35deg);box-shadow:0 0 80px #d9231844,inset 0 0 45px #d9231844}#vinyl-artist-works .aw-screen-word{font:500 clamp(38px,8cqw,85px)/1 "DIN Condensed","Arial Narrow",sans-serif;letter-spacing:-2px;max-width:92%;overflow-wrap:anywhere;text-align:center}#vinyl-artist-works .aw-screen-top{position:absolute;left:18px;top:18px;font:9px monospace;letter-spacing:1px}#vinyl-artist-works .aw-screen-bottom{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;font-size:10px;color:#c0b5b2}#vinyl-artist-works .aw-play{background:#060606d9;border:1px solid #f0ede577;padding:12px 20px}#vinyl-artist-works .aw-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px}#vinyl-artist-works .aw-type{color:#f55345;font:10px monospace;letter-spacing:1px}#vinyl-artist-works .aw-title{font-weight:500;font-size:20px;margin:8px 0 0}#vinyl-artist-works .aw-role{font-size:11px;line-height:1.8;color:#aaa69f;margin:0;text-align:right}#vinyl-artist-works .aw-divider{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #f0ede533;font:10px monospace;color:#aaa69f}#vinyl-artist-works .aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#vinyl-artist-works .aw-work{padding:0 0 12px;text-align:left;background:none;border:0;border-bottom:2px solid transparent;min-width:0}#vinyl-artist-works .aw-work[aria-pressed=true]{border-bottom-color:#d92318}#vinyl-artist-works .aw-thumb{position:relative;display:block;aspect-ratio:1.18;overflow:hidden;padding:10%;isolation:isolate;background:#26100e}#vinyl-artist-works .aw-thumb:before{content:"";position:absolute;inset:-30%;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 16px,#d9231866 17px 20px);transform:rotate(10deg)}#vinyl-artist-works .aw-thumb-title{font:500 clamp(20px,4cqw,38px)/.95 "DIN Condensed","Arial Narrow",sans-serif;letter-spacing:-1px;display:block;overflow-wrap:anywhere}#vinyl-artist-works .aw-thumb-tag{position:absolute;bottom:12px;left:10%;font:9px monospace}#vinyl-artist-works .aw-work-name{display:block;font-size:12px;margin:12px 0 6px}#vinyl-artist-works .aw-work-meta{color:#aaa69f;font-size:10px;display:block}#vinyl-artist-works .aw-thumb-live{background:#152024}#vinyl-artist-works .aw-thumb-live:before{background:repeating-linear-gradient(90deg,transparent 0 19px,#9fb8c933 20px 23px)}#vinyl-artist-works .aw-thumb-print{background:#bcb6aa;color:#161616}#vinyl-artist-works .aw-thumb-print:before{background:repeating-radial-gradient(ellipse,#14141455 0 2px,transparent 3px 13px)}#vinyl-artist-works .aw-note{margin:24px 0 0;font-size:10px;color:#888}#vinyl-artist-works .aw-playback{display:flex;align-items:center;gap:14px;padding:12px;background:#111;font:10px monospace}#vinyl-artist-works .aw-progress{height:2px;background:#555;flex:1}#vinyl-artist-works .aw-progress span{display:block;width:0;height:100%;background:#d92318}#vinyl-artist-works .aw-restart{background:none;border:0;padding:8px}#vinyl-artist-works .aw-gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font:11px monospace}#vinyl-artist-works .aw-gallery-controls button{padding:12px;border:1px solid #555;background:none}#vinyl-artist-works .aw-screen[data-scene="1"]{background:radial-gradient(ellipse at center,#354650,#091014 75%);--aw-hue:#a6c7d9}#vinyl-artist-works .aw-screen[data-scene="1"] .aw-shape{width:70%;left:15%;border-width:6px;box-shadow:0 0 0 25px #a6c7d944,0 0 0 50px #a6c7d922}#vinyl-artist-works .aw-screen[data-scene="2"]{background:#bcb6aa;color:#161616;--aw-hue:#141414}#vinyl-artist-works .aw-screen[data-scene="2"] .aw-shape{border-radius:50%;border-width:2px;box-shadow:0 0 0 20px #14141433,0 0 0 40px #14141422}#vinyl-artist-works .aw-screen[data-scene="2"] .aw-screen-bottom{color:#383530}@media(max-width:500px){#vinyl-artist-works .aw-heading p span{display:block;margin-left:0}#vinyl-artist-works .aw-name{font-size:34px}#vinyl-artist-works .aw-grid{grid-template-columns:1fr}#vinyl-artist-works .aw-thumb{aspect-ratio:1.8}#vinyl-artist-works .aw-thumb-title{font-size:40px}#vinyl-artist-works .aw-caption{flex-direction:column;gap:12px}#vinyl-artist-works .aw-role{text-align:left}#vinyl-artist-works .aw-screen-word{font-size:40px}}

#artists .aw-panel{scroll-margin-top:130px}#artists .aw-screen{scroll-margin-top:130px}
#vinyl-artist-works .vs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
#vinyl-artist-works .vs-photo-cover .vs-art:after{display:none}
#vinyl-artist-works .vs-photo-cover .vs-top,#vinyl-artist-works .vs-photo-cover .vs-word{display:none}
#vinyl-artist-works .vs-photo-cover .vs-foot{font:500 18px/1.4 "PingFang SC",sans-serif;letter-spacing:2px;text-shadow:0 2px 8px #000}
#vinyl-artist-works .vs-photo-cover .vs-summary strong{font-family:"PingFang SC",sans-serif;font-size:30px;letter-spacing:0}

#vinyl-artist-works .aw-thumb.aw-real-cover{aspect-ratio:1;padding:0;background:#060606}
#vinyl-artist-works .aw-real-cover .aw-project-image{display:block;width:100%;height:100%;object-fit:contain}
#vinyl-artist-works .aw-thumb.aw-real-cover:before,#vinyl-artist-works .aw-real-cover .aw-thumb-title,#vinyl-artist-works .aw-real-cover .aw-thumb-tag,#vinyl-artist-works .aw-real-cover .aw-shape,#vinyl-artist-works .aw-real-cover .aw-screen-word,#vinyl-artist-works .aw-real-cover .aw-screen-top,#vinyl-artist-works .aw-real-cover .aw-screen-bottom{display:none}
#vinyl-artist-works .aw-screen.aw-real-cover{aspect-ratio:1;max-width:650px;margin:auto;background:#060606;min-height:0}

/* Keep neighbouring artist covers visible throughout the carousel. */
#vinyl-artist-works .vs-item[data-artist="wang-sulong"] { --disc-base:#e783ad; --disc-groove:#f6b0cf; --disc-label:#ffd7e8; }
#vinyl-artist-works .vs-item[data-artist="william-chan"] { --disc-base:#e9e9e9; --disc-groove:#ffffff; --disc-label:#d2d2d2; }
#vinyl-artist-works .vs-item[data-artist="shan-yichun"] { --disc-base:#71429a; --disc-groove:#b281d2; --disc-label:#e3c6f2; }
#vinyl-artist-works .vs-item[data-artist="jerry-yan"] { --disc-base:#090909; --disc-groove:#292929; --disc-label:#a0a0a0; }
#vinyl-artist-works .vs-item[data-artist="yun-qi"] { --disc-base:#b91f2c; --disc-groove:#eb4b55; --disc-label:#f5a2a8; }
#vinyl-artist-works .vs-item[data-artist="hao-yiran"] { --disc-base:#285c9b; --disc-groove:#679bd6; --disc-label:#bbd8f3; }
#vinyl-artist-works .vs-disc { background:repeating-radial-gradient(circle,var(--disc-base) 0 1px,var(--disc-groove) 2px,var(--disc-base) 3px); border-color:var(--disc-groove); }
#vinyl-artist-works .vs-label { background:var(--disc-label); color:#211b20; }
#vinyl-artist-works .vs-photo-cover .vs-art { opacity:1; }
#vinyl-artist-works .vs-photo-cover .vs-summary { display:none; }
#vinyl-artist-works .vs-photo-cover .vs-foot { opacity:1; }


#vinyl-artist-works .aw-work.aw-pending { cursor:default; }
#vinyl-artist-works .aw-pending .aw-thumb { display:grid; place-items:center; }
#vinyl-artist-works .aw-pending .aw-thumb-tag,#vinyl-artist-works .aw-pending .aw-work-name,#vinyl-artist-works .aw-pending .aw-work-meta { display:none; }
#vinyl-artist-works .aw-pending .aw-thumb-title { font:400 clamp(18px,2.4vw,30px)/1.5 "PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:2px; color:#aaa69f; }

/* Allow longer localized names and titles to wrap inside their existing covers. */
#vinyl-artist-works .vs-photo-cover .vs-foot { right:7%; letter-spacing:.04em; overflow-wrap:anywhere; }
#vinyl-artist-works .aw-caption > div { min-width:0; }
#vinyl-artist-works .aw-title,#vinyl-artist-works .aw-work-name { overflow-wrap:anywhere; }
#vinyl-artist-works .aw-pending .aw-thumb-title {
  padding:12px 4px;
  text-align:center;
  font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun","Yu Mincho","MS Mincho",serif;
  font-size:clamp(28px,3.6vw,46px);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.055em;
  color:#eee9df;
  transform:scaleX(.78) scaleY(1.08);
  transform-origin:center;
  text-shadow:.35px 0 currentColor,-.35px 0 currentColor;
}
html[lang="ja"] #vinyl-artist-works .aw-pending .aw-thumb-title { font-family:"Yu Mincho","Hiragino Mincho ProN","MS Mincho","Noto Serif CJK JP",serif; font-size:clamp(24px,3vw,38px); }
html[lang="en"] #vinyl-artist-works .aw-pending .aw-thumb-title { font-family:"Bodoni MT","Didot","Times New Roman",serif; font-size:clamp(27px,3.3vw,42px); letter-spacing:-.045em; }

#vinyl-artist-works .vs-stage { background:none; }
#vinyl-artist-works .artist-digital-rain { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; opacity:.9; mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }

/* Warning-screen artwork for the two projects still in production. */
#vinyl-artist-works .aw-pending .aw-thumb {
  aspect-ratio:1;
  container-type:inline-size;
  padding:12%;
  border:1px solid #f0442d;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px),linear-gradient(135deg,#210b08,#090909 60%);
  box-shadow:inset 0 0 0 7px #090909,inset 0 0 0 8px #a92b21;
}
#vinyl-artist-works .aw-pending .aw-thumb::before {
  content:""; inset:7px; z-index:0; transform:none;
  border-top:15px solid transparent; border-bottom:15px solid transparent;
  background:repeating-linear-gradient(135deg,#ef452b 0 12px,#0a0a0a 12px 24px) border-box;
  mask:linear-gradient(#000 0 0) top/100% 15px no-repeat,linear-gradient(#000 0 0) bottom/100% 15px no-repeat;
}
#vinyl-artist-works .aw-pending .aw-thumb::after {
  content:"01";position:absolute;right:-2%;bottom:6%;z-index:0;
  font:900 68cqw/.8 "Arial Narrow",Impact,sans-serif;letter-spacing:-.09em;
  color:#b5291d26;pointer-events:none;
}
#vinyl-artist-works .aw-pending .aw-thumb-title {
  position:relative;z-index:1;width:100%;padding:0;
  font-size:16cqw;line-height:1.05;letter-spacing:-.07em;
  color:#f25137;transform:scaleX(.88);text-wrap:balance;
}
#vinyl-artist-works .aw-pending .aw-thumb-title::before {
  content:"警 戒";display:block;margin-bottom:16cqw;padding-bottom:3cqw;
  border-bottom:1px solid #f2513780;
  font:700 4cqw/1.2 "Arial",sans-serif;letter-spacing:.35em;color:#f28759;
}
#vinyl-artist-works .aw-pending .aw-thumb-title::after {
  content:"6TH FINGER  /  01";display:block;margin-top:10cqw;
  font:400 3cqw/1.5 monospace;letter-spacing:.14em;color:#bc6d57;
}
html[lang="en"] #vinyl-artist-works .aw-pending .aw-thumb-title { font-size:14cqw; }
html[lang="en"] #vinyl-artist-works .aw-pending .aw-thumb-title::before { content:"CAUTION"; }
html[lang="ja"] #vinyl-artist-works .aw-pending .aw-thumb-title { font-size:13cqw; }
html[lang="ja"] #vinyl-artist-works .aw-pending .aw-thumb-title::before { content:"警 戒"; }



#vinyl-artist-works .vs-item[data-artist="angela-zhang"] { --disc-base:#e9bd25; --disc-groove:#ffe16b; --disc-label:#fff0ae; }

/* Project cards stay frameless; keyboard focus is indicated on the title. */
#vinyl-artist-works .aw-work:focus,
#vinyl-artist-works .aw-work:focus-visible { outline:none; }
#vinyl-artist-works .aw-work:focus-visible .aw-work-name { text-decoration:underline; text-underline-offset:5px; text-decoration-color:#aaa69f; }

/* Let the page scroll vertically while reserving horizontal cover swipes. */
#vinyl-artist-works .vs-stage,#vinyl-artist-works .vs-item{touch-action:pan-y pinch-zoom}

#vinyl-artist-works .aw-work:disabled { cursor:default; }