.project-page .site-header{color:#fff;position:absolute}.project-page .brand img{filter:none}.project-page .preview-notice{opacity:.65;top:12px;bottom:auto}.project-page .project-hero{color:#fff;text-align:left;isolation:isolate;background:#0a0a0a;padding:0;position:relative;overflow:clip}.project-hero-media{z-index:-2;height:100svh;position:absolute;inset:0}.project-hero-image-stage{height:100svh;position:sticky;top:0;overflow:hidden}.project-hero-media picture,.project-hero-media img{width:100%;height:100%}.project-hero-media img{object-fit:contain}.project-hero-image-stage:after{content:"";background:linear-gradient(180deg, #0000003d, transparent 40%, #00000059), rgb(0 0 0/var(--project-shade,0));pointer-events:none;position:absolute;inset:0}.project-title-stage{min-height:100svh;padding:150px var(--gutter) 110px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-page .project-hero .project-title{color:#fff;font:400 clamp(64px, 13vw, 240px)/1.04 var(--display);text-transform:lowercase;text-align:center;text-wrap:balance;max-width:1400px;margin:0}.project-title-word,.project-title-letter{display:inline-block}.project-title-letter{transform-origin:bottom}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-title{cursor:default}.project-title-letter{scale:1 var(--title-letter-scale,1);transition:scale .5s cubic-bezier(.22,.61,.36,1)}}.project-title-stage .breadcrumbs{top:120px;left:var(--gutter);right:var(--gutter);z-index:2;color:#fff;text-shadow:0 1px 12px #000;margin:0;font-size:11px;position:absolute}.project-scroll-cue{left:var(--gutter);align-items:center;gap:24px;font-size:13px;display:flex;position:absolute;bottom:35px}.project-scroll-cue span{font-size:25px}.project-hero-description{background:#0a0a0a;min-height:100svh;padding-block:70px 180px;position:relative}.project-hero-description>p{width:55%;max-width:850px;font-size:clamp(22px,2.05vw,28px);font-weight:500;line-height:1.62}.project-hero-facts{margin:70px 0 0;font-size:17px;line-height:1.8}.project-hero-facts>div+div{margin-top:28px}.project-hero-facts dt{font-size:24px;font-weight:500}.project-hero-facts dd{margin:4px 0 0}.project-hero-facts a{text-underline-offset:5px;text-decoration:underline #777}.project-page .project-content{background:#fff;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10%;padding-block:110px 85px;display:grid;position:relative}.project-page .project-body{width:100%;max-width:760px;padding:0}.project-page .project-body>h2:first-child{margin-top:0}.project-page .project-body h2{font-size:clamp(23px,2.2vw,32px)}.project-page .project-facts{align-self:start;font-size:13px;line-height:1.8}.project-page .project-facts>div{grid-template-columns:65px minmax(0,1fr);gap:20px;padding-block:18px}.project-page .project-facts dt{color:#707070}.project-page .project-facts dd{overflow-wrap:anywhere;min-width:0}.project-page .project-images figure{margin-bottom:75px}.project-image-link{width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative}.project-image-link:focus-visible{outline-color:#111}.project-page .project-images img{object-fit:contain;border-radius:0;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 32px)}.project-image-open{color:#fff;background:#0006;border:1px solid #ffffffb3;border-radius:30px;padding:8px 16px;font-size:12px;position:absolute;bottom:20px;right:20px}.project-page .project-images figcaption{color:#707070;gap:35px;padding-top:16px;font-size:12px;display:flex}.project-image-number{font-variant-numeric:tabular-nums;flex-shrink:0}.project-page .related-projects{padding-block:10px 80px;font-size:14px}.project-next{isolation:isolate;color:#fff;min-height:90svh;padding:100px var(--gutter);text-align:center;background:#111;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-next picture{z-index:-2;place-items:center;display:grid;position:absolute;inset:0}.project-next img{object-fit:contain;width:100%;height:100%;max-height:100svh}.project-next:after{content:"";z-index:-1;background:#0000004d;position:absolute;inset:0}.project-next-label{font:400 clamp(70px, 18vw, 300px)/1.05 var(--display);text-transform:lowercase}.project-next-label>span{font:400 .45em/1 var(--body);vertical-align:middle;display:inline-block}.project-next-name{margin-top:30px;font-size:clamp(13px,1.4vw,20px)}.project-next:focus-visible{outline-offset:-10px;outline:3px solid #fff}.project-page .site-footer{color:#707070;background:#fff;border-color:#e5e5e5}.project-page .site-footer a:focus-visible{outline-color:#111}.project-page.project-on-light .site-header{color:#111}.project-page.project-on-light .brand img{filter:invert()}html:has(.project-lightbox[open]){overflow:hidden}.project-lightbox{color:#fff;background:#0a0a0a;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:80px 65px 35px;position:fixed;inset:0}.project-lightbox::backdrop{background:#0a0a0a}.project-lightbox[open]{grid-template-rows:minmax(0,1fr);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:20px;display:grid}.project-lightbox button{color:#fff;cursor:pointer;min-width:44px;min-height:44px;font:400 22px/1 var(--body);background:0 0;border:1px solid #777;border-radius:50%}.project-lightbox button:focus-visible{outline-offset:5px;outline:2px solid #fff}.project-lightbox .project-lightbox-close{border:0;border-radius:0;align-items:center;gap:20px;font-size:13px;display:flex;position:absolute;top:20px;right:35px}.project-lightbox-close span{font-size:30px}.project-lightbox-close .project-lightbox-close-label{font-size:13px}.project-lightbox figure{grid-template-rows:minmax(0,1fr) auto;align-self:stretch;min-width:0;min-height:0;display:grid}[data-lightbox-image]{justify-content:center;align-items:center;min-height:0;display:flex}[data-lightbox-image] img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.project-lightbox figcaption{text-align:center;color:#bbb;max-height:25dvh;padding-top:18px;font-size:12px;line-height:1.7;overflow:auto}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){html:not(:has(:target)):not(.project-motion-ready):not(.project-motion-static) .project-title-stage{padding:0}html:not(:has(:target)):not(.project-motion-ready):not(.project-motion-static) .project-page .project-hero .project-title{white-space:nowrap;text-wrap:nowrap;transform-origin:0 100%;flex-shrink:0;width:max-content;max-width:none;font-size:calc(1rem + 22.15vw);line-height:.93}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (width>=1538px){html:not(:has(:target)):not(.project-motion-ready):not(.project-motion-static) .project-page .project-hero .project-title{font-size:calc(1rem + 24.15vw)}}@media (prefers-reduced-motion:no-preference){.project-motion-ready .project-hero-media{height:auto}.project-motion-ready .project-page .site-header{position:fixed}.project-motion-ready .project-title-track{height:200svh}.project-motion-ready .project-title-stage{height:100svh;padding:0;position:sticky;top:0}.project-motion-ready .project-page .project-hero .project-title{white-space:nowrap;text-wrap:nowrap;transform-origin:0 100%;flex-shrink:0;width:max-content;max-width:none;font-size:calc(1rem + 22.15vw);line-height:.93}.project-motion-ready .project-hero-description{background:0 0;padding-top:120px}.project-motion-ready .project-title-stage .breadcrumbs{transition:opacity .2s}}@media (width>=1538px){.project-motion-ready .project-page .project-hero .project-title{font-size:calc(1rem + 24.15vw)}.project-hero-description>p{width:45%}}@media (width<=1024px){.project-hero-description>p{width:65%}.project-page .project-content{gap:7%}}@media (width<=767px){.project-title-stage{padding:125px var(--gutter) 100px}.project-title-stage .breadcrumbs{font-size:10px;top:100px}.project-page .project-hero .project-title{font-size:clamp(62px,16vw,120px)}.project-hero-description{min-height:0;padding-block:45px 100px}.project-motion-ready .project-hero-description{padding-top:110px}.project-hero-description>p{width:85%;font-size:20px;line-height:1.6}.project-hero-facts{margin-top:45px;font-size:15px}.project-hero-facts dt{font-size:20px}.project-scroll-cue{font-size:12px;bottom:28px}.project-page .project-content{grid-template-columns:1fr;gap:45px;padding-block:100px 65px}.project-page .project-body{font-size:15px}.project-page .project-facts{font-size:13px}.project-page .project-images figure{margin-bottom:40px}.project-page .project-images figcaption{gap:18px;font-size:11px}.project-image-open{padding:6px 12px;font-size:11px;bottom:12px;right:12px}.project-page .related-projects{padding-bottom:55px}.project-next{min-height:70svh}.project-lightbox{padding:75px 15px 20px}.project-lightbox[open]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.project-lightbox figure{grid-area:1/1/auto/-1}.project-lightbox-prev,.project-lightbox-next{grid-row:2;align-self:end}.project-lightbox-next{grid-column:3}.project-lightbox .project-lightbox-close{right:20px}}@media (width<=479px){.project-hero-description>p{width:100%}}@media (prefers-reduced-motion:reduce){.project-hero-media{height:100svh}.project-hero-image-stage{position:relative}.project-title-track{height:auto}.project-title-stage{position:relative}}.project-hero-description>.project-status{color:#ccc;width:min(100%,850px);margin-top:20px;font-size:12px;line-height:1.7}.project-next-note{left:var(--gutter);right:var(--gutter);color:#fff;font:400 11px/1.7 var(--body);text-shadow:0 1px 5px #000;max-width:650px;position:absolute;top:75px}
