@charset "UTF-8";.list-works-element{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0;position:relative;text-decoration:none;z-index:1}.list-works-element .list-works-element__hide{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;width:100%}.list-works-element .list-works-element__hide img,.list-works-element .list-works-element__hide video{width:100%}.list-works-element .list-works-element__title{font-size:1.125rem;font-weight:450;letter-spacing:.02em;line-height:1.5;transition:all .5s var(--ease-custom,ease-in-out)}.list-works-element .list-works-element__tags{display:flex;flex-wrap:wrap;gap:.5rem}.list-works-element .list-works-element__tags span{border:1px solid;border-radius:100px;font-size:.8rem;font-style:italic;letter-spacing:.04em;padding:.375rem .75rem;transition:all .6s var(--ease-custom,ease-in-out);white-space:nowrap}.list-works-element{opacity:.5;transition:opacity .5s var(--ease-custom,ease-in-out)}.list-works-element.is-hovered{opacity:1}.list-works-element.is-hovered,.list-works-element.is-hovered *{transition-duration:.3s}.list-works-element.is-hovered .list-works-element__title{color:var(--color-text);transform:translate3d(1rem,0,0)}.list-works-element.is-hovered .list-works-element__tags span{background-color:var(--color-white);color:var(--color-text)}.list-works-element-description{font-weight:300;left:6%;letter-spacing:.03em;line-height:1.6;max-width:30%;opacity:0;pointer-events:none;position:fixed;top:calc(50% + 12.4vw);width:100%}@media only screen and (max-width:800px){.list-works-element-description{display:none}}.list-works{min-height:100vh;padding:2rem 3rem;position:relative}@media only screen and (max-width:1100px){.list-works{padding:2rem 1rem}}.list-works{background:linear-gradient(90deg,var(--color-text) 23.9%,#2f2d2b calc(23.9% + 1px),var(--color-text) calc(23.9% + 2px),var(--color-text) 41.47%,#2f2d2b calc(41.47% + 1px),var(--color-text) calc(41.47% + 2px),var(--color-text) calc(50% - 1px),#2f2d2b 50%,var(--color-text) calc(50% + 1px),var(--color-text) 58.45%,#2f2d2b calc(58.45% + 1px),var(--color-text) calc(58.45% + 2px),var(--color-text) 76%,#2f2d2b calc(76% + 1px),var(--color-text) calc(76% + 2px),var(--color-text) 100%);color:var(--color-white)}.list-works ::-moz-selection{background-color:var(--color-white);color:var(--color-text)}.list-works ::selection{background-color:var(--color-white);color:var(--color-text)}.list-works__back-link{align-items:center;display:flex}@media only screen and (min-width:1100px){.list-works__back-link{position:fixed}}@media only screen and (max-width:1100px){.list-works__back-link{margin-bottom:-2rem}}.list-works__back-link{text-decoration:none}.list-works__back-link .back-link__arrow{display:inline-block;font-family:var(--font-serif);font-size:1.5em;height:1.5rem;margin-right:.75em;overflow:hidden;position:relative;width:1.5rem}.list-works__back-link .back-link__arrow:after,.list-works__back-link .back-link__arrow:before{content:"←";inset:0;position:absolute;transition:transform .45s 0s var(--ease-custom,ease-in-out)}.list-works__back-link .back-link__arrow:before{color:#ffffff80}.list-works__back-link .back-link__arrow:after{color:#fff;transform:translate3d(150%,0,0)}.list-works__back-link .back-link__content{color:#ffffff80;font-weight:450;position:relative}.list-works__back-link .back-link__content:before{clip-path:inset(0 0 -10% 100%);color:#fff;content:attr(data-text);inset:0;position:absolute;transition:clip-path .45s var(--ease-custom,ease-in-out)}.list-works__back-link:focus .back-link__arrow:after,.list-works__back-link:focus .back-link__arrow:before,.list-works__back-link:hover .back-link__arrow:after,.list-works__back-link:hover .back-link__arrow:before{transition-delay:.1s;transition-duration:.3s}.list-works__back-link:focus .back-link__arrow:before,.list-works__back-link:hover .back-link__arrow:before{transform:translate3d(-120%,0,0)}.list-works__back-link:focus .back-link__arrow:after,.list-works__back-link:hover .back-link__arrow:after{transform:translateZ(0)}.list-works__back-link:focus .back-link__content:before,.list-works__back-link:hover .back-link__content:before{clip-path:inset(0 0 -10% 0);transition-duration:.3s}.list-works__title{font-family:var(--font-serif);font-size:10dvh;font-weight:700;margin:10dvh 0 8.5dvh;text-align:center}@media only screen and (max-width:800px){.list-works__title{font-size:min(16vw,80px)}}.list-works__title{opacity:0;overflow:hidden;padding-top:.1em}.list-works__title span{animation:appearFromBottom 1.2s calc(var(--char-number)*.04s) var(--ease-custom,ease-in-out) forwards;opacity:0;overflow:initial!important;padding:.1em 0}@keyframes appearFromBottom{0%{opacity:0;transform:translateY(100%) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@media only screen and (min-width:1100px){.list-works__list{margin-left:50%}}.list-works__list .list__year{margin-bottom:3rem}.list-works__list .list__year .year__title{font-family:var(--font-serif);font-size:4rem;font-weight:700;margin-bottom:.5rem;overflow:hidden}@media only screen and (max-width:800px){.list-works__list .list__year .year__title{font-size:3rem}}.list-works__list .list__year .year__title{opacity:0}.list-works__list .list__year .year__title span{opacity:0;transform:translateY(100%)}