.home{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#9a9a9a 0%,#c0c0c0 50%,#a8a8a8 100%);opacity:0;pointer-events:none;transition:opacity .4s ease}.home.visible{opacity:1;pointer-events:auto}.home-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.home-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0px;z-index:10;pointer-events:none}.hint-arrow{font-size:24px;color:#0006;animation:float 3s ease-in-out infinite;background:none;border:none;cursor:pointer;padding:0;margin:-40px 0;transition:all .3s;pointer-events:auto;font-family:inherit}.hint-arrow:hover{color:#ffffffe6;transform:scale(1.2);animation:none}.hint-arrow-img{width:200px;height:200px;opacity:.4;transition:opacity .3s,filter .3s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hint-arrow:hover .hint-arrow-img{opacity:1;filter:brightness(0) invert(1)}.hint-up{animation-delay:0s}.hint-down{animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-10px);opacity:.5}}.works{position:fixed;top:0;left:0;width:100%;height:100%;background:#fafafa;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.works::-webkit-scrollbar{display:none}.works.visible{opacity:1;pointer-events:auto}.work-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px}.work{max-width:900px;width:100%}.work-image{width:100%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;margin-bottom:20px}.work-image img{width:100%;height:auto;display:block}.work-info{display:flex;justify-content:space-between;align-items:flex-start}.work-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.work-title{font-size:16px;font-weight:400;color:#777;letter-spacing:.02em}.work-year,.work-size{font-size:13px;color:#999;font-weight:300}.works-down-gate-container{display:flex;justify-content:center;padding:8px 0 16px}.works-down-gate{background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;padding:8px 24px;letter-spacing:.1em;font-family:inherit;background-image:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0088ff,#8800ff,#ff0000);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.75;animation:works-rainbow-shift 4s linear infinite;transition:opacity .5s ease}.works-down-gate:hover{opacity:1}@keyframes works-rainbow-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.work-container{padding:80px 20px}.works-down-gate{font-size:28px}.works-down-gate-container{padding:4px 0 12px}}.fragment{position:absolute;cursor:pointer;will-change:transform,filter;transition:none}.fragment-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.fragment:not(.enlarged):hover .fragment-inner{filter:brightness(1.15)}.fragment.record .fragment-inner{border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 3px,rgba(255,255,255,.025) 3px,rgba(255,255,255,.025) 4px),radial-gradient(circle,#1a1a1a 0%,#0d0d0d 40%,#111 70%,#0a0a0a 100%);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:border-color .3s,box-shadow .3s}.fragment.record.playing .fragment-inner{border-color:#ffffff26;box-shadow:0 0 20px #ffffff14,0 0 50px #ffffff08}.record-label{position:absolute;width:36%;height:36%;border-radius:50%;background:radial-gradient(circle,#222 0%,#181818 100%);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:4px}.record-title{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:9px;color:#ffffff8c;text-align:center;line-height:1.2;transform:rotate(-3deg);word-break:break-word;max-width:85%;letter-spacing:.02em}.record-hole{position:absolute;width:4%;height:4%;border-radius:50%;background:#000;z-index:1}.fragment.photo .fragment-inner{width:auto;height:auto;background:none;border:none;overflow:visible}.photo-image{display:block;width:auto;height:auto;image-orientation:from-image}.photo-label{font-size:12px;color:#ffffff59;letter-spacing:.05em}.fragment.photo.enlarged .fragment-inner{background:none;border:none}[data-vibrating="1"]{animation:vibrate .15s infinite}.fragment.photo.enlarged[data-vibrating="1"]{animation:vibrate-strong .12s infinite}@keyframes vibrate{0%{translate:0 0}25%{translate:-.5px .3px}50%{translate:.5px -.3px}75%{translate:-.3px -.5px}to{translate:.3px .5px}}@keyframes vibrate-strong{0%{translate:0 0}25%{translate:-2px 1.5px}50%{translate:2px -1.5px}75%{translate:-1.5px -2px}to{translate:1.5px 2px}}@media (max-width: 768px){.record-title{font-size:7px}}.archive{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease;cursor:grab;overflow:hidden}.archive.visible{opacity:1;pointer-events:auto}.archive:active{cursor:grabbing}.archive-space{position:absolute;top:0;left:0;width:100%;height:100%}.wave-origin{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.wave-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);width:0;height:0;animation:wave-expand 4s infinite ease-out}.wave-ring:nth-child(1){animation-delay:0s}.wave-ring:nth-child(2){animation-delay:1.3s}.wave-ring:nth-child(3){animation-delay:2.6s}@keyframes wave-expand{0%{width:0;height:0;opacity:.35}to{width:600px;height:600px;opacity:0}}.archive-title{position:absolute;bottom:56px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff26;pointer-events:none;text-align:center}.archive-hidden-gate,.archive-up-gate{position:absolute;left:50%;transform:translate(-50%);background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;padding:8px 24px;letter-spacing:.1em;z-index:10;font-family:inherit;background-image:linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#0088ff,#8800ff,#ff0000);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.75;animation:rainbow-shift 4s linear infinite;transition:opacity .5s ease}.archive-hidden-gate{bottom:8px}.archive-up-gate{top:8px}.archive-hidden-gate:hover,.archive-up-gate:hover{opacity:1}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.archive-title{font-size:10px;bottom:48px}.archive-hidden-gate,.archive-up-gate{font-size:28px}.archive-hidden-gate{bottom:4px}.archive-up-gate{top:4px}}.navigation{position:fixed;top:20px;right:20px;z-index:2000}.nav-toggle{width:50px;height:50px;border:none;background:transparent;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.navigation.light .nav-toggle{color:#000}.navigation.silver .nav-toggle{color:#666}.navigation.dark .nav-toggle{color:#fff}.nav-toggle:hover{opacity:.6}.nav-menu{position:fixed;top:0;right:0;width:300px;height:100vh;display:flex;flex-direction:column;gap:0;padding:80px 40px 40px;transform:translate(100%);transition:transform .3s ease}.navigation.light .nav-menu{background:rgba(255,255,255,.98);border-left:1px solid #000}.navigation.silver .nav-menu{background:rgba(192,192,192,.98);border-left:1px solid #666}.navigation.dark .nav-menu{background:rgba(0,0,0,.98);border-left:1px solid rgba(255,255,255,.2)}.nav-menu.open{transform:translate(0)}.nav-menu button{background:none;border:none;font-size:18px;font-weight:300;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:20px 0;text-align:left;font-family:inherit;transition:opacity .3s}.nav-home-icon{font-size:32px!important;text-align:center!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important;padding:25px 0!important;margin-bottom:10px}.navigation.light .nav-menu button{color:#000;border-bottom:1px solid rgba(0,0,0,.1)}.navigation.silver .nav-menu button{color:#333;border-bottom:1px solid rgba(0,0,0,.15)}.navigation.dark .nav-menu button{color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu button:hover{opacity:.5}.nav-instagram{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:300;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:20px 0;transition:opacity .3s}.navigation.light .nav-instagram{color:#000;border-bottom:1px solid rgba(0,0,0,.1)}.navigation.silver .nav-instagram{color:#333;border-bottom:1px solid rgba(0,0,0,.15)}.navigation.dark .nav-instagram{color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-instagram:hover{opacity:.5}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}@media (max-width: 768px){.nav-menu{width:100%;padding:80px 20px 40px}}.biography{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.biography::-webkit-scrollbar{display:none}.biography.visible{opacity:1;pointer-events:auto}.biography-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;padding:120px 60px}.biography-content{max-width:800px;width:100%}.biography-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;margin-bottom:60px;text-transform:uppercase}.biography-section{margin-bottom:50px}.biography-section h2{font-size:16px;font-weight:400;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.biography-section p{font-size:15px;line-height:1.8;color:#444;margin-bottom:15px}.biography-section ul{list-style:none;padding:0}.biography-section li{font-size:14px;line-height:2;color:#444;padding-left:15px;position:relative}.biography-section li:before{content:"—";position:absolute;left:0}@media (max-width: 768px){.biography-container{padding:80px 20px}}.shop{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.shop::-webkit-scrollbar{display:none}.shop.visible{opacity:1;pointer-events:auto}.shop-header{max-width:1400px;margin:0 auto;padding:100px 40px 40px}.shop-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;text-transform:uppercase}.shop-empty{max-width:1400px;margin:0 auto;padding:60px 40px;color:#555;font-size:14px;letter-spacing:.05em}.shop-grid{max-width:1400px;margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.shop-item{cursor:pointer;transition:opacity .3s}.shop-item:hover{opacity:.7}.shop-item-image{width:100%;aspect-ratio:1;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;margin-bottom:15px}.shop-item-info h3{font-size:15px;font-weight:400;margin-bottom:5px}.shop-item-price{font-size:14px;color:#666}.shop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.shop-modal-content{background:#fff;padding:60px;max-width:500px;width:100%;position:relative}.shop-modal-close{position:absolute;top:20px;right:20px;font-size:32px;background:none;border:none;cursor:pointer;color:#000}.shop-modal-content h2{font-size:24px;font-weight:400;margin-bottom:15px}.shop-modal-price{font-size:18px;margin-bottom:20px;color:#000}.shop-modal-description{font-size:14px;line-height:1.8;color:#666;margin-bottom:30px;white-space:pre-line}.shop-modal-note{font-size:12px;color:#999;font-style:italic}@media (max-width: 768px){.shop-header{padding:80px 20px 40px}.shop-grid{padding:0 20px 60px;grid-template-columns:1fr}.shop-modal-content{padding:40px 20px}}.contact{position:fixed;top:0;left:0;width:100%;height:100%;background:#c0c0c0;opacity:0;pointer-events:none;overflow-y:scroll;overflow-x:hidden;transition:opacity .4s ease;-ms-overflow-style:none;scrollbar-width:none}.contact::-webkit-scrollbar{display:none}.contact.visible{opacity:1;pointer-events:auto}.contact-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 40px}.contact-content{max-width:600px;width:100%}.contact-title{font-size:clamp(28px,5vw,48px);font-weight:300;letter-spacing:.1em;margin-bottom:60px;text-transform:uppercase}.contact-form{width:100%}.form-group{margin-bottom:30px}.form-group label{display:block;font-size:12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:15px;border:1px solid #666;background:rgba(255,255,255,.8);font-family:inherit;font-size:14px}.form-group textarea{min-height:150px;resize:vertical}.contact-submit{background:#555;color:#fff;padding:15px 40px;border:none;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.05em;transition:opacity .3s;font-family:inherit}.contact-submit:hover{opacity:.7}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-message{margin-top:20px;font-size:14px;letter-spacing:.02em}.contact-message.success{color:#2a7d2a}.contact-message.error{color:#a33}@media (max-width: 768px){.contact-container{padding:80px 20px}}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5000;opacity:0}.transition-overlay.to-light{background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,0) 100%)}.transition-overlay.to-light.active{animation:lightRising .6s ease-out forwards}@keyframes lightRising{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20%)}}.transition-overlay.to-dark{background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 30%,rgba(0,0,0,0) 100%)}.transition-overlay.to-dark.active{animation:darkFalling .6s ease-out forwards}@keyframes darkFalling{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20%)}}.transition-overlay.to-silver-from-light{background:#c0c0c0}.transition-overlay.to-silver-from-light.active{animation:fadeInOut .4s ease-in-out forwards}.transition-overlay.to-silver-from-dark{background:#c0c0c0}.transition-overlay.to-silver-from-dark.active{animation:fadeInOut .4s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.app{width:100%;height:100%;position:relative}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow:hidden;width:100vw;height:100vh;position:fixed;background:#000}#root{width:100%;height:100%}