*{margin:0;padding:0;font:inherit}:root{font-size:16px;--color-text: #f0f0f0;--color-bg: #1d1a1a;--color-card: #0f1010}@font-face{font-display:swap;font-family:LiberationMono;src:url(/assets/LiberationMono-ZxrApQP_.woff2) format("woff2");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-display:swap;font-family:InterDisplay-Bold;src:url(/assets/InterDisplay-Bold-CXJyJlfA.woff2) format("woff2");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-display:swap;font-family:InterDisplay-Regular;src:url(/assets/InterDisplay-Regular-C0mmbI_t.woff2) format("woff2");font-weight:700;font-style:normal;font-stretch:normal}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:InterDisplay-Regular;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body a:focus{outline:none;background:#d3d3d3}body a:focus:not(:focus-visible){background:transparent}body a:focus-visible{outline:2px solid white;background:transparent}body #canvas-container{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}body #canvas-container img{visibility:hidden;pointer-events:none;position:absolute}body .frame{padding:3rem 5vw;width:100vw;top:10rem;left:0;width:auto;max-width:none;height:100vh}body .frame .frame-title-wrap{position:sticky;top:3rem;display:flex;flex-direction:column}body .frame .frame-title-wrap .frame-title{margin:0 0 1rem;font-size:2.5rem;font-family:InterDisplay-Bold}body .frame .frame-title-wrap nav{display:flex;flex-direction:column;align-items:flex-start;padding-top:5rem;line-height:1.3}body .frame .frame-title-wrap nav>a{text-decoration:none;color:#b4b2b2;font-size:2.15rem;font-family:LiberationMono;-webkit-text-fill-color:#b4b2b2;-webkit-text-stroke-color:white;-webkit-text-stroke-width:.2px}body .frame .frame-title-wrap nav>a:hover{color:#fff;-webkit-text-fill-color:#fff}body .salute{opacity:1;padding-bottom:3rem}body .salute>h2{font-size:2.25rem;font-family:InterDisplay-Bold;padding:3rem 5vw;word-break:break-all}@media only screen and (width <=1024px){body .salute>h2{font-size:1.75rem}}body .salute div.blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:0}body .salute div>p{padding:0 5vw;max-width:66vw;font-family:InterDisplay-Regular;font-size:1.3rem;line-height:1.25;letter-spacing:.01em;overflow-wrap:break-word}@media only screen and (width >=1500px){body .salute div>p{font-size:1.75rem}}@media only screen and (width <=1024px){body .salute div>p{max-width:100%;font-size:1.5rem}}body .content{background-color:var(--color-bg);padding:0 5vw}body .content .latest .news-highlight p{max-width:66vw;font-family:InterDisplay-Regular;font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:.01em;overflow-wrap:break-word}@media only screen and (width >=1500px){body .content .latest .news-highlight p{max-width:75vw;font-size:1.75rem}}@media only screen and (width <=1024px){body .content .latest .news-highlight p{max-width:100%;font-size:1.5rem}}body .content .latest .news-highlight ul{padding-left:0}body .content .latest .news-highlight li{list-style:none}body .content .latest .news-highlight a{color:#979494;text-decoration:none;font-size:1.3rem;transition:color .2s}body .content .latest .news-highlight a:hover{color:#333}body .content .latest ul>li{margin:2rem 0;list-style:circle;list-style-position:outside}body .content .latest ul>li>p{max-width:66vw;font-family:InterDisplay-Regular;font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:.01em;overflow-wrap:break-word}@media only screen and (width >=1500px){body .content .latest ul>li>p{max-width:75vw;font-size:1.75rem}}@media only screen and (width <=1024px){body .content .latest ul>li>p{max-width:100%;font-size:1.5rem}}body .content h2{font-family:InterDisplay-Bold;font-size:2.25rem;letter-spacing:.25rem;margin:3rem 0;padding-top:3rem}@media only screen and (width <=1024px){body .content h2{font-size:1.75rem}}body .content p{font-family:InterDisplay-Regular;text-wrap:wrap;font-weight:500;font-size:1rem;line-height:1.5;letter-spacing:.01em;overflow-wrap:break-word}body .content .works{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;row-gap:4rem;column-gap:3rem}body .content .works .card{flex-grow:1;padding:15%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;align-content:center;background-color:var(--color-card);font-family:InterDisplay-Regular;cursor:pointer;justify-content:center;background-image:linear-gradient(to right,var(--color-text),var(--color-text)),linear-gradient(to bottom,var(--color-text),var(--color-text)),linear-gradient(to left,var(--color-text),var(--color-text)),linear-gradient(to top,var(--color-text),var(--color-text));background-size:1px 0%,0% 1px,1px 0%,0% 1px;background-position:bottom left,top left,top right,bottom right;background-repeat:no-repeat;animation:border_transition_in 1s forwards}body .content .works .card .youtube-container{margin-top:1rem;display:none;overflow:hidden;aspect-ratio:16/9;width:100%;height:0;padding-bottom:56.25%;position:relative}body .content .works .card .youtube-container>iframe{position:absolute;width:100%;height:100%}body .content .works .card>div:first-child{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}body .content .works .card>div:first-child>h4,body .content .works .card>div:first-child h5{font-family:InterDisplay-Bold;font-size:2.25rem;letter-spacing:.25rem;word-wrap:break-word}@media only screen and (width <=500px){body .content .works .card>div:first-child>h4,body .content .works .card>div:first-child h5{font-size:5vw}}body .content .works .card audio,body .content .works .card .work-data{max-width:75vw;margin:2rem 0;display:none}body .content .works .card audio>p,body .content .works .card .work-data>p{letter-spacing:.025rem;line-height:1.15;opacity:.85}body .content .works .card.is-flipped{width:100%;cursor:default}@media only screen and (width <=500px){body .content .works .card.is-flipped{padding:3rem 0}}body .content .works .card.is-flipped .youtube-container{display:flex}body .content .works .card.is-flipped>div:first-child{align-items:center;max-width:75vw}@media only screen and (width >=1500px){body .content .works .card.is-flipped>div:first-child{max-width:75vw}}@media only screen and (width <=1024px){body .content .works .card.is-flipped>div:first-child{gap:0}}body .content .works .card.is-flipped audio{display:block;flex-grow:2}@media only screen and (width <=1024px){body .content .works .card.is-flipped audio{padding:1rem 0;max-width:100%;font-size:1vw}}body .content .works .card.is-flipped audio::-webkit-media-controls-panel{background-color:#3f3f3f25}body .content .works .card.is-flipped .work-data{display:block}body .content .works .card.is-flipped h4{width:60%}@media only screen and (width <=1024px){body .content .works .card.is-flipped h4{width:90%}}body .content .works .card.card:nth-child(3)>div{gap:0rem}body .content .works .card.card:nth-child(3)>div>h5{font-family:InterDisplay-Regular;font-size:1.25rem;letter-spacing:.25rem;margin-bottom:2rem}body .content .works .card.card:nth-child(3)>div>h5>a{text-decoration:none;color:#8f4acf}body .content .works .card.card:nth-child(3)>div>h5>a:hover{color:var(--color-text)}body .content .works .card .work-data{margin-top:1rem;font-size:1rem;font-family:InterDisplay-Regular}body .content .works .card .work-data p{margin:.5rem 0;line-height:1.5;letter-spacing:.01em;overflow-wrap:break-word}@media only screen and (width >=1500px){body .content .works .card .work-data p{max-width:75vw;font-size:1.5rem}}@media only screen and (width <=1024px){body .content .works .card .work-data p{font-size:1.3rem}}body .content .works .card .work-data em{font-style:italic;font-size:1.2rem;line-height:1.5;letter-spacing:.01em;overflow-wrap:break-word}@media only screen and (width >=1500px){body .content .works .card .work-data em{max-width:75vw;font-size:1.75rem}}@media only screen and (width <=1024px){body .content .works .card .work-data em{font-size:1.5rem}}body .content .works .card .work-data em span{display:block;padding:1rem 0;line-height:1.75;font-size:1.375rem}@media only screen and (width >=1500px){body .content .works .card .work-data em span{max-width:75vw;font-size:1.75rem;line-height:1.2}}@media only screen and (width <=1024px){body .content .works .card .work-data em span{font-size:1.75rem;line-height:1.1}}body .content .works .card:hover{animation:border_transition_out 1s forwards;color:var(--color-text)}body footer{background-color:var(--color-bg);padding:3rem 0rem;display:flex;font-family:LiberationMono;justify-content:space-between;align-items:center;position:relative}body footer .copy-text{cursor:pointer;color:red;text-decoration:underline}body footer h4{word-break:break-all}body footer .notification{position:absolute;top:10%;left:27%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10}body footer .notification.show{opacity:1;visibility:visible}@keyframes border_transition_in{0%{background-size:1px 100%,50% 1px,1px 100%,50% 1px,1px 100%}20%{background-size:1px 100%,50% 1px,1px 100%,50% 1px}40%{background-size:1px 100%,50% 1px,1px 100%,0% 1px}}@keyframes border_transition_out{60%{background-size:1px 100%,50% 1px,1px 100%,0% 1px}80%{background-size:1px 100%,50% 1px,1px 100%,50% 1px}to{background-size:1px 100%,50% 1px,1px 100%,50% 1px,1px 100%}}