: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)}.work-detail-page{padding:var(--spacing-sm);width:var(--content-width-desktop);margin:0 auto}@media (max-width:1024px){.work-detail-page{width:var(--content-width-mobile)}}.work-detail-page{background-color:var(--color-bg);position:relative}@media (max-width:1024px){.work-detail-page{padding:0}}.work-detail-page .revealer{width:100%}.work-detail-back-btn{top:var(--fixed-top-left);left:var(--fixed-top-left);z-index:201;color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);-webkit-backdrop-filter:blur(24px);transition:background-color var(--transition-base),clip-path .3s ease-in-out;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);background-color:#0000001a;border:none;align-items:center;gap:.5em;font-weight:300;display:flex;position:fixed}.work-detail-back-btn:hover{background-color:#00000014}.work-detail-back-btn:hover .work-detail-back-arrow{transform:rotate(360deg)}@media (max-width:1024px){.work-detail-back-btn:hover{background-color:#0000001a}.work-detail-back-btn:hover .work-detail-back-arrow{transform:rotate(0)}.work-detail-back-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm)var(--spacing-md);top:0;left:0}}.work-detail-back-arrow{transition:transform var(--transition-base);transform-origin:50%;display:inline-block}.work-detail-back-text{display:inline-block}.work-loading{padding:var(--spacing-lg);text-align:center;font-size:var(--font-size-base);color:var(--color-text-light)}@media (max-width:1024px){.work-detail-desktop{display:none}}.work-detail-container{gap:var(--spacing-md);align-items:flex-start;max-width:100%;margin:20vh 0;display:flex}@media (max-width:1024px){.work-detail-container{display:none}}.work-detail-copy{align-self:flex-start;gap:var(--spacing-lg);width:35%;padding-right:var(--spacing-md);flex-direction:column;display:flex;position:sticky;top:20vh}.work-detail-images{gap:var(--spacing-md);flex-direction:column;width:65%;display:flex}.work-detail-img{width:100%;height:auto;overflow:hidden}.work-detail-img img{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:1024px){.work-detail-mobile-images .work-detail-img{width:100vw;margin-left:0}}.work-detail-youtube{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.work-detail-youtube iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1024px){.work-detail-mobile-images .work-detail-youtube{width:100vw;margin-left:0}}.info-section{gap:var(--spacing-md);flex-direction:column;display:flex}@media (max-width:1024px){.info-section{display:none}}.info-row{padding-bottom:var(--spacing-md);border-bottom:1px solid #ffffff1a;flex-direction:column;gap:.5em;display:flex}.info-row:last-child{border-bottom:none}.info-row.info-row-title{border-bottom:none;margin-bottom:-.75em;padding-bottom:0}.info-row.info-row-description{padding-top:0;padding-bottom:var(--spacing-md)}@media (max-width:1024px){.info-row{flex-direction:column}}.work-detail-title{font-size:calc(var(--font-size-xl) + 2px);margin:0;font-weight:300;line-height:1.4}.info-label{font-size:var(--font-size-xs);color:var(--color-text-light);letter-spacing:.05em;margin-bottom:.5em;font-weight:300}.info-value{white-space:pre-line;font-size:1.1rem;font-weight:300;line-height:1.6}.info-value p{white-space:pre-line;margin:0;line-height:1.6}.info-value.info-value-description p{line-height:2;font-size:calc(var(--font-size-base) + 0px);margin:0 0 var(--spacing-sm)0}.info-value.info-value-description p:last-child{margin-bottom:0}.info-value.info-value-description h1,.info-value.info-value-description h2,.info-value.info-value-description h3,.info-value.info-value-description h4,.info-value.info-value-description h5,.info-value.info-value-description h6{margin:var(--spacing-md)0 var(--spacing-sm)0;letter-spacing:.05em;font-weight:300;line-height:1.4}.info-value.info-value-description h1:first-child,.info-value.info-value-description h2:first-child,.info-value.info-value-description h3:first-child,.info-value.info-value-description h4:first-child,.info-value.info-value-description h5:first-child,.info-value.info-value-description h6:first-child{margin-top:0}.info-value.info-value-description h1{font-size:calc(var(--font-size-xl) + 2px)}.info-value.info-value-description h2{font-size:calc(var(--font-size-lg) + 2px)}.info-value.info-value-description h3{font-size:calc(var(--font-size-base) + 4px)}.info-value.info-value-description h4,.info-value.info-value-description h5,.info-value.info-value-description h6{font-size:calc(var(--font-size-base) + 2px)}.info-value.info-value-description ul,.info-value.info-value-description ol{margin:var(--spacing-sm)0;padding-left:var(--spacing-md);list-style-position:outside}.info-value.info-value-description ul li,.info-value.info-value-description ol li{line-height:2;font-size:calc(var(--font-size-base) + 0px);margin:.5em 0}.info-value.info-value-description ul{list-style-type:disc}.info-value.info-value-description ol{list-style-type:decimal}.info-value.info-value-description a{color:var(--color-text);text-underline-offset:.2em;transition:text-decoration-color var(--transition-base);-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d}.info-value.info-value-description a:hover{-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text)}@media (max-width:1024px){.info-value.info-value-description a:hover{text-decoration-color:#0000004d}}.info-value.info-value-description a[target=_blank]{padding-right:1.2em;display:inline-block;position:relative}.info-value.info-value-description a[target=_blank]:after{content:"";width:.8em;height:.8em;transition:transform var(--transition-base);transform-origin:50%;background-image:url(/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:0;transform:translateY(-50%)}.info-value.info-value-description a[target=_blank]:hover:after{transform:translateY(-50%)rotate(360deg)}@media (max-width:1024px){.info-value.info-value-description a[target=_blank]:hover:after{transform:translateY(-50%)rotate(0)}}.info-value.info-value-description strong,.info-value.info-value-description b{font-weight:400}.info-value.info-value-description em,.info-value.info-value-description i{font-style:italic}.info-value.info-value-description blockquote{margin:var(--spacing-md)0;padding-left:var(--spacing-md);color:var(--color-text-light);border-left:2px solid #0003;font-style:italic}.info-value.info-value-description blockquote p{margin:0;line-height:2}.info-value.info-value-description code{background-color:#0000000d;border-radius:2px;padding:.2em .4em;font-family:monospace;font-size:.9em}.info-value.info-value-description pre{margin:var(--spacing-sm)0;padding:var(--spacing-sm);background-color:#0000000d;border-radius:2px;overflow-x:auto}.info-value.info-value-description pre code{background-color:#0000;padding:0}.info-value.info-value-description img{width:100%;height:auto;margin:var(--spacing-md)0;object-fit:cover;display:block}.info-value.info-value-description hr{margin:var(--spacing-md)0;border:none;border-top:1px solid #0000001a}.info-item{flex-direction:column;display:flex}.work-navigation{margin:var(--spacing-lg)0;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-text);justify-content:flex-start;display:flex}@media (max-width:1024px){.work-navigation{margin:var(--spacing-md)0;background-color:#f5f5f5;border:none;width:calc(100% + 48px);margin:auto auto auto -24px;padding:48px 24px}}.work-nav-link{cursor:pointer;transition:background-color var(--transition-base);padding:var(--spacing-lg)var(--spacing-md);text-align:left;flex-direction:column;gap:1em;width:100%;margin:-1px 0;display:flex}.work-nav-link:hover{background-color:#0000000d}@media (max-width:1024px){.work-nav-link:hover{background-color:#0000}.work-nav-link{padding:calc(var(--spacing-md)*1)var(--spacing-md);background-color:#0000000d;border:1px solid #0000001a;border-radius:12px}}.work-nav-next{text-align:left}.work-nav-label{font-size:var(--font-size-xs);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;font-weight:300}@media (max-width:1024px){.work-nav-label{font-size:calc(var(--font-size-xl)*1)}}.work-nav-title{font-size:calc(var(--font-size-base)*1.5);font-weight:300;line-height:1.3}@media (max-width:1024px){.work-nav-title{font-size:calc(var(--font-size-base)*1)}}.work-nav-client{font-size:var(--font-size-xs);color:var(--color-text-light);font-weight:300;line-height:1.4}@media (max-width:1024px){.work-nav-client{margin-top:-6px}}.work-nav-thumbnail{z-index:1001;pointer-events:none;opacity:1;width:300px;height:200px;transition:opacity var(--transition-base);border:1px solid #000c;position:fixed;bottom:24px;right:24px;overflow:hidden}@media (max-width:1024px){.work-nav-thumbnail{display:none}}.work-nav-thumbnail-image{object-fit:cover;width:100%;height:100%}.related-works{margin-top:var(--spacing-md);padding-bottom:5vh}@media (max-width:1024px){.related-works{background-color:#f5f5f5;border-top:1px solid #0000001a;width:calc(100% + 48px);margin:auto auto auto -24px;padding:24px}}.related-works-header{margin-bottom:var(--spacing-sm)}.related-works-list{flex-direction:column;gap:0;display:flex}.related-works-item{cursor:pointer;width:100%;padding:var(--spacing-md)0;transition:0;border-bottom:1px solid #0000001a;position:relative}.related-works-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)}.related-works-item:hover{background-color:#0000001a;border-bottom-color:#0009}.related-works-item:hover:before{transform:translateY(-50%)translate(-20px)rotate(45deg)scale(.5)}@media (max-width:1024px){.related-works-item:hover{background-color:#0000;border-bottom-color:#0000001a}.related-works-item:hover:before{transform:translateY(-50%)translate(-20px)rotate(595deg)scale(0)}.related-works-item{padding:var(--spacing-sm)0}}.related-works-content{width:100%}.related-works-info{align-items:center;gap:var(--spacing-md);flex-flow:row;width:100%;display:flex}@media (max-width:1024px){.related-works-info{flex-direction:column;align-items:flex-start;gap:.25em}}.related-works-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){.related-works-title{font-size:calc(var(--font-size-sm) + 1px);width:100%}}.related-works-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){.related-works-meta{flex:0 auto;justify-content:flex-start;gap:0}}.related-works-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){.related-works-client{font-size:var(--font-size-xs)}}.related-works-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){.related-works-separator{display:inline}}.related-works-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){.related-works-year{font-size:var(--font-size-xs)}}.related-works-thumbnail{z-index:1001;pointer-events:none;opacity:1;width:300px;height:200px;transition:opacity var(--transition-base);border:1px solid #000c;position:fixed;bottom:24px;right:24px;overflow:hidden}@media (max-width:1024px){.related-works-thumbnail{display:none}}.related-works-thumbnail-image{object-fit:cover;width:100%;height:100%}.work-detail-view-all{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);justify-content:flex-start;align-items:center;display:flex}@media (max-width:1024px){.work-detail-view-all{margin-top:var(--spacing-md);margin-bottom:calc(var(--spacing-lg)*2);width:calc(100% + 48px);padding:24px;padding-bottom:calc(var(--spacing-md)*8);background-color:#f5f5f5;border-top:1px solid #0000001a;margin:auto auto auto -24px}}.work-detail-view-all-btn{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm)0;text-underline-offset:.2em;transition:text-decoration-color var(--transition-base);letter-spacing:.05em;background-color:#0000;border:none;align-items:center;gap:.5em;font-weight:300;-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d;display:flex}.work-detail-view-all-btn:hover{-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text)}.work-detail-view-all-btn:hover .work-detail-view-all-arrow{transform:rotate(360deg)}@media (max-width:1024px){.work-detail-view-all-btn:hover{text-decoration-color:#0000004d}.work-detail-view-all-btn:hover .work-detail-view-all-arrow{transform:rotate(0)}.work-detail-view-all-btn{font-size:var(--font-size-xs);padding:calc(var(--spacing-sm)*.75)0}}.work-detail-view-all-text{display:inline-block}.work-detail-view-all-arrow{width:1em;height:1em;transition:transform var(--transition-base);transform-origin:50%;justify-content:center;align-items:center;display:inline-flex}.work-detail-view-all-arrow .arrow-icon{object-fit:contain;width:100%;height:100%}.more-works-list{gap:var(--spacing-sm);padding-bottom:15vh;display:flex}.related-work-link{color:inherit;transition:transform var(--transition-base);cursor:pointer;flex:1;text-decoration:none;display:block}.related-work-card{align-items:center;gap:var(--spacing-xs);flex-direction:row;display:flex}.related-work-image{aspect-ratio:1;flex-shrink:0;width:auto;height:60px;overflow:hidden}.related-work-img{object-fit:cover;width:100%;height:100%}.related-work-info{flex-direction:column;flex:1;gap:.25em;display:flex}.related-work-title{font-size:var(--font-size-xs);font-weight:300}.related-work-category{font-size:var(--font-size-xs);color:var(--color-text-light);text-transform:none;font-weight:300}p#work-description .line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);width:max-content;position:relative}p#work-description .line span{will-change:transform;display:block;position:relative}.work-detail-mobile{display:none}@media (max-width:1024px){.work-detail-mobile{padding-top:20vh;padding-bottom:80px;display:block}}.work-detail-mobile-images{flex-direction:column;gap:24px;width:100vw;margin-left:calc(50% - 50vw);padding:0;display:flex}.work-detail-mobile-content{padding:var(--spacing-lg)0 0}.work-detail-mobile-content .work-detail-mobile-info-section{gap:var(--spacing-md);flex-direction:column;display:flex}.work-detail-mobile-content .work-detail-mobile-info-section .info-row{padding-bottom:var(--spacing-md);border-bottom:1px solid #0000001a}.work-detail-mobile-content .work-detail-mobile-info-section .info-row:last-child{border-bottom:none}.work-detail-mobile-content .work-detail-mobile-info-section .info-row.info-row-title{border-bottom:none;margin-bottom:-.75em;padding-bottom:0}.work-detail-mobile-content .work-detail-mobile-info-section .info-row.info-row-description{padding-top:0;padding-bottom:var(--spacing-md)}.work-detail-mobile-content .work-detail-mobile-info-section .work-detail-title{color:#000;font-size:calc(var(--font-size-xl) + 2px);margin:0;font-weight:300;line-height:1.4}.work-detail-mobile-content .work-detail-mobile-info-section .info-label{color:#0009;font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:.5em}.work-detail-mobile-content .work-detail-mobile-info-section .info-value{color:#000;white-space:pre-line;font-size:1.1rem;font-weight:300;line-height:1.6}.work-detail-mobile-content .work-detail-mobile-info-section .info-value.info-value-description p{line-height:2;font-size:calc(var(--font-size-base) + 0px);margin:0 0 var(--spacing-sm)0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value.info-value-description p:last-child{margin-bottom:0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value p{white-space:pre-line;margin:0 0 var(--spacing-sm)0;line-height:2;font-size:calc(var(--font-size-base) + 0px)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value p:last-child{margin-bottom:0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h1,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h2,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h3,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h4,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h5,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h6{margin:var(--spacing-md)0 var(--spacing-sm)0;letter-spacing:.05em;color:#000;font-weight:300;line-height:1.4}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h1:first-child,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h2:first-child,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h3:first-child,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h4:first-child,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h5:first-child,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h6:first-child{margin-top:0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h1{font-size:calc(var(--font-size-xl) + 2px)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h2{font-size:calc(var(--font-size-lg) + 2px)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h3{font-size:calc(var(--font-size-base) + 4px)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value h4,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h5,.work-detail-mobile-content .work-detail-mobile-info-section .info-value h6{font-size:calc(var(--font-size-base) + 2px)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value ul,.work-detail-mobile-content .work-detail-mobile-info-section .info-value ol{margin:var(--spacing-sm)0;padding-left:var(--spacing-md);list-style-position:outside}.work-detail-mobile-content .work-detail-mobile-info-section .info-value ul li,.work-detail-mobile-content .work-detail-mobile-info-section .info-value ol li{line-height:2;font-size:calc(var(--font-size-base) + 0px);color:#000;margin:.5em 0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value ul{list-style-type:disc}.work-detail-mobile-content .work-detail-mobile-info-section .info-value ol{list-style-type:decimal}.work-detail-mobile-content .work-detail-mobile-info-section .info-value a{color:#000;text-underline-offset:.2em;transition:text-decoration-color var(--transition-base);-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d}.work-detail-mobile-content .work-detail-mobile-info-section .info-value a:hover{text-decoration-color:#000}@media (max-width:1024px){.work-detail-mobile-content .work-detail-mobile-info-section .info-value a:hover{text-decoration-color:#0000004d}}.work-detail-mobile-content .work-detail-mobile-info-section .info-value a[target=_blank]{padding:12px 24px 12px 12px;display:inline-block;position:relative}.work-detail-mobile-content .work-detail-mobile-info-section .info-value a[target=_blank]:after{content:"";width:.8em;height:.8em;transition:transform var(--transition-base);transform-origin:50%;background-image:url(/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.work-detail-mobile-content .work-detail-mobile-info-section .info-value a[target=_blank]:hover:after{transform:translateY(-50%)rotate(360deg)}@media (max-width:1024px){.work-detail-mobile-content .work-detail-mobile-info-section .info-value a[target=_blank]:hover:after{transform:translateY(-50%)rotate(0)}}.work-detail-mobile-content .work-detail-mobile-info-section .info-value strong,.work-detail-mobile-content .work-detail-mobile-info-section .info-value b{font-weight:400}.work-detail-mobile-content .work-detail-mobile-info-section .info-value em,.work-detail-mobile-content .work-detail-mobile-info-section .info-value i{font-style:italic}.work-detail-mobile-content .work-detail-mobile-info-section .info-value blockquote{margin:var(--spacing-md)0;padding-left:var(--spacing-md);color:#0009;border-left:2px solid #0003;font-style:italic}.work-detail-mobile-content .work-detail-mobile-info-section .info-value blockquote p{margin:0;line-height:2}.work-detail-mobile-content .work-detail-mobile-info-section .info-value code{background-color:#0000000d;border-radius:2px;padding:.2em .4em;font-family:monospace;font-size:.9em}.work-detail-mobile-content .work-detail-mobile-info-section .info-value pre{margin:var(--spacing-sm)0;padding:var(--spacing-sm);background-color:#0000000d;border-radius:2px;overflow-x:auto}.work-detail-mobile-content .work-detail-mobile-info-section .info-value pre code{background-color:#0000;padding:0}.work-detail-mobile-content .work-detail-mobile-info-section .info-value img{width:100%;height:auto;margin:var(--spacing-md)0;object-fit:cover;display:block}.work-detail-mobile-content .work-detail-mobile-info-section .info-value hr{margin:var(--spacing-md)0;border:none;border-top:1px solid #0000001a}.work-detail-mobile-bar{bottom:var(--fixed-bottom);left:var(--fixed-left);right:var(--fixed-right);z-index:100;-webkit-backdrop-filter:blur(20px);padding:var(--spacing-md)var(--spacing-md);padding-bottom:calc(var(--spacing-md)*3 - 30px);cursor:pointer;background-color:#fffffff2;border-top:1px solid #0000001a;border-top-left-radius:24px;border-top-right-radius:24px;transition:transform .3s ease-in-out,background-color .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out;position:fixed}.work-detail-mobile-bar.open{-webkit-backdrop-filter:none;background-color:#0000;transform:translateY(calc(100% - 70vh))}.work-detail-mobile-bar-content{justify-content:space-between;align-items:center;gap:var(--spacing-sm);max-width:100%;display:flex}.work-detail-mobile-bar-info{flex-direction:column;flex:1;gap:.25em;min-width:0;display:flex}.work-detail-mobile-title{font-size:calc(var(--font-size-base)*1.3);color:#000;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:300;line-height:1.4;transition:opacity .3s ease-in-out;overflow:hidden}.work-detail-mobile-bar.open .work-detail-mobile-title{opacity:0;pointer-events:none}.work-detail-mobile-client{font-size:var(--font-size-xs);color:#0009;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:300;transition:opacity .3s ease-in-out;overflow:hidden}.work-detail-mobile-bar.open .work-detail-mobile-client{opacity:0;pointer-events:none}.work-detail-mobile-arrow{bottom:22px;right:calc(var(--spacing-sm) + 10px);z-index:101;-webkit-backdrop-filter:blur(20px);cursor:pointer;background-color:#fffffff2;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s ease-in-out;display:flex;position:fixed;transform:rotate(180deg)}.work-detail-mobile-arrow.open{transform:rotate(0)}.work-detail-mobile-arrow:hover{background-color:#fff}@media (max-width:1024px){.work-detail-mobile-arrow:hover{background-color:#fffffff2}}.work-detail-mobile-arrow:active{transform:scale(.95)}.work-detail-mobile-arrow .work-detail-mobile-arrow-icon{width:.6em;height:.6em;transition:transform .3s ease-in-out;display:block;rotate:135deg}.work-detail-mobile-overlay{top:var(--fixed-top-left);left:var(--fixed-left);right:var(--fixed-right);bottom:var(--fixed-bottom);z-index:98;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s ease-in-out;position:fixed}.work-detail-mobile-overlay.open{opacity:1;pointer-events:auto}.work-detail-mobile-panel{bottom:var(--fixed-bottom);left:var(--fixed-left);right:var(--fixed-right);z-index:99;background-color:#fff;border-top:1px solid #0000001a;border-top-left-radius:24px;border-top-right-radius:24px;height:70vh;transition:transform .3s ease-in-out;position:fixed;overflow:hidden;transform:translateY(100%)}.work-detail-mobile-panel.open{transform:translateY(0)}.work-detail-mobile-panel-content{height:100%;padding:var(--spacing-md)var(--spacing-md);-webkit-overflow-scrolling:touch;padding-bottom:80px;overflow-y:auto}.work-detail-mobile-info-section{gap:var(--spacing-md);flex-direction:column;display:flex}.work-detail-mobile-info-section .info-row{padding-bottom:var(--spacing-md);border-bottom:1px solid #0000001a}.work-detail-mobile-info-section .info-row:last-child{border-bottom:none}.work-detail-mobile-info-section .info-row.info-row-title{border-bottom:none;margin-bottom:-.75em;padding-bottom:0}.work-detail-mobile-info-section .info-row.info-row-description{padding-top:0;padding-bottom:var(--spacing-md)}.work-detail-mobile-info-section .work-detail-title{color:#000;font-size:calc(var(--font-size-xl) + 2px);margin:0;font-weight:300;line-height:1.4}.work-detail-mobile-info-section .info-label{color:#0009;font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:.5em}.work-detail-mobile-info-section .info-value{color:#000;white-space:pre-line;font-size:1.1rem;font-weight:300;line-height:1.6}.work-detail-mobile-info-section .info-value.info-value-description p{line-height:1.6;font-size:calc(var(--font-size-base) + 0px);margin:0 0 var(--spacing-sm)0}.work-detail-mobile-info-section .info-value.info-value-description p:last-child{margin-bottom:0}.work-detail-mobile-info-section .info-value p{white-space:pre-line;margin:0 0 var(--spacing-sm)0;line-height:2;font-size:calc(var(--font-size-base) + 0px)}.work-detail-mobile-info-section .info-value p:last-child{margin-bottom:0}.work-detail-mobile-info-section .info-value h1,.work-detail-mobile-info-section .info-value h2,.work-detail-mobile-info-section .info-value h3,.work-detail-mobile-info-section .info-value h4,.work-detail-mobile-info-section .info-value h5,.work-detail-mobile-info-section .info-value h6{margin:var(--spacing-md)0 var(--spacing-sm)0;letter-spacing:.05em;color:#000;font-weight:300;line-height:1.4}.work-detail-mobile-info-section .info-value h1:first-child,.work-detail-mobile-info-section .info-value h2:first-child,.work-detail-mobile-info-section .info-value h3:first-child,.work-detail-mobile-info-section .info-value h4:first-child,.work-detail-mobile-info-section .info-value h5:first-child,.work-detail-mobile-info-section .info-value h6:first-child{margin-top:0}.work-detail-mobile-info-section .info-value h1{font-size:calc(var(--font-size-xl) + 2px)}.work-detail-mobile-info-section .info-value h2{font-size:calc(var(--font-size-lg) + 2px)}.work-detail-mobile-info-section .info-value h3{font-size:calc(var(--font-size-base) + 4px)}.work-detail-mobile-info-section .info-value h4,.work-detail-mobile-info-section .info-value h5,.work-detail-mobile-info-section .info-value h6{font-size:calc(var(--font-size-base) + 2px)}.work-detail-mobile-info-section .info-value ul,.work-detail-mobile-info-section .info-value ol{margin:var(--spacing-sm)0;padding-left:var(--spacing-md);list-style-position:outside}.work-detail-mobile-info-section .info-value ul li,.work-detail-mobile-info-section .info-value ol li{line-height:2;font-size:calc(var(--font-size-base) + 0px);color:#000;margin:.5em 0}.work-detail-mobile-info-section .info-value ul{list-style-type:disc}.work-detail-mobile-info-section .info-value ol{list-style-type:decimal}.work-detail-mobile-info-section .info-value a{color:#000;text-underline-offset:.2em;transition:text-decoration-color var(--transition-base);-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d}.work-detail-mobile-info-section .info-value a:hover{text-decoration-color:#000}@media (max-width:1024px){.work-detail-mobile-info-section .info-value a:hover{text-decoration-color:#0000004d}.work-detail-mobile-info-section .info-value a{background-color:#0000000d;border:1px solid #0000001a;border-radius:4px;padding:12px}}.work-detail-mobile-info-section .info-value a[target=_blank]{padding-right:1.2em;display:inline-block;position:relative}@media (max-width:1024px){.work-detail-mobile-info-section .info-value a[target=_blank]{padding:12px 24px 12px 12px}}.work-detail-mobile-info-section .info-value a[target=_blank]:after{content:"";width:.8em;height:.8em;transition:transform var(--transition-base);transform-origin:50%;background-image:url(/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.work-detail-mobile-info-section .info-value a[target=_blank]:hover:after{transform:translateY(-50%)rotate(360deg)}@media (max-width:1024px){.work-detail-mobile-info-section .info-value a[target=_blank]:hover:after{transform:translateY(-50%)rotate(0)}}.work-detail-mobile-info-section .info-value strong,.work-detail-mobile-info-section .info-value b{font-weight:400}.work-detail-mobile-info-section .info-value em,.work-detail-mobile-info-section .info-value i{font-style:italic}.work-detail-mobile-info-section .info-value blockquote{margin:var(--spacing-md)0;padding-left:var(--spacing-md);color:#0009;border-left:2px solid #0003;font-style:italic}.work-detail-mobile-info-section .info-value blockquote p{margin:0;line-height:2}.work-detail-mobile-info-section .info-value code{background-color:#0000000d;border-radius:2px;padding:.2em .4em;font-family:monospace;font-size:.9em}.work-detail-mobile-info-section .info-value pre{margin:var(--spacing-sm)0;padding:var(--spacing-sm);background-color:#0000000d;border-radius:2px;overflow-x:auto}.work-detail-mobile-info-section .info-value pre code{background-color:#0000;padding:0}.work-detail-mobile-info-section .info-value img{width:100%;height:auto;margin:var(--spacing-md)0;object-fit:cover;display:block}.work-detail-mobile-info-section .info-value hr{margin:var(--spacing-md)0;border:none;border-top:1px solid #0000001a}.work-detail-mobile-close{display:none}body.menu-open .work-detail-back-btn{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);pointer-events:none}
