.container{width:100vw;min-height:120vh;position:relative;overflow:hidden}.header{flex-flow:wrap;justify-content:space-between;gap:24px;margin:16px;font-size:13px;animation:1s forwards header-animation;display:flex}.header-card{will-change:transform,z-index;background-color:#fff;flex-direction:column;gap:2px;padding:2px 4px 4px;transition:all .2s;display:inline-block;box-shadow:0 0 0 1px #0e3f7e0f,0 1px 1px -.5px #2a334608,0 2px 2px -1px #2a33460a,0 3px 3px -1.5px #2a33460a,0 5px 5px -2.5px #2a334608,0 10px 10px -5px #2a334608,0 24px 24px -8px #2a334608}@keyframes header-animation{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:952px){.currently-container{display:none!important}}@media only screen and (max-width:796px){.works-index-container,.works-index{display:none!important}}.card-container{cursor:grab;position:relative}.card-container:active{cursor:grabbing}.card{will-change:transform,filter;will-change:transform,z-index;background-color:#01010105;border-radius:8px;flex-direction:column;gap:2px;padding:2px 4px 4px;transition:all .2s;display:inline-block;box-shadow:0 0 0 1px #0e3f7e0f,0 1px 1px -.5px #2a334608,0 2px 2px -1px #2a33460a,0 3px 3px -1.5px #2a33460a,0 5px 5px -2.5px #2a334608,0 10px 10px -5px #2a334608,0 24px 24px -8px #2a334608}.card:hover{transform:translateY(-4px)}.card:active{-webkit-backdrop-filter:blur(2px);scale:1.01;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.card-header{flex-direction:row;justify-content:space-between;margin:4px 4px 6px;display:flex}.card-link{cursor:pointer;flex-direction:row;align-items:baseline;gap:8px;transition:all .2s;display:flex}.card-link:hover{opacity:.5;gap:10px}@media only screen and (max-width:576px){.card{scale:.8}.card:active{scale:.81}}.card-name{color:#000;width:fit-content;font-size:12px;text-decoration:none}@keyframes rotate{to{rotate:1turn}}.disc{outline-offset:-1px;border-radius:50%;outline:1px solid #0000001a;width:95px;height:95px;text-decoration:none;transition:all .2s ease-in-out;animation:10s linear infinite rotate;box-shadow:0 0 0 1px #0e3f7e0f,0 1px 1px -.5px #2a334608,0 2px 2px -1px #2a33460a,0 3px 3px -1.5px #2a33460a,0 5px 5px -2.5px #2a334608,0 10px 10px -5px #2a334608,0 24px 24px -8px #2a334608}.disc:hover{scale:1.01;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.listening-container{width:95px;height:95px;position:relative}.center-circle{background-color:#f9f9f9;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #00000080}@media only screen and (max-width:876px){.listening-container,.disc{width:80px;height:80px}.center-circle{width:12px;height:12px}}.currently-img-wrapper{z-index:2;cursor:grab;width:133px;height:100px;position:relative}@media only screen and (max-width:876px){.currently-img-wrapper,.currently-img{width:94px;height:72px}}.currently-img-wrapper:active{cursor:grabbing}.currently-img{border:4px solid #fff;transition:all .2s;transform:rotate(-8deg);box-shadow:0 4px 8px -2px #091e4226,0 0 0 1px #091e4214}.currently-img:active{scale:1.01;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.link,.hoverable-work{color:inherit;text-decoration:none;transition:all .1s}.link:hover{color:#000;background-color:#d9d9d9;box-shadow:4px 0 #d9d9d9,-4px 0 #d9d9d9}.hoverable-work{cursor:pointer;padding-inline:4px;display:block}.hoverable-work:hover{background-color:#e9e9e9}.about-link{color:inherit;flex-direction:row;align-items:baseline;gap:8px;width:fit-content;text-decoration:none;transition:all .1s;display:flex}.about-link:hover{opacity:.5;gap:10px}.book{width:80px;height:120px;position:relative}@media only screen and (max-width:876px){.book{width:64px;height:96px}}.book-top{content:"";opacity:1;transform-origin:0 100%;background:repeating-linear-gradient(0deg,#0000,#0000 1.5px,#0000001a 1.5px 3px),linear-gradient(#0000001a,#0000000d);width:100%;height:3.2px;position:absolute;top:-4px;left:0;transform:skew(67deg)}.book-spine{content:"";opacity:1;transform-origin:100% 100%;background:linear-gradient(#424153 33%,#454545 66%,#8f8f8f 99%);width:8px;height:100%;position:absolute;top:0;left:-8px;transform:skewY(24deg)}@keyframes toss-0{0%{transform:translate(102vw,-104vh)rotate(-5deg)}to{transform:translate(0,0)rotate(7deg)}}.card-0{animation:.8s cubic-bezier(.22,.61,.36,1) 20ms forwards toss-0;position:absolute;transform:translate(102vw,-104vh)rotate(-5deg)}@keyframes toss-1{0%{transform:translate(-104vw,-106vh)rotate(-15deg)}to{transform:translate(0,0)rotate(-4deg)}}.card-1{animation:.8s cubic-bezier(.22,.61,.36,1) 40ms forwards toss-1;position:absolute;transform:translate(-104vw,-106vh)rotate(-15deg)}@keyframes toss-2{0%{transform:translate(-120vw,-104vh)rotate(20deg)}to{transform:translate(0,0)rotate(9deg)}}.card-2{animation:.8s cubic-bezier(.22,.61,.36,1) 60ms forwards toss-2;position:absolute;transform:translate(-120vw,-104vh)rotate(20deg)}@keyframes toss-3{0%{transform:translate(124vw,104vh)rotate(4deg)}to{transform:translate(0,0)rotate(-8deg)}}.card-3{animation:.8s cubic-bezier(.22,.61,.36,1) 80ms forwards toss-3;position:absolute;transform:translate(124vw,104vh)rotate(4deg)}@keyframes toss-4{0%{transform:translateY(-120vh)rotate(-24deg)}to{transform:translate(0,0)rotate(-4deg)}}.card-4{animation:.8s cubic-bezier(.22,.61,.36,1) .1s forwards toss-4;position:absolute;transform:translateY(-120vh)rotate(-24deg)}@keyframes toss-5{0%{transform:translate(106vw,-106vh)rotate(10deg)}to{transform:translate(0,0)rotate(9deg)}}.card-5{animation:.8s cubic-bezier(.22,.61,.36,1) .12s forwards toss-5;position:absolute;transform:translate(106vw,-106vh)rotate(10deg)}@keyframes toss-6{0%{transform:translate(-110vw,-104vh)rotate(-25deg)}to{transform:translate(0,0)rotate(-8deg)}}.card-6{animation:.8s cubic-bezier(.22,.61,.36,1) .14s forwards toss-6;position:absolute;transform:translate(-110vw,-104vh)rotate(-25deg)}@keyframes toss-7{0%{transform:translate(104vh,-112vh)rotate(15deg)}to{transform:translate(0,0)rotate(-4deg)}}.card-7{animation:.8s cubic-bezier(.22,.61,.36,1) .16s forwards toss-7;position:absolute;transform:translate(104vh,-112vh)rotate(15deg)}@keyframes toss-8{0%{transform:translate(-106vw,112vh)rotate(-10deg)}to{transform:translate(0,0)rotate(6deg)}}.card-8{animation:.8s cubic-bezier(.22,.61,.36,1) .18s forwards toss-8;position:absolute;transform:translate(-106vw,112vh)rotate(-10deg)}@keyframes toss-9{0%{transform:translate(112vw,106vh)rotate(5deg)}to{transform:translate(0,0)rotate(12deg)}}.card-9{animation:.8s cubic-bezier(.22,.61,.36,1) .2s forwards toss-9;position:absolute;transform:translate(112vw,106vh)rotate(5deg)}@keyframes toss-10{0%{transform:translate(104vw,-102vh)rotate(-20deg)}to{transform:translate(0,0)rotate(-4deg)}}.card-10{animation:.8s cubic-bezier(.22,.61,.36,1) .22s forwards toss-10;position:absolute;transform:translate(104vw,-102vh)rotate(-20deg)}@keyframes toss-11{0%{transform:translate(121vw,110vh)rotate(-4deg)}to{transform:translate(0,0)rotate(12deg)}}.card-11{animation:.8s cubic-bezier(.22,.61,.36,1) .24s forwards toss-11;position:absolute;transform:translate(121vw,110vh)rotate(-4deg)}@keyframes toss-12{0%{transform:translateY(-140vh)rotate(24deg)}to{transform:translate(0,0)rotate(-2deg)}}.card-12{animation:.8s cubic-bezier(.22,.61,.36,1) .26s forwards toss-12;position:absolute;transform:translateY(-140vh)rotate(24deg)}@keyframes toss-13{0%{transform:translate(104px,108vh)rotate(13deg)}to{transform:translate(0,0)rotate(2deg)}}.card-13{animation:.8s cubic-bezier(.22,.61,.36,1) .28s forwards toss-13;position:absolute;transform:translate(104vw,108vh)rotate(13deg)}@keyframes toss-14{0%{transform:translate(112vw,-120vh)rotate(13deg)}to{transform:translate(0,0)rotate(-7deg)}}.card-14{animation:.8s cubic-bezier(.22,.61,.36,1) .3s forwards toss-14;position:absolute;transform:translate(112vw,-120vh)rotate(13deg)}@keyframes toss-15{0%{transform:translate(-104vw,110vh)rotate(30deg)}to{transform:translate(0,0)rotate(-5deg)}}.card-15{animation:.8s cubic-bezier(.22,.61,.36,1) .32s forwards toss-15;position:absolute;transform:translate(-104vw,110vh)rotate(30deg)}@keyframes toss-16{0%{transform:translate(120vw,-102vh)rotate(-15deg)}to{transform:translate(0,0)rotate(4deg)}}.card-16{animation:.8s cubic-bezier(.22,.61,.36,1) .34s forwards toss-16;position:absolute;transform:translate(120vw,-102vh)rotate(-15deg)}@keyframes toss-17{0%{transform:translate(-102vw,-115vh)rotate(25deg)}to{transform:translate(0,0)rotate(7deg)}}.card-17{animation:.8s cubic-bezier(.22,.61,.36,1) .36s forwards toss-17;position:absolute;transform:translate(-102vw,-115vh)rotate(25deg)}@keyframes toss-18{0%{transform:translate(-140vw,120vh)rotate(4deg)}to{transform:translate(0,0)rotate(-2deg)}}.card-18{animation:.8s cubic-bezier(.22,.61,.36,1) .38s forwards toss-18;position:absolute;transform:translate(-140vw,120vh)rotate(4deg)}