body[data-page="luoshen"] #overview .project-grid:not(:has(.uploaded-work)){display:none}
body[data-page="luoshen"] #overview .project-grid:has(.uploaded-work){margin-bottom:38px}
.luoshen-showcase{--archive-accent:#ffb15b;margin-top:8px;padding-top:32px;border-top:1px solid #ffffff33}
.luoshen-showcase-head{display:grid;grid-template-columns:1fr minmax(220px,360px);column-gap:28px;align-items:end;margin-bottom:30px}
.luoshen-showcase-kicker{grid-column:1/-1;color:var(--archive-accent);font:700 .72rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.18em}
.luoshen-showcase-head h3{margin:8px 0 0;font-size:clamp(1.8rem,3.2vw,3.3rem);letter-spacing:-.04em}
.luoshen-showcase-head p{margin:0;color:#aaabb2;font-size:.9rem;line-height:1.7}
.luoshen-sticker-board{position:relative;isolation:isolate;padding:clamp(18px,3.2vw,48px);border:1px solid #675045;border-radius:30px;background:radial-gradient(circle at 52% 15%,#35231c 0,#181517 46%,#101113 100%);overflow:hidden}
.luoshen-sticker-board::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 38px)}
.luoshen-sticker{position:relative;display:block;min-width:0;padding:14px;border:1px solid #d2b79b;background:#f1e8d9;color:#292324;text-align:left;cursor:zoom-in;box-shadow:0 16px 35px #0008,0 3px 9px #0006;transition:transform .24s ease,box-shadow .24s ease}
.luoshen-sticker:hover,.luoshen-sticker:focus-visible{z-index:3;box-shadow:0 24px 50px #000a,0 0 0 2px var(--archive-accent)}
.luoshen-sticker:focus-visible{outline:2px solid var(--archive-accent);outline-offset:3px}
.luoshen-sticker--report{width:min(100%,1100px);margin:0 auto;padding:0;border-color:#d5bda5;transform:rotate(-.55deg)}
.luoshen-sticker--report:hover,.luoshen-sticker--report:focus-visible{transform:rotate(0) translateY(-5px)}
.luoshen-report-top{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:#ffb15b;color:#251b16;font:800 .75rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.16em}
.luoshen-report-top span:last-child{font-size:1.3rem;line-height:.8}
.luoshen-report-image{display:block;padding:18px 18px 0;background:#f8f6f1}
.luoshen-report-image img{display:block;width:100%;height:auto;border:1px solid #ddd9d0}
.luoshen-report-caption{display:grid;gap:6px;padding:16px 20px 19px;background:#f8f6f1}
.luoshen-report-caption strong{font-size:clamp(1.1rem,2.1vw,1.65rem);line-height:1.3}
.luoshen-report-caption>span{color:#5c5550;font-size:.9rem;line-height:1.55}
.luoshen-source-link{display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:center;width:min(100%,1100px);margin:20px auto 0;padding:17px 22px;border:1px solid #ffb15b80;border-radius:12px;background:#ffb15b12;color:#f4e6d6;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.luoshen-source-link:hover,.luoshen-source-link:focus-visible{background:#ffb15b24;border-color:var(--archive-accent);transform:translateY(-2px)}
.luoshen-source-link:focus-visible{outline:2px solid var(--archive-accent);outline-offset:3px}
.luoshen-source-label{grid-column:1;color:var(--archive-accent);font:700 .68rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.12em}
.luoshen-source-link strong{grid-column:1;font-size:clamp(.9rem,1.4vw,1.2rem);line-height:1.5}
.luoshen-source-arrow{grid-column:2;grid-row:1/3;font-size:1.8rem;color:var(--archive-accent)}
.luoshen-art-stickers{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);grid-template-areas:"key poster" "design poster";column-gap:clamp(22px,4vw,66px);row-gap:clamp(30px,4vw,64px);align-items:center;padding:clamp(46px,6vw,90px) 2.5% 24px}
.luoshen-art-stickers .luoshen-sticker::before{content:"";position:absolute;z-index:2;top:-13px;left:calc(50% - 39px);width:78px;height:24px;background:#f6d7a5a8;box-shadow:0 1px 4px #0004;transform:rotate(-3deg)}
.luoshen-sticker--key{grid-area:key;width:100%;transform:rotate(-2deg)}
.luoshen-sticker--poster{grid-area:poster;width:100%;max-width:460px;justify-self:center;transform:rotate(3deg) translateY(10px)}
.luoshen-sticker--design{grid-area:design;width:90%;margin-left:6%;transform:rotate(2deg)}
.luoshen-sticker--key:hover,.luoshen-sticker--key:focus-visible,.luoshen-sticker--poster:hover,.luoshen-sticker--poster:focus-visible,.luoshen-sticker--design:hover,.luoshen-sticker--design:focus-visible{transform:rotate(0) translateY(-7px)}
.luoshen-sticker-image{display:block;background:#1b1717}
.luoshen-sticker-image img{display:block;width:100%;height:auto}
.luoshen-sticker-caption{display:grid;gap:4px;padding:15px 3px 2px}
.luoshen-sticker-caption>span{color:#9b533b;font:800 .68rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.13em}
.luoshen-sticker-caption strong{font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.3}
.luoshen-sticker-caption small{font-size:.84rem;line-height:1.6;color:#625954}
.luoshen-lightbox{width:min(1300px,calc(100% - 28px));max-height:92dvh;padding:16px;border:1px solid #77604f;border-radius:20px;background:#111113;color:#f7f3ef;overflow:auto}
.luoshen-lightbox::backdrop{background:#050506df;backdrop-filter:blur(7px)}
.luoshen-lightbox-close{position:sticky;top:0;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin:0 0 -42px auto;border:1px solid #a48d7d;border-radius:50%;background:#19191be8;color:#fff;cursor:pointer;font-size:1.6rem}
.luoshen-lightbox img{display:block;max-width:100%;max-height:calc(92dvh - 88px);width:auto;height:auto;margin:auto;object-fit:contain}
.luoshen-lightbox p{margin:10px 0 0;color:#d3c4b8;font-size:.85rem;text-align:center}
body:has(.luoshen-lightbox[open]){overflow:hidden}
@media(max-width:700px){
  .luoshen-showcase{padding-top:25px}
  .luoshen-showcase-head{display:block;margin-bottom:22px}
  .luoshen-showcase-head h3{margin:8px 0;font-size:1.8rem}
  .luoshen-sticker-board{padding:18px 13px 26px;border-radius:20px}
  .luoshen-sticker--report{transform:rotate(-.3deg)}
  .luoshen-report-top{padding:11px 12px;font-size:.62rem}
  .luoshen-report-image{padding:10px 10px 0}
  .luoshen-report-caption{padding:12px 13px 15px}
  .luoshen-report-caption>span{font-size:.8rem}
  .luoshen-source-link{margin-top:15px;padding:13px 14px}
  .luoshen-source-label{font-size:.57rem}
  .luoshen-art-stickers{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:48px 7px 8px}
  .luoshen-art-stickers .luoshen-sticker{width:100%;max-width:none;margin:0;justify-self:auto;transform:rotate(-.8deg)}
  .luoshen-art-stickers .luoshen-sticker:nth-child(2){transform:rotate(1deg)}
  .luoshen-art-stickers .luoshen-sticker:nth-child(3){transform:rotate(-1deg)}
  .luoshen-sticker{padding:10px}
  .luoshen-sticker-caption{padding:12px 2px 1px}
}
@media(prefers-reduced-motion:reduce){.luoshen-sticker{transition:none}}