.page-project{padding:11rem 6rem 2rem;padding:var(--margin-main-top,11rem) var(--pwx,6rem) var(--pwy,2rem) var(--pwx,6rem)}.page-project .page-inner{margin-left:auto;margin-right:auto;max-width:200rem;max-width:var(--container-max-width,200rem);width:100%}.page-project .project-intro{display:block;font-size:7.2rem;font-size:var(--size-xlarge,7.2rem);letter-spacing:-.035em;line-height:.85;margin-bottom:24rem;margin-bottom:var(--margin-xxl,24rem)}@media(max-width:767px){.page-project .project-intro{letter-spacing:-.025em;line-height:.9}}.page-project .project-intro .description{text-wrap:balance;max-width:18em;position:relative}.page-project .project-intro .description>p{display:inline;position:relative}.page-project .project-intro .description>.dtooltip-wrapper{color:#dcdcdc;color:var(--color-grey-light-text,#dcdcdc);cursor:pointer;display:inline-block;transition:color .25s;transition:color var(--duration-default,.25s);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.page-project .project-intro .description>.dtooltip-wrapper:hover{color:#000;color:var(--color-text,var(--color-black,#000))}}@media(max-width:767px){.page-project .project-intro{margin-bottom:7.3rem}}.page-project .project-header{align-items:flex-start;border-top:1px solid #000;border-top:1px solid var(--color-text,var(--color-black,#000));display:flex;font-size:1.6rem;font-size:var(--size-small,1.6rem);line-height:1;margin-bottom:3rem;padding-top:1.5rem}@media(max-width:767px){.page-project .project-header{flex-wrap:wrap;row-gap:4rem}}.page-project .project-header .project-header-item{display:flex;flex-direction:column;width:25%}.page-project .project-header .project-header-item.role{width:50%}.page-project .project-header .project-header-item>h2{color:#9b9c96;color:var(--grey-text,#9b9c96)}.page-project .project-header .project-header-item.client a{display:block;transition:opacity .25s,text-decoration-color .25s;transition:opacity var(--duration-default,.25s),text-decoration-color var(--duration-default,.25s)}@media(hover:hover){.page-project .project-header .project-header-item.client a:hover{opacity:.5}}@media(max-width:767px){.page-project .project-header .project-header-item.client,.page-project .project-header .project-header-item.year{width:50%}.page-project .project-header .project-header-item.role{width:100%}}.page-project .project-description{font-size:2rem;font-size:var(--size-body,2rem);font-weight:400;letter-spacing:-.03em;line-height:.88}@media(max-width:767px){.page-project .project-description{line-height:.9}}.page-project .project-info{border-top:1px solid;margin-top:5rem;margin-top:var(--margin-md,5rem);padding-top:5rem;padding-top:var(--margin-md,5rem)}@media(min-width:1180px){.page-project .project-info{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.page-project .project-info .project-description{font-size:2.4rem;font-size:var(--size-body-lg,2.4rem);line-height:1.12;width:50%}.page-project .project-info .project-credits{padding-left:0;padding-right:0;position:sticky;top:11rem;top:calc(var(--pwx, 6rem) + var(--margin-md, 5rem));width:33.3333%}.page-project .project-info .project-credits .project-credits-list{width:100%}.page-project .project-info .project-credits .project-credits-list .project-credits-item .credits-item-title{padding-left:0}}.page-project .project-credits{display:flex;justify-content:flex-end;margin:0 0 5rem;margin:0 0 var(--margin-md,5rem) 0;padding:0 6rem;padding:0 var(--pwx,6rem);width:100%}@media(max-width:1179.98px){.page-project .project-credits{margin-top:5rem;margin-top:var(--margin-md,5rem);padding:0}}@media(max-width:767px){.page-project .project-credits{margin-top:5rem;margin-top:var(--margin-md,5rem);padding:0}}.page-project .project-credits .project-credits-list{display:flex;flex-direction:column;width:calc(40% + 2rem);width:calc(40% + var(--gutter, 2rem))}@media(max-width:1919.98px){.page-project .project-credits .project-credits-list{font-size:1.6rem;font-size:var(--size-small,1.6rem)}}@media(max-width:1179.98px){.page-project .project-credits .project-credits-list{width:50%}}@media(max-width:767px){.page-project .project-credits .project-credits-list{width:100%}}.page-project .project-credits .project-credits-list .project-credits-item{align-items:baseline;display:flex;gap:.25em;line-height:1;width:100%}.page-project .project-credits .project-credits-list .project-credits-item+.project-credits-item.has-heading,.page-project .project-credits .project-credits-list .project-credits-item.has-spacing-top{margin-top:1em}.page-project .project-credits .project-credits-list .project-credits-item>.credits-item-title{color:#9b9c96;color:var(--grey-text,#9b9c96);padding:0 6rem 0 0;padding:0 var(--pwx,6rem) 0 0;width:50%}.page-project .project-credits .project-credits-list .project-credits-item>.credits-item-title.is-hidden{display:block!important;max-height:1em;opacity:0;pointer-events:none}@media(max-width:1179.98px){.page-project .project-credits .project-credits-list .project-credits-item>.credits-item-title{width:calc(50% - 1rem);width:calc(50% - var(--gutter-half, 1rem))}}@media(max-width:767px){.page-project .project-credits .project-credits-list .project-credits-item>.credits-item-title{padding-left:0;width:calc(50% - 1rem);width:calc(50% - var(--gutter-half, 1rem))}}.page-project .project-credits .project-credits-list .project-credits-item.has-heading{flex-wrap:wrap}.page-project .project-credits .project-credits-list .project-credits-item.has-heading .credits-item-heading{width:100%}.page-project .project-credits .project-credits-list .project-credits-item a{transition:opacity .25s,text-decoration-color .25s;transition:opacity var(--duration-default,.25s),text-decoration-color var(--duration-default,.25s)}@media(hover:hover){.page-project .project-credits .project-credits-list .project-credits-item a:hover{opacity:.5}}ul.role-list{display:flex;flex-direction:column}@media(max-width:767px){ul.role-list{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none;margin:0;max-width:16em;padding:0}ul.role-list li{display:flex;position:relative}ul.role-list li:not(:last-child):after{content:",";display:inline;margin-right:.25em}}ul.role-list li{white-space:nowrap;width:-moz-fit-content;width:fit-content}ul.role-list li a{transition:opacity .25s,text-decoration-color .25s;transition:opacity var(--duration-default,.25s),text-decoration-color var(--duration-default,.25s)}@media(hover:hover){ul.role-list li a:hover{opacity:.5}}ul.role-list li a sup{font-size:.7em;padding-left:.15em;vertical-align:top}[data-v-7e7a10c3]:root{interpolate-size:allow-keywords}li.role[data-v-7e7a10c3]{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}li.role .role-tooltip[data-v-7e7a10c3]{bottom:calc(100% + 1.5rem);bottom:calc(100% + 1.5rem + var(--mouseY, 0)*-1%);height:9rem;left:0;left:calc(var(--mouseX, 0)*1%);position:absolute;transform:translate3d(-50%,0,0);width:7rem;z-index:1}li.role .role-tooltip img[data-v-7e7a10c3]{border-radius:.8rem;height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;width:100%}li.role .role-tooltip img.is-active[data-v-7e7a10c3]{opacity:1}li.role a[data-v-7e7a10c3]{position:relative;transition:opacity .25s,text-decoration-color .25s;transition:opacity var(--duration-default,.25s),text-decoration-color var(--duration-default,.25s)}@media(hover:hover){li.role a[data-v-7e7a10c3]:hover{opacity:.5}}li.role a sup[data-v-7e7a10c3]{display:none;font-size:.7em;padding-left:.15em;position:relative;vertical-align:top}.modules{--w-spacing:calc(var(--gutter-half, 1rem)/2);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gutter-half,1rem);min-height:50svh;position:relative;width:100%}@media(max-width:767px){.modules{gap:1.5rem}}.modules .module{position:relative}@media(max-width:767.98px){.modules .module{width:100%!important}}@media(min-width:820px){.modules .module.is-mobileOnly{display:none}}@media(max-width:1179.98px){.modules .module.is-desktopOnly{display:none}}:root{interpolate-size:allow-keywords}.project-footer{color:#9b9c96;color:var(--grey-text,#9b9c96);display:flex;font-size:6.2rem;font-size:var(--size-large,6.2rem);justify-content:space-between;letter-spacing:-.035em;line-height:.85;max-width:100vw;overflow:visible;padding-top:12rem;padding-top:var(--margin-xl,12rem);width:100%}@media(max-width:767px){.project-footer{letter-spacing:-.025em;line-height:.9}}.project-footer .project-footer-next{text-align:right}@media(max-width:767px){.project-footer{color:#000;color:var(--color-text,var(--color-black,#000));font-size:2.4rem;padding-top:9rem;padding-top:var(--margin-lg,9rem)}}.project-footer a{-webkit-text-decoration:underline;text-decoration:underline;text-underline-position:from-font;transition:color .25s;transition:color var(--duration-default,.25s)}@media(hover:hover){.project-footer a:hover{color:#000;color:var(--color-text,var(--color-black,#000))}}