:root{--black: #161616;--white: #FAF9F6;--gray: #B0B0B0}[data-page-namespace=works] .works{padding-top:174px;margin-bottom:200px}@media(max-width:768px){[data-page-namespace=works] .works{padding-top:150px}}[data-page-namespace=works] .works .grid-container{max-width:1600px;margin-inline:auto;padding-inline:100px}@media(max-width:1200px){[data-page-namespace=works] .works .grid-container{padding-inline:50px}}@media(max-width:992px){[data-page-namespace=works] .works .grid-container{padding-inline:20px}}[data-page-namespace=works] .works.grid .grid-container{max-width:1600px;margin-inline:auto}[data-page-namespace=works] .works.list .grid-container{max-width:unset;margin:0;padding:0}[data-page-namespace=works] .works.list .work-thumb__video{display:none}[data-page-namespace=works] .works.list .work-thumb__poster{opacity:1!important}[data-page-namespace=works] .works__wrap{display:flex;flex-direction:column;align-items:center;gap:50px;margin-bottom:50px}@media(max-width:576px){[data-page-namespace=works] .works__wrap{gap:20px;margin-bottom:20px}}[data-page-namespace=works] .works__wrap-title{width:100%;text-align:center}@media(max-width:576px){[data-page-namespace=works] .works__wrap-title{margin-bottom:40px}}[data-page-namespace=works] .works__wrap-filters{width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;white-space:nowrap;align-items:center;font-size:clamp(18px,17.4522292994px + .1592356688vw,20px);overflow-x:auto;overflow-y:clip}@media(max-width:576px){[data-page-namespace=works] .works__wrap-filters .filters-left{display:none}}[data-page-namespace=works] .works__wrap-filters .filters-right{display:flex;align-items:center;gap:24px;color:var(--gray)}[data-page-namespace=works] .works__wrap-filters .filters-right .is-active{color:var(--black);text-decoration-color:var(--black)}[data-page-namespace=works] .works__wrap-values{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin-inline:auto;padding-block:10px;padding-inline:100px}@media(max-width:1200px){[data-page-namespace=works] .works__wrap-values{padding-inline:50px}}@media(max-width:992px){[data-page-namespace=works] .works__wrap-values{padding-inline:20px}}@media(max-width:768px){[data-page-namespace=works] .works__wrap-values{display:none}}[data-page-namespace=works] .works__wrap-values-left{display:flex;gap:clamp(10px,-17.6923076923px + 3.6057692308vw,40px)}[data-page-namespace=works] .works .filter-list{list-style:none;display:flex;gap:5px}[data-page-namespace=works] .works .filter-list .filter-ctab{font:inherit;cursor:pointer;color:inherit}[data-page-namespace=works] .works__wrap-grid{display:grid;width:100%;color:var(--black);transition:color .45s ease}[data-page-namespace=works] .works.grid .works__wrap-grid{grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:30px}@media(max-width:768px){[data-page-namespace=works] .works.grid .works__wrap-grid{grid-template-columns:repeat(1,1fr)}}[data-page-namespace=works] .works.grid .works__wrap-values{display:none}[data-page-namespace=works] .works.grid .works__card{padding-bottom:10px;content-visibility:auto;contain-intrinsic-size:1px 350px;-webkit-user-drag:none}@media(max-width:768px){[data-page-namespace=works] .works.grid .works__card .work-tags{display:none}}[data-page-namespace=works] .works.grid .works__card .work-thumb{position:relative;overflow:hidden}[data-page-namespace=works] .works.grid .works__card .work-thumb img,[data-page-namespace=works] .works.grid .works__card .work-thumb picture{display:block;width:100%;height:100%}[data-page-namespace=works] .works.grid .works__card .work-thumb img{object-fit:cover}[data-page-namespace=works] .works.grid .works__card .work-thumb__poster{transition:opacity .3s ease}[data-page-namespace=works] .works.grid .works__card .work-thumb__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}[data-page-namespace=works] .works.grid .works__card .works__card-container{display:flex;flex-direction:column;gap:15px}[data-page-namespace=works] .works.grid .works__card .img-box{display:block;width:100%;border-radius:5px;overflow:hidden;position:relative;pointer-events:none;-webkit-user-drag:none}[data-page-namespace=works] .works.grid .works__card .img-box img{pointer-events:none;-webkit-user-drag:none;aspect-ratio:690/460}[data-page-namespace=works] .works.grid .works__card .img-box .work-tag{position:absolute;width:max-content;pointer-events:auto;will-change:tranform;background:#16161673;padding:8px 10px;border-radius:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:Inter;font-weight:400;font-size:16px;line-height:19px;color:var(--white)}[data-page-namespace=works] .works.grid .works__card .works__card-year,[data-page-namespace=works] .works.grid .works__card .works__card-index,[data-page-namespace=works] .works.list .mobile_tag{display:none}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card-container{flex-direction:row!important}}[data-page-namespace=works] .works.list .works__wrap-grid{grid-template-columns:repeat(1,1fr);border-top:1px solid currentColor}@media(max-width:768px){[data-page-namespace=works] .works.list .works__wrap-grid{border-top:none}}[data-page-namespace=works] .works.list .works__wrap-grid:hover{color:var(--gray)}[data-page-namespace=works] .works.list .works__card{padding-block:28px;width:100%;transition:color .45s ease}[data-page-namespace=works] .works.list .works__card:hover{color:var(--black)}[data-page-namespace=works] .works.list .works__card{border-bottom:1px solid currentColor}[data-page-namespace=works] .works.list .works__card-index{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:19px}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card-index{display:none}}[data-page-namespace=works] .works.list .works__card-container{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin-inline:auto;padding-inline:100px;clip-path:inset(-400px 0% -28px 0%)}@media(max-width:1200px){[data-page-namespace=works] .works.list .works__card-container{padding-inline:50px}}@media(max-width:992px){[data-page-namespace=works] .works.list .works__card-container{padding-inline:20px}}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card-container{flex-direction:column;gap:10px}}[data-page-namespace=works] .works.list .works__card .work-tags{font-family:Inter;font-weight:400;font-size:16px;line-height:19px;color:var(--black)}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card .work-tags{display:none}}[data-page-namespace=works] .works.list .works__card .img-box{order:1;display:flex;align-items:center;gap:clamp(10px,-257.6923076923px + 34.8557692308vw,300px);overflow:visible}[data-page-namespace=works] .works.list .works__card .img-box .work-thumb,[data-page-namespace=works] .works.list .works__card .img-box picture{overflow:visible}[data-page-namespace=works] .works.list .works__card .img-box img{width:170px;position:absolute;aspect-ratio:170/195;left:42%;transform:translate(-50%);pointer-events:none;border-radius:5px;z-index:2;opacity:1!important}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card .img-box{width:100%;justify-content:space-between}}[data-page-namespace=works] .works.list .works__card-title{display:flex;flex-direction:row-reverse;align-items:center;gap:clamp(10px,-36.1538461538px + 6.0096153846vw,60px)}@media(max-width:768px){[data-page-namespace=works] .works.list .works__card-title{width:100%;flex-direction:row;justify-content:space-between;gap:10px}}[data-page-namespace=works] .works.list .works__card-year{order:2}[data-page-namespace=works] .work-hero{padding-top:152px;padding-bottom:100px}[data-page-namespace=works] .work-hero .container{display:flex;flex-direction:column;gap:40px}[data-page-namespace=works] .work-hero__img{width:100%;border-radius:10px;overflow:hidden;background:var(--light-gray)}[data-page-namespace=works] .work-hero__img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}[data-page-namespace=works] .work-hero__content .xl-title{margin:0;line-height:1}#sentinel{grid-column:1/-1;height:10px}.works__page{display:contents}.mobile_tag{display:none;font-family:inter-variable,sans-serif;font-weight:500;font-size:15px;margin-top:10px}@media(max-width:768px){.mobile_tag{display:block}}.extra_text_work{padding:100px 0}@media(max-width:768px){.extra_text_work{padding:0}}