:root{--copy-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--small-copy:500 12px/1.35 var(--copy-font);--paper:#f6f5f1;--ink:#242421;--rule:#cccac2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font:500 1rem/1.4 var(--copy-font);margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline-offset:4px;outline:2px solid}img,video{max-width:100%;display:block}.masthead{z-index:5;background:var(--paper);position:fixed;inset:0 0 auto}.masthead nav{font:var(--small-copy);grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:start;gap:8px;padding:10px clamp(12px,1vw,22px);display:grid}.masthead a{justify-self:start;padding:3px 0}.gmt-clock{white-space:nowrap;font-variant-numeric:tabular-nums;grid-column:-2/-1;justify-self:end;padding:3px 0}.gmt-clock:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}@media (width<=550px){.masthead nav{justify-content:space-between;align-items:center;gap:6px;padding:10px 8px;font-size:clamp(10px,2.6vw,12px);display:flex}.gmt-clock:before{width:3px;height:3px;margin-right:3px}}.hero{isolation:isolate;place-items:end start;height:100dvh;padding:0 3vw max(4vh,20px);display:grid;position:relative;overflow:hidden}.hero h1{text-align:right;margin:0}.hero h1,#awards h2,.footer-mark .signature{letter-spacing:-.055em;font-family:HelveticaNowText,Helvetica Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2.8rem,8.8vw,11rem);font-weight:500;line-height:.98}.trail{pointer-events:none;position:absolute;inset:0}.trail img{aspect-ratio:1.3;object-fit:cover;pointer-events:none;width:clamp(110px,15vw,230px);animation:.76s both trail;position:absolute}@keyframes trail{0%{transform:translate(-50%,-50%)rotate(-5deg)scale(.82)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-35%)rotate(4deg)}}.label,aside{font:var(--small-copy);letter-spacing:normal;color:var(--ink)}.intro,.clients,.footrow{justify-content:space-between;align-items:baseline;gap:2rem;display:flex}.intro,.clients,#projects,footer{margin:0 3vw}.intro,.clients,.footrow{border-top:1px solid var(--rule)}.intro{padding:2.3rem 0 3rem}.intro p{letter-spacing:-.045em;width:65%;margin:0;font-size:clamp(1.5rem,3.15vw,3.4rem);line-height:1.08}.clients{align-items:center;padding:1rem 0}.belt,.film{overflow:hidden}.track,.group{align-items:center;width:max-content;display:flex}.track{animation:35s linear infinite slide}.group span{margin-right:4rem;font-size:1.3rem;font-weight:600}.group span img{width:auto;height:30px}.belt{flex:1;mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@keyframes slide{to{transform:translate(-50%)}}#projects{border-top:1px solid var(--rule);padding:3rem 0}h2,.signature{letter-spacing:-.075em;margin:0 0 1.5rem;font-size:clamp(3rem,8vw,9rem);line-height:1}.work-layout{grid-template-columns:minmax(0,1fr) auto;gap:2vw;display:grid}aside{align-self:start;gap:.75rem;max-height:56vh;display:grid;position:sticky;top:35vh;overflow:auto}aside a{border-right:2px solid #555;padding-right:.5rem}aside a[aria-current=true]{color:var(--ink);border-color:var(--ink)}.media img,.media video{aspect-ratio:16/9;object-fit:cover;width:100%}.caption{grid-template-columns:1fr 1fr;gap:2rem;padding:1rem 0 3rem;display:grid}.caption p,.caption h3{margin:.35rem 0;font-size:1rem}.caption p{max-width:38ch;color:var(--ink)}.footrow{padding:1.3rem 0}.footrow a{margin-left:1rem}.signature{margin:0;font-size:clamp(6rem,20vw,20rem)}.film{margin:1rem 0 2rem;display:block}.film img{aspect-ratio:1.7;object-fit:cover;width:clamp(100px,13vw,210px);margin-right:5px}.film:hover .track,.film:focus .track{animation-play-state:paused}.bottom{align-items:center}.bottom time{font:500 clamp(2rem,6vw,6rem)/1 var(--copy-font);letter-spacing:-.065em;font-variant-numeric:tabular-nums;display:block}.dot{mix-blend-mode:difference;pointer-events:none;opacity:0;z-index:10;background:#fff;border-radius:50%;width:8px;height:8px;position:fixed;top:-4px;left:-4px}body>main:has(>h1){max-width:76rem;margin:0 auto;padding:3rem 4vw}body>main>h1{letter-spacing:-.06em;font-size:clamp(3rem,8vw,8rem);line-height:1}@media (width<=600px){nav{font-size:.88rem}.intro{display:block}.intro p{width:100%;margin-top:1rem}.caption{gap:1rem}.clients{gap:.7rem}.footrow a{margin-left:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.dot,nav:after{display:none}.belt,.film{overflow-x:auto}.group[aria-hidden=true]{display:none}}#projects{padding:0}.project-browser{--step:65svh;height:calc(100svh + (var(--steps) - 1)*var(--step));position:relative}.project-stage{grid-template-columns:minmax(9rem,19%) minmax(0,1fr);align-items:center;gap:2vw;height:100svh;display:grid;position:sticky;top:0}.project-rail{scrollbar-width:none;overscroll-behavior:auto;height:80svh;position:relative;overflow:hidden}.rail-list{gap:clamp(10px,5vh,55px);padding-block:calc(40svh - 42px);display:grid}.thumb{min-height:84px;color:inherit;align-items:center;gap:12px;font-size:clamp(.7rem,.8vw,.85rem);line-height:1.35;display:flex}.thumb img{aspect-ratio:1;object-fit:cover;opacity:.55;width:clamp(38px,4.7vw,84px);transition:transform .35s,opacity .35s;transform:scale(.65)}.thumb span{opacity:0;transition:opacity .25s}.thumb strong{display:block}.thumb[aria-current=true] img,.thumb:focus-visible img{opacity:1;transform:none}.thumb[aria-current=true] span,.thumb:focus-visible span{opacity:1}.work-panel{flex-direction:column;justify-content:center;min-height:100svh;padding:5rem 0 2rem;scroll-margin-top:0;display:flex}.work-media{background:var(--paper);place-items:center;display:grid}.work-media img,.work-media video{object-fit:contain;width:100%;height:min(66svh,55vw)}.work-copy{grid-template-columns:1fr 1fr;gap:4%;padding-top:14px;font-size:clamp(.75rem,.86vw,.9rem);line-height:1.45;display:grid}.work-copy p{max-width:44ch;margin:0}.work-copy strong{display:block}@media (width<=650px){.project-stage{grid-template-columns:78px minmax(0,1fr);gap:12px}.thumb{align-content:center;gap:6px;display:grid}.thumb span{font-size:.66rem}.work-panel{min-height:76svh}.work-media img,.work-media video{height:40svh}.work-copy{font-size:.71rem}}.work-panel[hidden]{display:none}#projects{scroll-margin-top:-5rem}.project-browser{--stride:clamp(160px,32svh,320px);height:calc(100svh + (var(--steps) - 1)*var(--stride))}.project-stage{position:sticky;top:0}.project-rail{overflow:hidden}.thumb{text-align:left;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;padding:0;font-family:inherit}.work-panel{grid-template-rows:auto auto;align-content:start;min-height:0;padding:0;display:grid}.project-stage>div:last-child{align-self:start;padding-top:clamp(76px,14svh,160px)}.project-stage{scroll-margin-top:-5rem}.work-media{height:min(66svh,55vw);overflow:hidden}.work-media img,.work-media video{object-fit:cover;width:100%;height:100%;min-height:0}@media (width<=650px){.work-media{height:40svh}}html:has(.snap-track){scroll-snap-type:y proximity}.snap-track{pointer-events:none;position:absolute;inset:0}.snap-track i{height:var(--stride);scroll-snap-align:start;scroll-margin-top:-5rem;display:block}.snap-track i:first-child,.snap-track i:last-child{scroll-snap-stop:always}@media (prefers-reduced-motion:reduce){html:has(.snap-track){scroll-snap-type:none}}#awards{background:var(--paper);padding:clamp(4rem,9vw,10rem) 3vw}#awards h2{margin:0 0 clamp(12px,1.6vw,25px)}#awards ol{margin:0;padding:0;list-style:none}#awards li{position:relative}.award-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem;min-height:clamp(60px,4.5vw,80px);padding:12px 0;display:grid}.award-date{font:var(--small-copy);text-align:right}.award-row:hover,.award-row:focus-visible,.award-row:active{background:#e2e1dc;text-decoration:none}.award-row:focus-visible{outline-offset:-2px}.award-meta{font:var(--small-copy);gap:2rem;display:flex}.award-body{white-space:pre-line;max-width:62ch;margin-top:2rem;line-height:1.6}#awards li:after{content:"";background:var(--rule);transform-origin:0;height:1px;position:absolute;inset:auto 0 0}#awards li.draw-ready:after{transition:transform .8s cubic-bezier(.2,.7,.2,1);transform:scaleX(0)}#awards li.drawn:after{transform:scaleX(1)}#awards li:nth-child(2n):after{transition-delay:80ms}@media (width<=600px){.award-row{grid-template-columns:1fr auto;gap:4px 12px}.award-category{grid-row:2}.award-date{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){#awards li.draw-ready:after{transition:none;transform:none}}#contact{background:#eeede8;margin:0;padding:clamp(32px,6vw,100px) 3vw 22px}.footer-mark{justify-content:space-between;align-items:center;gap:6vw;display:flex}.footer-frame{aspect-ratio:16/9;flex-shrink:0;width:clamp(110px,20vw,350px);overflow:hidden}.footer-frame img{object-fit:cover;width:100%;height:100%}.enquiry{color:var(--paper);background:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:4px;align-items:center;gap:2rem;padding:12px 18px;display:inline-flex}#open-enquiry{margin:2rem 0 clamp(48px,8vw,125px)}.footer-nav{border-top:1px solid var(--rule);align-items:flex-start;gap:clamp(20px,9vw,160px);padding-top:22px;display:flex}.footer-nav>div{gap:4px;display:grid}.footer-nav strong{margin-bottom:6px;font-size:.78rem}.footer-clock{margin-left:auto}.footer-clock time{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(24px,4vw,64px);line-height:1}.to-top{font-size:.8rem}#enquiry-dialog{border:1px solid var(--rule);background:var(--paper);color:var(--ink);width:min(90vw,460px);padding:2rem}#enquiry-dialog::backdrop{background:#17171770}#enquiry-form{gap:1rem;display:grid}#enquiry-form h2{margin:0;font-size:2.5rem}#enquiry-form label{gap:4px;font-size:.85rem;display:grid}#enquiry-form input,#enquiry-form textarea{font:inherit;border:1px solid var(--rule);background:#fff;padding:.6rem}.close-form{cursor:pointer;background:0 0;border:none;justify-self:end;font-size:1.6rem}@media (width<=600px){.footer-nav{flex-wrap:wrap;gap:20px}.footer-nav .to-top{width:100%}}.footer-contact button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.footer-contact button:hover{text-decoration:underline}.footer-contact span{color:#625f59}.about-profile{border-top:1px solid var(--rule);grid-template-columns:minmax(0,24rem) minmax(0,34rem);justify-content:center;align-items:center;gap:clamp(32px,7vw,110px);margin:0 3vw;padding:clamp(55px,8vw,120px) 0;display:grid}.about-profile img{width:100%;height:auto;transform:translateY(-12px)}.about-profile h2{letter-spacing:-.055em;margin:0 0 1.2rem;font-size:clamp(30px,3.5vw,54px);font-weight:700}.about-profile p{margin:0 0 1em;font-size:clamp(16px,1.2vw,19px);font-weight:400;line-height:1.55}@media (width<=650px){.about-profile{grid-template-columns:1fr;gap:28px;padding-inline:3vw}.about-profile img{width:min(76%,280px);transform:none}}.clients{border-bottom:1px solid var(--rule);margin-inline:0;padding:24px 0;display:block}.clients+#projects{border-top:0}.clients .group{justify-content:space-around;min-width:100vw}.clients .group span{place-items:center;min-width:clamp(128px,15vw,270px);min-height:52px;margin:0;padding:0 22px;display:grid}.clients .group img{object-fit:contain;max-width:min(160px,30vw);height:44px}.footer-clock .flip-clock{font:600 clamp(25px,3.6vw,54px)/1 var(--copy-font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;gap:.1em;display:flex}.flip-card{color:#f6f5f1;perspective:7em;background:#252522;border-radius:.12em;place-items:center;width:1.55em;height:1.42em;display:grid;position:relative}.flip-card:after{content:"";z-index:3;background:#10100f;height:1px;position:absolute;inset:50% 0 auto}.flap{backface-visibility:hidden;background:#252522;height:50%;display:none;position:absolute;left:0;right:0;overflow:hidden}.flap:before{content:attr(data-value);place-items:center;height:200%;display:grid;position:absolute;inset-inline:0}.upper{transform-origin:bottom;border-radius:.12em .12em 0 0;top:0}.upper:before{top:0}.lower{transform-origin:top;border-radius:0 0 .12em .12em;bottom:0}.lower:before{bottom:0}.turn .upper{animation:.19s ease-in forwards flip-out;display:block}.turn .lower{animation:.23s ease-out .19s both flip-in;display:block}@keyframes flip-out{to{transform:rotateX(-90deg)}}@keyframes flip-in{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.turn .flap{display:none}}.footer-clock{justify-items:center}.footer-clock .flip-clock{grid-template-columns:auto auto auto;place-items:center;gap:5px;font-size:clamp(24px,2.8vw,42px);display:grid}.flip-card{color:#fff;letter-spacing:-.045em;background:#111;border:0;border-radius:3px;width:1.55em;height:1.42em;font-weight:700}.flip-card:after{background:#363636}.flap{background:#111}.zone-switch{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.zone-switch:focus-visible{outline-offset:5px;outline:2px solid}.award-category,.footer-nav strong{font:var(--small-copy)}button,input,textarea,select{font-family:var(--copy-font)}.project-wipe{visibility:hidden;clip-path:inset(0 100% 0 0);z-index:100;pointer-events:none;position:fixed;inset:0}.project-wipe.opening{visibility:visible;pointer-events:auto}html:has(.case-page),body:has(.case-page){color:#fff;background:#000}body>main.case-page{max-width:none;margin:0;padding:0}.case-hero{color:#fff;background:#000;height:auto;min-height:100dvh}.case-hero h1{text-align:left;overflow-wrap:anywhere;max-width:100%}.title-mask{max-width:100%;margin-bottom:-.1em;padding-bottom:.1em;overflow:clip}.case-content{--case-gap:clamp(12px,2vw,32px);padding:clamp(24px,3vw,56px) 3vw}.case-copy{gap:var(--case-gap);font:var(--small-copy);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 clamp(32px,5vw,80px);line-height:1.55;display:grid}.case-copy p{white-space:pre-line;max-width:48ch;margin:0 0 .75em}.case-gallery{align-items:start;gap:var(--case-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem;display:grid}.case-gallery>:last-child:nth-child(3n+1){grid-column:span 3}.case-gallery>:last-child:nth-child(3n+2){grid-column:span 2}.case-gallery img,.case-gallery video{width:100%;height:auto;display:block}.case-gallery img[src*="/scroll-demo/"]{aspect-ratio:16/9}@media (width<=560px){.case-content .case-gallery>*{grid-column:1/-1}}.award-story{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);display:grid}.award-story .award-meta{flex-direction:column;gap:6px}.award-story .award-body{max-width:60ch;margin:0}.award-narrative img{width:100%;height:auto}.award-body+img{margin-top:2rem}.award-story>a{grid-column:1/-1;justify-self:start}@media (width<=600px){.award-story{grid-template-columns:1fr}}.work-copy strong,.work-copy p,.case-copy p{white-space:pre-line}