@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--text:#d2c6c6}html{background-color:#111}::selection{color:#bc002d;background-color:#000}body{font-family:var(--font-roboto-condensed);color:var(--text);background-color:#111;margin:0;padding:5vw 5vw 4rem;font-size:1.4rem;font-weight:100;line-height:1.5}.allwrap{@media (width>=80rem){font-size:1.7vw}& h1,& h2{& span:lang(ja-jp),& em{text-transform:none;font-family:system-ui,Arial,sans-serif;font-size:.75em;font-style:normal;font-weight:400;display:block}& a{opacity:1;text-decoration:none}}& h1{text-transform:uppercase;font-size:5vw;font-weight:100;@media (width<=60rem){font-size:8.5vw;& span:lang(ja-jp){font-size:6.7vw}}}& h2{text-transform:uppercase;margin-top:5.5rem;font-size:1.4rem;font-weight:100;line-height:1.5;@media (width>=80rem){font-size:1.7vw}}& canvas{z-index:99;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}& a{color:var(--text);opacity:1;transition:color .6s ease-in;&:hover{color:#fff;text-decoration:none;opacity:1!important}}& img{width:100%;height:auto}& blockquote{margin-left:3rem}& .artists{& a{text-decoration:none}}& nav{font-size:1rem;& a{text-transform:uppercase;text-decoration:none}}& footer{margin-top:10rem;& nav a{margin-right:1rem}@media (width>=50rem){& nav{text-align:right;& a{margin-left:1rem;margin-right:0}}}}}.allwrap p{@media (width>=60rem){max-width:45rem}}.full p{max-width:initial!important}div.gallery{margin-top:13vh;margin-bottom:10vh;display:flex;& a{object-fit:contain;width:5.4vw;height:60vh;margin:0 1vw 1vh 0;position:relative;&:last-child{margin-right:0}}& figure{margin:0}& img{object-fit:cover;filter:grayscale();opacity:.8;width:100%;height:100%;transition:all 1.5s ease-in;position:absolute;inset:0}&:hover img{transition:all .8s ease-in}& a:hover img{filter:grayscale(0%);opacity:1}}.above-fog{z-index:100;opacity:var(--fog-reveal,1);position:relative}body:has(main.works){padding-top:0}main.works{--figure-h:calc(100vh - max(4rem, 5vw) - 1.5rem);& .gallery-nav{justify-content:space-between;align-items:center;height:max(4rem,5vw);display:flex;& a.gallery{margin-left:-1rem;& span{margin-right:.5rem;font-family:sans-serif;font-weight:700}}& a{opacity:.6;padding:1rem}& .arrow{margin-right:-.9rem;font-size:1.2rem}}& figure{width:100%;height:var(--figure-h);max-height:var(--figure-h);pointer-events:none;margin:0;padding:0;position:relative;& img{width:100%;max-height:var(--figure-h);object-fit:contain;object-position:right}}& .meta-info{text-align:right;margin-top:2rem;margin-bottom:5rem;& small{text-transform:uppercase;font-size:1rem;display:inline-block}& span a{opacity:1;color:var(--text);text-decoration:none;&:hover{text-decoration:underline}}}& section>:first-child{margin-top:0}& hr{border:0;border-top:2px solid #444;margin:5rem 0}& .author{align-items:center;margin-bottom:2rem;display:flex;@media (width>=60rem){max-width:45rem}& img{object-fit:cover;filter:grayscale();border-radius:100%;flex-shrink:0;width:6.5rem;height:6.5rem;margin-right:2rem}& p{overflow-wrap:break-word;min-width:0}& small{text-transform:uppercase;margin-top:.25rem;font-size:1rem;line-height:1.5;display:block}}}.right-area,.student-header{text-transform:uppercase;max-width:20rem;font-size:1rem;& h2{opacity:.6;margin-top:2rem;margin-bottom:0;font-size:1rem}}.right-area{@media (width>=60rem){text-align:right;position:absolute;right:5vw}}.student-header{margin-top:3rem;margin-bottom:4rem}a.student-link{padding-bottom:.2rem;text-decoration:none;&.teaser{display:none;@media (width>=60rem){opacity:.6;margin-top:.2rem;display:block}}& span{vertical-align:text-bottom}}aside.student-response{border-top:2px solid #444;margin-top:18vh;padding-top:4vh}.faded{opacity:.5;transition:opacity .6s ease-in}ul{padding-left:1.5rem}