/* finesse · component: archive-index / member-id · register=brand
 * Consume the existing paper, chocolate and member colors. */
:root{--index-paper:#dfcfb7;--index-leaf:#eee6d6;--archive-ink:var(--chocolate);--id-paper:#f5f2e9;--id-shadow:#36201728}
.case:has(.aigc-exhibition) .project-index-slot{position:relative;height:176px;margin:-18px 0 22px -20px;isolation:isolate}
.project-index-card{position:relative;width:min(335px,100%);z-index:8;rotate:-1.1deg;color:var(--archive-ink);perspective:1400px}
.project-index-toggle{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:22px;width:100%;min-height:40px;border:0;border-bottom:1px solid #8b72553b;padding:10px 17px;background:var(--index-paper);color:inherit;box-shadow:1px 3px 6px var(--id-shadow);font:10px/1.6 PortfolioHei,Mono,monospace;text-align:left;transition:transform 500ms cubic-bezier(.33,1,.68,1)}
.project-index-toggle:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(7deg,#36201705 0 1px,transparent 1px 5px);pointer-events:none}
.index-fold-mark{font-size:16px}.index-paperclip{position:absolute;left:12px;top:-12px;height:30px;width:10px;border:1.3px solid #88877b;border-radius:8px;rotate:-14deg;z-index:4;pointer-events:none}
.project-index-leaf{position:absolute;left:5px;right:5px;top:36px;padding:13px 14px 6px;background:var(--index-leaf);box-shadow:1px 5px 8px var(--id-shadow);transform-origin:top center;transform:translateY(-7px) rotateX(-17deg) scaleY(.72);opacity:0;visibility:hidden;transition:transform 550ms cubic-bezier(.33,1,.68,1),opacity 420ms ease,visibility 0s 550ms}
.project-index-leaf>small{font:7px/1.5 PortfolioHei,Mono,monospace;letter-spacing:.04em;color:#76634d;display:block;margin:0 0 5px}
.project-index-leaf>button{display:flex;align-items:center;gap:12px;background:none;border:0;border-top:1px solid #8b725532;width:100%;text-align:left;color:inherit;min-height:37px;padding:8px 0;font:14px/1.2 PortfolioHei,Georgia,serif;opacity:0;transform:translateY(-5px);transition:transform 320ms ease,opacity 300ms ease}
.project-index-leaf>button small{font:9px PortfolioHei,Mono,monospace;color:#76634d}.project-index-leaf>button>span{flex:1}.project-index-leaf>button i{font:12px PortfolioHei,Mono,monospace;font-style:normal;opacity:0}
.project-index-leaf>button[aria-current]{font-weight:bold}.project-index-leaf>button[aria-current] i{opacity:1}
.project-index-card.is-open .project-index-toggle{transform:translateY(-3px) rotate(.5deg)}
.project-index-card.is-open .project-index-leaf{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.project-index-card.is-open .project-index-leaf>button{opacity:1;transform:none;transition-delay:150ms}.project-index-card.is-open .project-index-leaf>button:nth-of-type(2){transition-delay:210ms}.project-index-card.is-open .project-index-leaf>button:nth-of-type(3){transition-delay:270ms}
.project-index-card button:focus-visible,.member-hanger:focus-visible,.melune-look-tabs button:focus-visible{outline:3px solid #513728;outline-offset:4px}
.project-index-card button:active{opacity:.78}
/* One Nail, Five ID Cards: every hanger rotates around the same paper pin. */
.melune-file .melune-intro{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:38px}
.melune-file .melune-sidebar{display:block;padding-top:12px;min-width:0}
.melune-installation{position:relative;isolation:isolate}
.melune-installation .melune-cover{rotate:-2deg;z-index:3}
/* Five independent objects in a quiet exhibition volume. No shared suspension point. */
.hanging-member-cards{position:relative;z-index:2;margin:35px auto 0;width:100%;container-type:inline-size}
.member-hanging-line{position:relative;width:100%;height:190cqw;isolation:isolate;perspective:1100px;perspective-origin:50% 35%}
.member-hanger{position:absolute;left:var(--pos-x);top:var(--pos-y);width:var(--card-width);padding:0;border:0;background:none;color:var(--archive-ink);z-index:var(--layer);cursor:pointer;rotate:0deg;transform:translate3d(0,0,var(--depth)) rotateY(var(--yaw)) rotateZ(var(--roll));transform-origin:50% 5%;transition:transform 750ms cubic-bezier(.25,.8,.25,1),opacity 350ms;transform-style:preserve-3d}
.member-mobile-object{display:block;transform-origin:50% 0;transform-style:preserve-3d}
.id-badge-face{display:block;position:relative;rotate:0deg;width:100%;filter:drop-shadow(2px 4px 2px #36201720);transform-style:preserve-3d}
.id-badge-face>img{display:block;width:100%;height:auto;mix-blend-mode:normal;clip-path:polygon(45% 0,54% 0,54% 17%,64% 17%,66% 19.3%,80% 19.3%,83% 21.5%,83% 89%,80% 91.3%,19% 91.3%,16.3% 89%,16.3% 21.5%,19% 19.3%,33% 19.3%,34% 17%,45% 17%)}
.member-mobile-object:before{content:'';position:absolute;left:49.5%;top:-7cqw;height:7cqw;width:.6px;background:#8b877a65;pointer-events:none}
.member-installation-caption{display:flex;justify-content:space-between;gap:8px;margin:4px 3px 0;padding-top:12px;border-top:1px solid #36201722;font:7px/1.7 PortfolioHei,Mono,monospace;color:#76634d}
.member-installation-caption span{white-space:nowrap}
.member-hanger.is-extracted{opacity:.12;pointer-events:none}
.member-hanger:focus-visible{z-index:20;transform:translate3d(0,-3px,28px) rotateY(0) rotateZ(0)}
.member-hanger:active .id-badge-face{scale:.98}
@media(hover:hover) and (pointer:fine){.member-hanger:not(.is-extracted):hover{z-index:20;transform:translate3d(0,-3px,28px) rotateY(0) rotateZ(0)}.member-hanger:hover .member-mobile-object{animation-play-state:paused}.project-index-toggle:hover{background:#e7d8c1}.project-index-leaf>button:hover{color:#7a4630}}
/* Focused personnel file: the actual supplied ID plus the preserved character facts. */
.melune-member-detail{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:35px;background:#241b16cf;border:0;overflow:hidden;color:var(--archive-ink)}
.melune-member-detail[open]{display:flex;align-items:center;justify-content:center}.melune-member-detail::backdrop{background:#241b1677}
.member-detail-panel{width:min(100%,1000px);height:calc(100dvh - 70px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--id-paper);background-image:repeating-linear-gradient(0deg,#b4ac9809 0 1px,transparent 1px 5px);box-shadow:0 14px 45px #241b1655;transform-origin:center}
.melune-member-detail .member-detail-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:15px;height:auto;min-height:56px;padding:10px 25px;background:var(--id-paper);border-bottom:1px solid #36201728;backdrop-filter:none;color:var(--archive-ink);font:10px/1.5 PortfolioHei,Mono,monospace}
.member-detail-toolbar>div{display:flex;align-items:center;gap:12px}.member-detail-toolbar button{background:none;border:0;min-width:34px;min-height:36px;padding:7px;color:inherit;font:12px PortfolioHei,Mono,monospace}.member-detail-toolbar .member-detail-close{margin-left:18px}
.member-detail-body{padding:24px 36px 36px}.member-detail-identity{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1fr);gap:30px;align-items:center}
.member-detail-badge{margin:0;padding:0 15px;align-self:start}.member-detail-badge img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;mix-blend-mode:multiply}
.member-detail-note{background:var(--member-color);padding:28px 30px;rotate:-1deg;color:#362017;box-shadow:0 4px 12px var(--id-shadow)}
.member-detail-note>small{font:9px PortfolioHei,Mono,monospace}.member-detail-note h2{font:42px/1.05 PortfolioHei,Archive,sans-serif;margin:22px 0}
.member-detail-facts{margin:0;font:13px/1.7 PortfolioHei,Georgia,'Songti SC',serif}.member-detail-facts>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px;padding:5px 0}.member-detail-facts dt{opacity:.8}.member-detail-facts dd{margin:0;overflow-wrap:anywhere}.member-detail-facts dd i{display:inline-block;width:9px;height:9px;border:1px solid #36201755;margin-right:7px}
.member-detail-visuals{margin-top:34px;display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:24px;align-items:start}
.member-detail-visuals figure{margin:0;background:#faf8f1;padding:7px 7px 10px;box-shadow:0 3px 8px var(--id-shadow)}
.member-detail-visuals img{display:block;width:100%;height:auto;object-fit:contain}.member-detail-visuals figcaption{font:8px/1.6 PortfolioHei,Mono,monospace;margin-top:8px}.member-reference{rotate:-2deg}.member-turnarounds{display:flex;flex-direction:column;gap:22px}.member-turnarounds figure:nth-child(2n){rotate:1deg}
.member-detail-panel button:focus-visible{outline:3px solid #513728;outline-offset:3px}
@media(max-width:1100px) and (min-width:801px){.melune-file .melune-intro{gap:26px}.id-member-caption strong{font-size:13px}.id-member-caption small{font-size:6px}.member-installation-caption{display:block}.member-installation-caption span{display:block;margin-top:5px}}
@media(max-width:800px){.case:has(.aigc-exhibition) .project-index-slot{margin:-10px 0 18px -5px;height:174px}.project-index-card{width:min(315px,100%)}.project-index-leaf>button{font-size:13px}.project-index-toggle{font-size:9px}.melune-file .melune-intro{grid-template-columns:minmax(0,1fr);gap:34px}.melune-file .melune-sidebar{display:block;padding-top:8px}.member-hanging-line{gap:5px}.id-member-caption strong{font-size:17px}.member-installation-caption{font-size:8px;margin-top:25px}.member-detail-toolbar>span{font-size:8px}.melune-member-detail{padding:18px}.member-detail-panel{height:calc(100dvh - 36px)}.melune-member-detail .member-detail-toolbar{padding:8px 12px;gap:8px;font-size:8px}.member-detail-toolbar>div{gap:4px}.member-detail-toolbar .member-detail-close{margin-left:4px}.member-detail-body{padding:20px}.member-detail-identity{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:18px}.member-detail-badge{padding:0}.member-detail-note{padding:20px 17px}.member-detail-note h2{font-size:33px;margin:16px 0}.member-detail-facts{font-size:11px}.member-detail-facts>div{grid-template-columns:42px 1fr;gap:5px}.member-detail-visuals{gap:18px}.melune-look-tabs{gap:6px}.melune-look-tabs button{font-size:8px;padding:10px;min-height:44px}.melune-styling-sheet{gap:22px 14px}.melune-styling-print{width:calc(50% - 9px);padding:5px 5px 8px}.melune-styling-print span{font-size:7px}.melune-stage-study{margin-left:2%;margin-right:2%}}
@media(max-width:480px){.member-installation-caption{display:block;font-size:7px}.member-installation-caption span{display:block;margin-top:4px}.member-detail-identity{grid-template-columns:minmax(0,1fr)}.member-detail-badge{width:55%;margin:0 auto}.member-detail-badge img{max-height:270px}.member-detail-visuals{grid-template-columns:minmax(0,1fr)}.member-reference{width:60%;margin:0 auto!important}.member-detail-toolbar>span{max-width:95px}.member-detail-body{padding:15px}.member-detail-note h2{font-size:36px}.member-detail-facts{font-size:13px}.melune-styling-print,.melune-styling-print:last-child{width:94%;translate:none;rotate:-1deg}.melune-styling-print:nth-child(2n){rotate:1deg;translate:none}.melune-look-tabs button{font-size:7px;padding:9px 8px}.melune-visual-development .melune-section-head h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.project-index-toggle,.project-index-leaf,.project-index-leaf>button,.member-hanger{animation:none!important;transition:none!important}.project-index-leaf{transform:none;opacity:0}.project-index-card.is-open .project-index-leaf{opacity:1;transform:none}.project-index-card.is-open .project-index-toggle{transform:none}.member-hanger:hover{transform:none}}
@media(max-width:480px){.melune-member-detail .member-detail-toolbar{padding:6px 10px}.member-detail-toolbar>span{font-size:7px;max-width:76px}.member-detail-toolbar>div{gap:2px}.member-detail-toolbar button{min-width:28px;min-height:44px;font-size:10px;padding:6px}.member-detail-toolbar .member-detail-close{margin-left:0}.member-detail-toolbar>div>span{font-size:9px}}
.member-hanger:focus-visible{outline:none}.member-hanger:focus-visible .id-badge-face{outline:3px solid #513728;outline-offset:4px}
/* Fold back in the reverse reading order; the safety slot never changes height. */
.project-index-card:not(.is-open) .project-index-leaf{transition-delay:100ms,80ms,650ms}
.project-index-card:not(.is-open) .project-index-leaf>button:nth-of-type(1){transition-delay:120ms}.project-index-card:not(.is-open) .project-index-leaf>button:nth-of-type(2){transition-delay:60ms}.project-index-card:not(.is-open) .project-index-leaf>button:nth-of-type(3){transition-delay:0ms}

/* Keep the fold-out safe without the former excessive blank band. */
.case:has(.aigc-exhibition) .project-index-slot{height:160px;margin-bottom:0}
.project-index-leaf{padding-top:7px;padding-bottom:5px}
.project-index-leaf>button{min-height:32px;padding:6px 0}
@media(max-width:800px){.case:has(.aigc-exhibition) .project-index-slot{height:148px;margin-bottom:0}.hanging-member-cards{width:min(92%,430px);margin-top:26px}.member-hanging-line{height:190cqw}.member-installation-caption{margin-top:12px}.id-member-caption strong{font-size:16px}}
@media(max-width:480px){.id-member-caption strong{font-size:15px}.id-member-caption small{font-size:6px}.member-installation-caption{font-size:6px}}


/* Slow independent motion is controlled by GSAP; the outer object owns hover pose. */
@media(max-width:800px){.hanging-member-cards{width:min(100%,430px);margin-top:35px}.member-hanging-line{height:190cqw;perspective:900px}.member-installation-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.member-hanger,.member-mobile-object,.id-badge-face{animation:none!important;transition:none!important}.member-hanger:hover,.member-hanger:focus-visible{transform:translate3d(0,0,var(--depth)) rotateY(var(--yaw)) rotateZ(var(--roll))}}

@media(max-width:800px){.floating-member-space .member-hanger:nth-of-type(2){left:52%;top:27cqw}.floating-member-space .member-hanger:nth-of-type(3){left:10%;top:64cqw}.floating-member-space .member-hanger:nth-of-type(4){left:0%;top:125cqw}.floating-member-space .member-hanger:nth-of-type(5){left:52%;top:106cqw}}

/* A broad installation under the centred group logo. */
.melune-member-stage .hanging-member-cards{width:100%;max-width:none;margin:20px auto 0}
.melune-member-stage .member-hanging-line{height:clamp(280px,45cqw,420px);perspective:1400px}
.melune-member-stage .member-hanger:nth-of-type(1){left:-4%;top:2cqw;width:26%}
.melune-member-stage .member-hanger:nth-of-type(2){left:16%;top:6cqw;width:25%}
.melune-member-stage .member-hanger:nth-of-type(3){left:35%;top:0;width:27%}
.melune-member-stage .member-hanger:nth-of-type(4){left:55%;top:8cqw;width:25%}
.melune-member-stage .member-hanger:nth-of-type(5){left:76%;top:3cqw;width:25%}
.melune-member-stage .member-mobile-object:before{top:-4cqw;height:4cqw}
@media(max-width:800px){.melune-member-stage .hanging-member-cards{max-width:430px;margin-top:25px}.melune-member-stage .member-hanging-line{height:190cqw;perspective:900px}.melune-member-stage .member-hanger:nth-of-type(1){left:1%;top:0;width:49%}.melune-member-stage .member-hanger:nth-of-type(2){left:52%;top:27cqw;width:45%}.melune-member-stage .member-hanger:nth-of-type(3){left:10%;top:64cqw;width:55%}.melune-member-stage .member-hanger:nth-of-type(4){left:0%;top:125cqw;width:46%}.melune-member-stage .member-hanger:nth-of-type(5){left:52%;top:106cqw;width:48%}}