html.gallery-modal-open{overflow:hidden}.works-page{width:min(1180px,94%);margin:0 auto;padding:60px 0 110px}.back-link{color:#756b9e;letter-spacing:.11em;font:.52rem Consolas,monospace;text-decoration:none}.room-hero{margin:32px 0 38px}.room-symbol{color:#d3b9ff;text-shadow:0 0 20px #d3b9ff59;margin-bottom:7px;font-size:2rem;display:block}.eyebrow{color:#8d77b3;letter-spacing:.17em;font-size:.6rem;font-weight:700}.room-hero h1{color:#f4efff;letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(3rem,8vw,5.3rem)}.room-hero p{color:#9c91b3;margin:13px 0 0;font-size:.81rem;line-height:1.9}.works-filter{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.works-filter button{color:#8775a0;cursor:pointer;letter-spacing:.09em;background:#d3b9ff06;border:1px solid #d3b9ff1a;border-radius:999px;padding:8px 13px;font:.51rem Consolas,monospace}.works-filter button.active{color:#120b1d;background:#d3b9ff}.current-works{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.work-card{color:inherit;cursor:pointer;background:linear-gradient(155deg,#1a143bc2,#0a091ce0);border:1px solid #d3b9ff1a;border-radius:22px;outline:none;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.work-card:hover,.work-card:focus-visible{border-color:#d3b9ff47;transform:translateY(-5px);box-shadow:0 25px 55px #00000040}.work-card.hidden-item{display:none}.work-visual{background:radial-gradient(circle,#b697ff1c,#0000 56%);justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.work-visual>img{object-fit:cover;width:100%;height:100%}.work-visual>span{z-index:2;color:#e4d8ff;filter:drop-shadow(0 0 16px #c4b5fd57);font-size:2rem;position:relative}.visual-grid{opacity:.24;background-image:linear-gradient(#c4b5fd0d 1px,#0000 1px),linear-gradient(90deg,#c4b5fd0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.work-copy{padding:22px}.work-type{color:#9179b6;letter-spacing:.12em;font:.49rem Consolas,monospace}.work-copy h2{color:#eee8ff;margin:7px 0 8px;font-size:1.07rem}.work-copy p{color:#978cab;min-height:65px;margin:0;font-size:.74rem;line-height:1.75}.open-work{color:#c4b5fd;letter-spacing:.08em;margin-top:14px;font:.52rem Consolas,monospace;display:block}.future-shelves{margin-top:80px}.future-head>span{color:#7d6b9b;letter-spacing:.15em;font:.5rem Consolas,monospace}.future-head h2{color:#e9e2f7;margin:7px 0 0;font-size:1.25rem}.future-head p{color:#81758f;margin:8px 0 0;font-size:.72rem}.shelf-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px;display:grid}.empty-shelf{background:#d3b9ff05;border:1px dashed #d3b9ff21;border-radius:18px;min-height:175px;padding:22px}.shelf-symbol{color:#8c779d;font-size:1.15rem;display:block}.shelf-label{color:#766587;letter-spacing:.12em;margin-top:15px;font:.47rem Consolas,monospace;display:block}.empty-shelf h3{color:#cfc4df;margin:5px 0 6px;font-size:.91rem}.empty-shelf p{color:#756a81;margin:0;font-size:.68rem}.work-modal[hidden]{display:none!important}.work-modal{z-index:20000;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal-backdrop{backdrop-filter:blur(13px);background:#03020edb;position:absolute;inset:0}.modal-card{z-index:1;background:linear-gradient(150deg,#19152f,#080716);border:1px solid #d3b9ff26;border-radius:25px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);width:min(900px,95vw);max-height:90vh;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000008c}.modal-work-visual{background:radial-gradient(circle,#b697ff24,#0000 55%);justify-content:center;align-items:center;min-height:510px;display:flex;position:relative;overflow:hidden}.modal-work-visual img{object-fit:contain;width:100%;height:100%}.modal-symbol{z-index:2;color:#eadfff;filter:drop-shadow(0 0 25px #c4b5fd73);font-size:4rem;position:relative}.modal-grid{opacity:.35;background-image:linear-gradient(#c4b5fd0d 1px,#0000 1px),linear-gradient(90deg,#c4b5fd0d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.modal-info{padding:34px 30px}.modal-meta{color:#9b83c1;letter-spacing:.1em;flex-wrap:wrap;gap:10px;font:.5rem Consolas,monospace;display:flex}.modal-info h2{color:#f1eaff;margin:11px 0 0;font-size:1.5rem}.modal-info>p{color:#a497b6;margin:14px 0 0;font-size:.78rem;line-height:1.9}.modal-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.modal-tags span{color:#b59bd6;background:#d3b9ff0d;border:1px solid #d3b9ff17;border-radius:999px;padding:6px 9px;font-size:.58rem}.modal-link{color:#d8c6ff;letter-spacing:.08em;background:#d3b9ff0f;border:1px solid #d3b9ff1a;border-radius:10px;margin-top:25px;padding:9px 12px;font:.52rem Consolas,monospace;text-decoration:none;display:inline-flex}.modal-close{z-index:5;color:#eee7ff;cursor:pointer;background:#0a0719c7;border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px;position:absolute;top:14px;right:14px}.modal-nav{z-index:5;color:#eee7ff;cursor:pointer;background:#0a0719bd;border:1px solid #ffffff1a;border-radius:12px;width:40px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.modal-prev{left:13px}.modal-next{right:calc(36% + 13px)}@media (width<=900px){.current-works,.shelf-grid{grid-template-columns:1fr}.modal-card{grid-template-columns:1fr;overflow-y:auto}.modal-work-visual{min-height:360px}.modal-next{right:13px}}