*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#1a1a1a;color:#fff}a{color:inherit;text-decoration:none}a:hover{opacity:.6}a:focus-visible{outline:1px solid #1A1A1A;outline-offset:3px}.lk:hover{opacity:1}.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-nav:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:12px 24px;background:#1a1a1a;color:#fff;font-size:14px;z-index:10001}button{font-family:inherit}img{display:block;width:100%;height:auto}input,textarea{font-family:Inter,sans-serif}input:focus,textarea:focus{outline:none;border-bottom-color:#1a1a1a!important}input::placeholder,textarea::placeholder{color:#1a1a1a;opacity:.25;font-weight:300;letter-spacing:-.05em;text-transform:lowercase}.enq-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}select:focus{outline:none;border-bottom-color:#1a1a1a!important}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 1px #1a1a1a}.pv{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;overflow:hidden auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto minmax(min-content,1fr) auto;grid-template-areas:"top count" "title ." "year ." "stage stage" "info info"}.pv-top{grid-area:top;padding:16px 0 0 clamp(20px,4vw,60px)}.pv-back{display:block;margin-bottom:16px;font-size:10px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a}.pv-back,.pv-back:hover{opacity:.4}.pv-title{grid-area:title;padding-left:clamp(20px,4vw,60px);font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:-.05em;color:#1a1a1a;line-height:1.15}.pv-year{grid-area:year;padding-left:clamp(20px,4vw,60px);margin-top:4px;font-size:11px;font-weight:300;letter-spacing:.02em;color:#1a1a1a;opacity:.4}.pv-count{grid-area:count;align-self:start;padding:20px clamp(20px,4vw,60px) 0 0;font-size:10px;font-weight:300;letter-spacing:.1em;color:#1a1a1a;opacity:.3}.pv-stage{grid-area:stage;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0;padding:clamp(20px,4vh,50px) clamp(40px,12vw,200px)}.pv-prev,.pv-next{position:absolute;top:0;bottom:0;width:50%;z-index:2;background:none;border:0;padding:0;margin:0;border-radius:0;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pv-prev:focus-visible,.pv-next:focus-visible{outline:none}.pv-prev:focus-visible~.pv-arrow--l,.pv-next:focus-visible~.pv-arrow--r{opacity:1;text-shadow:0 0 1px #FFFFFF,0 0 3px #FFFFFF}.pv img[hidden]{display:none!important}.pv-prev{left:0;cursor:default}.pv-next{right:0;cursor:default}.pv-stage--split .pv-prev{width:40%}.pv-stage--split .pv-next{left:40%;right:auto;width:20%}.pv-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-size:22px;font-weight:300;color:#1a1a1a;opacity:.1}.pv-arrow--l{left:clamp(16px,3vw,40px)}.pv-arrow--r{right:clamp(16px,3vw,40px)}.pv-info{grid-area:info;padding:0 clamp(20px,4vw,60px) clamp(20px,4vh,40px)}.pv-desc{max-width:600px;margin-bottom:10px;font-size:12px;font-weight:300;line-height:1.6;letter-spacing:-.01em;color:#6b6b6b}.pv-enquire{display:inline-block;font-size:12px;font-weight:400;letter-spacing:-.01em;color:#1a1a1a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.pv-img{width:80%;height:56vh;object-fit:contain;transition:opacity .2s ease}.pv-stage--split{container-type:inline-size}.pv-split{--gap: clamp(4px,.5vw,8px);--main-ratio: .8;display:flex;align-items:stretch;gap:var(--gap);height:min(56vh,calc((80cqw - var(--gap)) / (var(--main-ratio) + var(--board-ratio, .8))))}.pv-split-main{aspect-ratio:var(--main-ratio);height:100%;overflow:hidden;flex-shrink:0;min-width:0}.pv-split-main img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.pv-split-board{height:100%;overflow:hidden;flex-shrink:0}.pv-split-board img{height:100%;width:auto;display:block}@media (max-width: 768px){.pv{grid-template-columns:1fr;grid-template-rows:auto minmax(min-content,1fr) auto auto auto;grid-template-areas:"top" "stage" "title" "count" "info"}.pv-top{padding:16px 20px 0;position:relative;z-index:3}.pv-back{display:inline-block;margin:-8px 0;padding:8px 0}.pv-title{padding:20px 20px 0;text-align:center;font-size:14px;line-height:1.2}.pv-year{display:none}.pv-count{align-self:auto;padding:0 20px 12px;margin-top:8px;text-align:center;font-size:11px}.pv-info{padding:4px 20px 24px;text-align:center}.pv-desc{max-width:340px;margin:0 auto 10px}.pv-enquire{padding:8px 0;margin:-8px 0}.pv-stage{padding:0}.pv-prev,.pv-next{cursor:auto}.pv-stage--split .pv-prev{width:50%}.pv-stage--split .pv-next{left:auto;right:0;width:50%}.pv-arrow{display:none}.pv-prev:focus-visible~.pv-arrow--l,.pv-next:focus-visible~.pv-arrow--r{display:block}.pv-img{width:100%;height:auto;max-height:65vh;transition:none}.pv-split{display:block;width:100%;height:auto}.pv-split-main{aspect-ratio:auto;height:auto;overflow:visible}.pv-split-main img{height:auto;max-height:65vh;object-fit:contain;transition:none}.pv-split-board{display:none}.dk-nav{display:none!important}.mb-btn{display:flex!important}.work-grid{grid-template-columns:1fr!important}.work-bio{position:static!important;margin-bottom:24px!important}.work-masonry{flex-direction:column!important}.work-col{overflow:hidden!important}.work-col>div{width:100%!important;margin-left:0!important}.work-row{grid-template-columns:1fr!important}.work-row>div{transform:none!important;margin-bottom:0!important}.svc-grid,.abt-grid,.cta-grid,.svc-intro-grid{grid-template-columns:1fr!important}.svc-label-hide{display:none!important}.svc-offset,.abt-offset,.cta-offset{grid-template-columns:1fr!important}.enq-row{grid-template-columns:1fr;gap:0}}@media (min-width: 769px){.mb-btn{display:none!important}}.nojs-only{display:none}html:not(.js) .nojs-only{display:block}html:not(.js) .mb-btn{display:none!important}html:not(.js) form[data-enquiry-mode]{display:none!important}html:not(.js) .pv{position:static;display:block;overflow:visible;min-height:100vh}html:not(.js) .pv-count,html:not(.js) .pv-prev,html:not(.js) .pv-next,html:not(.js) .pv-arrow{display:none!important}html:not(.js) .pv-stage{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,32px);overflow:visible;padding:clamp(24px,4vh,48px) clamp(20px,4vw,60px) clamp(48px,8vh,96px)}html:not(.js) .pv img[hidden]{display:block!important}html:not(.js) .pv-img{width:80vw;height:auto;max-height:none}html:not(.js) .pv-split{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,32px);height:auto}html:not(.js) .pv-split-main{display:contents}html:not(.js) .pv-split-main img,html:not(.js) .pv-split-board img{width:40vw;height:auto;object-fit:initial}html:not(.js) .pv-split-board{display:block!important;height:auto;overflow:visible}@media (max-width: 768px){html:not(.js) header{position:static!important}html:not(.js) .nav-bar{height:auto!important;flex-wrap:wrap;row-gap:10px;padding-top:16px!important;padding-bottom:12px!important}html:not(.js) .dk-nav{display:flex!important;width:100%;flex-wrap:wrap;gap:4px 18px!important}html:not(.js) .dk-nav>span{display:none}html:not(.js) .dk-nav a{padding:6px 0}html:not(.js) main>div:first-child{padding-top:0!important}html:not(.js) .pv-img,html:not(.js) .pv-split-main img,html:not(.js) .pv-split-board img{width:100%;max-height:none}html:not(.js) .pv-split-board{width:100%}html:not(.js) .pv-stage{padding:20px 20px 48px}}
