.page.work,.page.work .slider{position:relative;width:100%;height:100svh;overflow:hidden}.page.work canvas{display:block;width:100%;height:100%;filter:grayscale(1)}.page.work .slider{cursor:pointer}.page.work .slider:focus-visible{outline:2px solid var(--tone-500);outline-offset:-.5rem}.page.work .slider-content{position:absolute;top:6rem;left:2rem;width:min(55vw,793px);display:flex;flex-direction:column;gap:2rem;z-index:2;color:var(--tone-500)}.page.work .slide-description{width:min(100%,434px);display:flex;flex-direction:column;gap:2rem;color:var(--tone-500)}.page.work .slide-info{display:flex;flex-direction:column;gap:.5rem}.page.work .slide-info p{display:flex;flex-wrap:wrap;color:var(--tone-500);font-size:1rem;font-weight:500;line-height:1.1;text-transform:none}.page.work .slide-title h1{display:flex;justify-content:flex-start;color:var(--tone-500);font-size:10rem;line-height:.8;white-space:nowrap}.page.work .word{display:flex;flex-shrink:0}.page.work .char{display:block}.page.work .space-char{width:.25em;flex-shrink:0}.page.work .char{overflow:visible}.page.work .line{overflow:hidden}.page.work .char span,.page.work .line span{position:relative;display:inline-block;will-change:transform}.page.work .slide-link a{position:relative;display:inline-flex;flex-wrap:nowrap;white-space:nowrap;color:var(--tone-500);background-color:var(--tone-400);width:max-content;padding:0;font-size:1.25rem;line-height:1.25}.page.work .slide-footer{position:absolute;bottom:0;left:0;width:100%;z-index:3;pointer-events:none}.page.work .slide-footer .container{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;color:var(--tone-500)}.page.work .slide-footer p{color:var(--tone-500)}.page.work .slide-footer__hint{text-align:right}@media(max-width:1000px){.page.work{position:fixed;inset:0;height:100svh;height:100dvh}.page.work .slider{height:100%}.page.work .slider-content{top:6rem;right:auto;left:1rem;width:calc(100% - 2rem);transform:none;align-items:flex-start;text-align:left;gap:1.5rem}.page.work .slide-title h1{font-size:3rem}.page.work .slide-description{width:min(100%,434px);align-items:flex-start;gap:1.5rem}.page.work .slide-link a{margin:0}}