@font-face{font-family:Avenir;src:url(/fonts/Avenir-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#fff;--paper-deep:#fff;--ink:#111110;--ink-soft:#2a2a28;--ink-mute:#6e6e6a;--ink-faint:#b4b4ae;--line:#e4e4e0;--seal:#8d2a24;--accent:#e86b38;--hl:#111110;--hl-fg:#fff;--hl-soft:#e8e8e4;--hl-soft-fg:#3a3a36;--wash:#1111100f;--font-display:"Playwrite NZ Basic", "Bradley Hand", "Noteworthy", cursive;--font-body:"Avenir", "Avenir Next", "Hiragino Sans", sans-serif;--font-hand:"Playwrite NZ Basic", "Bradley Hand", "Noteworthy", cursive;--fs-display:clamp(56px, 8vw, 104px);--fs-h1:clamp(44px, 6vw, 80px);--fs-h2:clamp(28px, 3.6vw, 44px);--fs-body:15px;--fs-caption:12px;--fs-nav:11px;--lh-display:1;--lh-title:1.02;--lh-body:1.7;--lh-caption:1.45;--pad:clamp(24px, 6vw, 80px);--header-h:64px;--max-text:680px;--max-page:1120px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{background:#fff}body{color:var(--ink);font-family:var(--font-body);font-weight:300;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:.01em;background:#fff}.page,.project,.home{background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}::selection{background:var(--ink);color:var(--paper)}.site-header{z-index:40;height:var(--header-h);padding:0 var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header.is-solid{background:#fff}.site-header.is-over-photo{color:#fff;background:linear-gradient(#0808086b 0%,#08080800 100%)}.site-header.is-over-photo .btn{color:#fff;border-color:#ffffffbf}.site-header.is-over-photo .btn-active{color:var(--ink);background:#fff;border-color:#fff}.site-header.is-over-photo .btn-active:hover{background:var(--accent);border-color:var(--accent);color:#fff}.site-header.is-over-photo .nav-toggle span,.site-header.is-over-photo .nav-toggle:before,.site-header.is-over-photo .nav-toggle:after{background:#fff}.brand{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:400}.brand:hover{color:var(--accent)}.nav{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--ink);font-size:var(--fs-nav);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:400;line-height:1;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-sm{padding:5px 10px;font-size:10px}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-active{background:var(--ink);border-color:var(--ink);color:#fff}.btn-active:hover{background:var(--accent);border-color:var(--accent)}.nav-toggle{cursor:pointer;background:0 0;border:0;width:28px;height:16px;display:none;position:relative}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";background:var(--ink);height:1px;position:absolute;left:0;right:0}.nav-toggle span{top:7px}.nav-toggle:before{top:0}.nav-toggle:after{bottom:0}.page{padding:calc(var(--header-h) + 36px) var(--pad) 80px}.page-head{border-bottom:0;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;padding-bottom:22px;display:flex;position:relative}.page-head:after{content:"";background:linear-gradient(90deg,#0000 0%,#11111014 16%,#11111080 50%,#11111014 84%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.page-kicker-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.page-kicker{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:.01em;color:var(--ink);margin:0 0 0 -.18em;font-weight:400;line-height:.95}.page-count-pill{border:1px solid var(--ink);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);border-radius:999px;align-items:center;padding:6px 12px;font-size:10px;display:inline-flex;transform:translateY(8px)}.page-lede{color:var(--ink-soft);max-width:28em;margin-top:14px;font-size:15px;font-style:italic}.page-head-right{text-align:right;max-width:280px;padding-bottom:4px}.page-index{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.page-note{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.55}.hl{background:var(--hl);color:var(--hl-fg);padding:.18em .45em .12em;line-height:1.15;display:inline-block}.hl-soft{background:var(--hl-soft);color:var(--hl-soft-fg);padding:.18em .45em .12em;line-height:1.15;display:inline-block}.work-grid{grid-template-columns:1fr 1fr;gap:36px 22px;display:grid}.work-card{color:inherit;display:block}.work-card.is-static{cursor:default}.work-frame{background:var(--paper-deep);aspect-ratio:16/10;border:1px solid #1111101f;border-radius:20px;position:relative;overflow:hidden}.work-frame img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.work-card:hover .work-frame>img{transform:scale(1.03)}.work-slogan{text-align:center;font-family:var(--font-display);color:#fff;opacity:0;pointer-events:none;background:#11111061;justify-content:center;align-items:center;margin:0;padding:24px;font-size:clamp(22px,2.4vw,34px);font-weight:400;line-height:1.2;transition:opacity .35s;display:flex;position:absolute;inset:0}.work-card:hover .work-slogan{opacity:1}.work-caption{flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.work-name{color:var(--ink);text-align:center;font-size:14px}.work-year{letter-spacing:.08em;color:var(--ink-mute);font-size:12px}.work-slices{grid-template-columns:repeat(4,1fr);height:100%;display:grid}.work-slice{min-width:0;height:100%;position:relative;overflow:hidden}.work-slice img{object-fit:cover;width:100%;height:100%;transition:transform .55s,filter .3s}.work-slice:after{content:"";background:var(--accent);opacity:0;mix-blend-mode:multiply;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.work-slice:hover img{transform:scale(1.06)}.work-slice:hover:after{opacity:.45}.project{padding-top:var(--header-h)}.project-hero{background:#111;width:100%;padding:0;position:relative;overflow:hidden}.project-hero img{object-fit:cover;object-position:center;border-radius:0;width:100%;height:100dvh}.project-hero:after{content:"";pointer-events:none;background:linear-gradient(#0808086b,#0000);position:absolute;inset:0 0 55%}.hero-slogan{left:var(--pad);right:var(--pad);top:calc(var(--header-h) + 28px);z-index:2;font-family:var(--font-display);color:#fff;pointer-events:none;margin:0;font-size:clamp(32px,5.6vw,78px);font-weight:400;line-height:1.12;position:absolute;bottom:auto}.hero-slogan span{opacity:0;margin-right:.28em;animation:.7s cubic-bezier(.16,1,.3,1) forwards word-in;display:inline-block;transform:translateY(.45em)}@keyframes word-in{to{opacity:1;transform:none}}.project-intro{max-width:none;padding:72px var(--pad) 24px;margin:0 auto}.project-intro-main{grid-template-columns:.95fr 1.05fr;align-items:start;gap:clamp(32px,5vw,80px);margin-top:16px;display:grid}.project-body{max-width:none;padding:72px var(--pad) 32px;margin:0 auto}.project-title{font-family:var(--font-display);font-size:var(--fs-h1);line-height:var(--lh-title);margin-left:-.18em;font-weight:400}.project-sub{color:var(--ink);max-width:100%;margin:0 0 16px;font-size:20px}.project-sub span{background:var(--hl-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.12em .4em;display:inline}@keyframes sub-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.project-meta{font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.statement{font-size:var(--fs-body);color:var(--ink-soft);margin-top:0;line-height:1.75}.quote{font-family:var(--font-display);color:var(--ink);margin-top:22px;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.35}.section{max-width:none;padding:56px var(--pad) 0;margin:0 auto}.section-title{font-family:var(--font-hand);font-size:var(--fs-h2);letter-spacing:.01em;color:var(--ink);margin-bottom:18px;font-weight:400;line-height:1.1}.video{aspect-ratio:16/9;background:#111;border-radius:8px;width:100%;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.award-compact{width:100%;max-width:none;color:var(--ink-soft);letter-spacing:.02em;grid-template-columns:1fr 1fr;gap:28px clamp(32px,4vw,56px);font-size:13px;line-height:1.55;display:grid}.award-compact-block{margin-bottom:22px}.award-compact-block:last-child{margin-bottom:0}.award-compact-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 8px;font-size:10px}.award-compact-block ul{gap:3px;list-style:none;display:grid}.award-hot{color:#c41e12;font-weight:600}.award-list{font-size:var(--fs-body);color:var(--ink-soft);grid-template-columns:1fr 1fr;gap:16px 40px;display:grid}.award-list strong{color:var(--hl-soft-fg);background:var(--hl-soft);pointer-events:none;margin-bottom:8px;padding:.12em .45em;font-weight:400;display:inline-block}.award-list .award-hot{color:#c41e12;background:0 0;margin:0;padding:0;font-weight:600}.thumb-strip{cursor:ew-resize;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:4px var(--pad) 8px;gap:14px;display:flex;overflow-x:hidden}.thumb-strip figure{flex:0 0 min(46vw,560px);margin:0}.thumb-strip img{aspect-ratio:4/3;object-fit:cover;background:var(--paper-deep);width:100%}.thumb-strip figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:10px;font-size:12px}.image-stack{gap:12px;display:grid}.image-stack img{border-radius:8px;width:100%}.page-about{color:#fff;background:0 0;min-height:100dvh;position:relative}.about-bg{z-index:0;pointer-events:none;background:#1a0904;position:fixed;inset:0;overflow:hidden}.about-bg img{object-fit:cover;object-position:22% 12%;width:100%;height:100%}.page-about:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 6%,#0808081f 38%,#0808085c 100%);position:fixed;inset:0}.page-about>:not(.about-bg){z-index:1;position:relative}.page-about .page-head:after{background:linear-gradient(90deg,#0000 0%,#ffffff2e 16%,#ffffffb3 50%,#ffffff2e 84%,#0000 100%)}.page-about .page-kicker{color:#fff}.about{grid-template-columns:calc(50vw - var(--pad)) minmax(0, 1fr);align-items:start;gap:0;max-width:none;margin:0 auto;display:grid}.about-pin{top:calc(var(--header-h) + 12px);width:100%;height:calc(100dvh - var(--header-h) - 36px);margin:0;position:sticky;overflow:hidden}.about-pin img{object-fit:cover;object-position:center 12%;width:100%;height:100%}.about-copy{min-width:0;max-width:36em;margin-left:clamp(24px,3vw,48px);padding:0 0 24px}.about-copy .page-head{margin-bottom:22px}.about h1{font-family:var(--font-display);color:#fff;margin:0 0 10px -.12em;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1}.page-about .project-meta,.page-about .statement,.page-about .cv p,.page-about .cv li,.page-about .site-footer{color:#ffffffe0}.page-about .btn{color:var(--ink);background:#fff;border-color:#fff}.page-about .btn:hover,.page-about .btn-active{background:var(--accent);border-color:var(--accent);color:#fff}.cv{gap:28px;margin-top:48px;display:grid}.cv h2{margin-bottom:12px}.cv p,.cv li{font-size:var(--fs-body);color:var(--ink-soft)}.cv ul{gap:8px;list-style:none;display:grid}.about-social{align-items:center;gap:10px;margin-top:14px;display:flex}.about-social a{color:#fff;border:1px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.about-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.about-social svg{display:block}.site-footer{padding:48px var(--pad) 32px;font-size:var(--fs-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;gap:16px;display:flex}.home{background:var(--paper);height:100dvh;position:relative;overflow:hidden}.home-wash{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-wash img{object-fit:cover;object-position:center top;opacity:.9;width:100%;height:100%}.home-ripple{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-ripple.is-live{opacity:.9}.about-bg .home-ripple.is-live{opacity:1}.home-canvas{z-index:2;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.home-copy{left:var(--pad);z-index:4;pointer-events:none;isolation:isolate;position:absolute;bottom:48px}.home-copy:before{content:"";z-index:-1;background:radial-gradient(80% 90% at 18% 78%,#fffffff7 0%,#ffffffc7 38%,#fff3 62%,#0000 78%);position:absolute;inset:-64px -180px -48px -80px}.home-copy h1{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);font-weight:400}.home-roles{margin-top:16px;margin-left:calc(var(--fs-display) * .1);font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-weight:400;line-height:1.45}.home-hint{right:var(--pad);z-index:4;pointer-events:none;text-align:right;font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);position:absolute;bottom:52px}.home-hint span{display:block}.hinge{perspective:1600px}.hinge img{transform-origin:0;animation:1.15s cubic-bezier(.16,1.2,.3,1) both loose-hinge}.hinge-top img{transform-origin:top}@keyframes loose-hinge{0%{opacity:0;transform:rotateY(-14deg)translate(-16px,8px)}58%{opacity:1;transform:rotateY(3.5deg)translate(0,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hinge img{transition:none;animation:none}.hero-slogan span,.project-sub span{opacity:1;clip-path:none;animation:none;transform:none}}@media (width<=860px){.nav-toggle{display:block}.nav{top:var(--header-h);background:var(--paper);padding:12px var(--pad) 24px;flex-direction:column;align-items:flex-start;gap:16px;display:none;position:absolute;left:0;right:0}.nav.is-open{display:flex}.site-header.is-over-photo .nav{color:var(--ink)}.site-header.is-over-photo .nav .btn{border-color:var(--ink);color:var(--ink)}.site-header.is-over-photo .nav .btn-active{background:var(--ink);border-color:var(--ink);color:#fff}.page-head{flex-direction:column;align-items:flex-start}.page-head-right{text-align:left;max-width:none}.project-intro-main,.work-grid,.award-list,.award-compact{grid-template-columns:1fr}.page-about:after{background:linear-gradient(#0808082e 0%,#08080880 42%,#080808c7 100%)}.about{grid-template-columns:1fr}.about-pin{height:min(68vh,520px);position:relative;top:auto}.about-copy{width:100%;margin-left:0}.work-slices{grid-template-columns:repeat(4,1fr)}.thumb-strip{-webkit-overflow-scrolling:touch;overflow-x:auto}.thumb-strip figure{flex-basis:min(78vw,420px)}.nav .btn{justify-content:flex-start;width:100%}.home-hint{display:none}}
