*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-SemiBold.woff2) format("woff2");font-weight:600}:root{--primary-gray: rgba(23, 23, 23);--primary-gray-mid-opacity: rgba(23, 23, 23, .6);--primary-gray-opacity: rgba(23, 23, 23, .2);--sidebar-panel-bg: rgba(230, 223, 223, .95);--sidebar-rule: rgba(23, 23, 23, .4);--background: rgb(249, 249, 249);--transparent: rgba(255, 255, 255, 0);--font-family: "Neue Montreal", sans-serif;--title-size: clamp(1.5rem, 1.8vw, 6rem);--selected-work-size: 1.5rem;--regular-font-size: 1rem;--content-offset: 9rem;--desktop-copy-size: clamp(14px, min(.95vw, 1.8vh), 16px);--desktop-heading-size: clamp(18px, min( calc(2.3vw - 12px) , 3vh), 32px);--desktop-content-offset: clamp(112px, 8vw, 144px);--desktop-section-gap: clamp(20px, 3vh, 32px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.square,.side-panel,.text-line{transition:none!important}}body{font-family:var(--font-family);background:var(--background);font-size:var(--regular-font-size);color:var(--primary-gray);margin:0;padding:0}.nav{display:inline-block;color:var(--primary-gray-mid-opacity);text-transform:uppercase;text-decoration:none;font-weight:400;padding:0 0 1rem}.skill-section{display:flex;flex-direction:column;gap:.5rem}.about{position:relative;z-index:30;display:flex;align-items:center;gap:1rem}button.about{border:0;color:inherit;font:inherit;background:transparent;cursor:pointer}.about-text{height:1.8ch;overflow:hidden;position:relative;display:block}.about-rule{width:99%;margin:0 5px;height:1px;background:var(--sidebar-rule)}.square{height:.875rem;width:.875rem;background:var(--transparent);transition:background .3s ease,transform .6s cubic-bezier(.65,0,.35,1);margin-bottom:1px}.about:hover .square{background:#000}.text-line{display:block;transition:color .3s ease,transform .8s ease}.about-text .text-line:last-child{position:absolute;top:0;left:0;transform:translateY(100%)}.about.is-open .text-line:first-child{transform:translateY(-100%)}.about.is-open .text-line:last-child{transform:translateY(0)}.about.is-open .square{background:#000;transform:translate(-518px);transition:background .3s ease,transform .9s cubic-bezier(.65,0,.35,1);transition-delay:0s,.1s}.about:hover .text-line{color:#000}.black{background:#000}.about-space{height:2rem}.vertical-justify{height:100%;display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.vert-edit-temp{justify-content:flex-start;gap:0rem}.right{align-items:end}.blur{filter:blur(8px);transition:filter .8s ease}.image-gallery{position:relative;display:flex;flex-direction:column;gap:2rem}.side-img{max-width:100%;max-height:65rem;height:auto;object-fit:contain;display:block}.gallery-video{width:100%;height:auto}.flex-end{display:flex;justify-content:flex-end}.heading{font-weight:600;font-size:var(--title-size);max-width:75%}.heading>div{white-space:normal}.indent{text-indent:var(--content-offset)}.heading{overflow-wrap:normal;text-wrap:pretty}.split-container{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.left-half{position:sticky;top:0;align-self:start;height:100svh;padding:20px;min-width:0;overflow-x:hidden}.border-line{position:fixed;top:0;bottom:0;left:50%;width:1px;height:auto;background-color:var(--primary-gray-opacity);z-index:0;pointer-events:none;transform:scaleY(0);opacity:0}.right-half{padding:20px;min-width:0}.selected-work-title{padding-left:var(--content-offset);margin-bottom:.5rem}.selected-work-item{position:relative;display:flex;font-size:var(--selected-work-size);text-decoration:none;color:var(--primary-gray-mid-opacity);align-items:center;padding-block:.25rem;transition:color .2s ease}.selected-work-index{position:relative;font-size:var(--regular-font-size);display:inline-flex;align-items:center;justify-content:center;text-align:center;width:var(--content-offset);flex-shrink:0}.selected-work-index-value{display:inline-block;width:1.5rem;text-align:center}.selected-work-indicator{position:absolute;width:.875rem;height:.875rem;background:#000;opacity:0;pointer-events:none;z-index:2;transform-origin:center center}.selected-work-item:hover,.selected-work-item:active,.selected-work-item:focus-visible,.selected-work-item.active{color:#000}.selected-work{position:relative;display:flex;color:var(--primary-gray-mid-opacity);flex-direction:column;margin-bottom:2rem;gap:0;font-weight:600}.side-panel{position:fixed;z-index:20;display:flex;flex-direction:column;gap:2rem;top:0;bottom:0;right:0;width:40rem;background:var(--sidebar-panel-bg);padding:1rem;transform:translate(700px);font-size:1.4rem;font-weight:700;text-wrap:pretty;transition:transform .8s cubic-bezier(.65,0,.35,1)}.side-panel.is-open{transform:translate(0)}.click{cursor:pointer}.hidden{display:none}.info-grid{display:grid;grid-template-columns:var(--content-offset) minmax(0,1fr);gap:.5rem 0;align-items:baseline}.info-key,.project-section-label{color:var(--primary-gray-mid-opacity);font-weight:500}.info-value,.project-section-body{color:var(--primary-gray);min-width:0;max-width:min(28rem,100%)}.project-details{display:flex;flex-direction:column;gap:2rem}.project-section{display:grid;grid-template-columns:var(--content-offset) minmax(0,1fr);gap:.5rem 0}.project-section-body p{margin:0;line-height:1.35}.project-section-body p+p{margin-top:1rem}.project-testimonial{margin:0}.project-testimonial+.project-testimonial{margin-top:1.5rem}.project-testimonial cite{display:block;margin-top:.75rem;color:var(--primary-gray-mid-opacity);font-style:normal}.project-preview{position:fixed;z-index:4;top:0;right:20px;bottom:0;left:calc(50% + 20px);display:flex;align-items:flex-start;justify-content:center;padding:0;background:transparent;visibility:hidden;pointer-events:none;transition:visibility 0s linear .25s}.project-preview.is-visible{visibility:visible;transition-delay:0s}.project-preview-backdrop{position:absolute;inset:0;z-index:0;background:var(--background);opacity:0;pointer-events:none;transition:opacity .25s ease}.project-preview.is-visible .project-preview-backdrop{opacity:.95}.project-preview-image{width:100%;height:auto;object-position:top center;position:absolute;top:var(--preview-top, 0px);left:0;z-index:1;opacity:0;transition:opacity .25s ease}.project-preview.is-visible .project-preview-image{opacity:1}.app-loading{min-height:100svh;display:grid;place-items:center;color:var(--primary-gray-mid-opacity)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1024px){.left-half{--regular-font-size: var(--desktop-copy-size);--content-offset: var(--desktop-content-offset);display:flex;flex-direction:column;font-size:var(--regular-font-size);overflow-x:hidden;overflow-y:auto}.left-half>.vertical-justify{flex:1 0 auto;height:auto;gap:var(--desktop-section-gap)}.heading{font-size:var(--desktop-heading-size)}.selected-work{font-weight:400;margin-bottom:0}.selected-work-item{font-size:var(--regular-font-size)}.project-details{gap:var(--desktop-section-gap)}.project-section-body p+p{margin-top:clamp(12px,1.5vh,16px)}.project-testimonial+.project-testimonial{margin-top:clamp(16px,2vh,24px)}.desktop-work .selected-work-item{width:fit-content}.selected-work-index{justify-content:flex-start;text-align:left}.project-preview{background:transparent}}:root{--header-height: 55px}.site-header{position:sticky;top:0;z-index:30;height:var(--header-height);padding:20px 20px 16px;display:flex;align-items:flex-start;justify-content:space-between;background:var(--background)}.site-header .nav{padding:0}.site-name{position:relative;z-index:1}.split-container{min-height:calc(100svh - var(--header-height))}.left-half{top:var(--header-height);height:calc(100svh - var(--header-height));padding-top:0}.right-half{padding-top:0}.side-panel{padding-top:var(--header-height);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);visibility:hidden;transition:transform .8s cubic-bezier(.65,0,.35,1),visibility 0s .8s}.side-panel.is-open{visibility:visible;transition-delay:0s}.about-space{display:none}@media(max-width:1023px){:root{--header-height: 44px;--regular-font-size: 14px;--title-size: 24px}.site-header{padding:14px 12px 10px}.site-header.menu-open .site-name{visibility:hidden}.site-header .about{position:static}.about.is-open .square{position:absolute;left:12px;top:14px;transform:none}.about-text{min-width:5ch}.split-container{display:block}.left-half{position:relative;top:auto;height:auto;min-height:max(0px,calc(100svh - var(--header-height) - var(--first-image-height, 0px) - 36px));padding:0 12px 24px}.left-half .vertical-justify{height:auto}.heading{max-width:100%;line-height:1.15}.heading>div{display:inline;white-space:normal}.heading>div:after{content:" "}.heading>.indent{display:block;text-indent:25%}.project-details{gap:24px;overflow-wrap:anywhere}.info-grid,.project-section{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.project-section-body,.info-value{max-width:none}.right-half{padding:0 12px 24px}.image-gallery{gap:16px}.side-img{width:100%;max-height:none}.border-line,.desktop-work,.project-preview{display:none}.simple-work{gap:0;margin:24px 0 0}.simple-work .selected-work-title{padding-left:0;font-size:14px;font-weight:400;text-transform:uppercase;margin-bottom:.25rem}.simple-work .selected-work-item{color:var(--primary-gray-mid-opacity);font-size:20px;line-height:1.1;padding-block:.125rem}.simple-work .selected-work-index{width:25%;flex-shrink:0;justify-content:center;text-align:center;color:var(--primary-gray-mid-opacity);font-weight:400}.simple-work .active .selected-work-index-value{color:transparent}.simple-work .active .selected-work-index:after{content:"";position:absolute;top:50%;left:50%;width:.875rem;height:.875rem;background:var(--primary-gray);transform:translate(-50%,-50%)}.side-panel{width:100%;padding:var(--header-height) 12px 12px;background:#dcd7d7;font-size:14px;font-weight:400;text-wrap:wrap}.mobile-menu-content{display:flex;flex-direction:column;min-height:100%;flex-shrink:0}.mobile-menu-content a{color:inherit;text-decoration:none}.menu-contact{font-size:clamp(18px,5.8vw,24px);font-weight:600;line-height:1.2;overflow-wrap:anywhere}.mobile-menu-content .simple-work,.menu-details,.menu-testimonial{border-top:1px solid var(--sidebar-rule);padding-top:16px;margin-top:16px}.menu-details{display:grid;gap:16px;line-height:1.15}.menu-label{color:var(--primary-gray-mid-opacity);margin-bottom:3px}.mobile-footer{color:var(--primary-gray-mid-opacity);font-weight:600;overflow-wrap:anywhere}.menu-footer{margin-top:auto;padding-top:40px}.next-project{display:block;margin-top:40px;padding-top:16px;border-top:1px solid var(--sidebar-rule);color:var(--primary-gray);text-decoration:none}.next-project-section{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}.next-project-section .next-project{width:100%}.next-project-label{margin-bottom:8px;color:var(--primary-gray-mid-opacity)}.next-project-image{display:block;width:100%;height:auto}.next-project-caption{display:flex;align-items:baseline;margin-bottom:8px;font-size:20px;font-weight:400;line-height:1.1}.next-project-index{width:25%;flex-shrink:0;color:var(--primary-gray-mid-opacity);font-weight:400}}