@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-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:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.site header{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%}@media(max-width:640px){.site header{grid-template-columns:repeat(6,1fr)}}.site header{padding:var(--padding-header);position:sticky;top:0;z-index:100;transition:opacity var(--transition-slow) var(--transition-global);pointer-events:none}.site header>*{display:flex;align-self:flex-end;min-width:0;pointer-events:all}.site header .header-nav{grid-column:1/5;-moz-column-gap:initial;column-gap:initial;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{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);display:none}@media(max-width:640px){.site header .header-nav{grid-column:1/2;margin-left:0}.site header .header-nav .hn-container{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:space-evenly;width:100vw;height:100svh;background-color:var(--colour-bg-mobile-open);padding:var(--padding-header);gap:var(--space-lg);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-slow) var(--transition-global)}.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:"";position:absolute;inset:-3rem}.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 .site-logo,.site header .project-title{grid-column:5/-5;height:var(--font-size-xl);width:auto;fill:var(--colour-text);display:flex;justify-content:center}@media(max-width:640px){.site header .site-logo,.site header .project-title{grid-column:2/-2}}.site header .site-logo a>*,.site header .project-title a>*{display:flex;height:100%;width:100%;transform:translateY(-.2rem)}.site header .site-logo h1,.site header .project-title h1{font-size:var(--font-size-xl);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);text-align:center;text-underline-offset:3px;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all;text-wrap:balance;transform:translateY(-.2rem)}.site header .toggle-menu,.site header .back-button{grid-column:-5/-1;display:flex;justify-content:flex-end;margin-right:var(--interpunct-offset-left)}@media(max-width:640px){.site header .toggle-menu,.site header .back-button{grid-column:-2/-1;margin-right:0}}@media(max-width:640px){.site header .back-button{grid-column:1/2;display:flex;justify-content:flex-start;margin-right:0;order:-1}}.site header .hn-container>a:not(:last-of-type):after,.site header .hn-container button:not(:last-of-type):after,.site header .toggle-menu>a:not(:last-of-type):after,.site header .toggle-menu button:not(:last-of-type):after{content:" · ";white-space:pre-wrap;text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.site.is-scrolled header{opacity:0}.site.is-scrolling-up header{opacity:1}.site header .toggle-menu>a:not(:last-of-type):after,.site header .toggle-menu button:not(:last-of-type):after{opacity:0;transition:opacity 0s}.site header .toggle-menu .tmb-images{opacity:0;transition:opacity 0s}.site:has(.list-header>*[aria-sort]:not([aria-sort=none])) header .toggle-menu>a:not(:last-of-type):after,.site:has(.list-header>*[aria-sort]:not([aria-sort=none])) header .toggle-menu button:not(:last-of-type):after,.site:has([data-filters-active=true]) header .toggle-menu>a:not(:last-of-type):after,.site:has([data-filters-active=true]) header .toggle-menu button:not(:last-of-type):after{opacity:1;transition:opacity var(--transition-base) var(--transition-global)}.site:has(.list-header>*[aria-sort]:not([aria-sort=none])) header .toggle-menu .tmb-images,.site:has([data-filters-active=true]) header .toggle-menu .tmb-images{opacity:1;transition:opacity var(--transition-base) var(--transition-global)}: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.32rem;--font-size-xl: 2rem}@media(max-width:640px){:root{--font-size-xl: 1.64rem}}:root{--font-line-height-sm: 124%;--font-line-height-base: 128%;--font-line-height-lg: 120%;--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-1-60: #fffee4;--o-n-gray-1-100: #88847c;--o-n-gray-1-80: #e2dfd2;--o-n-gray-1-60: #ebe9e0;--o-n-gray-1-40: #f5f4ef;--o-n-black-1-100: #141414;--o-n-white-1-100: #ffffff;--o-n-yellow-2-100: #ffdf42;--o-n-green-1-100: #c9e9c6;--o-n-pink-1-100: #f4c3cd;--o-n-blue-1-100: #bcdbf4;--o-n-blue-1-60: #bcdbf4;--o-n-orange-1-100: #ff9130;--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)}}@media(max-width:640px){:root{--padding-landing: var(--space-lg);--lg-item-size: 4rem}}:root .site.studio{--padding-main: var(--space-md) calc(var(--space-md) + var(--interpunct-header-width) + var(--interpunct-selected-margin-right))}:root .site.studio .studio-hero{gap:var(--gap-row) var(--gap-col-lg)}@media(max-width:640px){:root .site.studio{--padding-main: var(--space-md) var(--space-md)}:root .site.studio .studio-hero{--padding-main: var(--space-md)}:root .site.studio .page-content{--padding-main: var(--space-md)}}@media(max-width:640px){:root{--padding-main: var(--space-md)}}:root{--interpunct-landing-width: calc(3rem * 23.86 / 129.89);--interpunct-landing-height: calc(3rem * 23.86 / 129.89);--interpunct-header-width: calc(2rem * 23.86 / 129.89);--interpunct-header-height: calc(2rem * 23.86 / 129.89);--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: calc(2rem * 23.86 / 129.89);--interpunct-landing-height: calc(2rem * 23.86 / 129.89);--interpunct-header-width: calc(1.5rem * 23.86 / 129.89);--interpunct-header-height: calc(1.5rem * 23.86 / 129.89)}}:root{--opacity-hover: .5;--opacity-feature-sketches: .92;--opacity-sort-direction: .5;--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);--transition-start-y: 20;--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;src:url(../assets/fonts/HALRepost-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Repost;src:url(../assets/fonts/HALRepost-Italic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Repost Mono;src:url(../assets/fonts/HALRepostMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Repost Mono;src:url(../assets/fonts/HALRepostMono-Italic.woff2) format("woff2");font-weight:400;font-style:italic}.site{font-family:Repost,serif;font-weight:400;font-style:normal;letter-spacing:var(--font-letter-spacing-wide);font-size:1rem;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);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.site sup{font-variant-position:super}.site i,.site em{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);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);font-variant-numeric:oldstyle-nums diagonal-fractions}.site .project-text p+p{margin-top:var(--space-base)}html{line-height:normal;scroll-behavior:smooth;font-size:var(--font-size-base);font-family:Repost,serif;font-weight:400;font-style:normal;letter-spacing:var(--font-letter-spacing-wide);-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>*{padding-bottom:var(--space-xs);background-image:initial;background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}@media(min-width:800px){.site a>*:hover,.site button>*:hover{padding-bottom:var(--space-xs);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}}.site a:not(:has(>*)):not(.contact-item a){padding-bottom:var(--space-xs);background-image:initial;background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}@media(min-width:800px){.site a:not(:has(>*)):not(.contact-item a):hover{padding-bottom:var(--space-xs);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}}@media(max-width:640px){.site a:not(:has(>*)):not(.contact-item a){padding-bottom:var(--space-xs);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}}.site .index-item a>*,.site .index-item button>*,.site .site-logo a>*,.site .site-logo button>*,.site .filter a>*,.site .filter button>*,.site .contact a>*,.site .contact button>*,.site .press-item a>*,.site .press-item button>*,.site .list-header a>*,.site .list-header button>*{padding-bottom:revert;background-image:initial;background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}@media(min-width:800px){.site .index-item a>*:hover,.site .index-item button>*:hover,.site .site-logo a>*:hover,.site .site-logo button>*:hover,.site .filter a>*:hover,.site .filter button>*:hover,.site .contact a>*:hover,.site .contact button>*:hover,.site .press-item a>*:hover,.site .press-item button>*:hover,.site .list-header a>*:hover,.site .list-header button>*:hover{padding-bottom:revert;background-image:initial;background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}}.site .active{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}@media(max-width:640px){.site .active>*:not(.pib-image){padding-bottom:var(--space-xs);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}}.site .project-divider,.site .dinkus{display:block;text-align:center;font-size:3rem}.site u{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight)}.site picture,.site img,.site svg{height:auto;width:100%;-o-object-fit:cover;object-fit:cover;display:inline-flex}.site .index-item:nth-of-type(4n+1) .photo{background-color:var(--o-n-yellow-2-100)!important}.site .index-item:nth-of-type(4n+2) .photo{background-color:var(--o-n-green-1-100)!important}.site .index-item:nth-of-type(4n+3) .photo{background-color:var(--o-n-pink-1-100)!important}.site .index-item:nth-of-type(4n) .photo{background-color:var(--o-n-blue-1-100)!important}.site .person:nth-of-type(3n+1) .person-image{background-color:var(--o-n-gray-1-40)!important}.site .person:nth-of-type(3n+2) .person-image{background-color:var(--o-n-gray-1-60)!important}.site .person:nth-of-type(3n) .person-image{background-color:var(--o-n-gray-1-80)!important}.site .contact-image{background-color:var(--o-n-yellow-2-100)!important}.site .pfi-image:not(.sketch):nth-of-type(3n+1),.site .pib-image:nth-of-type(3n+1){background-color:var(--o-n-gray-1-40)!important}.site .pfi-image:not(.sketch):nth-of-type(3n+2),.site .pib-image:nth-of-type(3n+2){background-color:var(--o-n-gray-1-60)!important}.site .pfi-image:not(.sketch):nth-of-type(3n),.site .pib-image:nth-of-type(3n){background-color:var(--o-n-gray-1-80)!important}.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{padding-top:var(--space-sm);padding-bottom:var(--space-sm);margin-left:var(--interpunct-offset-left)}@media(max-width:640px){.site .no-items{margin-left:initial}}.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);padding:var(--padding-sketch)}.sketch img{mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain}.cursor{color:var(--colour-text-invert);fill:var(--colour-text-invert);mix-blend-mode:difference;filter:contrast(.75);cursor:none}.page-leave-active,.page-enter-active{transition:opacity var(--transition-base) var(--transition-global),transform var(--transition-base) var(--transition-global)}.page-leave-active{position:absolute;inset:0;width:100%}.page-enter-from,.page-leave-to{opacity:0;filter:blur(2rem)}::view-transition-group(pib-image-lightbox){animation-duration:var(--transition-base);animation-timing-function:var(--transition-global)}::view-transition-old(pib-image-lightbox),::view-transition-new(pib-image-lightbox){animation-duration:0s;animation-timing-function:var(--transition-global)}.site main{padding:var(--padding-main)}.site.project main,.site.studio main{padding:var(--padding-main)}.site .filters-modal-container{position:fixed;top:0;left:0;height:100%;z-index:1000;padding:var(--padding-modal);background-color:var(--colour-bg-filters-modal);opacity:1;pointer-events:all;transition:opacity var(--transition-base) var(--transition-global);overflow-y:scroll;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%}@media(max-width:640px){.site .filters-modal-container{grid-template-columns:repeat(8,1fr)}}.site .filters-modal-container .filters-modal{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);position:relative;grid-column:3/-3;background-color:var(--colour-bg-filters);padding:var(--padding-modal);width:100%;display:flex;flex-direction:column;align-self:center}@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-top:-.5rem;margin-bottom:.75rem}.site .filters-modal-container .filters-modal .filters-title>*:not(.dinkus){font-size:var(--font-size-lg);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);font-variant-numeric:oldstyle-nums diagonal-fractions}.site .filters-modal-container .filters-modal .filters-container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-row) var(--gap-col-lg)}@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{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);margin-bottom:var(--space-xs)}@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{margin-left:1.15rem;text-indent:-1.2rem;color:var(--colour-text-muted)}.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 .close-filters,.site .filters-modal-container .filters-modal .clear-filters{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);align-self:flex-end}.site .filters-modal-container .filters-modal .close-filters button,.site .filters-modal-container .filters-modal .clear-filters button{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);position:absolute;top:0;right:0;padding:var(--padding-modal)}@media(max-width:640px){.site .filters-modal-container .filters-modal .close-filters,.site .filters-modal-container .filters-modal .clear-filters{align-self:center}.site .filters-modal-container .filters-modal .close-filters button,.site .filters-modal-container .filters-modal .clear-filters button{position:initial;padding-bottom:initial}}.site .filters-modal-container[hidden]{opacity:0;pointer-events:none}.site:has(.filters-modal-container:not([hidden])) .toggle-menu-filters{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.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{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.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{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%}@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{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);margin-left:calc(var(--interpunct-offset-left) - .5rem);grid-column:1/4;display:flex;gap:var(--gap-row) var(--gap-col)}@media(max-width:640px){.site footer .contact{margin-left:0}}.site footer .contact .contact-item a{display:flex;justify-content:center;align-items:center;width:var(--contact-item-size);height:var(--contact-item-size);padding:.5rem;border-radius:100px;background-color:var(--colour-bg-contact-links);color:var(--colour-text-white)}.site footer .contact .contact-item a:hover{background-color:var(--colour-accent);color:var(--colour-text)}.site footer .copyright{margin-right:var(--interpunct-offset-left);grid-column:-4/-1;text-align:right}@media(max-width:640px){.site footer .copyright{margin-right:0}}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:var(--colour-bg-lightbox)}.lightbox-img,.lightbox-img .container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-img img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;padding:var(--padding-lightbox-arrows);font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}.lightbox-close{top:0;right:0;height:var(--header-height);margin-top:-.12rem;margin:0 var(--interpunct-offset-left);z-index:1001;display:flex;justify-content:flex-end;align-items:flex-end;cursor:pointer}.lightbox-prev,.lightbox-next{top:0;height:100%;margin:0 var(--interpunct-offset-left);width:50%;z-index:1000;cursor:none}.lightbox-prev{left:0}.lightbox-next{right:0;text-align:right}.project-feature-carousel{position:relative;height:100%;width:100%}.pfc-nav{position:sticky;top:0;flex:0 0 0;width:0;height:100%;z-index:10}.pfc-nav--prev{left:0}.pfc-nav--next{right:0}.pfc-prev,.pfc-next{position:absolute;top:0;width:50vw;height:100%;border:none;background:transparent;cursor:pointer}.pfc-prev:disabled,.pfc-next:disabled{cursor:default;pointer-events:none}.pfc-prev{left:0}.pfc-next{right:0}.site.home #landing{background-color:var(--colour-bg-landing);padding:var(--padding-landing) var(--space-3xl);position:fixed;top:0;left:0;width:100%;min-height:100svh;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-base);pointer-events:all;will-change:transform;transition:transform .5s var(--transition-spring)}@media(max-width:640px){.site.home #landing{gap:var(--space-md)}}.site.home #landing[hidden]{transform:translateY(-100%);pointer-events:none}.site.home #landing .logo-top,.site.home #landing .logo-bottom{height:3rem;cursor:pointer}.site.home #landing .logo-top>*,.site.home #landing .logo-bottom>*{height:100%;width:auto}@media(max-width:640px){.site.home #landing .logo-top,.site.home #landing .logo-bottom{height:2rem}}.site.home #landing #landing-grid{width:100%;height:calc(100svh - var(--padding-landing) * 2 - 5rem - var(--space-lg) * 2);display:grid;overflow:hidden;justify-content:center;align-content:center;grid-template-columns:repeat(auto-fill,var(--lg-item-size, 6rem));grid-template-rows:repeat(auto-fill,var(--lg-item-size, 6rem))}.site.home #landing #landing-grid .lg-item{width:var(--lg-item-size, 6rem);height:var(--lg-item-size, 6rem);display:flex;justify-content:center;align-items:center;cursor:pointer}.site.home #landing #landing-grid .lg-item svg{fill:var(--colour-text);width:var(--interpunct-landing-width, .5rem);height:var(--interpunct-landing-height, .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)}}html:has(#landing:not([hidden])),body:has(#landing:not([hidden])){overflow:hidden}.site.home #index:has(.list-body[data-image-mode=photo]) .toggle-menu-images{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.site.home #index:has(.list-body[data-filters-active=true]):has(.list-body[data-image-mode=photo]) .toggle-menu-images{text-transform:initial;letter-spacing:var(--font-letter-spacing-tight)}.site.home #index .list-header,.site.home #index .list-body .index-item a{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);display:grid;grid-template-columns:1.25fr 5.95fr 3fr 3fr 1.25fr;gap:var(--gap-row) var(--gap-col-lg);width:100%}@media(max-width:640px){.site.home #index .list-header,.site.home #index .list-body .index-item a{grid-template-columns:1.25fr 5.95fr 3fr 1.25fr}}.site.home #index .list-header>*,.site.home #index .list-body .index-item a>*{grid-column:span 1}.site.home #index .list-header .year,.site.home #index .list-body .index-item a .year{grid-column:span 1;justify-content:flex-end;margin-right:var(--interpunct-offset-left)}@media(max-width:640px){.site.home #index .list-header .year,.site.home #index .list-body .index-item a .year{margin-right:0}}@media(max-width:640px){.site.home #index .list-header .location,.site.home #index .list-body .index-item a .location{display:none!important}}.site.home #index .list-header{padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);padding-bottom:calc(var(--space-sm) + var(--space-xs))}@media(max-width:640px){.site.home #index .list-header{padding-bottom:calc(var(--space-sm) + .25rem)}}.site.home #index .list-header>*{display:flex;min-width:0}.site.home #index .list-header>* .interpunct-selected{display:inline-flex;align-items:center;height:100%;margin-right:var(--interpunct-selected-margin-right);opacity:0}.site.home #index .list-header>* .interpunct-selected svg{fill:var(--colour-text);width:var(--interpunct-header-width, .5rem);height:var(--interpunct-header-height, .5rem)}@media(max-width:640px){.site.home #index .list-header>* .interpunct-selected{display:none}}.site.home #index .list-header>* .sort-button{display:flex;flex-direction:row;flex-wrap:nowrap;cursor:pointer}.site.home #index .list-header>* .sort-button .sort-direction{opacity:var(--opacity-sort-direction);margin-left:.75rem;padding-bottom:revert;background-image:initial;background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}@media(min-width:800px){.site.home #index .list-header>*:hover .interpunct-selected{opacity:1}}.site.home #index .list-body .index-item a{padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;padding-bottom:calc(var(--space-sm) + var(--space-xs))}@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{grid-column:1/-1;min-height:var(--index-image-min-height);display:grid;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;gap:var(--gap-row) var(--gap-col-lg);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:initial}@media(max-width:640px){.site.home #index .list-body .index-item a .image-container>*{margin-right:initial}}@media(max-width:640px){.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{grid-column:1/calc(var(--span-columns-sketch, 6) + 1);background-color:var(--colour-bg-sketch)}.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{grid-column:1/calc(var(--span-columns-photo, 6) + 1);background-color:var(--colour-bg-image)}@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{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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>*{grid-row:1;grid-column:1/-1;display:flex;transition:opacity var(--transition-slow) var(--transition-global) .7s;align-self:flex-start}.site.home #index .list-body .index-item a .image-container>:nth-child(1){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{position:fixed;bottom:0;right:0;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);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{padding:var(--padding-main);width:var(--feature-sketches-width);opacity:0;pointer-events:none;z-index:100;transition:opacity var(--transition-slow) var(--transition-global)}.site.home #index .list-body .index-item a .feature-sketches>*{grid-column:-3/-1;transition:transform var(--transition-slow) var(--transition-global);transform-origin:bottom right;padding:var(--padding-sketch)}.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{display:inline-flex;align-items:center;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);width:var(--interpunct-header-width, .5rem);height:var(--interpunct-header-height, .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>:nth-child(1){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-show-images=off] .index-item a{padding-bottom:calc(var(--space-sm) + var(--space-xs))}.site.home #index .list-body[data-show-images=off] .index-item a .image-container{display:none}.site.studio{position:initial}.site.studio .studio-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%}@media(max-width:640px){.site.studio .studio-hero{grid-template-columns:repeat(8,1fr)}}.site.studio .studio-hero{padding:var(--padding-main);padding-bottom:var(--space-lg);gap:0}.site.studio .studio-hero .studio-headline{font-size:var(--font-size-lg);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;grid-column:4/-4;padding-top:var(--space-sm);align-self:flex-start}.site.studio .studio-hero .studio-headline:not(:last-child){padding-bottom:calc(var(--space-base) + 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{grid-column:1/-1;aspect-ratio:3/2;display:flex}.site.studio .studio-hero .studio-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.site.studio main{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);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-who-we-are,.site.studio main .studio-info,.site.studio main .studio-press-awards,.site.studio main .studio-contact,.site.studio main .studio-notes{text-wrap:pretty}.site.studio main .studio-who-we-are h3,.site.studio main .studio-info h3,.site.studio main .studio-press-awards h3,.site.studio main .studio-contact h3,.site.studio main .studio-notes h3{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);margin-bottom:var(--space-sm)}.site.studio main .studio-who-we-are p+p,.site.studio main .studio-info p+p,.site.studio main .studio-press-awards p+p,.site.studio main .studio-contact p+p,.site.studio main .studio-notes p+p{margin-top:var(--space-sm)}.site.studio main .studio-who-we-are p,.site.studio main .studio-info p,.site.studio main .studio-press-awards p,.site.studio main .studio-contact p,.site.studio main .studio-notes p{white-space:pre-wrap}.site.studio main .studio-who-we-are .press-list+.awards-list,.site.studio main .studio-info .press-list+.awards-list,.site.studio main .studio-press-awards .press-list+.awards-list,.site.studio main .studio-contact .press-list+.awards-list,.site.studio main .studio-notes .press-list+.awards-list{margin-top:var(--space-md)}.site.studio main .studio-press-awards,.site.studio main .studio-notes{font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight)}.site.studio main .studio-press-awards strong,.site.studio main .studio-notes strong{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm)}.site.studio main .studio-info{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-row) var(--gap-col-lg);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:initial}.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 .press-list,.site.studio main .awards-list{display:flex;flex-direction:column}.site.studio main .press-list .press-list-header,.site.studio main .press-list .awards-list-header,.site.studio main .press-list .press-item,.site.studio main .press-list .award-item,.site.studio main .awards-list .press-list-header,.site.studio main .awards-list .awards-list-header,.site.studio main .awards-list .press-item,.site.studio main .awards-list .award-item{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%;grid-template-columns:3rem repeat(7,1fr)}.site.studio main .press-list .press-list-header>a,.site.studio main .press-list .press-list-header>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 .award-item>a,.site.studio main .press-list .award-item>div,.site.studio main .awards-list .press-list-header>a,.site.studio main .awards-list .press-list-header>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 .award-item>a,.site.studio main .awards-list .award-item>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%;grid-template-columns:3rem repeat(7,1fr)}.site.studio main .press-list .press-list-header .year,.site.studio main .press-list .awards-list-header .year,.site.studio main .press-list .press-item .year,.site.studio main .press-list .award-item .year,.site.studio main .awards-list .press-list-header .year,.site.studio main .awards-list .awards-list-header .year,.site.studio main .awards-list .press-item .year,.site.studio main .awards-list .award-item .year{grid-column:1/2}.site.studio main .press-list .press-list-header .title,.site.studio main .press-list .awards-list-header .title,.site.studio main .press-list .press-item .title,.site.studio main .press-list .award-item .title,.site.studio main .awards-list .press-list-header .title,.site.studio main .awards-list .awards-list-header .title,.site.studio main .awards-list .press-item .title,.site.studio main .awards-list .award-item .title{grid-column:2/-1}.site.studio main .press-list .press-list-header .link,.site.studio main .press-list .awards-list-header .link,.site.studio main .press-list .press-item .link,.site.studio main .press-list .award-item .link,.site.studio main .awards-list .press-list-header .link,.site.studio main .awards-list .awards-list-header .link,.site.studio main .awards-list .press-item .link,.site.studio main .awards-list .award-item .link{grid-column:6/-1}.site.studio main .press-list .press-item>*,.site.studio main .press-list .award-item>*,.site.studio main .awards-list .press-item>*,.site.studio main .awards-list .award-item>*{padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:top left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;padding-top:0;padding-bottom:0}.site.studio main .press-list .press-item>*>*,.site.studio main .press-list .award-item>*>*,.site.studio main .awards-list .press-item>*>*,.site.studio main .awards-list .award-item>*>*{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.site.studio main .press-list .press-item:last-child,.site.studio main .press-list .award-item:last-child,.site.studio main .awards-list .press-item:last-child,.site.studio main .awards-list .award-item:last-child{padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;padding-top:0;padding-bottom:0}.site.studio main .press-list .press-item:hover>a>*,.site.studio main .press-list .award-item:hover>a>*,.site.studio main .awards-list .press-item:hover>a>*,.site.studio main .awards-list .award-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;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);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>*{grid-column:span 6;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-row) var(--gap-col-lg);width:100%}.site.studio main .studio-who-we-are .people>*>*{grid-column:3/-1}.site.studio main .studio-who-we-are .people>*>*.person-image{aspect-ratio:3/4;grid-column:1/3;display:flex;align-self:flex-start;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{grid-column:1/-1;background-color:var(--colour-bg-modal);padding:var(--padding-modal);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);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);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);font-variant-numeric:oldstyle-nums diagonal-fractions;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{aspect-ratio:3/2;display:flex;align-self:flex-start}.site.studio main .studio-contact .contact-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(max-width:640px){.site.studio main .studio-contact .contact-image{aspect-ratio:5/6}}.site.studio main .section-heading{grid-column:1/-1;display:flex;flex-direction:column;text-align:center;margin-bottom:var(--space-md)}.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);letter-spacing:var(--font-letter-spacing-base);line-height:var(--font-line-height-lg);font-variant-numeric:oldstyle-nums diagonal-fractions}.site.projects-slug header{position:fixed;color:var(--colour-text-invert);fill:var(--colour-text-invert);mix-blend-mode:difference;filter:contrast(.75)}@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{position:relative;height:100svh;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{height:100%;width:100%;overflow:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;display:flex;gap:var(--gap-row) 0;justify-content:flex-start}@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;flex-shrink:0;height:100%;width:auto;display:flex;align-self:center;scroll-snap-align:start}.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{width:auto;height:100%;display:block}.site.projects-slug main.project .project-content{padding:var(--padding-main);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-row) var(--gap-col-lg);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{grid-column:1/3;align-self:flex-start;margin-left:var(--interpunct-offset-left);padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:top left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;padding-top:0;padding-bottom: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{position:initial;grid-column:2/-2;margin-left:0;order:-1}}.site.projects-slug main.project .project-content .project-details li{padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x}.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);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.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{width:100%;padding-top:var(--space-sm);padding-bottom:var(--space-sm);background-image:radial-gradient(circle,currentColor 0 calc(var(--border-dot-size) / 2),transparent calc(var(--border-dot-size) / 2));background-position:bottom left;background-size:var(--border-background-size) var(--border-dot-size);background-repeat:repeat-x;padding-bottom:0;height:var(--border-dot-size)}@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{grid-column:-3/-1;position:sticky;top:0;right:0;align-self:flex-start;opacity:var(--opacity-feature-sketches);margin-top:calc((var(--feature-sketch-divider-height) + var(--space-md) + var(--gap-row)) * -1 - var(--space-md) - var(--space-md));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;position:initial;margin-top:0;transform:translateY(0) scale(1);z-index:0;order:-2}}.site.projects-slug main.project .project-content .project-feature-sketches img{display:flex;align-self:center}.site.projects-slug main.project .project-content .project-image-blocks{grid-column:3/-3;display:flex;flex-direction:column;gap:var(--gap-row) var(--gap-col-sm)}@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;justify-content:center;gap:var(--gap-row) 0;margin-bottom:var(--space-base);font-family:Repost Mono,monospace,system-ui;font-weight:400;letter-spacing:var(--font-letter-spacing-tight)}.site.projects-slug main.project .project-content .project-image-blocks .pib-header .pib-title{display:flex;gap:var(--gap-row) 0;align-self:flex-start}.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{text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider)}.site.projects-slug main.project .project-content .project-image-blocks .pib-block{display:none;width:100%;justify-content:safe center;gap:var(--gap-row) var(--gap-col);overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image{--grid-columns: 8;--span-fallback: 1;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));display:flex;align-self:center;cursor:pointer;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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(min-width:800px){.site.projects-slug main.project .project-content .project-image-blocks .pib-block .pib-image:hover .container{opacity:var(--opacity-hover);mix-blend-mode:multiply}}.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{top:calc(var(--space-lg) + var(--interpunct-offset-left) + var(--space-xl));margin-top:0;transform:translateY(0) scale(1)}