:root{--fixed-offset-sm:24px;--fixed-offset-md:1em;--fixed-top-left:0;--fixed-bottom:0;--fixed-right:0;--fixed-left:0;--fixed-center:50%;--fixed-offset-mobile-sm:.5em;--fixed-offset-mobile-bottom:20px;--content-width-desktop:calc(100% - 100px);--content-width-header-footer:calc(100% - 60px);--content-width-mobile:calc(100% - 48px)}.works-page{width:var(--content-width-desktop);margin:0 auto;position:relative}@media (max-width:1024px){.works-page{width:var(--content-width-mobile)}}.works-page{background-color:var(--color-bg);padding-bottom:100px}@media (max-width:1024px){.works-page{padding-bottom:180px}.shape-counter{display:none}.footer-bottom{padding-bottom:80px}}.works-category-tabs{bottom:var(--spacing-md);z-index:100;padding:var(--spacing-sm)var(--spacing-md);-webkit-backdrop-filter:blur(20px);background-color:#fffffff2;border:1px solid #0000001a;border-radius:50px;flex-wrap:wrap;justify-content:center;gap:0;max-width:90%;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}@media (max-width:1024px){.works-category-tabs{bottom:70px;right:var(--spacing-sm);transform-origin:100%;max-width:auto;-webkit-overflow-scrolling:touch;border-radius:15px;flex-direction:column;align-items:flex-end;gap:0;max-height:calc(100vh - 150px);padding:2px;transition:transform .3s,opacity .3s;left:auto;overflow:hidden auto;transform:none}.works-category-tabs::-webkit-scrollbar{display:none}}.category-tab{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background-color:#0000;border:none;border-radius:15px;padding:.6em 1.2em;font-weight:300}.category-tab:hover{color:var(--color-text);background-color:#ffffff1a}.category-tab.active{background-color:var(--color-text);color:var(--color-bg)}@media (max-width:1024px){.category-tab{text-align:center;border-radius:999px;width:100%;padding:1em 1.5em;font-size:10px}.category-tab:first-child,.category-tab:last-child,.category-tab:only-child{border-radius:999px}}.view-toggle{margin-left:var(--spacing-sm);padding-left:var(--spacing-md);border-left:1px solid #0000001a;gap:.25em;display:flex}@media (max-width:1024px){.view-toggle,.view-toggle-desktop{display:none}}.view-toggle-btn{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background-color:#0000;border:none;border-radius:30px;padding:.6em 1em;font-weight:300}.view-toggle-btn:hover{color:var(--color-text);background-color:#ffffff1a}.view-toggle-btn.active{background-color:var(--color-text);color:var(--color-bg)}@media (max-width:1024px){.view-toggle-btn{text-align:center;border-radius:15px;width:100%;padding:1em 1.5em;font-size:10px}}.view-toggle-mobile{display:none}@media (max-width:1024px){.view-toggle-mobile{-webkit-backdrop-filter:blur(20px);z-index:101;background-color:#fffffff2;border-top:1px solid #0000001a;justify-content:space-around;align-items:center;width:100%;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}}.view-toggle-mobile-btn{color:var(--color-text);font-family:var(--font-primary);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px 24px;font-size:10px;font-weight:300;display:flex}.view-toggle-mobile-btn:hover{background-color:#00000005}@media (max-width:1024px){.view-toggle-mobile-btn:hover{background-color:#0000}}.view-toggle-mobile-btn.active{color:var(--color-text)}.view-toggle-icon{border:1.5px solid var(--color-text);width:8px;height:8px;transition:all var(--transition-base);background-color:#0000;border-radius:50%;display:block}.view-toggle-icon.active{background-color:var(--color-text);border-color:var(--color-text)}.view-toggle-icon:not(.active){opacity:.3}.view-toggle-text{font-size:10px}.works-gallery-container{width:100%;padding:0;container-type:inline-size}.works-gallery{padding:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:start;gap:96px 24px;padding-top:25vh;display:grid}@media (max-width:1024px){.works-gallery{grid-template-columns:repeat(2,1fr);justify-items:stretch;gap:56px 0;width:100vw;margin-left:calc(-50vw + 50%);padding:25vh 0 0}}.work-gallery-item{cursor:pointer;width:100%;max-width:600px;transition:transform var(--transition-base);flex-direction:column;display:flex;position:relative}.work-gallery-item:hover{transform:translateY(-2px)}@media (max-width:1024px){.work-gallery-item{max-width:none}.work-gallery-item:hover{transform:translateY(0)}}.work-gallery-image-wrapper{aspect-ratio:3/2;width:100%;margin-bottom:calc(var(--spacing-sm) + 2px);transition:border-color var(--transition-base);border:1px solid #0000;position:relative;overflow:hidden}@media (max-width:1024px){.work-gallery-image-wrapper{margin-bottom:calc(var(--spacing-xs) + 2px);border:none}}.work-gallery-image-wrapper:before{content:"";z-index:2;width:24px;height:24px;transition:transform var(--transition-base);pointer-events:none;background-image:url(/arrow-white.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:24px;right:24px;transform:rotate(0)scale(0)}.work-gallery-image-wrapper:after{content:"";width:100%;height:100%;transition:background-color var(--transition-base);z-index:1;pointer-events:none;background-color:#0000;position:absolute;top:0;left:0}.work-gallery-item:hover .work-gallery-image-wrapper{border-color:#000c}.work-gallery-item:hover .work-gallery-image-wrapper:before{transform:rotate(360deg)scale(1)}.work-gallery-item:hover .work-gallery-image-wrapper:after{background-color:#0006}@media (max-width:1024px){.work-gallery-item:hover .work-gallery-image-wrapper{border-color:#0000}.work-gallery-item:hover .work-gallery-image-wrapper:before{transform:rotate(595deg)scale(0)}.work-gallery-item:hover .work-gallery-image-wrapper:after{background-color:#0000}}.work-gallery-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.work-gallery-info{flex-direction:column;gap:.25em;display:flex}@media (max-width:1024px){.work-gallery-info{padding:0 16px}}.work-gallery-title{font-size:calc(var(--font-size-sm) + 2px);color:var(--color-text);margin:0 0 2px;font-weight:300;line-height:1.4}@media (max-width:1024px){.work-gallery-title{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}}.work-gallery-meta{flex-direction:row;align-items:center;gap:2px;display:flex}.work-gallery-client{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0;font-weight:300;line-height:1.3}@media (max-width:1024px){.work-gallery-client{font-size:1rem}}.work-gallery-separator{font-size:var(--font-size-xs);color:var(--color-text-light);opacity:.7;margin:0;line-height:1.3}@media (max-width:1024px){.work-gallery-separator{font-size:.7rem}}.work-gallery-year{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0;font-weight:300;line-height:1.3}@media (max-width:1024px){.work-gallery-year{font-size:1rem}}.works-list-container{width:100%;padding:0}.works-list{padding:var(--spacing-sm)0;flex-direction:column;gap:0;padding-top:25vh;display:flex}@media (max-width:1024px){.works-list{padding:var(--spacing-xs)0;padding-top:25vh}}.work-list-item{cursor:pointer;width:100%;padding:var(--spacing-md)0;transition:0;border-bottom:1px solid #0000001a;position:relative}.work-list-item:before{content:"";width:20px;height:20px;transition:transform var(--transition-base);background-image:url(/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:0;transform:translateY(-50%)translate(-20px)rotate(595deg)scale(0)}.work-list-item:hover{background-color:#0000001a;border-bottom-color:#0009}.work-list-item:hover:before{transform:translateY(-50%)translate(-20px)rotate(45deg)scale(.5)}@media (max-width:1024px){.work-list-item:hover{background-color:#0000;border-bottom-color:#0000001a}.work-list-item:hover:before{transform:translateY(-50%)translate(-20px)rotate(595deg)scale(0)}.work-list-item{padding:var(--spacing-sm)0}}.work-list-content{width:100%}.work-list-info{align-items:center;gap:var(--spacing-md);flex-flow:row;width:100%;display:flex}@media (max-width:1024px){.work-list-info{flex-direction:column;align-items:flex-start;gap:.25em}}.work-list-title{font-size:var(--font-size-base);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:none;width:70%;margin:0;font-weight:300;line-height:1.4;overflow:hidden}@media (max-width:1024px){.work-list-title{font-size:calc(var(--font-size-sm) + 1px);width:100%}}.work-list-meta{align-items:center;gap:var(--spacing-md);flex-direction:row;flex:1;justify-content:space-between;margin-left:0;display:flex}@media (max-width:1024px){.work-list-meta{flex:0 auto;justify-content:flex-start;gap:0}}.work-list-client{font-size:var(--font-size-xs);color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin:0;font-weight:300;line-height:1.3;overflow:hidden}@media (max-width:1024px){.work-list-client{font-size:var(--font-size-xs)}}.work-list-separator{font-size:var(--font-size-xs);color:var(--color-text-light);opacity:.7;margin:0;line-height:1.3;display:none}@media (max-width:1024px){.work-list-separator{display:inline}}.work-list-year{font-size:var(--font-size-xs);color:var(--color-text-light);flex:none;margin:0;font-weight:300;line-height:1.3}@media (max-width:1024px){.work-list-year{font-size:var(--font-size-xs)}}.work-list-thumbnail{z-index:1001;pointer-events:none;border:1px solid #000c;width:300px;height:200px;position:fixed;bottom:24px;right:24px;overflow:hidden}@media (max-width:1024px){.work-list-thumbnail{display:none}}.work-list-thumbnail-image{object-fit:cover;width:100%;height:100%}