#canvas{height:100%;margin:0;padding:0;border:0;overflow:hidden;touch-action:none;z-index:0}#canvas,#ui{position:fixed;top:0;left:0;width:100%}#ui{z-index:1;color:var(--color-black);pointer-events:none}#ui a,#ui button{pointer-events:auto}#ui:focus{outline:none}#scroll-indicator{position:fixed;width:6px;height:calc(var(--vh, 1vh) * 20);top:calc(var(--vh, 1vh) * 40);background-color:#0000001a;border-radius:3px;right:16px;opacity:0;z-index:5}@media (max-width:812px){#scroll-indicator{width:2px;border-radius:1px;right:6px}}#scroll-indicator-bar{position:absolute;width:100%;height:100%;background-color:var(--color-black);transform-origin:0 0;border-radius:3px}#page-container{width:100%;will-change:transform}#page-container,#page-container-inner,#projects-main,.page,.section{position:relative}#projects-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--grid-gap);column-gap:var(--grid-gap);padding:var(--base-padding-y) var(--base-padding-x);color:var(--color-black)}#projects-main:after{content:"";clear:both;display:block}@media (max-width:812px){#projects-main{grid-template-columns:repeat(6,minmax(0,1fr))}}#projects-main-title-top{position:relative;grid-column:1/span 12;margin-top:calc(var(--vh, 1vh) * 20)}@media (max-width:812px){#projects-main-title-top{grid-column:1/span 6;margin-top:6em;margin-bottom:2em}#projects-main-title-wrapper{max-width:100%}#projects-main-title{left:-.03em}}#projects-main-title-wrapper{position:relative;width:-moz-fit-content;width:fit-content;font-size:17vw;left:-.01em;will-change:transform;white-space:nowrap}#projects-main-title{position:relative;display:inline-block;margin:0;line-height:1em;overflow:hidden;left:-1vw;font-weight:400}#projects-main-title .char{display:inline-block;will-change:transform}#projects-main-title-wrapper{display:flex;align-items:flex-end;column-gap:.1em}#projects-main-title-project-arrow{position:relative;flex:0 0 auto;width:.708em;height:.708em;margin-bottom:.147em;transform:scale(0)}.project-list{position:relative;grid-column:1/span 12;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--grid-gap);column-gap:var(--grid-gap);margin-top:calc(var(--vh, 1vh) * 8)}@media (max-width:812px){.project-list{grid-template-columns:repeat(6,minmax(0,1fr));grid-column:1/span 6;margin-top:0}}.project-item{position:relative;float:left;grid-column:span 6/span 6;cursor:pointer;pointer-events:auto;display:block;color:inherit}.project-item:nth-child(n+3){margin-top:5em}@media (min-aspect-ratio:7/3){.project-item:nth-child(n+3){margin-top:10em}}@media (max-width:812px){.project-item:not(:first-child){margin-top:2em}}.project-item-main{position:relative;padding-top:65%}.project-item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:15px}.project-item-footer{position:relative;width:100%}.project-item-line-1{font-size:.9vw;margin:1.5em 0 1em;text-transform:uppercase;will-change:transform;min-height:1.15em}@media (min-aspect-ratio:7/3){.project-item-line-1{font-size:.6vw}}@media (max-width:812px){.project-item-line-1{font-size:2.5vw}}.project-item-line-2{position:relative;overflow:hidden;font-size:3vw;height:1em;left:-.06em;will-change:transform}@media (min-aspect-ratio:7/3){.project-item-line-2{font-size:2vw}}@media (max-width:812px){.project-item-line-2{font-size:6.5vw}}.project-item-line-2-icon{display:inline-block;position:absolute;width:.8em;height:.8em;top:.1em;left:-1em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M4 12h16m0 0-7-7m7 7-7 7' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-size:contain}.project-item-line-2-inner{position:relative;bottom:.2em;overflow:hidden;display:flex;direction:ltr}.project-item-line-2-inner-list{will-change:transform}.project-item-line-2-inner-list span{display:block}#transition-overlay{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:0}#projects-main-title-wrapper{font-size:10.5vw}#projects-main .project-list{grid-column:1/-1;justify-self:center;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:space-between;grid-column-gap:var(--grid-gap);column-gap:var(--grid-gap);grid-row-gap:clamp(40px,5vw,80px);row-gap:clamp(40px,5vw,80px);margin-top:clamp(64px,11vh,130px);padding-bottom:clamp(160px,24vh,260px)}#projects-main .project-item{float:none;grid-column:auto;margin-top:0}#projects-main .project-item:nth-child(2n){transform:none}#projects-main .project-item-main{padding-top:135%}#projects-main .project-item-image{border-radius:0}#projects-main .project-item-footer{margin-top:0}#projects-main .pi-sentence{margin:0;max-width:30ch;font-size:var(--t-lead);font-weight:400;line-height:1.4;letter-spacing:-.005em}#projects-main .project-item-line-1{font-family:var(--f-sans);font-size:clamp(11px,.85vw,13px);font-weight:500;letter-spacing:.04em;color:var(--ink-soft)}#projects-main .project-item-line-2{font-family:var(--f-sans);font-size:clamp(22px,2.6vw,44px);font-weight:400;letter-spacing:-.02em}@media (max-width:812px){#projects-main-title-wrapper{font-size:14vw}#projects-main .project-list{grid-column:1/-1;width:100%;grid-template-columns:1fr;row-gap:56px;margin-top:24px;padding-bottom:80px}#projects-main .project-item:nth-child(2n){transform:none}#projects-main .project-item-main{padding-top:115%}#projects-main .project-item-footer{margin-top:0}#projects-main .project-item-line-2{font-size:26px}}