*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#f4e4d8;margin:0;padding:0;font-family:Libre Caslon Text,serif}img{filter:grayscale()}header{background-color:#0000;justify-content:space-between;align-items:center;padding:1vw;display:flex}header img{width:3vw;height:3vw;margin-right:10px}header h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Libre Caslon Text,serif;font-weight:700}a{color:#b09696;text-decoration:none}.custom-dropdown button{cursor:pointer;text-align:right;color:#b09696;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;border:none;width:30vw;padding:10px 10px 10px 0;font-family:Libre Caslon Text,serif;font-weight:700}.dropdown-content{text-align:right;width:30vw;box-shadow:none;z-index:1;background-color:#0000;font-family:Libre Caslon Text,serif;font-weight:700;display:none;position:absolute}.dropdown-content a{color:#b09696;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:12px;padding-right:10px;font-family:Libre Caslon Text,serif;text-decoration:none;display:block}.dropdown-content a:hover{color:#000}.custom-dropdown:hover .dropdown-content{display:block}#content{text-align:center;flex-direction:column;justify-content:center;max-width:850px;height:80vh;margin:auto;padding:20px;display:flex}#content-test{text-align:center;flex-direction:column;justify-content:flex-start;max-width:850px;height:80vh;margin:auto auto 10vw;padding:20px;display:none}footer{color:#b09696;cursor:default;padding:0 2vw 2vw 0;font-family:Libre Caslon Text,serif;font-size:2vw;font-weight:700;display:none;position:fixed;bottom:0;right:0}footer p{margin:0}#pagetitle_container{display:inline-flex}#pagetitle_container a{color:#000;text-decoration:none}#dropdown-arrow{opacity:.5;margin:0 1vw .25vw 0;padding-left:1vw}img#main-page{align-self:center;width:100%}.caption-container{justify-content:space-between;align-self:center;width:100%;margin-top:.75vw;font-size:2vw;font-weight:700;display:inline-flex}#bio-container{flex-wrap:wrap;justify-content:center;align-self:center;width:100%;max-height:100%;display:inline-flex}#bio-container .left-column{width:40%;min-width:300px;margin-bottom:3vw}#bio-container .right-column{text-align:left;align-items:center;width:50%;min-width:300px;padding-bottom:10vw;padding-left:2vw;display:flex}#bio-container img{width:100%;min-width:300px;max-width:20vw}#works-container{cursor:pointer;max-height:70vh}.list-item{text-align:left;border:none;border-bottom:1px solid #b0969633;margin-bottom:10px;padding-bottom:10px;list-style:none;overflow:hidden}.image-title{cursor:pointer;justify-content:space-between;align-items:flex-start;width:100%;min-height:48px;padding:8px 0;display:flex}.image-title h3{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding:0;font-family:Libre Caslon Text,serif;font-weight:400;line-height:1.3}.image-title .year{font-variant-numeric:tabular-nums}.title-container{flex-direction:column;justify-content:flex-start;display:flex}.title-container.title{flex:1;max-width:calc(100% - 120px);padding-right:20px}.title-container.year{text-align:right;flex-shrink:0;align-self:flex-start;width:80px;padding-top:2px}.image-title img,.thumbnail-container{width:114px;height:64px}.thumbnail-container{display:none}.description{opacity:0;min-height:1.2em;margin-top:4px;line-height:1.2}#works-list{margin-left:0;padding-left:0}#works-list .content{padding-top:1vw;padding-bottom:2.5vw;display:none}#works-list .left-column{width:auto;min-width:300px;max-width:700px}#works-list .title{text-align:left;width:100%;margin-bottom:0;padding-bottom:0}#works-list .year{text-align:right;width:100px;font-weight:700}#works-list .right-column{text-align:left;line-height:1.6;display:block}.list-item img{max-width:100%;height:auto}.collapse-btn{cursor:pointer;color:#b09696;margin:auto 0;display:none}.show{opacity:1}.hide{opacity:0}.work-info{flex-direction:column;margin-top:2vw;margin-bottom:.75vw;display:flex;position:relative}#navigaton{display:inline-flex}#navigaton button{color:#b09696;cursor:pointer;background-color:#0000;border:none;margin:0;padding:0;font-family:Libre Caslon Text,serif}.screenshot{cursor:pointer}.img-and-link{display:inline-block;position:relative}#works-list video{border:none;outline:none;width:100%;display:none}button{font-family:Libre Caslon Text,serif}.nolink{cursor:default}#radio-container{text-align:center;flex-direction:column;justify-content:flex-start;max-width:850px;height:auto;min-height:80vh;margin:auto;padding:20px;display:flex}.radio-content{flex-direction:column;gap:3vw;width:100%;display:flex}.radio-title h2{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Libre Caslon Text,serif;font-weight:700}.radio-player{width:100%;max-width:600px;margin:0 auto}.minimal-audio-player{box-shadow:none!important;background-color:#0000!important;border-radius:0!important}.minimal-audio-player .rhap_container{background-color:#0000!important;padding:10px!important}.minimal-audio-player .rhap_main-controls-button{color:#b09696!important;width:32px!important;height:32px!important;font-size:16px!important}.minimal-audio-player .rhap_main-controls-button:hover{color:#000!important}.minimal-audio-player .rhap_volume-controls{color:#b09696!important}.minimal-audio-player .rhap_time{color:#b09696!important;font-family:Libre Caslon Text,serif!important;font-size:14px!important}.minimal-audio-player .rhap_progress-bar{background-color:#b096964d!important;height:2px!important}.minimal-audio-player .rhap_progress-filled{background-color:#b09696!important}.minimal-audio-player .rhap_progress-indicator{background-color:#000!important;width:8px!important;height:8px!important}.current-track{color:#b09696;text-align:center;max-width:600px;margin:0 auto;font-family:Libre Caslon Text,serif}.current-track p{margin:0;font-style:italic}.chat-container{background-color:#0000;border:1px solid #b09696;flex-direction:column;max-width:600px;height:400px;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid #b096964d;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.chat-header h3{color:#000;margin:0;font-family:Libre Caslon Text,serif;font-weight:400}.connection-status{color:#b09696;font-size:12px}.connection-status.connected{color:green}.connection-status.disconnected{color:red}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:15px;display:flex;overflow-y:auto}.message{text-align:left;gap:8px;font-family:Libre Caslon Text,serif;font-size:14px;line-height:1.4;display:flex}.message-user{color:#b09696;flex-shrink:0;font-weight:700}.message-text{color:#000;word-wrap:break-word}.chat-input-section{border-top:1px solid #b096964d;padding:10px}.username-form,.message-form{gap:10px;width:100%;display:flex}.username-input,.message-input{color:#000;background-color:#0000;border:1px solid #b09696;flex:1;padding:8px 12px;font-family:Libre Caslon Text,serif;font-size:14px}.username-input::placeholder,.message-input::placeholder{color:#b09696}.username-input:focus,.message-input:focus{border-color:#000;outline:none}.username-form button,.message-form button{color:#b09696;cursor:pointer;background-color:#0000;border:1px solid #b09696;padding:8px 16px;font-family:Libre Caslon Text,serif;font-size:14px}.username-form button:hover,.message-form button:hover{color:#000;border-color:#000}.poster-wall{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2vw;max-width:600px;margin:0 auto;display:grid}.poster-item{aspect-ratio:9/16;background-color:#b096961a;border:1px solid #b096964d;justify-content:center;align-items:center;display:flex}.poster-placeholder{color:#b09696;text-align:center;font-family:Libre Caslon Text,serif;font-size:12px}.poster-item img{object-fit:cover;width:100%;height:100%}@media screen and (min-width:0){.radio-title h2{margin-bottom:4vw;font-size:6vw}.radio-content{gap:6vw}.current-track{font-size:4vw}.chat-container{height:300px}.poster-wall{grid-template-columns:repeat(3,1fr);gap:4vw}.minimal-audio-player .rhap_main-controls-button{width:50px!important;height:50px!important;font-size:50px!important}}@media screen and (min-width:60rem){.radio-title h2{margin-bottom:2vw;font-size:3vw}.radio-content{gap:3vw}.current-track{font-size:1.2vw}.chat-container{height:400px}.poster-wall{grid-template-columns:repeat(4,1fr);gap:2vw}}@media screen and (min-width:0){h1,.custom-dropdown button,.dropdown-content{font-size:25px}h1{padding-left:10px}#bio-container{margin-top:20vw}.image-title{min-height:60px;padding:12px 0}#navigaton{margin-top:5vw;margin-bottom:5vw}.description{color:#b09696;opacity:0;min-height:3.36vw;font-size:2.8vw;line-height:1.2}.title-container h3{max-width:100%;font-size:3.5vw;line-height:1.25}.title-container.year h3{font-size:3.5vw;line-height:1.25}#expand-all{font-size:3.5vw;font-weight:400}#dropdown-arrow{width:10px;height:10px}.caption-container{font-size:1.2rem}.video-link{color:#b09696;cursor:pointer;text-align:right;background-color:#0000;border:none;width:25vw;padding:0;font-size:3vw;position:absolute;top:-5.5vw;right:0}#works-list .left-column{padding-top:5vw}#works-list .right-column{text-align:left;width:65%;min-width:300px;padding-top:2.25vw;display:block}}@media screen and (min-width:60rem){h1,.custom-dropdown button,.dropdown-content{font-size:3vw}.description{color:#b09696;opacity:0;min-height:1.32vw;font-size:1.1vw;line-height:1.2}#bio-container{margin-top:0}.image-title{min-height:48px;padding:8px 0}.title-container h3{max-width:100%;font-size:1.4vw;line-height:1.3}.title-container.year h3{font-size:1.4vw;line-height:1.3}#expand-all{font-size:1.4vw;font-weight:400}#dropdown-arrow{width:1vw;height:1vw}.caption-container{font-size:2rem}.video-link{color:#b09696;cursor:pointer;text-align:right;background-color:#0000;border:none;width:10vw;padding:0;font-size:1.25vw;position:absolute;top:-2vw;right:0}#works-list .left-column{padding-top:0}#works-list .right-column{text-align:left;width:65%;min-width:300px;padding-top:2.25vw;padding-left:15vw;display:block}#navigaton{margin-top:1vw;margin-bottom:2.75vw}}@media screen and (min-width:120rem){.title-container h3,.title-container.year h3{font-size:28px;line-height:1.3}.description{opacity:0;min-height:21.6px;font-size:18px;line-height:1.2}.radio-title h2{font-size:48px!important}.current-track{font-size:18px!important}}.dropdown-content.show{display:block!important}.description.show{opacity:1!important}.description.hide{opacity:0!important}.screenshot.show{opacity:1!important;display:block!important}.screenshot.hide{opacity:0!important;display:none!important}.custom-volume-control{color:#000;align-items:center;gap:15px;font-family:Libre Caslon Text,serif;font-size:14px;display:flex}.volume-label{flex-shrink:0;width:30px;font-weight:700}.volume-percentage{text-align:right;flex-shrink:0;width:35px;font-size:12px}.vu-volume-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:end;height:40px;padding:2px;display:flex;position:relative}.vu-bar-container{flex-direction:column-reverse;flex:1;height:100%;display:flex;position:relative}.vu-bar{width:100%;transition:height 80ms ease-out,opacity .2s ease-out}.vu-bars{pointer-events:none;align-items:end;gap:1px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.volume-line{pointer-events:none;z-index:3;opacity:1;background-color:#bfb3aa;width:100%;height:1px;transition:top .1s ease-out;position:absolute;left:0}.vu-volume-container:hover .volume-line{opacity:1;background-color:#000}.vu-volume-container.dragging .volume-line{opacity:1;background-color:#000;height:1px}
