@font-face{font-family:Montreal;src:url('/assets/USoklPBzyKxvy8LxcUIp8nCYM.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montreal;src:url('/assets/K0cOtWJZhBesYPTTpYSDpYCs3hU.woff2') format('woff2');font-weight:500;font-display:swap}
:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;color-scheme:dark;--bg:#1a1a1a;--text:#fff;--muted:#a3a3a3;--space:24px}
*{box-sizing:border-box;-webkit-font-smoothing:inherit}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 18px/1.4 Montreal,Arial,sans-serif;letter-spacing:.01em;font-feature-settings:"blwf" on,"cv09" on,"cv03" on,"cv04" on,"cv11" on}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}a:hover{color:#c7c7c7}h1,h2,p,figure,dl,dd{margin:0}h1,h2{font-weight:400}video,img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}::selection{background:#eee;color:#1a1a1a}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;padding:24px;font-weight:500;background:linear-gradient(#1a1a1a 0%,rgba(26,26,26,.94) 12.6126%,rgba(26,26,26,.85) 24.7748%,rgba(26,26,26,.5) 50.4505%,rgba(26,26,26,.15) 74.7748%,rgba(26,26,26,.04) 86.9369%,rgba(26,26,26,0) 100%)}.skip-link{position:fixed;top:-100px;left:24px;z-index:30;padding:12px;background:white;color:black}.skip-link:focus{top:12px}
.intro{padding:256px var(--space) 64px}.intro h1{max-width:760px;font-weight:500;font-size:40px;line-height:1.2;letter-spacing:normal;color:var(--muted)}.intro em{font-style:normal;color:#fff}
.projects{padding:0 var(--space);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 16px}.project{min-width:0}.project:hover{color:inherit}.project-media{aspect-ratio:1;background:#111;border-radius:4px;overflow:hidden}.project-caption{position:relative;padding-top:16px}.project-caption h2{font-size:18px;font-weight:500}.project-caption p{color:var(--muted)}
.other-work{padding:180px var(--space);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.section-label{font-size:18px;font-weight:400;margin-bottom:24px;color:#ccc}.other-work h2{width:668px;max-width:65%;font-weight:500;font-size:40px;line-height:1.2;letter-spacing:normal}.muted{color:var(--muted)}.about{padding:0 var(--space) 40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.about .section-label{margin-bottom:0}.about>div{width:41%}.about p+p{margin-top:20px}.about a{text-decoration:underline;text-underline-offset:3px}.site-footer{display:flex;justify-content:space-between;padding:24px;gap:24px}.site-footer>a:first-of-type{margin-left:auto}.site-footer>a:last-child{margin-left:min(22vw,380px)}
.case-hero{width:100%;aspect-ratio:1.6216;background:#111;position:relative}.case-info{padding:40px var(--space) 64px;display:flex;justify-content:space-between;gap:64px}.case-description{max-width:640px}.case-description h1{font-size:48px;line-height:1.1;letter-spacing:normal;margin-bottom:24px}.case-description p+p{margin-top:20px}.case-meta{width:24%;min-width:200px}.case-meta>div+div{margin-top:40px}.case-meta dt{color:var(--muted)}.case-gallery{padding:0 var(--space);display:grid;gap:16px}.case-gallery figure{aspect-ratio:1.5;background:#111;overflow:hidden;border-radius:4px}.case-gallery img,.case-gallery video{border-radius:4px}.next-project{display:block;padding:80px var(--space) 10px;margin-bottom:140px;width:100%;color:#fff}.next-project:hover{color:#fff}.next-project>span:first-child{display:block;color:var(--muted);margin-bottom:16px}.next-title{display:flex;justify-content:flex-start;gap:12px;align-items:center;font-weight:500;font-size:40px;line-height:1.2;letter-spacing:normal}.next-arrow{flex:none;overflow:visible;transition:transform .4s cubic-bezier(.44,0,.56,1)}.next-project:hover .next-arrow,.next-project:focus-visible .next-arrow{transform:translateX(24px)}.not-found{min-height:calc(100svh - 74px);padding:180px var(--space) 140px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found .error-code{color:var(--muted);margin-bottom:24px}.not-found h1{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:normal}.error-description{max-width:460px;margin-top:24px;color:var(--muted)}.error-home{display:inline-flex;align-items:center;gap:12px;margin-top:40px;font-weight:500}.error-home:hover{color:var(--text)}.error-home svg{transition:transform .4s cubic-bezier(.44,0,.56,1)}.error-home:hover svg,.error-home:focus-visible svg{transform:translateX(8px)}


@media(max-width:900px){.intro{padding-top:200px}.intro h1{font-size:36px;max-width:700px}.other-work{padding-top:120px;padding-bottom:120px}.about{padding-bottom:40px}.about>div{width:66%}.other-work h2{width:55%}.case-info{gap:40px}.case-description{max-width:64%}.case-meta{min-width:150px}.next-project{margin-bottom:100px}}
@media(max-width:600px){:root{--space:16px}body{font-size:16px}.site-header{padding:20px 16px;font-size:14px}.intro{padding-top:174px;padding-bottom:48px}.intro h1{font-size:30px;line-height:1.2;letter-spacing:-.025em}.projects{grid-template-columns:1fr;gap:40px}.project-caption{padding-top:12px}.project-caption h2{font-size:16px}.project-caption p{font-size:14px}.other-work{padding:96px var(--space);flex-direction:column;gap:16px}.section-label{font-size:14px;margin-bottom:20px}.other-work h2{font-size:30px;width:100%;max-width:none}.about{gap:16px;padding-bottom:30px}.about>div{width:91%}.site-footer{padding:20px 16px;font-size:14px;gap:20px}.site-footer>a:last-child{margin-left:0}.case-hero{aspect-ratio:1;min-height:360px}.case-info{flex-direction:column;padding-top:32px;padding-bottom:40px;gap:32px}.case-description{max-width:none}.case-description h1{font-size:36px}.case-meta{display:flex;gap:24px;justify-content:space-between;width:100%;font-size:14px}.case-meta>div+div{margin-top:0}.case-gallery{gap:12px}.next-project{padding:64px var(--space) 10px;margin:0 0 80px}.next-title{font-size:30px;gap:8px}.next-arrow{width:29px;height:29px}.next-project:hover .next-arrow,.next-project:focus-visible .next-arrow{transform:translateX(16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep both pages on the same timeline so their edges meet throughout the slide. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:1.5s;overflow:clip}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root),::view-transition-new(root){height:100%;object-fit:cover;mix-blend-mode:normal;animation-duration:1.5s;animation-delay:0s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.76,0,.24,1)}
::view-transition-old(root){animation-name:page-slide-out}
::view-transition-new(root){animation-name:page-slide-in}
@keyframes page-slide-out{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@keyframes page-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}



.copyright{color:var(--muted)}
.home .site-footer{padding-top:360px}
@media(max-width:1199px){.home .site-footer{padding-top:180px}}
@media(max-width:809px){.about{padding-bottom:30px}}

@media(max-width:600px){.not-found{padding:160px var(--space) 100px;min-height:calc(100svh - 60px)}.not-found h1{font-size:30px}.not-found .error-code{font-size:14px}.error-description{max-width:350px}}