.work-modal{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fff;grid-template-columns:minmax(0,1.55fr) minmax(320px,.5fr);width:100%;max-height:100dvh;display:grid;position:fixed;inset:0}.wm-background{display:none}.wm-scroll{display:contents}.work-modal--entering{animation:wm-modal-background-enter var(--presence-duration,.45s) cubic-bezier(.16, 1, .3, 1) both;will-change:background-color, backdrop-filter}.work-modal--entering .wm-info{transform-origin:100% 0;animation:wm-info-enter var(--presence-duration,.45s) cubic-bezier(.16, 1, .3, 1) both;will-change:transform}.work-modal--exiting{pointer-events:none;will-change:opacity;animation:50ms ease-in forwards wm-modal-exit}.work-modal--exiting .wm-media{will-change:opacity;animation:50ms ease-in forwards wm-media-exit}@keyframes wm-modal-background-enter{0%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff80}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#fff}}@keyframes wm-info-enter{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes wm-modal-exit{0%{opacity:1}to{opacity:0}}@keyframes wm-media-exit{0%{opacity:1}to{opacity:0}}.wm-media{background:0 0;flex-direction:column;flex:1 0 0;grid-area:1/1;justify-content:center;align-self:stretch;align-items:center;gap:32px;height:100%;min-height:0;padding:24px 16px;display:flex}.wm-media-holder{flex:1 1 0;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:0;padding:16px 0;display:flex;overflow:visible}.wm-media-frame{isolation:isolate;border-radius:24px;flex:none;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.media-audio-wrapper{width:100%;min-width:0;display:block;position:relative}.wm-media-frame>.media-audio-wrapper{height:100%}.media-audio-toggle{appearance:none;z-index:3;cursor:pointer;-webkit-backdrop-filter:blur(17.78px);backdrop-filter:blur(17.78px);background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;bottom:16px;right:16px;overflow:hidden}.media-audio-toggle svg{width:32px;height:32px;display:block}.media-audio-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.wm-media-frame img,.wm-media-frame video{border-radius:inherit;object-fit:contain;flex:none;width:100%;height:100%;min-height:0;display:block;overflow:hidden}.wm-media-frame[data-media-aspect-ready=false] img,.wm-media-frame[data-media-aspect-ready=false] video{visibility:hidden}.wm-media-transition-placeholder{background:0 0;width:100%;height:100%;display:block}.project-media{flex-direction:column;flex:none;align-items:center;gap:8px;width:100%;min-height:128px;display:flex}.project-media p{color:#6c6a6a;text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:121.101%}.media-item{object-fit:cover;pointer-events:none;background:#d3d3d3;border:1px solid #b9b9b940;border-radius:8px;width:40px;height:40px;transition:transform .16s,border-color .16s;display:block;transform:scale(1)}.media-item-active{border:2px solid #dfdfdf;transform:scale(1.4)}.project-media-nav{background:0 0;gap:8px;width:100%;padding:0}.project-media-nav .nav-wrapper{gap:8px;width:100%}.project-media-nav .ruler-lines{flex-basis:16px;height:16px;min-height:16px}.project-media-nav .ruler-lines:after{height:16px}.project-media-nav .nav-content{gap:16px;min-height:56px}.project-media-nav .nav-brand,.project-media-nav .nav-brand>span{place-items:center;display:grid}.project-media-nav .nav-brand:before,.project-media-nav .active-container{display:none}.wm-info{flex-direction:column;flex-shrink:0;grid-area:1/2;align-self:stretch;align-items:flex-end;gap:32px;padding:88px 24px 24px;display:flex;position:relative}.wm-close-button{aspect-ratio:1;-webkit-backdrop-filter:blur(17.7778px);backdrop-filter:blur(17.7778px);z-index:2;background:#cdcdcd80;border:.444px solid #ccc9c980;border-radius:177.778px;flex-direction:column;justify-content:center;align-items:center;gap:8.889px;width:32px;height:32px;padding:5.333px 8.889px;display:flex;position:absolute;top:24px;right:24px}@media (hover:hover) and (pointer:fine){.wm-close-button:hover{background:#333}}.wm-close-button:focus-visible{outline-offset:3px;outline:3px solid #8db5ff}.wm-info-header{flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;display:flex}.wm-info-title{color:#000;text-align:left;letter-spacing:-.48px;font-family:Inter;font-size:24px;font-style:normal;font-weight:500;line-height:121.101%}.wm-info-year{color:#6c6a6a;font-family:Inter;font-size:14px}.wm-info-categories{flex-wrap:wrap;align-content:flex-start;align-self:stretch;align-items:flex-start;gap:4px;padding-top:8px;display:flex}.wm-info-category{color:#000;background:#a5a5a533;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:flex}.wm-info-content{flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;display:flex}.wm-info-content p,.wm-info-content a,.wm-credits p{margin:0}.project-description{white-space:pre-line}.wm-info-content a,.wm-case-study-link{border-bottom:1px solid;width:fit-content;font-weight:500}.wm-case-study-link{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.wm-credits{flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;display:flex}.wm-credits .body-text{justify-content:space-between;gap:16px;width:100%;display:flex}.wm-credits .body-text span{text-align:right;color:#000}.wm-footer{isolation:isolate;background:linear-gradient(#fff0 0%,#ffffffb3 50%);justify-content:flex-end;align-items:center;gap:8px;width:396px;padding:24px 16px;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}.wm-footer:before{content:"";z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}.wm-footer>*{z-index:1;position:relative}.arrow-button{aspect-ratio:1;-webkit-backdrop-filter:blur(17.7778px);backdrop-filter:blur(17.7778px);background:#cdcdcd80;border-radius:177.778px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8.889px;width:32px;height:32px;padding:5.333px 8.889px;display:flex}.arrow-button:disabled{cursor:default;opacity:.4}@media (width<=800px){.work-modal{overscroll-behavior:none;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:18px;flex-direction:column;width:100%;height:auto;min-height:0;max-height:none;padding-bottom:0;display:flex;overflow:hidden}.wm-background{display:none}.work-modal>:not(.wm-background){z-index:1}.wm-scroll{width:100%;height:100%;min-height:0;padding-top:48px;padding-bottom:calc(80px + env(safe-area-inset-bottom));overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden auto}.work-modal--entering{animation:wm-modal-background-enter var(--presence-duration,.45s) cubic-bezier(.16, 1, .3, 1) both;will-change:background-color, backdrop-filter}.work-modal>.wm-close-button{z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:none;margin:0;position:absolute;top:16px;right:16px}.wm-close-button:after{content:"";position:absolute;inset:-6px}.wm-media{flex:0 0 80dvh;width:100%;height:80dvh;min-height:80dvh}.wm-info{width:100%;padding:24px}.work-modal--entering .wm-info{transform-origin:top}.work-modal>.wm-footer{width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom));z-index:3;position:fixed;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){.work-modal--entering,.work-modal--entering .wm-background,.work-modal--entering .wm-info,.work-modal--exiting .wm-media,.work-modal--exiting{animation:none}}