body{background:linear-gradient(to bottom,#000000b3,#1a0d2eb3);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;overflow-x:hidden;width:100%;min-width:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#7000476f,#000000f2),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);z-index:-1;opacity:.75;pointer-events:none}.main-container{max-width:1100px;margin:0 auto 30px;padding:0 20px;flex:1;width:100%;box-sizing:border-box}@media (max-width: 768px){.main-container{padding:0 10px;margin:0 auto 20px;max-width:100vw;width:100%}}@media (max-width: 480px){.main-container{padding:0 5px;margin:0 auto 15px}}footer{margin-top:auto}.textiles-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:0px;column-gap:20px;margin:40px 0}@media (max-width: 1200px){.textiles-grid{grid-template-columns:repeat(3,1fr);column-gap:15px}}@media (max-width: 900px){.textiles-grid{grid-template-columns:repeat(2,1fr);column-gap:15px;margin:30px 0}}@media (max-width: 600px){.textiles-grid{grid-template-columns:1fr;column-gap:0;margin:15px 0;width:100%;max-width:100vw}}@media (max-width: 480px){.textiles-grid{margin:10px 0;padding:0 5px}}.textile-card{border:2px solid #ff00ff;padding:15px;margin-bottom:30px;background:#000000b3;position:relative;transition:all .3s;cursor:pointer;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 600px){.textile-card{padding:10px;margin-bottom:15px;margin-left:0;margin-right:0;width:100%;max-width:100vw}}@media (max-width: 480px){.textile-card{padding:8px;margin-bottom:12px;border-width:1px}}.textile-card:hover{box-shadow:0 5px 15px #ff00ff4d;transform:translateY(-3px)}@media (hover: none){.textile-card:hover{transform:none}}.textile-card:before{content:"✧･ﾟ:*";position:absolute;top:-15px;left:10px;color:#ff0;background:#000;padding:0 5px}.textile-card h3{margin:10px 0 5px;color:#ff0;text-shadow:2px 2px 0 #ff00ff;font-size:1.2em}@media (max-width: 600px){.textile-card h3{font-size:1.1em;margin:8px 0 5px}}.textile-card img{width:100%;max-width:100%;border:3px solid #ffff00;margin:0 auto 15px;background:#000;padding:5px;display:block;box-sizing:border-box;transition:all .3s}@media (max-width: 600px){.textile-card img{width:100%;max-width:100%;border-width:2px;padding:3px;margin-bottom:10px}}@media (max-width: 480px){.textile-card img{border-width:1px;padding:2px}}.textile-card:hover img{box-shadow:0 0 15px #ffff0080}@media (hover: none){.textile-card:hover img{box-shadow:none}}.textile-meta{font-size:.8em;color:#f0f;margin-bottom:10px}@media (max-width: 600px){.textile-meta{font-size:.75em}}.status-badge{display:inline-block;padding:2px 8px;font-size:.7em;margin-left:10px;font-weight:700;border-radius:3px}@media (max-width: 600px){.status-badge{font-size:.65em;padding:2px 6px;margin-left:5px}}.digital{background:#000;color:#0ff;border:1px solid #00ffff;text-shadow:0 0 5px rgba(0,255,255,.7)}.painting{background:#000;color:#f0f;border:1px solid #ff00ff;text-shadow:0 0 5px rgba(255,0,255,.7)}.collection{background:#000;color:#ff0;border:1px solid #ffff00;text-shadow:0 0 5px rgba(255,255,0,.7)}.drawing{background:#000;color:#a2ff00;border:1px solid #a2ff00;text-shadow:0 0 5px rgba(162,255,0,.7);box-shadow:0 0 8px #a2ff0080}.status-badge.misc{background:#000;color:#a11eff!important;padding:2px 8px;font-size:.7em;font-weight:700;border:1px solid #a11eff;text-shadow:0 0 5px #a11eff;box-shadow:#7b00ff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:100;align-items:center;justify-content:center;overflow-y:auto;padding:10px;box-sizing:border-box}@media (max-width: 768px){.modal{padding:10px 0 0;align-items:flex-start}}@media (max-width: 480px){.modal{padding:0;align-items:flex-start}}.modal-content{text-align:center;margin:auto;padding:5px 10px;border:3px solid #ff00ff;background:#000000b3;position:relative;width:800px;max-width:90vw;color:#e0e0e0;box-shadow:0 0 20px #ff00ff80;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.modal-content{width:auto;max-width:95vw;max-height:95vh;padding:8px;border-width:2px;margin:10px}}@media (max-width: 480px){.modal-content{width:auto;max-width:100vw;max-height:100vh;margin:0;padding:5px;border-width:1px}}.close-modal{position:absolute;top:10px;right:10px;color:#ff0;font-size:24px;cursor:pointer;background:#000;border:2px solid #ff00ff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;z-index:101;border-radius:50%;padding:0;margin:0}@media (max-width: 768px){.close-modal{top:5px;right:5px;width:35px;height:35px;font-size:20px}}.close-modal:hover{background:#f0f;color:#000}.modal-title{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5);font-size:2.5rem;margin:0 0 15px;padding:5px 45px 0 0;text-align:center;letter-spacing:2px;line-height:1.2;font-weight:700;flex-shrink:0;box-sizing:border-box;position:relative;z-index:1}@media (max-width: 768px){.modal-title{font-size:1.5rem;letter-spacing:1px;margin:0 0 8px;padding:8px 40px 0 8px}}@media (max-width: 480px){.modal-title{font-size:1.2rem;letter-spacing:.5px;padding:5px 35px 0 5px;margin:0 0 5px}}.modal-image-container{width:100%;max-height:55vh;height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;position:relative;cursor:default;padding:5px 0 0;max-width:100%;text-align:center}@media (max-width: 768px){.modal-image-container{height:35vh;max-height:35vh;padding:0}}@media (max-width: 480px){.modal-image-container{height:30vh;max-height:30vh;padding:0}}.modal-main-image{max-width:100%;max-height:100%;display:block;object-fit:contain;margin:0 auto;background:#000;padding:5px;cursor:zoom-in;transition:transform .3s ease}@media (max-width: 768px){.modal-main-image{padding:3px}}.modal-main-image.zoomed{transform:scale(3);cursor:zoom-out;z-index:10;position:relative}@media (max-width: 768px){.modal-main-image.zoomed{transform:scale(2)}}@media (max-width: 480px){.modal-main-image.zoomed{transform:scale(1.5)}}.modal-thumbs{display:flex;justify-content:center;gap:10px;margin:15px 0 20px;flex-wrap:wrap;padding:0 10px;flex-shrink:0;min-height:75px}@media (max-width: 768px){.modal-thumbs{gap:8px;margin:10px 0 15px;padding:0 5px;min-height:60px}}@media (max-width: 480px){.modal-thumbs{gap:5px;margin:8px 0 12px;min-height:50px}}.modal-thumb{width:65px;height:65px;border:2px solid #ff00ff;padding:3px;background:#000;object-fit:cover;transition:all .3s;cursor:pointer;flex-shrink:0}@media (max-width: 768px){.modal-thumb{width:55px;height:55px;padding:2px}}@media (max-width: 480px){.modal-thumb{width:45px;height:45px;border-width:1px}}.modal-thumb:hover,.modal-thumb.active{border-color:#ff0;box-shadow:0 0 10px #ff38b880}.modal-description{margin-top:15px;padding-top:15px;border-top:1px dotted #ff00ff;margin-bottom:15px;padding-bottom:10px;flex-shrink:0;overflow-y:auto;max-height:30vh}@media (max-width: 768px){.modal-description{margin-top:10px;padding-top:10px;margin-bottom:10px;padding-bottom:5px;font-size:.9em}}@media (max-width: 480px){.modal-description{font-size:.85em}}.modal-description p{margin-bottom:8px}.gallery-view{display:block}.detail-view{display:block;position:relative;padding-bottom:10px;z-index:10;overflow-y:auto}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin:20px 0}@media (max-width: 768px){.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:15px 0}}@media (max-width: 480px){.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin:10px 0}}.thumbnail-item{position:relative;cursor:pointer;transition:all .3s;border:2px solid transparent;padding:5px;background:#00000080}@media (max-width: 480px){.thumbnail-item{padding:3px}}.thumbnail-item:hover{border-color:#ff0;transform:translateY(-5px);box-shadow:0 5px 15px #ffff004d}@media (hover: none){.thumbnail-item:hover{transform:none}}.thumbnail-img{width:100%;height:120px;object-fit:cover;border:1px solid #ff00ff}@media (max-width: 768px){.thumbnail-img{height:100px}}@media (max-width: 480px){.thumbnail-img{height:80px}}.thumbnail-caption{margin-top:5px;font-size:.9em;color:#ff0}@media (max-width: 768px){.thumbnail-caption{font-size:.8em}}@media (max-width: 480px){.thumbnail-caption{font-size:.75em}}.detail-image{max-width:100%;height:50vh;max-height:60vh;border:1px solid transparent;margin:15px auto}@media (max-width: 768px){.detail-image{height:40vh;max-height:45vh;margin:10px auto}}@media (max-width: 480px){.detail-image{height:35vh;max-height:40vh}}.detail-title{color:#ff0;font-size:1.5em;margin:10px 0;text-shadow:0 0 10px rgba(255,255,0,.5)}@media (max-width: 768px){.detail-title{font-size:1.3em}}@media (max-width: 480px){.detail-title{font-size:1.1em}}.detail-year{color:#f0f;font-weight:700;margin-bottom:10px}.detail-desc{font-size:1em;line-height:1.5;margin:15px 0;padding:0 10px}@media (max-width: 768px){.detail-desc{font-size:.9em;padding:0 5px;margin:10px 0}}@media (max-width: 480px){.detail-desc{font-size:.85em;padding:0}}.back-button{position:sticky;top:0;left:0;z-index:20;background:#000;border:2px solid #ffff00;color:#ff0;padding:5px 10px;margin-bottom:5px;text-decoration:none;cursor:pointer;transition:all .3s;display:inline-block}@media (max-width: 480px){.back-button{padding:4px 8px;font-size:.9em}}.back-button:hover{background:#ff0;color:#000}.modal-meta{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;font-size:1em;text-align:center;flex-wrap:wrap}@media (max-width: 768px){.modal-meta{gap:15px;font-size:.9em;margin-bottom:10px}}@media (max-width: 480px){.modal-meta{gap:10px;font-size:.85em;flex-direction:column;align-items:center}}.meta-label{font-weight:700;color:#ff0;font-size:1em;letter-spacing:1px}@media (max-width: 768px){.meta-label{font-size:.95em;letter-spacing:.5px}}.meta-value{color:#fff;font-weight:400}@media (hover: none) and (pointer: coarse){.textile-card,.thumbnail-item,.modal-thumb{-webkit-tap-highlight-color:rgba(255,0,255,.2)}}@media (max-width: 896px) and (orientation: landscape){.modal-image-container{height:50vh;max-height:50vh}.modal-description{max-height:25vh}}