@charset "UTF-8";:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}::marker{content:normal}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;overflow-wrap:break-word;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.site header{display:grid;font-family:Repost Mono,monospace,system-ui;font-weight:400;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);letter-spacing:var(--font-letter-spacing-tight);width:100%}@media(max-width:640px){.site header{grid-template-columns:repeat(6,1fr)}}.site header{padding:var(--padding-header);pointer-events:none;position:sticky;top:0;transition:opacity var(--transition-slow) var(--transition-global);z-index:100}.site header>*{align-self:flex-end;display:flex;min-width:0;pointer-events:all}.site header .header-nav{-moz-column-gap:initial;column-gap:normal;grid-column:1/5;margin-left:var(--interpunct-offset-left)}.site header .header-nav .hn-container,.site header .header-nav .mobile-menu-button{flex-shrink:0}.site header .header-nav .mobile-menu-button{display:none;z-index:1000}.site header .header-nav .mobile-menu-button .mmb-open{display:inline}.site header .header-nav .mobile-menu-button .mmb-close{display:none;font-size:var(--font-size-sm);letter-spacing:var(--font-letter-spacing-wider);line-height:var(--font-line-height-sm);text-transform:uppercase}@media(max-width:640px){.site header .header-nav{grid-column:1/2;margin-left:0}.site header .header-nav .hn-container{align-items:center;background-color:var(--colour-bg-mobile-open);display:flex;gap:var(--space-lg);height:100svh;justify-content:space-evenly;left:0;opacity:0;padding:var(--padding-header);pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-slow) var(--transition-global);width:100vw;z-index:1000}.site header .header-nav .hn-container a:after{content:none!important}.site header .header-nav .mobile-menu-button{display:block}.site header .header-nav[open] .hn-container{opacity:1;pointer-events:all}.site header .header-nav[open] .hn-container a{display:block;position:relative}.site header .header-nav[open] .hn-container a:before{content:"";inset:-3rem;position:absolute}.site header .header-nav[open] .mobile-menu-button{display:block}.site header .header-nav[open] .mobile-menu-button .mmb-open{display:none}.site header .header-nav[open] .mobile-menu-button .mmb-close{display:inline}}.site header .project-title,.site header .site-logo{display:flex;fill:var(--colour-text);grid-column:5/-5;height:var(--font-size-xl);justify-content:center;width:auto}@media(max-width:640px){.site header .project-title,.site header .site-logo{grid-column:2/-2}}.site header .project-title a>*,.site header .site-logo a>*{display:flex;height:100%;transform:translateY(-.2rem);width:100%}.site header .project-title h1,.site header .site-logo h1{font-size:var(--font-size-xl);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);text-align:center;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all;text-underline-offset:3px;text-wrap:balance;transform:translateY(-.2rem)}.site header .back-button,.site header .toggle-menu{display:flex;grid-column:-5/-1;justify-content:flex-end;margin-right:var(--interpunct-offset-left)}@media(max-width:640px){.site header .back-button,.site header .toggle-menu{grid-column:-2/-1;margin-right:0}.site header .back-button{display:flex;grid-column:1/2;justify-content:flex-start;margin-right:0;order:-1}}.site header .hn-container>a:not(:last-of-type):after,.site header .toggle-menu>a:not(:last-of-type):after{content:" · ";white-space:pre-wrap}.site.is-scrolled header{opacity:0}.site.is-scrolling-up header{opacity:1}:root{--base:1.2vw}@media(min-width:1281px){:root{--base:13px}}@media(min-width:1800px){:root{--base:16px}}@media(max-width:1280px){:root{--base:11px}}@media(max-width:640px){:root{--base:3vw}}:root{--font-size-xs:.64rem;--font-size-sm:.8rem;--font-size-base:var(--base);--font-size-md:1.2rem;--font-size-lg:1.24rem;--font-size-xl:2rem}@media(max-width:640px){:root{--font-size-xl:1.64rem}}:root{--font-line-height-sm:124%;--font-line-height-base:132%;--font-line-height-lg:124%;--font-letter-spacing-base:.01rem;--font-letter-spacing-tighter:-.024rem;--font-letter-spacing-tight:-.012rem;--font-letter-spacing-wide:.012rem;--font-letter-spacing-wider:.088rem;--o-n-yellow-1-100:#faf8bd;--o-n-yellow-2-100:#ffdf42;--o-n-black-1-100:#141414;--o-n-white-1-100:#fff;--o-n-orange-1-100:#ff9130;--o-n-green-1-100:#c9e9c6;--o-n-pink-1-100:#f4c3cd;--o-n-gray-1-100:#88847c;--o-n-yellow-1-60:#fffee4;--o-n-gray-1-60:#dfdedb;--o-n-blue-1-60:#bcdbf4;--colour-text:var(--o-n-black-1-100);--colour-text-muted:var(--o-n-gray-1-100);--colour-text-white:var(--o-n-white-1-100);--colour-text-invert:var(--o-n-white-1-100);--colour-bg:var(--o-n-white-1-100);--colour-bg-landing:color-mix(var(--o-n-yellow-1-100),transparent 0%);--colour-bg-sketch:var(--o-n-yellow-1-60);--colour-bg-image:var(--o-n-gray-1-60);--colour-bg-carousel:var(--o-n-gray-1-60);--colour-bg-filters:var(--o-n-yellow-1-100);--colour-bg-lightbox:color-mix(var(--o-n-white-1-100),transparent 15%);--colour-bg-modal:var(--o-n-yellow-1-100);--colour-bg-filters-modal:color-mix(var(--o-n-white-1-100),transparent 15%);--colour-bg-mobile-open:color-mix(var(--o-n-white-1-100),transparent 15%);--colour-bg-contact-links:var(--o-n-black-1-100);--colour-border:var(--o-n-gray-1-60);--colour-accent:var(--o-n-orange-1-100);--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-base:1rem;--space-md:2.5rem;--space-lg:5rem;--space-xl:7.5rem;--space-2xl:9rem;--space-3xl:12rem;--space-4xl:16rem;--letter-space-mono:.26rem}@media(max-width:640px){:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1.25rem;--space-lg:2.5rem}:root #landing{--space-lg:6rem}}:root{--gap-col:var(--space-xs);--gap-col-lg:var(--interpunct-offset-left);--gap-col-sm:0rem;--gap-row:var(--space-base);--padding-base:var(--space-md);--padding-landing:var(--space-2xl);--padding-header:calc(var(--padding-base) + var(--interpunct-offset-left)) var(--padding-base);--padding-main:var(--padding-base);--padding-modal:var(--space-lg);--padding-carousel:var(--space-2xs);--padding-sketch:var(--space-sm);--padding-footer:calc(var(--padding-base) + var(--interpunct-offset-left)) var(--padding-base) var(--padding-base) var(--padding-base);--padding-lightbox:0 var(--space-3xl);--padding-lightbox-arrows:var(--padding-header);--padding-lightbox-sketch:calc(var(--space-lg) + var(--interpunct-offset-left)) calc(var(--interpunct-offset-left) + var(--space-md));--text-indent-paragraph:var(--space-lg);--text-indent-project-details:var(--space-sm);--contact-item-size:4.5rem;--index-image-min-height:16rem;--feature-sketches-width:31.25vw;--lg-item-size:6rem}:root .filters-modal,:root .studio-contact{--padding-modal:var(--space-md)}@media(max-width:640px){:root .filters-modal .clear-filters,:root .filters-modal .close-filters,:root .studio-contact .clear-filters,:root .studio-contact .close-filters{--padding-modal:var(--space-lg)}:root{--padding-landing:var(--space-lg);--lg-item-size:4rem}}:root .site.studio{--padding-main:var(--space-md) calc(var(--space-xl) + var(--interpunct-header-width) + var(--interpunct-selected-margin-right))}:root .site.studio .studio-hero{--padding-main:var(--space-md) calc(var(--space-base) + var(--interpunct-header-width) + var(--interpunct-selected-margin-right))}@media(max-width:640px){:root .site.studio{--padding-main:var(--space-md) var(--space-md)}:root,:root .site.studio .page-content,:root .site.studio .studio-hero{--padding-main:var(--space-md)}}:root{--interpunct-landing-width:.55108rem;--interpunct-landing-height:.55108rem;--interpunct-header-width:.36739rem;--interpunct-header-height:.36739rem;--interpunct-selected-margin-right:var(--space-base);--interpunct-offset-left:calc(var(--interpunct-header-width) + var(--interpunct-selected-margin-right))}@media(max-width:640px){:root{--interpunct-landing-width:.36739rem;--interpunct-landing-height:.36739rem;--interpunct-header-width:.27554rem;--interpunct-header-height:.27554rem}}:root{--opacity-hover:.5;--opacity-feature-sketches:.92;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--border-header:solid 1px var(--colour-border);--border-header-transparent:solid 1px transparent;--border-row:solid 1px var(--colour-border);--border-dot-size:.12rem;--border-background-size:calc(var(--border-dot-size)*4.4);--blur-modal:blur(12px);--blur-header-mobile:blur(4px);--transition-fast:.1s;--transition-base:.3s;--transition-slow:.6s;--transition-spring:cubic-bezier(.76,0,.24,1);--transition-global:cubic-bezier(.27,.68,.65,.94);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08)}@font-face{font-family:Repost;font-style:normal;font-weight:400;src:url(../assets/fonts/HALRepost-Regular.woff2) format("woff2")}@font-face{font-family:Repost;font-style:italic;font-weight:400;src:url(../assets/fonts/HALRepost-Italic.woff2) format("woff2")}@font-face{font-family:Repost Mono;font-style:normal;font-weight:400;src:url(../assets/fonts/HALRepostMono-Regular.woff2) format("woff2")}@font-face{font-family:Repost Mono;font-style:italic;font-weight:400;src:url(../assets/fonts/HALRepostMono-Italic.woff2) format("woff2")}.site{font-family:Repost,serif;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:var(--font-letter-spacing-wide);line-height:var(--font-line-height-base)}.site strong{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site sup{font-variant-position:super}.site em,.site i{font-style:italic}.site .project-notes ul,.site .studio-notes ul{display:flex;flex-direction:column;gap:var(--gap-row) var(--gap-col-lg)}.site .project-notes ul ::marker,.site .studio-notes ul ::marker{font-size:1.2rem}.site .project-notes li,.site .studio-notes li{list-style:initial;list-style-position:outside;margin-left:1.58rem}.site .project-notes li>strong:first-child:after,.site .studio-notes li>strong:first-child:after{content:"";display:block;height:.25rem}.site .project-notes li br,.site .studio-notes li br{display:none}.site .studio-notes ul ::marker{font-size:1rem}.site .studio-notes ul li{list-style:initial;list-style-position:outside;margin-left:1.38rem}.site .project-details h3{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}.site .project-text{font-size:var(--font-size-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg)}.site .project-text p+p{margin-top:var(--space-base)}html{font-family:Repost,serif;font-size:var(--font-size-base);font-style:normal;font-weight:400;letter-spacing:var(--font-letter-spacing-wide);line-height:normal;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site{background-color:var(--colour-bg);display:flex;flex-direction:column;min-height:100svh}.site>:not(footer,header){flex:1}.site a,.site button{cursor:pointer}.site a>*,.site button>*{background-image:none;background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}@media(min-width:800px){.site a>:hover,.site button>:hover{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}}.site a:not(:has(>*)):not(.contact-item a){background-image:none;background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}@media(min-width:800px){.site a:not(:has(>*)):not(.contact-item a):hover{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}}@media(max-width:640px){.site a:not(:has(>*)):not(.contact-item a){background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}}.site .contact a>*,.site .contact button>*,.site .filter a>*,.site .filter button>*,.site .index-item a>*,.site .index-item button>*,.site .press-item a>*,.site .press-item button>*,.site .site-logo a>*,.site .site-logo button>*{background-image:none;background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:revert}@media(min-width:800px){.site .contact a>:hover,.site .contact button>:hover,.site .filter a>:hover,.site .filter button>:hover,.site .index-item a>:hover,.site .index-item button>:hover,.site .press-item a>:hover,.site .press-item button>:hover,.site .site-logo a>:hover,.site .site-logo button>:hover{background-image:none;background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:revert}}.site .active{letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}@media(max-width:640px){.site .active>:not(.pib-image){background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-xs)}}.site .dinkus,.site .project-divider{display:block;font-size:3rem;text-align:center}.site img,.site picture,.site svg{display:inline-flex;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.site img{background-color:var(--colour-bg-image)}.site svg{fill:var(--colour-text);overflow:visible}@media(min-width:800px){.site svg:hover{fill:var(--colour-accent)}}.site ::-moz-selection{background-color:transparent;color:var(--colour-accent);fill:var(--colour-accent)}.site ::selection{background-color:transparent;color:var(--colour-accent);fill:var(--colour-accent)}.site *{-webkit-tap-highlight-color:transparent}.site .no-items{margin-left:var(--interpunct-offset-left);padding-bottom:var(--space-sm);padding-top:var(--space-sm)}@media(max-width:640px){.site .no-items{margin-left:0}}.lightbox a,.lightbox button{cursor:pointer}@media(min-width:800px){.lightbox a:hover,.lightbox button:hover{color:var(--colour-accent)}}.sketch{background-color:var(--colour-bg-sketch)}.sketch img{mix-blend-mode:multiply}.cursor{color:var(--colour-text-invert);cursor:none;fill:var(--colour-text-invert);filter:contrast(.75);mix-blend-mode:difference}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base) var(--transition-global),transform var(--transition-base) var(--transition-global)}.page-leave-active{inset:0;position:absolute;width:100%}.page-enter-from,.page-leave-to{filter:blur(2rem);opacity:0}::view-transition-group(pib-image-lightbox){animation-duration:var(--transition-base);animation-timing-function:var(--transition-global)}::view-transition-new(pib-image-lightbox),::view-transition-old(pib-image-lightbox){animation-duration:0s;animation-timing-function:var(--transition-global)}.site main,.site.project main,.site.studio main{padding:var(--padding-main)}.site .filters-modal-container{background-color:var(--colour-bg-filters-modal);display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);height:100%;left:0;opacity:1;overflow-y:scroll;padding:var(--padding-modal);pointer-events:all;position:fixed;top:0;transition:opacity var(--transition-base) var(--transition-global);width:100%;z-index:1000}@media(max-width:640px){.site .filters-modal-container{grid-template-columns:repeat(8,1fr)}}.site .filters-modal-container .filters-modal{align-self:center;background-color:var(--colour-bg-filters);display:flex;flex-direction:column;font-family:Repost Mono,monospace,system-ui;font-weight:400;grid-column:3/-3;letter-spacing:var(--font-letter-spacing-tight);padding:var(--padding-modal);position:relative;width:100%}@media(max-width:640px){.site .filters-modal-container .filters-modal{grid-column:1/-1}}.site .filters-modal-container .filters-modal .filters-title{margin-bottom:var(--space-md);text-align:center}.site .filters-modal-container .filters-modal .filters-title .dinkus{margin-bottom:.75rem;margin-top:-.5rem}.site .filters-modal-container .filters-modal .filters-title>:not(.dinkus){font-size:var(--font-size-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg)}.site .filters-modal-container .filters-modal .filters-container{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.site .filters-modal-container .filters-modal .filters-container{row-gap:var(--space-md)}}.site .filters-modal-container .filters-modal .filters-container h3{font-size:var(--font-size-sm);letter-spacing:var(--font-letter-spacing-wider);line-height:var(--font-line-height-sm);margin-bottom:var(--space-xs);text-transform:uppercase}@media(max-width:640px){.site .filters-modal-container .filters-modal .filters-container .filters-group{grid-column:span 2}.site .filters-modal-container .filters-modal .filters-container .filters-group.type{order:0}.site .filters-modal-container .filters-modal .filters-container .filters-group.scale{order:1}}.site .filters-modal-container .filters-modal .filters-container .filter{color:var(--colour-text-muted);margin-left:1.15rem;text-indent:-1.2rem}.site .filters-modal-container .filters-modal .filters-container .filter>:before{content:"· ";opacity:0;white-space:pre}.site .filters-modal-container .filters-modal .filters-container .filter:hover,.site .filters-modal-container .filters-modal .filters-container .filter[data-filter-selected=true]{color:var(--colour-text)}.site .filters-modal-container .filters-modal .filters-container .filter:hover>:before,.site .filters-modal-container .filters-modal .filters-container .filter[data-filter-selected=true]>:before{opacity:1}.site .filters-modal-container .filters-modal .clear-filters,.site .filters-modal-container .filters-modal .close-filters{align-self:flex-end;font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}.site .filters-modal-container .filters-modal .clear-filters button,.site .filters-modal-container .filters-modal .close-filters button{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);letter-spacing:var(--font-letter-spacing-wider);padding:var(--padding-modal);position:absolute;right:0;text-transform:uppercase;top:0}@media(max-width:640px){.site .filters-modal-container .filters-modal .clear-filters,.site .filters-modal-container .filters-modal .close-filters{align-self:center}.site .filters-modal-container .filters-modal .clear-filters button,.site .filters-modal-container .filters-modal .close-filters button{padding-bottom:0;position:static}}.site .filters-modal-container[hidden]{opacity:0;pointer-events:none}.site:has(.filters-modal-container:not([hidden])) .toggle-menu-filters{letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site:has(.list-body[data-filters-active=true]) .clear-filters,.site:has(.no-items) .clear-filters{display:flex}.site:has(.list-body[data-filters-active=true]) .close-filters,.site:has(.no-items) .close-filters{display:none}.site:has(.list-body[data-filters-active=true]) .toggle-menu-filters,.site:has(.no-items) .toggle-menu-filters{letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site:has(.list-body[data-filters-active=false]) .clear-filters{display:none}.site:has(.list-body[data-filters-active=false]) .close-filters{display:flex}.site footer{display:grid;font-family:Repost Mono,monospace,system-ui;font-weight:400;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);letter-spacing:var(--font-letter-spacing-tight)}@media(max-width:640px){.site footer{grid-template-columns:repeat(6,1fr)}}.site footer{padding:var(--padding-footer);width:100%}.site footer>*{align-self:center}.site footer .contact{display:flex;gap:var(--gap-row) var(--gap-col);grid-column:1/4;letter-spacing:var(--font-letter-spacing-wider);margin-left:calc(var(--interpunct-offset-left) - .5rem);text-transform:uppercase}@media(max-width:640px){.site footer .contact{margin-left:0}}.site footer .contact .contact-item a{align-items:center;background-color:var(--colour-bg-contact-links);border-radius:100px;color:var(--colour-text-white);display:flex;height:var(--contact-item-size);justify-content:center;padding:.5rem;width:var(--contact-item-size)}.site footer .contact .contact-item a:hover{background-color:var(--colour-accent);color:var(--colour-text)}.site footer .copyright{grid-column:-4/-1;margin-right:var(--interpunct-offset-left);text-align:right}@media(max-width:640px){.site footer .copyright{margin-right:0}}.lightbox{align-items:center;background-color:var(--colour-bg-lightbox);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.lightbox-img,.lightbox-img .container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lightbox-img img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.lightbox-close,.lightbox-next,.lightbox-prev{font-family:Repost Mono,monospace,system-ui;font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--font-letter-spacing-tight);letter-spacing:var(--font-letter-spacing-wider);line-height:var(--font-line-height-sm);padding:var(--padding-lightbox-arrows);position:absolute;text-transform:uppercase}.lightbox-close{align-items:flex-end;cursor:pointer;display:flex;height:var(--header-height);justify-content:flex-end;margin:0 var(--interpunct-offset-left);right:0;top:0;z-index:1001}.lightbox-next,.lightbox-prev{cursor:none;height:100%;margin:0 var(--interpunct-offset-left);top:0;width:50%;z-index:1000}.lightbox-prev{left:0}.lightbox-next{right:0;text-align:right}.project-feature-carousel{height:100%;position:relative;width:100%}.pfc-nav{flex:0 0 0;height:100%;position:sticky;top:0;width:0;z-index:10}.pfc-nav--prev{left:0}.pfc-nav--next{right:0}.pfc-next,.pfc-prev{background:transparent;border:none;cursor:pointer;height:100%;position:absolute;top:0;width:50vw}.pfc-next:disabled,.pfc-prev:disabled{cursor:default;pointer-events:none}.pfc-prev{left:0}.pfc-next{right:0}.site.home #landing{align-items:center;background-color:var(--colour-bg-landing);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;left:0;min-height:100svh;padding:var(--padding-landing);pointer-events:all;position:fixed;top:0;transition:transform .5s var(--transition-spring);width:100%;will-change:transform;z-index:100}.site.home #landing[hidden]{pointer-events:none;transform:translateY(-100%)}.site.home #landing .logo-bottom,.site.home #landing .logo-top{cursor:pointer;height:3rem}.site.home #landing .logo-bottom>*,.site.home #landing .logo-top>*{height:100%;width:auto}@media(max-width:640px){.site.home #landing .logo-bottom,.site.home #landing .logo-top{height:2rem}}.site.home #landing #landing-grid{align-content:center;display:grid;grid-template-columns:repeat(auto-fill,var(--lg-item-size,6rem));grid-template-rows:repeat(auto-fill,var(--lg-item-size,6rem));height:calc(100svh - var(--padding-landing)*2 - 5rem - var(--space-lg)*2);justify-content:center;overflow:hidden;width:100%}.site.home #landing #landing-grid .lg-item{align-items:center;cursor:pointer;display:flex;height:var(--lg-item-size,6rem);justify-content:center;width:var(--lg-item-size,6rem)}.site.home #landing #landing-grid .lg-item svg{fill:var(--colour-text);height:var(--interpunct-landing-height,.5rem);width:var(--interpunct-landing-width,.5rem)}.site.home #landing #landing-grid .lg-item:hover svg{fill:var(--colour-accent)}@media(max-width:640px){.site.home #landing{padding:var(--padding-landing) var(--lg-item-size)}}body:has(#landing:not([hidden])),html:has(#landing:not([hidden])){overflow:hidden}.site.home #index:has(.list-body[data-image-mode=photo]) .toggle-menu-images{letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site.home #index:has(.list-body[data-filters-active=true]):has(.list-body[data-image-mode=photo]) .toggle-menu-images{letter-spacing:var(--font-letter-spacing-tight);text-transform:none}.site.home #index .list-body .index-item a,.site.home #index .list-header{display:grid;font-family:Repost Mono,monospace,system-ui;font-weight:400;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:1.25fr 5.95fr 3fr 3fr 1.25fr;letter-spacing:var(--font-letter-spacing-tight);width:100%}@media(max-width:640px){.site.home #index .list-body .index-item a,.site.home #index .list-header{grid-template-columns:1.25fr 5.95fr 3fr 1.25fr}}.site.home #index .list-body .index-item a>*,.site.home #index .list-header>*{grid-column:span 1}.site.home #index .list-body .index-item a .year,.site.home #index .list-header .year{grid-column:span 1;justify-content:flex-end;margin-right:var(--interpunct-offset-left)}@media(max-width:640px){.site.home #index .list-body .index-item a .year,.site.home #index .list-header .year{margin-right:0}.site.home #index .list-body .index-item a .location,.site.home #index .list-header .location{display:none!important}}.site.home #index .list-header{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);letter-spacing:var(--font-letter-spacing-wider);padding-bottom:calc(var(--space-sm) + var(--space-xs));padding-top:var(--space-sm);text-transform:uppercase}@media(max-width:640px){.site.home #index .list-header{padding-bottom:calc(var(--space-sm) + .25rem)}}.site.home #index .list-header>*{display:flex}.site.home #index .list-header>* .interpunct-selected{align-items:center;display:inline-flex;height:100%;margin-right:var(--interpunct-selected-margin-right);opacity:0}.site.home #index .list-header>* .interpunct-selected svg{fill:var(--colour-text);height:var(--interpunct-header-height,.5rem);width:var(--interpunct-header-width,.5rem)}@media(max-width:640px){.site.home #index .list-header>* .interpunct-selected{display:none}}.site.home #index .list-body .index-item a{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:calc(var(--space-sm) + var(--space-xs));padding-top:var(--space-sm)}@media(max-width:640px){.site.home #index .list-body .index-item a{padding-bottom:var(--space-sm)}}.site.home #index .list-body .index-item a:has(.image-container){padding-bottom:calc(var(--space-base) + var(--space-sm))}.site.home #index .list-body .index-item a .image-container{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-column:1/-1;grid-template-columns:repeat(16,1fr);grid-template-columns:310fr 160fr 180fr 100fr 100fr 160fr 210fr 240fr 220fr 160fr 260fr 160fr 160fr 160fr 100fr 310fr;min-height:var(--index-image-min-height);width:100%}.site.home #index .list-body .index-item a .image-container>*{margin-right:calc(var(--gap-col-lg)*-1)}.site.home #index .list-body .index-item a .image-container>[data-span-all=true]{margin-right:0}@media(max-width:640px){.site.home #index .list-body .index-item a .image-container>*{margin-right:0}.site.home #index .list-body .index-item a .image-container{grid-template-columns:repeat(8,1fr)}}.site.home #index .list-body .index-item a .image-container .sketch{background-color:var(--colour-bg-sketch);grid-column:1/calc(var(--span-columns-sketch, 6) + 1)}.site.home #index .list-body .index-item a .image-container .sketch img{mix-blend-mode:multiply}@media(max-width:640px){.site.home #index .list-body .index-item a .image-container .sketch{grid-column:1/-1}}.site.home #index .list-body .index-item a .image-container .photo{background-color:var(--colour-bg-image);grid-column:1/calc(var(--span-columns-photo, 6) + 1)}@media(max-width:640px){.site.home #index .list-body .index-item a .image-container .photo{grid-column:1/-1}}.site.home #index .list-body .index-item a .image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.site.home #index .list-body .index-item a .image-container.no-image{display:none}.site.home #index .list-body .index-item a .image-container:not(:has(.sketch img[src]:not([src=""]),.photo img[src]:not([src=""]))){display:none}.site.home #index .list-body .index-item a .image-container>*{align-self:flex-start;display:flex;grid-column:1/-1;grid-row:1;transition:opacity var(--transition-slow) var(--transition-global) .7s}.site.home #index .list-body .index-item a .image-container>:first-child{opacity:1}.site.home #index .list-body .index-item a .image-container>:nth-child(2){opacity:0}@media(max-width:640px){.site.home #index .list-body .index-item a .image-container>:nth-child(2){display:none}}.site.home #index .list-body .index-item a .feature-sketches{bottom:0;display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);position:fixed;right:0;width:100%}@media(max-width:640px){.site.home #index .list-body .index-item a .feature-sketches{grid-template-columns:repeat(8,1fr)}}.site.home #index .list-body .index-item a .feature-sketches{opacity:0;padding:var(--padding-main);pointer-events:none;transition:opacity var(--transition-slow) var(--transition-global);width:var(--feature-sketches-width);z-index:100}.site.home #index .list-body .index-item a .feature-sketches>*{grid-column:-3/-1;padding:var(--padding-sketch);transform-origin:bottom right;transition:transform var(--transition-slow) var(--transition-global)}.site.home #index .list-body .index-item a>:not(.image-container){display:flex}.site.home #index .list-body .index-item a>:not(.image-container) .interpunct-selected{align-items:center;display:inline-flex;height:100%;margin-right:var(--interpunct-selected-margin-right);opacity:0}.site.home #index .list-body .index-item a>:not(.image-container) .interpunct-selected svg{fill:var(--colour-text);height:var(--interpunct-header-height,.5rem);width:var(--interpunct-header-width,.5rem)}@media(max-width:640px){.site.home #index .list-body .index-item a>:not(.image-container) .interpunct-selected{display:none}}@media(min-width:800px){.site.home #index .list-body .index-item a:hover>:not(.image-container) .interpunct-selected{opacity:1}.site.home #index .list-body .index-item a:has(.image-container>:nth-child(2)):hover .image-container>*{transition:opacity var(--transition-slow) var(--transition-global) 0s}.site.home #index .list-body .index-item a:has(.image-container>:nth-child(2)):hover .image-container>:first-child{opacity:0}.site.home #index .list-body .index-item a:has(.image-container>:nth-child(2)):hover .image-container>:nth-child(2){opacity:1}}@media(min-width:800px)and (min-width:800px){.site.home #index .list-body .index-item a:has(.feature-sketches):hover .feature-sketches{opacity:var(--opacity-feature-sketches)}}.site.home #index .list-body[data-filters-active=true] .index-item a{padding-bottom:calc(var(--space-sm) + var(--space-xs))}.site.home #index .list-body[data-filters-active=true] .index-item a .image-container{display:none}.site.studio .studio-hero{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);width:100%}@media(max-width:640px){.site.studio .studio-hero{grid-template-columns:repeat(8,1fr)}}.site.studio .studio-hero{gap:0;padding:var(--padding-main);padding-bottom:var(--space-lg)}.site.studio .studio-hero .studio-headline{align-self:flex-start;font-size:var(--font-size-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;grid-column:4/-4;letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);padding-bottom:calc(var(--space-base) + var(--space-sm));padding-top:var(--space-sm)}.site.studio .studio-hero .studio-headline>:not(:first-child){margin-top:var(--space-base)}@media(max-width:640px){.site.studio .studio-hero .studio-headline{grid-column:1/-1}}.site.studio .studio-hero .studio-hero-image{aspect-ratio:3/2;display:flex;grid-column:1/-1}.site.studio .studio-hero .studio-hero-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.site.studio main{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);width:100%}@media(max-width:640px){.site.studio main{grid-template-columns:repeat(8,1fr)}}.site.studio main{padding-top:0}.site.studio main>*{grid-column:4/-4}.site.studio main>:not(:last-child){margin-bottom:var(--space-lg)}@media(max-width:640px){.site.studio main>*{grid-column:1/-1}}.site.studio main .studio-contact,.site.studio main .studio-info,.site.studio main .studio-notes,.site.studio main .studio-press-awards,.site.studio main .studio-who-we-are{text-wrap:pretty}.site.studio main .studio-contact h3,.site.studio main .studio-info h3,.site.studio main .studio-notes h3,.site.studio main .studio-press-awards h3,.site.studio main .studio-who-we-are h3{font-family:Repost Mono,monospace,system-ui;font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--font-letter-spacing-tight);letter-spacing:var(--font-letter-spacing-wider);line-height:var(--font-line-height-sm);margin-bottom:var(--space-xs);text-transform:uppercase}@media(max-width:640px){.site.studio main .studio-contact h3,.site.studio main .studio-info h3,.site.studio main .studio-notes h3,.site.studio main .studio-press-awards h3,.site.studio main .studio-who-we-are h3{margin-bottom:var(--space-sm)}}.site.studio main .studio-contact p+p,.site.studio main .studio-info p+p,.site.studio main .studio-notes p+p,.site.studio main .studio-press-awards p+p,.site.studio main .studio-who-we-are p+p{margin-top:var(--space-sm)}.site.studio main .studio-contact p,.site.studio main .studio-info p,.site.studio main .studio-notes p,.site.studio main .studio-press-awards p,.site.studio main .studio-who-we-are p{white-space:pre-wrap}.site.studio main .studio-contact .press-list+.awards-list,.site.studio main .studio-info .press-list+.awards-list,.site.studio main .studio-notes .press-list+.awards-list,.site.studio main .studio-press-awards .press-list+.awards-list,.site.studio main .studio-who-we-are .press-list+.awards-list{margin-top:var(--space-md)}.site.studio main .studio-notes,.site.studio main .studio-press-awards{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight)}.site.studio main .studio-notes strong,.site.studio main .studio-press-awards strong{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}.site.studio main .studio-info{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(8,1fr);width:100%}.site.studio main .studio-info .info-item{grid-column:span var(--span-columns,2)}.site.studio main .studio-info[data-row-gap=true]{row-gap:normal}.site.studio main .studio-info[data-row-gap=true] .info-item+.info-item{margin-top:var(--space-md)}.site.studio main .studio-info[data-row-gap=true] .info-item:not(:has(h3))+.info-item:not(:has(h3)){margin-top:var(--space-sm)}.site.studio main .awards-list,.site.studio main .press-list{display:flex;flex-direction:column}.site.studio main .awards-list .award-item,.site.studio main .awards-list .awards-list-header,.site.studio main .awards-list .press-item,.site.studio main .awards-list .press-list-header,.site.studio main .press-list .award-item,.site.studio main .press-list .awards-list-header,.site.studio main .press-list .press-item,.site.studio main .press-list .press-list-header{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(8,1fr);grid-template-columns:1fr repeat(7,1fr);width:100%}.site.studio main .awards-list .award-item>a,.site.studio main .awards-list .award-item>div,.site.studio main .awards-list .awards-list-header>a,.site.studio main .awards-list .awards-list-header>div,.site.studio main .awards-list .press-item>a,.site.studio main .awards-list .press-item>div,.site.studio main .awards-list .press-list-header>a,.site.studio main .awards-list .press-list-header>div,.site.studio main .press-list .award-item>a,.site.studio main .press-list .award-item>div,.site.studio main .press-list .awards-list-header>a,.site.studio main .press-list .awards-list-header>div,.site.studio main .press-list .press-item>a,.site.studio main .press-list .press-item>div,.site.studio main .press-list .press-list-header>a,.site.studio main .press-list .press-list-header>div{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-column:1/-1;grid-template-columns:repeat(8,1fr);grid-template-columns:1fr repeat(7,1fr);width:100%}.site.studio main .awards-list .award-item .year,.site.studio main .awards-list .awards-list-header .year,.site.studio main .awards-list .press-item .year,.site.studio main .awards-list .press-list-header .year,.site.studio main .press-list .award-item .year,.site.studio main .press-list .awards-list-header .year,.site.studio main .press-list .press-item .year,.site.studio main .press-list .press-list-header .year{grid-column:1/2}.site.studio main .awards-list .award-item .title,.site.studio main .awards-list .awards-list-header .title,.site.studio main .awards-list .press-item .title,.site.studio main .awards-list .press-list-header .title,.site.studio main .press-list .award-item .title,.site.studio main .press-list .awards-list-header .title,.site.studio main .press-list .press-item .title,.site.studio main .press-list .press-list-header .title{grid-column:2/-1}.site.studio main .awards-list .award-item .link,.site.studio main .awards-list .awards-list-header .link,.site.studio main .awards-list .press-item .link,.site.studio main .awards-list .press-list-header .link,.site.studio main .press-list .award-item .link,.site.studio main .press-list .awards-list-header .link,.site.studio main .press-list .press-item .link,.site.studio main .press-list .press-list-header .link{grid-column:6/-1}.site.studio main .awards-list .award-item>*,.site.studio main .awards-list .press-item>*,.site.studio main .press-list .award-item>*,.site.studio main .press-list .press-item>*{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 0;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:0;padding-top:0}.site.studio main .awards-list .award-item>*>*,.site.studio main .awards-list .press-item>*>*,.site.studio main .press-list .award-item>*>*,.site.studio main .press-list .press-item>*>*{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.site.studio main .awards-list .award-item:last-child,.site.studio main .awards-list .press-item:last-child,.site.studio main .press-list .award-item:last-child,.site.studio main .press-list .press-item:last-child{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:0;padding-top:0}.site.studio main .awards-list .award-item:hover>a>*,.site.studio main .awards-list .press-item:hover>a>*,.site.studio main .press-list .award-item:hover>a>*,.site.studio main .press-list .press-item:hover>a>*{color:var(--colour-accent)}.site.studio main .studio-who-we-are{grid-column:1/-1}.site.studio main .studio-who-we-are .people{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);width:100%}@media(max-width:640px){.site.studio main .studio-who-we-are .people{grid-template-columns:repeat(8,1fr)}}.site.studio main .studio-who-we-are .people{row-gap:var(--space-md)}.site.studio main .studio-who-we-are .people>*{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-column:span 6;grid-template-columns:repeat(8,1fr);width:100%}.site.studio main .studio-who-we-are .people>*>*{grid-column:3/-1}.site.studio main .studio-who-we-are .people>*>.person-image{align-self:flex-start;aspect-ratio:3/4;display:flex;grid-column:1/3;margin-top:.125rem}.site.studio main .studio-who-we-are .people>*>.person-info{margin-right:var(--space-base)}@media(max-width:640px){.site.studio main .studio-who-we-are .people>*{grid-column:1/-1}.site.studio main .studio-who-we-are .people>*>.person-info{margin-right:0}}.site.studio main .studio-contact{background-color:var(--colour-bg-modal);display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-column:1/-1;grid-template-columns:repeat(12,1fr);padding:var(--padding-modal);width:100%}.site.studio main .studio-contact .section-heading{grid-column:1/-1}.site.studio main .studio-contact .contact-headline{font-size:var(--font-size-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);margin-bottom:var(--space-md)}@media(max-width:640px){.site.studio main .studio-contact .contact-headline{font-size:var(--font-size-base);line-height:var(--font-line-height-base)}}.site.studio main .studio-contact .contact-block,.site.studio main .studio-contact .contact-image{grid-column:span 6}.site.studio main .studio-contact .contact-block .contact-item+.contact-item,.site.studio main .studio-contact .contact-image .contact-item+.contact-item{margin-top:var(--space-base)}.site.studio main .studio-contact .contact-block>*,.site.studio main .studio-contact .contact-image>*{display:flex;flex-direction:column;justify-self:flex-start}.site.studio main .studio-contact .contact-image{align-self:flex-start;aspect-ratio:3/2;display:flex}.site.studio main .studio-contact .contact-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media(max-width:640px){.site.studio main .studio-contact .contact-image{aspect-ratio:5/6}}.site.studio main .section-heading{display:flex;flex-direction:column;grid-column:1/-1;margin-bottom:var(--space-md);text-align:center}.site.studio main .section-heading:before{content:"·";font-size:2.75rem;line-height:0;margin-bottom:1rem}.site.studio main .section-heading h2{font-size:var(--font-size-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg)}.site.projects-slug header{color:var(--colour-text-invert);fill:var(--colour-text-invert);filter:contrast(.75);mix-blend-mode:difference;position:fixed}@media(max-width:640px){.site.projects-slug header .header-nav{display:none}}.site.projects-slug main.project{padding:0}.site.projects-slug main.project .project-hero{height:100svh;position:relative;width:100vw}@media(max-width:640px){.site.projects-slug main.project .project-hero{height:80vh}}.site.projects-slug main.project .project-hero .project-feature-carousel{height:100%;width:100%}.site.projects-slug main.project .project-hero .project-feature-images{display:flex;gap:var(--gap-row) 0;height:100%;justify-content:flex-start;overflow:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}@media(max-width:640px){.site.projects-slug main.project .project-hero .project-feature-images{padding-left:0;padding-right:0}}.site.projects-slug main.project .project-hero .project-feature-images .pfi-image{--grid-columns:12;--span-fallback:4;align-self:center;display:flex;flex-shrink:0;height:100%;scroll-snap-align:start;width:auto}.site.projects-slug main.project .project-hero .project-feature-images .pfi-image+.pfi-image{margin-left:var(--gap-col-sm)}.site.projects-slug main.project .project-hero .project-feature-images .pfi-image .container{display:contents}.site.projects-slug main.project .project-hero .project-feature-images .pfi-image img{display:block;height:100%;width:auto}.site.projects-slug main.project .project-content{display:grid;gap:var(--gap-row) var(--gap-col-lg);grid-template-columns:repeat(12,1fr);padding:var(--padding-main);width:100%}@media(max-width:640px){.site.projects-slug main.project .project-content{grid-template-columns:repeat(8,1fr)}}.site.projects-slug main.project .project-content>*{grid-column:4/-4}.site.projects-slug main.project .project-content>:not(:last-child){margin-bottom:var(--space-md)}@media(max-width:640px){.site.projects-slug main.project .project-content>*{grid-column:1/-1}}.site.projects-slug main.project .project-content .project-details{align-self:flex-start;background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 0;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);grid-column:1/3;margin-left:var(--interpunct-offset-left);padding-bottom:0;padding-top:0;position:sticky;top:calc(var(--space-lg) + var(--interpunct-offset-left) + var(--space-xl))}@media(max-width:640px){.site.projects-slug main.project .project-content .project-details{grid-column:2/-2;margin-left:0;order:-1;position:static}}.site.projects-slug main.project .project-content .project-details li{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.site.projects-slug main.project .project-content .project-details li h3{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site.projects-slug main.project .project-content .project-details li p{text-wrap:pretty}.site.projects-slug main.project .project-content .project-details li .pd-border-bottom{background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size)/2),transparent calc(var(--border-dot-size)/2));background-position:0 100%;background-repeat:repeat-x;background-size:var(--border-background-size) var(--border-dot-size);height:var(--border-dot-size);padding-bottom:0;padding-top:var(--space-sm);width:100%}@media(max-width:640px){.site.projects-slug main.project .project-content #feature-sketch-divider{order:-10}}.site.projects-slug main.project .project-content .project-feature-sketches{align-self:flex-start;grid-column:-3/-1;margin-top:calc((var(--feature-sketch-divider-height) + var(--space-md) + var(--gap-row))*-1 - var(--space-md) - var(--space-md));opacity:var(--opacity-feature-sketches);position:sticky;right:0;top:0;transform:translateY(-100%) scale(1.5);transform-origin:bottom right;transition:margin-top var(--transition-slow) var(--transition-spring),transform var(--transition-slow) var(--transition-spring);z-index:100}@media(max-width:640px){.site.projects-slug main.project .project-content .project-feature-sketches{grid-column:2/-2;margin-top:0;order:-2;position:static;transform:translateY(0) scale(1);z-index:0}}.site.projects-slug main.project .project-content .project-feature-sketches img{align-self:center;display:flex}.site.projects-slug main.project .project-content .project-image-blocks{display:flex;flex-direction:column;gap:var(--gap-row) var(--gap-col-sm);grid-column:3/-3}@media(max-width:640px){.site.projects-slug main.project .project-content .project-image-blocks{grid-column:1/-1}}.site.projects-slug main.project .project-content .project-image-blocks .pib-header{display:flex;font-family:Repost Mono,monospace,system-ui;font-weight:400;gap:var(--gap-row) 0;justify-content:center;letter-spacing:var(--font-letter-spacing-tight);margin-bottom:var(--space-base)}.site.projects-slug main.project .project-content .project-image-blocks .pib-header .pib-title{align-self:flex-start;display:flex;gap:var(--gap-row) 0}.site.projects-slug main.project .project-content .project-image-blocks .pib-header .pib-title:not(:last-child):after{content:" · ";white-space:pre-wrap}.site.projects-slug main.project .project-content .project-image-blocks .pib-header .pib-title.active{letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.site.projects-slug main.project .project-content .project-image-blocks .pib-block{display:none;gap:var(--gap-row) var(--gap-col);justify-content:safe center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;width:100%}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image{--grid-columns:8;--span-fallback:1;align-self:center;cursor:pointer;display:flex;flex:0 0 calc(var(--span-columns, var(--span-fallback))/var(--grid-columns)*100% - (var(--grid-columns) - var(--span-columns, var(--span-fallback)))/var(--grid-columns)*var(--gap-col));max-width:calc(var(--span-columns, var(--span-fallback))/var(--grid-columns)*100% - (var(--grid-columns) - var(--span-columns, var(--span-fallback)))/var(--grid-columns)*var(--gap-col));scroll-snap-align:start}@media(max-width:640px){.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image{--span-fallback:2}}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image .container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media(min-width:800px){.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image:hover{opacity:var(--opacity-hover)}}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image:has(.sketch){--span-fallback:2}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image:has(.sketch) img{background-color:var(--colour-bg-white)}@media(max-width:640px){.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image:has(.sketch){--span-fallback:4}}.site.projects-slug main.project .project-content .project-image-blocks .pib-block.active{display:flex}.site.projects-slug.is-scrolled main.project .project-content .project-feature-sketches{margin-top:0;top:calc(var(--space-lg) + var(--interpunct-offset-left) + var(--space-xl));transform:translateY(0) scale(1)}