.project-page,.information-page{margin:0 var(--gutter)}.project-page{--campaign-player-width:clamp(300px,28vw,360px)}.project-navigation{gap:15px;max-width:900px;margin:0 0 24px auto;display:flex}.project-thumbnail{border-bottom:1px solid #0000;flex:1;min-width:0;padding-bottom:9px;display:block;position:relative}.thumbnail-image{aspect-ratio:4/3;width:100%;display:block}.thumbnail-image img{object-fit:contain;width:100%;height:100%}.thumbnail-image.thumbnail-sized{place-items:center;display:grid}.thumbnail-image .thumbnail-cropped{width:min(100%, calc(75% * var(--thumbnail-aspect-ratio)));height:auto;aspect-ratio:var(--thumbnail-aspect-ratio);object-fit:cover;margin-inline:auto}.project-thumbnail[aria-current=page]{border-bottom-color:#171717}.thumbnail-label{z-index:2;font-family:var(--mono);font-size:var(--small);white-space:nowrap;opacity:0;pointer-events:none;background:#fff;padding:5px 8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.project-thumbnail:last-child .thumbnail-label{left:auto;right:0;transform:none}.project-thumbnail:hover .thumbnail-label,.project-thumbnail:focus-visible .thumbnail-label{opacity:1}.project-layout{display:block}.project-intro{min-width:0;margin-bottom:20px}.project-images{min-width:0}.is-photography .project-intro{margin-bottom:20px}.project-heading{align-items:baseline;gap:25px;display:flex}.project-heading .project-links{margin:0 0 0 auto}.photography-information{max-width:1000px;margin:65px 0 75px auto}.design-information{margin:48px 0 66px}.design-information+.publication-pages{margin-top:84px}.design-information+.case-study-sections{margin-top:89px}.design-information .project-information{margin-top:0}.project-heading h1{font-family:var(--heading);font-size:var(--text)}.project-discipline{font-family:var(--mono);font-size:var(--small);color:var(--muted);line-height:1.6}.project-information{max-width:1000px;font-family:var(--mono);font-size:var(--small);grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px 45px;margin:30px 0 0 auto;line-height:1.7;display:grid}.project-information h2{font:inherit;color:var(--muted);margin-bottom:18px}.is-photography .project-information{margin-top:0}.project-description p{margin-bottom:16px}.project-description p:last-child{margin-bottom:0}.project-narrative{min-width:0}.project-credits{grid-column:2;align-self:start;margin:0}.project-credits dt{color:var(--muted);margin:18px 0 5px}.project-credits dt:first-child{margin-top:0}.project-credits dd{white-space:pre-line;margin:0}.project-links{flex-direction:column;align-items:start;gap:12px;margin-top:24px;display:flex}.project-links a{font-family:var(--heading);font-size:var(--text);text-underline-offset:4px;text-decoration:underline}.project-hero{margin-bottom:0}.landscape-hero{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.project-hero .image-button{justify-content:center;align-items:center;display:flex}.project-hero img{width:100%;height:auto}.portrait-hero img{object-fit:contain;width:auto;max-height:78vh}.image-button{cursor:zoom-in;width:100%;padding:0;display:block}figcaption{font-family:var(--mono);font-size:var(--small);margin-top:12px;line-height:1.6}.detail-gallery{margin:0 calc(-1 * var(--gutter));grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0 40px;display:grid}.detail-gallery:empty{display:none}.detail-image:not(.wide-image){padding:0 var(--gutter);margin:40px 0}.detail-image img{object-fit:contain;width:100%;height:auto;max-height:85vh}.wide-image{grid-column:1/-1}.wide-image img{max-height:none}.photo-viewer{margin-bottom:65px}.photo-stage{justify-content:center;align-items:center;height:min(76dvh,850px);min-height:0;display:flex}.photo-image{object-fit:contain;width:100%;height:100%}.photo-viewer[data-orientation=landscape]{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.photo-viewer[data-orientation=landscape] .photo-stage{height:auto;min-height:0;aspect-ratio:var(--sequence-ratio)}.photo-viewer[data-orientation=landscape] .photo-controls{margin-left:var(--gutter);margin-right:var(--gutter)}.photo-controls{border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--small);justify-content:space-between;align-items:center;margin-top:20px;padding:14px 0;display:flex}.photo-controls button{padding:7px 0}.photo-position{color:var(--muted)}.publication-pages{margin:60px 0 75px}.publication-pages h2{font-family:var(--mono);font-size:var(--small);color:var(--muted);margin-bottom:25px}.book-reader:not([data-orientation=landscape]) .photo-stage{height:min(75vh,850px);min-height:260px}.layout-publication .detail-image:not(.wide-image) img{max-height:65vh}.process-section,.project-motion{border-top:1px solid var(--line);margin:60px 0 75px;padding-top:24px}.process-section h2,.project-motion h2{font-family:var(--mono);font-size:var(--small);color:var(--muted);margin-bottom:28px}.process-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:55px 32px;max-width:1040px;margin-left:auto;display:grid}.process-gallery figure{position:relative}.process-gallery .image-button{justify-content:center;align-items:end;height:185px;display:flex}.process-gallery img{object-fit:contain;width:auto;max-height:100%}.process-gallery figcaption{z-index:1;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;top:100%;left:0}.process-gallery figure:hover figcaption,.process-gallery figure:focus-within figcaption{opacity:1}.exhibition-process-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:55px 32px;max-width:1040px;margin-left:auto;display:grid}.exhibition-process-item{justify-content:center;align-items:end;min-width:0;height:260px;display:flex}.exhibition-process-item .image-button,.exhibition-process-item .video-item{width:auto;max-width:100%;height:100%}.exhibition-process-item img,.exhibition-process-item .video-item video{object-fit:contain;background:0 0;width:auto;max-width:100%;height:100%}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;display:grid}.video-item{grid-column:1/-1}.video-item iframe,.video-item video{background:#f5f5f2;border:0;width:100%;display:block}.video-item video{height:auto}.video-item.phone-mockup{aspect-ratio:444/903;position:relative}.phone-mockup .phone-hardware{pointer-events:none;width:100%;height:100%;display:block}.video-item.phone-mockup video{clip-path:inset(0 round 16%/7.65%);object-fit:contain;background:#000;border-radius:16%/7.65%;width:91.1%;height:97.01%;position:absolute;top:1.55%;left:4.45%;transform:translateZ(0);aspect-ratio:auto!important}.video-item.phone-mockup video:fullscreen{clip-path:none;object-fit:contain;border-radius:0;width:100%;height:100%;position:static;transform:none}.video-item .image-button img{width:100%;height:auto;display:block}.video-link{display:block;position:relative}.video-link img{width:100%;height:auto}.video-link span{font-family:var(--mono);font-size:var(--small);background:#fff;padding:9px 14px;position:absolute;bottom:24px;right:24px}.portrait-video{grid-column:auto;justify-self:center;width:min(100%,300px)}.social-media-row .video-grid{gap:48px 70px}.social-media-row .portrait-video{width:min(100%,var(--campaign-player-width))}.social-media-row .video-sequence{padding:0}.case-study-sections{gap:65px;margin:65px 0;display:grid}.case-study-section h2{font-family:var(--heading);font-size:var(--text);margin-bottom:18px}.case-study-section p{font-family:var(--mono);font-size:var(--small);max-width:80ch;margin-bottom:28px;line-height:1.7}.case-study-section.with-video .portrait-video{margin:0 auto}.feature-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;max-width:800px;margin:60px auto 75px}.feature-videos .case-study-section{min-width:0}.feature-videos .feature-heading{width:min(100%,320px);min-height:88px;margin:0 auto 20px}.feature-videos h2{font-family:var(--mono);font-size:var(--small);margin-bottom:8px}.feature-videos p{margin-bottom:0;line-height:1.6}.feature-videos .portrait-video{width:min(100%,320px)}.strikke-photographs{margin-top:40px}.band-phone-composition{max-width:800px;margin:60px auto 24px}.band-phones{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:80px;display:grid}.band-phones .image-button{justify-self:center;width:min(100%,320px)}.band-phones img{object-fit:contain;width:100%;height:auto}.publication-objects{margin-bottom:30px}.project-image-section{margin:60px 0 75px}.project-image-section.single-image-section{margin:0}.project-image-section[aria-label=Website\ screenshots]{margin:clamp(72px,8vw,112px) 0}.website-screen-stack{grid-template-columns:repeat(14,minmax(0,1fr));align-items:start;max-width:1400px;margin:0 auto;display:grid}.website-screen-stack .image-button{background:#fff;grid-row:1;position:relative;box-shadow:0 3px 12px #00000017}.website-screen-stack .image-button:first-child{grid-column:1/14}.website-screen-stack .image-button:last-child{z-index:1;grid-column:2/15;margin-top:17.4%}.website-screen-stack img{width:100%;height:auto}.carousel-image-section{margin-top:0}.carousel-image-section .photo-viewer{margin-bottom:0}.carousel-image-section[aria-label=Photoshoot\ production] .photo-viewer,.publication-pages .photo-viewer,.photo-viewer[aria-label="Band Photography photographs"]{margin-left:0;margin-right:0}.carousel-image-section[aria-label=Photoshoot\ production] .photo-stage,.publication-pages .photo-viewer .photo-stage,.photo-viewer[aria-label="Band Photography photographs"] .photo-stage{aspect-ratio:auto;height:min(74dvh,780px);min-height:0}.carousel-image-section[aria-label=Photoshoot\ production] .photo-controls,.publication-pages .photo-controls,.photo-viewer[aria-label="Band Photography photographs"] .photo-controls{margin-left:0;margin-right:0}.project-image-section h2{font-family:var(--mono);font-size:var(--small);color:var(--muted);margin-bottom:28px}.project-image-section h2.has-description{margin-bottom:12px}.project-image-section>summary{cursor:pointer;width:fit-content;font-family:var(--mono);font-size:var(--small);color:var(--muted)}.project-image-section[open]>summary{margin-bottom:16px}.gallery-description{max-width:780px;font-family:var(--mono);font-size:var(--small);margin:0 0 28px;line-height:1.7}.project-image-section .detail-gallery{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}.project-image-section .detail-image:not(.wide-image){margin:0}.project-image-section[aria-label=Exhibition\ curation] .detail-gallery{column-gap:24px;max-width:780px;margin:0}.project-image-section[aria-label=Exhibition\ curation] .detail-image:not(.wide-image){padding:0}.project-image-section[aria-label=Posters] .detail-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin:0}.project-image-section[aria-label=Posters] .detail-image:not(.wide-image){padding:0}.project-image-section[aria-label=Posters] img{max-height:none}.paired-image-section{margin:0 calc(-1 * var(--gutter))}.paired-image-gallery{align-items:start;gap:0;display:grid}.paired-image-gallery img{width:100%;height:auto;max-height:none}.print-materials-pair .image-button:first-child{aspect-ratio:var(--print-image-ratio);position:relative;overflow:hidden}.print-materials-pair .image-button:first-child img{object-fit:cover;object-position:left bottom;transform-origin:0 100%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.campaign-image-section{margin:0 calc(-1 * var(--gutter))}.campaign-image-section h2{font-family:var(--mono);font-size:var(--small);color:var(--muted);margin:0 7.1vw 28px}.campaign-image-gallery{align-items:start;gap:7vw;padding:0 7.1vw clamp(40px,4.5vw,64px);display:grid}.campaign-image-gallery img{width:100%;height:auto;max-height:none}.with-campaign-videos .campaign-image-gallery{padding-bottom:clamp(48px,6vw,80px)}.campaign-video-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7vw;padding:0 7.1vw clamp(40px,4.5vw,64px);display:grid}.campaign-video-gallery .portrait-video{width:100%}.campaign-video-section{margin:0 calc(-1 * var(--gutter));padding-top:clamp(40px,4.5vw,64px)}.campaign-video-section .campaign-video-gallery{padding-bottom:0}.video-sequence{max-width:720px;padding:0 var(--gutter);margin:0 auto}.video-slide{justify-content:center;display:flex}.video-slide[hidden]{display:none}.video-sequence-stage .portrait-video{width:min(100%,var(--campaign-player-width))}.social-media-row .video-sequence-stage .portrait-video,.eribe-phone-row .portrait-video{width:min(100%,360px,49.1694dvh - 68.8372px)}.eribe-phone-row{box-sizing:border-box;min-height:calc(100dvh - 50px);margin-bottom:0}.steep-feature-sequence{max-width:1000px;margin:40px auto 50px}.steep-feature-sequence .video-sequence{max-width:none;padding:0}.steep-feature-sequence .video-slide{grid-template-columns:minmax(0,1fr) minmax(0,49.3752dvh) minmax(0,1fr);align-items:center;gap:24px;display:grid}.steep-feature-sequence .video-slide[hidden]{display:none}.video-feature-caption{width:min(100%,420px);font-family:var(--mono);font-size:var(--small);line-height:1.7}.video-feature-caption h2{font:inherit;margin-bottom:8px}.video-feature-caption p{max-width:42ch}.steep-feature-sequence .video-feature-caption{grid-area:1/3}.steep-feature-sequence .portrait-video{grid-area:1/2;width:100%;margin:0 auto}.steep-feature-sequence .photo-controls{margin-top:10px;padding:10px 0}.steep-feature-sequence~.project-motion{margin-bottom:24px}@media (width<=1100px){.social-media-row .video-grid{grid-template-columns:1fr}}.viewer-open{overflow:hidden}.lightbox{color:#171717;background:#fff;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0}.lightbox[open]{flex-direction:column;display:flex}.lightbox::backdrop{background:#fff}.lightbox-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;display:flex}.lightbox-title{font-family:var(--heading);font-size:var(--text)}.lightbox-close{font-family:var(--mono);font-size:var(--small);padding:5px 0}.lightbox-close span{font-family:var(--mono);font-size:var(--text);margin-left:16px}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex}.lightbox-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.lightbox-controls{border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--small);justify-content:space-between;align-items:center;padding:16px 25px;display:flex}.lightbox-controls button{font-family:var(--mono);font-size:var(--small);padding:5px 0}.lightbox-count{color:var(--muted);margin:0 auto}.information-body{gap:var(--gap);grid-template-columns:minmax(200px,330px) minmax(0,1fr);align-items:start;margin:136px 0 80px;display:grid}.information-copy{max-width:330px}.information-copy>p{font-family:var(--mono);font-size:var(--small);margin-bottom:22px;line-height:1.7}.about-links{font-family:var(--mono);font-size:var(--small);flex-direction:column;align-items:start;gap:8px;margin:30px 0 0;padding:0;list-style:none;display:flex}.about-links a{text-underline-offset:4px;text-decoration:underline}.about-year{color:#000;margin-top:20px}.about-portrait{width:min(100%,360px);margin:24px auto 0}.about-portrait img{object-fit:contain;width:100%;max-height:80vh}@media (width<=1000px){.project-navigation{gap:12px}.detail-gallery{column-gap:25px}.process-gallery{column-gap:24px}.process-gallery .image-button{height:155px}}@media (width<=700px){.project-navigation{scrollbar-width:thin;gap:15px;max-width:none;margin:0 -6px 28px;padding:5px 6px 16px;overflow-x:auto}.project-thumbnail{flex:0 0 58px}.thumbnail-label{display:none}.project-heading{grid-template-columns:1fr;gap:7px;display:grid}.project-heading .project-links{margin:7px 0 0}.project-information{grid-template-columns:minmax(0,1fr);gap:18px}.project-credits{grid-area:auto/1;grid-template-columns:1fr 2fr;gap:8px 20px;display:grid}.project-credits dt{margin:0}.photography-information{margin:40px 0}.design-information{margin:40px 0 58px}.design-information+.publication-pages{margin-top:76px}.design-information+.case-study-sections{margin-top:64px}.project-heading h1{margin-bottom:7px}.project-links{gap:8px;margin-top:18px}.project-hero{margin-bottom:0}.portrait-hero img{max-height:70vh}.detail-gallery{column-gap:20px}.project-image-section .detail-gallery{grid-template-columns:minmax(0,1fr);row-gap:25px}.project-image-section[aria-label=Exhibition\ curation] .detail-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.project-image-section[aria-label=Posters] .detail-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-viewer{margin-bottom:40px}.photo-stage{height:min(72dvh,650px);min-height:0}.process-section,.project-motion{margin:40px 0}.process-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 20px}.process-gallery .image-button{height:150px}.exhibition-process-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.exhibition-process-item{height:200px}.video-grid,.campaign-video-gallery{grid-template-columns:1fr;gap:30px}.portrait-video{width:min(100%,300px)}.feature-videos{grid-template-columns:minmax(0,1fr);gap:40px;margin:40px 0}.feature-videos .feature-heading{width:min(100%,300px);min-height:0}.feature-videos .portrait-video{width:min(100%,300px)}.strikke-photographs{margin-top:30px}.band-phone-composition{margin:40px 0 20px}.band-phones{grid-template-columns:minmax(0,1fr);gap:40px}.band-phones .image-button{width:min(100%,300px)}.steep-feature-sequence{margin:40px 0}.steep-feature-sequence .video-slide{grid-template-columns:minmax(0,1fr);gap:16px}.steep-feature-sequence .video-feature-caption{grid-area:1/1}.steep-feature-sequence .portrait-video{grid-area:2/1}.video-feature-caption{padding-top:0}.steep-feature-sequence .portrait-video{width:min(100%,39.9704dvh)}.lightbox-bar{padding:14px 18px}.lightbox-stage{padding:8px}.lightbox-controls{padding:14px 18px}.information-body{flex-direction:column;gap:35px;margin:96px 0 50px;display:flex}.about-portrait{width:min(100%,260px);margin:0 auto}.about-portrait img{max-height:70vh}.information-copy{max-width:55ch}}.project-description .description-link{color:inherit;text-decoration:none}.project-description .description-link:hover,.project-description .description-link:focus-visible{text-underline-offset:3px;text-decoration:underline}.publication-pages .photo-viewer .photo-stage,.photo-viewer[aria-label="Band Photography photographs"] .photo-stage{height:min(80dvh,850px)}.band-phones .image-button{width:min(100%,300px)}.band-phones img{width:auto;max-width:100%;max-height:76dvh;margin-inline:auto}.phone-lightbox .lightbox-image{max-height:min(76dvh,100%)}.publication-pages .photo-image{filter:drop-shadow(0 2px 6px #00000029)}.landing-page{margin:12px var(--gutter) 60px}.project-navigation-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 30px;width:min(100%,770px);max-width:none;margin:0;padding:0;display:grid;overflow:visible}.project-navigation-expanded .project-thumbnail{border:0;padding:0}.project-navigation-expanded .project-thumbnail[href="/projects/textiles/"] .thumbnail-cropped{object-position:left center}@media (width<=900px){.project-navigation-expanded{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,570px)}}@media (width<=700px){.landing-page{margin-top:6px;margin-bottom:45px}.project-navigation-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px;width:min(100%,410px)}}.project-navigation-expanded .thumbnail-label{white-space:normal;text-align:center;width:210px;max-width:calc(100vw - 40px);color:var(--muted);padding:7px 4px;line-height:1.4}.project-navigation-expanded .project-thumbnail:last-child .thumbnail-label{left:50%;right:auto;transform:translate(-50%)}@media (width<=700px){.project-navigation-expanded .thumbnail-label{width:100%}}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}:root{font-synthesis:none;color:#171717;--text:16px;--small:12px;--mono:Monaco, monospace;--heading:Helvetica, Arial, sans-serif;--muted:#656565;--line:#dededb;--gutter:26px;--rail:230px;--gap:55px;background:#fff;font-family:Monaco,monospace;font-size:12px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}main{flex:1}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:1px solid #171717}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-size:var(--small);font-weight:400}[hidden]{display:none!important}::selection{background:#e4e4df}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:10;grid-template-columns:var(--rail) 1fr auto;gap:var(--gap);padding:24px var(--gutter) 36px;align-items:baseline;display:grid;position:relative}.wordmark{font-family:var(--heading);font-style:normal;font-size:var(--text);white-space:nowrap}.practice,.main-nav{font-family:var(--mono);font-size:var(--small);line-height:1.6}.practice{white-space:nowrap}.main-nav{gap:25px;display:flex}.main-nav [aria-current=page]{text-underline-offset:4px;text-decoration:underline}.not-found{margin:50px var(--gutter) 180px}.not-found h1{font-family:var(--heading);font-size:var(--text);margin:20px 0}.not-found a{text-underline-offset:4px;text-decoration:underline}@media (width>=1400px){:root{--rail:260px;--gap:75px;--gutter:32px}}@media (width<=1000px){:root{--rail:180px;--gap:32px;--gutter:22px}.site-header{column-gap:25px}}@media (width<=700px){:root{--gutter:18px;--gap:24px;--rail:0px}.site-header{grid-template-columns:1fr auto;gap:14px 20px;padding-top:20px;padding-bottom:32px}.practice{grid-area:2/1/auto/-1;max-width:none}.main-nav{gap:18px}}@media (width<=380px){.main-nav{gap:13px}.site-header{gap:14px}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}