@font-face{font-family:Playfair Display;src:url(/fonts/playfair-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{color-scheme:light;--paper:#fbfaf7;--ink:#10100f;--muted:#66645e;--hairline:#10100f38;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--font-display);color:var(--ink);background:var(--paper);font-synthesis:none;font-size:16px;line-height:1.42}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);min-width:19rem;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#10100f1f;margin:0;overflow-x:hidden}a{color:inherit;text-underline-offset:.2em;touch-action:manipulation;text-decoration-thickness:1px}button,input,textarea,select{font:inherit}button{touch-action:manipulation}img{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance}[id]{scroll-margin-top:5rem}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--paper);font-family:var(--font-ui);padding:.65rem .9rem;font-size:.75rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:100;background:linear-gradient(to bottom, var(--paper) 54%, #fbfaf700);pointer-events:none;justify-content:space-between;align-items:flex-start;min-height:3.5rem;padding:0 1rem;display:flex;position:fixed;inset:0 0 auto}.site-header a,.site-header button{pointer-events:auto}.site-identity{align-content:center;min-height:3rem;text-decoration:none;display:grid}.site-name{align-items:center;min-height:1.5rem;font-size:1rem;line-height:1;text-decoration:none;display:inline-flex}.site-role{color:var(--muted);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin-top:.25rem;font-size:.56rem;font-weight:500;line-height:1}.site-nav{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:1.4rem;font-size:.68rem;font-weight:500;display:flex}.site-nav a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(.45)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.menu-toggle{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.68rem;font-weight:500;display:none}.menu-close-label{display:none}.section-label,.section-heading,.archive-intro,.work-caption,.index-meta,.project-meta,.project-pagination{font-family:var(--font-ui)}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(7rem,12vw,13rem) 1.25rem;max-width:92rem;margin:0 auto;padding:7rem 1.6rem 8rem;display:grid;overflow:clip}.work-item{grid-column:span 5;align-self:start}.work-item a{text-decoration:none;display:block}.work-item img{background:#eeeae3;width:100%;transition:opacity .22s}.work-item a:hover img{opacity:.94}.work-caption{letter-spacing:.045em;text-transform:uppercase;grid-template-columns:2.25rem minmax(0,1fr) minmax(7rem,auto);align-items:baseline;gap:.5rem;padding-top:.45rem;font-size:.64rem;line-height:1.25;display:grid}.work-number,.work-client{color:var(--muted)}.work-number,[data-index-number]{font-variant-numeric:tabular-nums}.work-title{min-width:0;font-weight:500}.work-client{text-align:right}.work-item-0{grid-column:1/span 5}.work-item-1{grid-column:7/span 5}.work-item-2{grid-column:3/span 7}.work-item-3{grid-column:1/span 4}.work-item-4{grid-column:8/span 4}.work-item-5{grid-column:2/span 6}.work-item-6{grid-column:7/span 5}.work-item-7{grid-column:1/span 7}.work-item-8{grid-column:5/span 4}.work-item-9{grid-column:9/span 4}.work-item-10{grid-column:1/span 6}.work-item-11{grid-column:5/span 5}.shuffle-button{z-index:90;right:max(.8rem, env(safe-area-inset-right));bottom:max(.8rem, env(safe-area-inset-bottom));border:1px solid var(--ink);min-height:2.75rem;color:inherit;cursor:pointer;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:#fbfaf7f0;padding:0 1rem;font-size:.65rem;font-weight:500;transition:background-color .18s,color .18s;position:fixed}.shuffle-button:hover,.shuffle-button:focus-visible{background:var(--ink);color:var(--paper)}.index-page{padding:5rem clamp(.8rem,2.3vw,2.5rem)}.archive-intro{border-bottom:1px solid var(--hairline);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:2rem;margin-bottom:2.5rem;padding-bottom:.8rem;font-size:.65rem;display:grid}.archive-intro h1,.archive-intro p{font:inherit;margin:0}.archive-intro p{color:var(--muted);text-align:right}.index-randomise{min-height:2.75rem;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.index-randomise:hover,.index-randomise:focus-visible{font-style:italic}.index-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:2.75rem 1rem;display:grid}.index-item{content-visibility:auto;contain-intrinsic-size:auto 32rem}.index-item a{text-decoration:none;display:block;position:relative;overflow:hidden}.index-item img{background:#eeeae3;width:100%;transition:opacity .22s}.index-overlay{font-family:var(--font-ui);letter-spacing:.08em;opacity:0;text-transform:uppercase;background:#fbfaf7d6;place-items:center;font-size:.62rem;font-weight:500;transition:opacity .18s;display:grid;position:absolute;inset:0 0 2.8rem}.index-item a:hover .index-overlay,.index-item a:focus-visible .index-overlay{opacity:1}.index-meta{letter-spacing:.04em;text-transform:uppercase;align-content:start;min-height:2.8rem;padding-top:.4rem;font-size:.62rem;line-height:1.25;display:grid}.index-meta b{font-weight:500}.index-meta small{color:var(--muted);font:inherit;margin-top:.12rem}.info-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;max-width:60rem;margin:0 auto;padding:6rem 3rem 2rem;font-size:.9375rem;line-height:1.6;display:grid}.info-page h2{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 1.1rem;font-size:.9375rem;font-style:italic;font-weight:400}.section-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.64rem;font-style:normal;font-weight:500}.info-contact p{margin:0 0 .25rem}.info-contact p:first-of-type{margin-bottom:1rem}.info-contact p:nth-of-type(2){margin-bottom:1.5rem}.about-copy{grid-column:2}.about-copy>p{font-size:inherit;line-height:inherit;text-align:justify;text-wrap:pretty;hyphens:auto;margin:0}.clients{grid-column:1/-1;margin-top:3rem}.clients ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;margin:0;padding:0;list-style:none;display:grid}.clients li{min-width:0}.copyright{color:var(--muted);grid-column:1/-1;margin:5rem 0 0;font-size:.75rem}.contact-page{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:7rem;max-width:70rem;min-height:100svh;margin:0 auto;padding:7rem 2rem 5rem;display:grid}.contact-page h1,.contact-page h2{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.64rem;font-style:normal;font-weight:500}.contact-heading{border-bottom:1px solid var(--hairline);grid-column:1/-1;justify-content:space-between;align-items:baseline;padding-bottom:.8rem;display:flex}.contact-heading h1,.contact-heading p{margin:0}.contact-heading p,.contact-details,.contact-primary>h2{font-family:var(--font-ui);font-size:.68rem}.contact-email{overflow-wrap:anywhere;font-size:clamp(1.65rem,3vw,3rem);display:inline-block}.contact-details p{margin:0 0 1.25rem;line-height:1.55}.project-page{padding:6.5rem 1rem 2rem}.project-heading{border-bottom:1px solid var(--hairline);grid-template-columns:1.35fr .65fr;gap:5rem;max-width:94rem;margin:0 auto 9rem;padding:0 1.5rem 3rem;display:grid}.project-title-block h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(3rem,7vw,7.5rem);font-weight:400;line-height:.92}.project-meta{align-content:end;gap:1.4rem;font-size:.72rem;display:grid}.project-meta p{white-space:pre-line;margin:0}.project-meta span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.58rem;display:block}.project-gallery{gap:clamp(5rem,10vw,10rem);display:grid}.project-image{width:min(78vw,76rem);margin:0 auto}.project-image-1{width:min(58vw,58rem);margin-left:5vw}.project-image-2{width:min(64vw,64rem);margin-right:4vw}.project-image-3{width:min(48vw,48rem)}.project-image img{background:#eeeae3;width:100%}.project-image figcaption{color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;margin-top:.45rem;font-size:.62rem}.project-pagination{border-top:1px solid var(--hairline);grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;margin-top:10rem;padding:2rem 0 0;font-size:.72rem;display:grid}.project-pagination a{align-content:center;min-height:3rem;text-decoration:none;display:inline-grid}.project-pagination a:last-child{text-align:right}.project-pagination span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;display:block}.back-to-index{font-family:var(--font-display);font-style:italic}.not-found{text-align:center;place-content:center;min-height:100svh;padding:5rem 1.5rem;display:grid}.not-found p,.not-found h1{margin:0 0 1rem;font-size:1rem;font-weight:400}@media (width<=63.99rem){.work-caption{grid-template-columns:2rem minmax(0,1fr)}.work-client{text-align:left;grid-column:2}}@media (width<=47.99rem){.site-header{background:linear-gradient(to bottom, var(--paper) 68%, #fbfaf700);grid-template-columns:1fr auto;min-height:3.5rem;padding:0 .75rem;display:grid}.site-header.menu-is-open{background:#fbfaf7fa;align-content:start;min-height:18rem}.site-identity{min-height:3.2rem}.site-name{font-size:.92rem}.site-role{font-size:.5rem}.menu-toggle{display:block}.menu-is-open .menu-open-label{display:none}.menu-is-open .menu-close-label{display:inline}.site-nav{border-top:1px solid var(--hairline);grid-column:1/-1;justify-items:stretch;gap:0;padding-top:.5rem;display:grid}.site-nav[hidden]{display:none}.site-nav a{border-bottom:1px solid var(--hairline);justify-content:space-between}.site-nav a:after{display:none}.work-grid{padding:1.5rem 1rem 6rem;display:block}.work-item{width:100%;margin-bottom:4.5rem}.work-caption{grid-template-columns:2rem minmax(0,1fr);padding-top:.5rem;font-size:.6rem}.work-client{text-align:left;grid-column:2}.shuffle-button{margin:4.5rem 1rem 0 auto;display:block;position:static}.index-page{padding:4.6rem .75rem 3rem}.archive-intro{margin-bottom:1.25rem;display:block}.archive-intro p{text-align:left;margin-top:.3rem}.index-randomise{margin-top:.5rem}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .65rem}.index-overlay{display:none}.index-meta{min-height:3.2rem;font-size:.55rem}.info-page{padding:6rem 1rem 2rem;display:block}.info-page>*{margin-bottom:3.5rem}.about-copy>p{font-size:inherit;text-align:left}.clients ul{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page{min-height:auto;padding:5.5rem 1rem 3rem;display:block}.contact-page>*{margin-bottom:4rem}.contact-heading{display:block}.contact-heading p{margin-top:.3rem}.project-page{padding:5.5rem .75rem 1rem}.project-heading{margin-bottom:4rem;padding:0 0 2rem;display:block}.project-title-block h1{font-size:clamp(2.8rem,14vw,5rem)}.project-meta{margin-top:2.5rem}.project-gallery{gap:4rem}.project-image,.project-image-1,.project-image-2,.project-image-3{width:100%;margin:0}.project-pagination{grid-template-columns:1fr 1fr;margin-top:5rem}.back-to-index{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
