.app{height:100%;overflow:clip;position:relative;width:100vw}*,*::after,*::before{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;left:0;position:fixed;text-rendering:optimizelegibility;top:0;width:100%}body{height:100%;left:0;line-height:1;position:fixed;top:0;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{background:none;border:none;color:inherit;font:inherit;padding:0}button{cursor:pointer}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-duration:1ms;transition-property:overflow}:root{--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55)}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background:#fff;font-family:"helvetica-neue-lt-pro";font-size:min(.5580357143vw,10px);scrollbar-width:0}html.transitioning *{pointer-events:none !important}@media(min-width: 768px)and (max-width: 1079px){html{font-size:min(.6944444444vw,10px)}}@media(max-width: 767px){html{font-size:2.6666666667vw}}body{overflow:clip;visibility:hidden}html.loaded body{visibility:visible}::-webkit-scrollbar{display:none}[data-src]{opacity:0;transition:opacity .4s var(--ease-out-cubic)}[data-src].loaded{opacity:1}.home__about__container,.home__section .home__section__title p,.home__header .home__header__title,.home__button{font-family:"helvetica-neue-lt-pro";font-size:2.8em;letter-spacing:-0.02em;line-height:1.4;font-weight:400}@media(min-width: 769px)and (max-width: 1279px){.home__about__container,.home__section .home__section__title p,.home__header .home__header__title,.home__button{font-size:3.4em}}@media(max-width: 767px){.home__about__container,.home__section .home__section__title p,.home__header .home__header__title,.home__button{font-size:22px;line-height:1.4}}.archives__container,.work__container,.section__list__item .item__description,[data-template=work] .home__button,[data-template=archives] .home__button,.footer__container{font-size:1.8em;line-height:1.32;font-weight:400}@media(min-width: 1281px)and (max-width: 1511px){.archives__container,.work__container,.section__list__item .item__description,[data-template=work] .home__button,[data-template=archives] .home__button,.footer__container{font-size:2em}}@media(min-width: 769px)and (max-width: 1279px){.archives__container,.work__container,.section__list__item .item__description,[data-template=work] .home__button,[data-template=archives] .home__button,.footer__container{font-size:2.2em}}@media(max-width: 767px){.archives__container,.work__container,.section__list__item .item__description,[data-template=work] .home__button,[data-template=archives] .home__button,.footer__container{font-size:16px;line-height:1.35}}.section__list__item .item__description .item__tag{font-size:.8em;line-height:1.35;font-weight:400}@media(max-width: 767px){.section__list__item .item__description .item__tag{font-size:12px;line-height:1.2}}.archives,.work,.page,.home{height:var(--100vh, 100vh);overflow:hidden auto;width:100%}@media(max-width: 767px){.archives,.work,.page,.home{position:relative;transition:transform .6s var(--ease-out-cubic);z-index:2}}.home__about,.scroll__container,.home__section .home__section__title,.home__header{padding:0 20em}@media(max-width: 767px){.home__about,.scroll__container,.home__section .home__section__title,.home__header{padding:0 20px}}.work__container{padding:0}@media(max-width: 767px){.work__container{padding:0 20px}}.home__about__container ul li p:first-child a,.home__header .home__header__title,.home__button{color:#000;width:-moz-fit-content;width:fit-content;border-bottom:1px solid #c8c8c8}.home__about__container ul li p:first-child a:hover,.home__header .home__header__title:hover,.home__button:hover{border-color:#000}.home__about__container ul li p:first-child a:active,.home__header .home__header__title:active,.home__button:active{transform:translateY(1px)}.use_dark_mode .home__about__container ul li p:first-child a,.home__about__container ul li p:first-child .use_dark_mode a,.use_dark_mode .home__header .home__header__title,.home__header .use_dark_mode .home__header__title,.use_dark_mode .home__button{color:#fff;border-color:hsla(0,0%,100%,.2)}.use_dark_mode .home__about__container ul li p:first-child a:hover,.home__about__container ul li p:first-child .use_dark_mode a:hover,.use_dark_mode .home__header .home__header__title:hover,.home__header .use_dark_mode .home__header__title:hover,.use_dark_mode .home__button:hover{border-color:#fff}.circle{opacity:0}.circle svg{width:30em;height:30em;position:fixed;top:0;left:0;transform:translate(calc(50vw - 50%), calc(50vh - 50%)) scale(1);z-index:1;color:blue;transition-property:transform;transition-duration:1.2s;transition-timing-function:var(--ease-out-expo)}.loaded .circle{opacity:1}.circle--archives{opacity:1}.circle--archives svg{transform:translate(calc(100vw - 90%), calc(100vh - 90%)) scale(0.5)}.circle--archive{opacity:1}.circle--archive svg{transform:translate(calc(50vw - 50%), calc(50vh - 50%)) scale(0);transition-duration:.2s}.media{position:relative}.media .media__container{position:relative;width:100%}.media .media__container figure{width:100%}.media .media__container figure img{width:100%}.media .media__container figure video{width:100%}.media--square .media__container{aspect-ratio:1/1}.media--square .media__container figure{width:100%;height:100%}.media--square .media__container figure img,.media--square .media__container figure video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media--contain .media__container figure img,.media--contain .media__container figure video{-o-object-fit:contain;object-fit:contain}.footer{padding:2em}.archives__thumbnail{position:relative;width:100%;height:100%;overflow:hidden}.archives__thumbnail .archives__thumbnail__grid{width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(4, 1fr);gap:6em}@media(max-width: 767px){.archives__thumbnail .archives__thumbnail__grid{gap:20px}}html.desktop .archives__thumbnail:hover .archives__thumbnail__grid__item{transform:scale(1.1);transition-delay:var(--delay)}.archives__thumbnail__grid__item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;transform-origin:center;transform:scale(0.8);opacity:0;transition-property:transform,opacity;transition-duration:1s;transition-timing-function:var(--ease-out-expo);transition-delay:.4s}.archives__thumbnail__grid__item--active{opacity:1;transform:scale(1)}.home__button{width:-moz-fit-content;width:fit-content;position:fixed;top:0;left:0;z-index:9999;cursor:pointer;transition:font-size .8s var(--ease-out-cubic),transform .8s var(--ease-out-cubic);will-change:transform,top,left}[data-template=home]:not(.transition--archive) .home__button{opacity:0}.media__detail{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:none}.media__detail--active{display:block}.media__detail .media__detail__close{width:50px;height:50px;position:absolute;top:2em;right:2em;z-index:99999;transform-origin:center center}@media(max-width: 767px){.media__detail .media__detail__close{top:unset;bottom:10dvh;right:50%;transform:translateX(50%)}}.media__detail .media__detail__container{width:100%;height:100%;position:relative}.media__detail .media__detail__container .media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;padding:4em}@media(max-width: 767px){.media__detail .media__detail__container .media{padding:20px}}.media__detail .media__detail__container .media .media__container{width:auto;height:100%}@media(max-width: 767px){.media__detail .media__detail__container .media .media__container{width:100%;height:auto}}.home__container{position:relative}.home__header{height:60vh;display:flex;align-items:center}@media(max-width: 767px){.home__header{height:70vh}}.home__header .home__header__title{width:-moz-fit-content;width:fit-content;cursor:pointer;opacity:0;transition:transform 1s var(--ease-out-expo)}.loaded:not(.transition--archive) .home__header .home__header__title{opacity:1}.home__sections{padding-bottom:10em;display:flex;flex-direction:column;gap:15em;opacity:0;transform:translateY(2em);transition:opacity 1s var(--ease-out-expo),transform 1s var(--ease-out-expo);transition-delay:.2s}.loaded .home__sections{opacity:1;transform:translateY(0)}@media(max-width: 767px){.home__sections{gap:20px}}.home__section{display:flex;flex-direction:column;gap:2em}@media(max-width: 767px){.home__section{gap:20px}}.home__section .home__section__title{width:100%}.scroll__container{overflow-x:scroll;scroll-padding:10em;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;height:90em}@media(max-width: 767px){.scroll__container{height:75vh;scroll-padding:5vw}}.section__list{width:100%;min-width:-moz-fit-content;min-width:fit-content;display:flex;align-items:stretch;gap:4em}.safari .section__list{padding-right:20em}@media(max-width: 767px){.safari .section__list{padding-right:5vw}}@media(max-width: 767px){.section__list{gap:5vw}}.section__list__item{opacity:0;transform:translateY(5em);transition-property:opacity,transform;transition-duration:.6s;transition-timing-function:var(--ease-out-expo);transition-delay:var(--delay)}.section__list__item.list__item--active{opacity:1;transform:translateY(0)}.section__list__item:hover .item__description h3,.section__list__item:hover .item__description p:not(.item__tag){transform:translateY(-0.2em)}.section__list__item:hover .item__description p:not(.item__tag){color:#939393}.section__list__item>a{position:relative;display:flex;flex-direction:column;gap:3em}.section__list__item .item__cover{width:60em;height:auto;aspect-ratio:1/1;border:1px solid #ececec;border-radius:3em;overflow:hidden}@media(min-width: 769px)and (max-width: 1279px){.section__list__item .item__cover{width:70em}}@media(max-width: 767px){.section__list__item .item__cover{width:80vw;border-radius:20px}}.section__list__item .item__cover--no-border{border:none}.section__list__item .item__description{display:flex;flex-direction:column;gap:.1em;text-wrap:balance;padding-right:5em}.section__list__item .item__description h3{transition:transform .4s var(--ease-out-expo)}.section__list__item .item__description p{color:#c8c8c8;line-clamp:4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition-property:color,transform;transition-duration:.4s;transition-timing-function:var(--ease-out-expo);transition-delay:.04s}.section__list__item .item__description p span{display:inline-block;padding-right:.2em;color:#c8c8c8}.section__list__item .item__description .item__tag{background-color:#939393;color:#fff;padding:.3em .6em;border-radius:2em;width:-moz-fit-content;width:fit-content;margin-top:.5em}.home__about{margin:10em 0 20em}@media(max-width: 767px){.home__about{margin:50px 0 100px}}.home__about__container{display:flex;flex-direction:column;gap:2.2em}.home__about__container ul{display:flex;flex-direction:column;gap:.6em}.home__about__container ul li p:first-child a{display:inline-block}.home__about__container ul li p:last-child{color:#939393}.work__container{display:grid;grid-template-columns:20em 1fr;gap:18em}@media(max-width: 1512px){.work__container{gap:4em}}@media(max-width: 767px){.work__container{grid-template-columns:1fr;gap:0}}.work__description{height:100vh;display:flex;flex-direction:column;position:sticky;top:0;text-wrap:balance;padding:1em}@media(max-width: 767px){.work__description{position:relative;top:unset;height:auto;padding:1em 0}}.work__description .description__wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.work__description .description__wrapper .description__title{margin-top:26vh;transform:translateX(-50%);opacity:0;transition-property:transform,opacity;transition-duration:1s;transition-timing-function:var(--ease-out-expo);transition-delay:.5s}.work__container--active .work__description .description__wrapper .description__title{transform:translateX(0);opacity:1}@media(max-width: 767px){.work__description .description__wrapper .description__title{margin:20vh 0}}.work__description .description__wrapper .description__text{display:block;transform:translateX(-50%);opacity:0;transition-property:transform,opacity;transition-duration:1s;transition-timing-function:var(--ease-out-expo);transition-delay:.6s}.work__container--active .work__description .description__wrapper .description__text{transform:translateX(0);opacity:1}@media(max-width: 767px){.work__description .description__wrapper .description__text{display:none}}.work__content{width:100%;position:relative;padding:1em;opacity:0;transition-property:opacity;transition-duration:2s;transition-timing-function:var(--ease-out-expo);transition-delay:.6s}.work__container--active .work__content{opacity:1}@media(max-width: 767px){.work__content{padding:1em 0}}.work__content .content__wrapper{display:grid;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:1em}.work__asset{width:100%;transform-origin:center}.work--art .work__asset{cursor:pointer;grid-column:var(--asset-col)/span var(--asset-col-span);grid-row:var(--asset-row)/span var(--asset-row-span);opacity:0;scale:.9;transition-property:opacity,scale,transform;transition-duration:2s;transition-timing-function:var(--ease-out-expo);transition-delay:.2s}.work--art .work__asset--active{opacity:1;scale:1}.work--art .work__asset:hover{scale:1.02;transition-duration:.3s;transition-delay:0s}.work__description__mobile{display:none;text-wrap:balance}@media(max-width: 767px){.work__description__mobile{display:block;margin:40px 0 150px}}.archives__container{padding:1em}.archives__header{width:100%;display:grid;grid-template-columns:1fr 1fr;position:fixed;top:0;left:0;z-index:999;padding:1em}@media(max-width: 767px){.archives__header{z-index:99999}}.archives__header h1{grid-column:2}.archives_list{width:100%;display:grid;grid-template-columns:repeat(7, 1fr);gap:6em;margin-top:40vh}@media(max-width: 767px){.archives_list{grid-template-columns:repeat(2, 1fr);gap:20px}}.archives_list .archives_list__item{opacity:0;transform:translateY(2em);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo);transition-delay:0s;cursor:pointer}.archives--use-delay .archives_list .archives_list__item{transition-delay:var(--delay)}.archives_list .archives_list__item--active{opacity:1;transform:translateY(0)}