.transition-clip{position:relative;isolation:isolate}body.is-overlay-open{overflow:hidden}[data-scrub-target]{will-change:transform,opacity}[data-swup-animation=clip]{transition:opacity .45s ease}html.is-swup-leaving [data-swup-animation=clip]{opacity:0}html.is-swup-entering [data-swup-animation=clip]{opacity:1}@media (min-width: 768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}}*{font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"palt" 1;text-rendering:optimizeLegibility}.bold{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breadcrumb{display:none}.projects-section{position:relative;width:calc(100% - 80px);margin:auto;min-height:100vh;background-color:var(--bg);display:flex;flex-flow:column;justify-content:flex-end;padding-bottom:200px}@media only screen and (max-width: 991px){.projects-section{width:calc(100% - 48px)}}.section-label{padding:5px 20px;font-family:PP Neue Montreal,sans-serif;font-size:1.5rem;font-weight:600;color:var(--gray500)}.projects-list{border-top:1px solid var(--gray300);width:100%}.project-item{height:80px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);cursor:pointer;text-decoration:none;display:block}.project-wrapper{position:relative;height:240px;will-change:transform;transform:translateY(-160px)}.project-name,.project-info{width:100%;display:flex;justify-content:space-between;align-items:center;height:80px;padding:5px 20px}.project-name{background-color:var(--bg);color:var(--gray500);border-bottom:1px solid var(--gray300);overflow:hidden;position:relative}@media (max-width: 1024px){.project-name{clip-path:inset(100% 0 0 0)}}.project-info{background-color:var(--text);color:var(--bg);border-bottom:1px solid var(--bg)}.project-name h1,.project-info h1{font-family:PP Neue Montreal,sans-serif;font-size:2rem;font-weight:600;line-height:1;letter-spacing:-.05rem;text-transform:none}@media only screen and (max-width: 767px){.project-name h1,.project-info h1{font-size:1.5rem}}.project-name p,.project-info p{font-family:PP Neue Montreal,sans-serif;font-size:1rem;font-weight:500;text-transform:none;letter-spacing:.02em}@media only screen and (max-width: 767px){.project-name p,.project-info p{font-size:.875rem}}.project-preview{position:fixed;pointer-events:none}.project-preview-pc{top:calc(50% - 200px);right:15px;width:30%;max-width:400px;height:30%;max-height:400px;z-index:2;will-change:transform}@media only screen and (max-width: 1024px){.project-preview-pc{display:none!important}}.project-preview-mobile{display:none!important;z-index:1}@media only screen and (max-width: 1024px){.project-preview-mobile{display:block!important;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;max-width:400px;height:60vw;max-height:400px;overflow:hidden;will-change:transform}}@media only screen and (max-width: 767px){.project-preview-mobile{width:70vw;height:70vw}}.project-preview-mobile img{position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform;border-radius:.5rem}.project-preview-mobile .images-container{display:block;width:100%;height:100%;position:relative;will-change:transform}.project-preview-mobile .preview-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;aspect-ratio:1/1;object-fit:cover;display:none;opacity:0;transition:opacity .1s ease-out;will-change:opacity,transform}@media only screen and (max-width: 991px){.projects-section{padding-bottom:80px;justify-content:flex-end;padding-top:320px;height:130vh;position:relative;background:none;z-index:2}.section-label{padding:0 0 24px;font-size:1.5rem;margin-bottom:0}.projects-list{padding:0;position:relative;z-index:2}.project-item{height:auto;clip-path:none;border-bottom:1px solid var(--gray300);transition:background-color .3s ease;position:relative;overflow:hidden}.project-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#bebebe;mix-blend-mode:difference;z-index:1;transition:width .3s ease,clip-path .3s ease;pointer-events:none;clip-path:inset(0 0 0 0);will-change:width,clip-path}.project-item.is-active:before{width:100%!important;clip-path:inset(0 0 0 0)!important}.project-item.is-past:before{width:100%!important;clip-path:inset(0 0 0 100%)!important}.project-item.is-active.is-past:before{width:100%!important;clip-path:inset(0 0 0 100%)!important}.project-item:hover{background-color:var(--gray100)}.project-item:last-child{border-bottom:none}.project-wrapper{height:auto;transform:translateY(0)!important;display:flex;flex-direction:column}.project-wrapper .project-name:not(:first-child),.project-wrapper .project-info{display:none}.project-name{height:auto;padding:20px 0;background-color:transparent;border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.project-name h1{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;flex:1;min-width:0}.project-name p{font-size:.875rem;color:var(--gray400);white-space:nowrap}}@media only screen and (max-width: 767px){.projects-section{margin-top:75vh;padding-bottom:50vh}.section-label{padding:0 0 20px;font-size:1.25rem}.project-name{padding:16px 0;flex-direction:column;align-items:flex-start;gap:8px}.project-name h1{font-size:1.125rem;width:100%}.project-name p{font-size:.8125rem}}