:root{--paper:#eae9e3;--ink:#252822;--line:#a8aaa0;--soft:#dadcd2;--accent:#68725e}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink)}body.inverted{--paper:#22251f;--ink:#eae9e3;--line:#62685a;--soft:#30362a;--accent:#a8b29c}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,.piece:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.site-header,.site-header.overlay{position:relative;display:flex;align-items:center;background:var(--paper);color:var(--ink);padding:24px 3.5%;border-bottom:1px solid var(--line);height:112px;mix-blend-mode:normal}.wordmark{margin-right:auto}.brand-logo{width:200px!important;display:block}.brand-logo img{width:100%;height:auto}.inverted .brand-logo img{filter:invert(1)}.site-header nav{display:flex;gap:30px}.site-header nav a{font:11px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em}.site-header nav a:before{content:'[ ';opacity:.5}.site-header nav a:after{content:' ]';opacity:.5}.invert{border:0;background:none;font:11px 'Courier New',monospace;margin-right:34px;cursor:pointer}.menu-toggle{display:none}.spatial-hero{position:relative;min-height:750px;height:calc(100svh - 112px);max-height:1050px;padding:23px 3.5% 28px;overflow:hidden}.hero-register,.hero-bottom{display:flex;justify-content:space-between;font:10px 'Courier New',monospace;letter-spacing:.055em}.hero-intro{position:absolute;left:7%;top:17%;z-index:2;pointer-events:none}.hero-intro>p{font:11px 'Courier New',monospace;margin-bottom:23px}.hero-intro h1{font-weight:400;font-size:clamp(48px,5.5vw,87px);letter-spacing:-.065em;line-height:.96;margin:0}.assembly{position:absolute;left:33%;top:7%;width:63%;height:80%;perspective:1100px}.assembly svg{width:100%;height:100%;overflow:visible;transform:rotateX(30deg) rotateY(-21deg) rotateZ(-12deg);transition:transform 1s;filter:drop-shadow(20px 40px 24px #0000000b)}.frame-back path{fill:none;stroke:var(--line);stroke-width:.7;stroke-dasharray:4 5}.piece{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.piece polygon{stroke:var(--ink);stroke-width:1;stroke-linejoin:round}.face{fill:var(--paper);transition:fill .45s}.depth{fill:var(--soft)}.piece:nth-child(even) .face{fill:var(--soft)}.piece:hover,.piece:focus-visible,.piece.selected{transform:translate(0,-22px)}.piece:hover .face,.piece:focus-visible .face,.piece.selected .face{fill:var(--ink)}.piece text{fill:var(--ink);pointer-events:none;font-family:'Courier New',monospace}.piece:hover text,.piece:focus-visible text,.piece.selected text{fill:var(--paper)}.piece-number{font-size:9px;opacity:.6}.piece-word{font-size:17px;letter-spacing:-.5px}.axis{position:absolute;font:9px 'Courier New',monospace;color:var(--accent)}.axis-x{bottom:6%;right:26%}.axis-y{top:23%;right:0;writing-mode:vertical-rl}.assembly.exploded .piece-0{transform:translate(-35px,-55px)}.assembly.exploded .piece-1{transform:translate(0,-65px)}.assembly.exploded .piece-2{transform:translate(40px,-40px)}.assembly.exploded .piece-3{transform:translate(-15px,10px)}.assembly.exploded .piece-4{transform:translate(40px,20px)}.assembly.exploded .piece-5{transform:translate(0,65px)}.thought{position:absolute;left:7%;bottom:20%;max-width:270px}.thought span{font:9px 'Courier New',monospace;color:var(--accent)}.thought p{font-size:19px;line-height:1.35;letter-spacing:-.025em}.hero-bottom{position:absolute;bottom:30px;left:3.5%;right:3.5%;align-items:end}.hero-bottom small{display:block;opacity:.55;margin-top:6px;font-size:10px;letter-spacing:0}.assemble{border:0;background:none;font:10px 'Courier New',monospace;cursor:pointer}.philosophy{border-top:1px solid var(--line);margin:0 3.5%;padding:65px 3.5% 95px;display:grid;grid-template-columns:1fr 2.4fr 1.2fr;gap:28px}.eyebrow{font:10px 'Courier New',monospace}.philosophy>p{font-size:clamp(30px,4vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0}.philosophy em{font-family:Georgia,serif;font-weight:400}.philosophy>div{font-size:13px;line-height:1.7;max-width:270px;padding-top:7px}.work{padding:60px 7%;border-top:1px solid var(--line)}.work-heading h2{font-size:43px;font-weight:400;letter-spacing:-.05em}.work-heading>span,.work-footnote,.credit{font-family:'Courier New',monospace}.filters{display:flex;flex-wrap:wrap;gap:25px;margin:30px 0 15px}.filters button{border:0;border-bottom:1px solid transparent;background:none;font-size:14px;padding:12px 0;cursor:pointer;opacity:.5}.filters button span{font:9px 'Courier New',monospace;margin-right:9px}.filters button[aria-pressed=true]{opacity:1;border-color:var(--ink)}.result-count{font:9px 'Courier New',monospace;margin-bottom:35px;color:var(--accent)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 45px}.work-card{margin:0!important;width:auto!important}.work-card[hidden]{display:none!important}.work-card:nth-child(even){padding-top:75px}.work-image{overflow:hidden;aspect-ratio:1.4}.work-image img{height:100%;width:100%;object-fit:cover;transition:transform 1s,filter 1s;filter:saturate(.55)}.work-card:hover img{transform:scale(1.035);filter:saturate(1)}.work-caption h3{font-weight:400;font-size:20px}.credit{font-size:10px!important;color:var(--accent)!important}.work-footnote{font-size:10px;line-height:1.6;padding-top:60px}footer{background:var(--paper);border-top:1px solid var(--line);color:var(--ink);font:10px 'Courier New',monospace}.project-page,.contact-page{background:var(--paper)}.project-info,.project-title,.project-topline,.profile,.contact-main{color:var(--ink)}
@media(min-width:1600px){.assembly{left:35%;width:60%}}@media(max-width:800px){.site-header{height:92px;padding:20px 5%}.brand-logo{width:150px!important}.invert{margin-right:15px}.invert span{display:none}.menu-toggle{display:block;border:0;background:none;font:11px 'Courier New',monospace;order:3}.site-header nav{display:none;position:absolute;top:91px;left:0;right:0;background:var(--paper);padding:30px 5%;border-bottom:1px solid var(--line);z-index:100}.site-header nav.open{display:flex}.spatial-hero{height:auto;min-height:860px;padding:20px 5%}.hero-register{font-size:8px}.hero-register span:last-child{max-width:120px;text-align:right}.hero-intro{left:7%;top:11%}.hero-intro h1{font-size:59px}.assembly{top:29%;left:4%;width:94%;height:46%}.assembly svg{transform:rotateX(25deg) rotateY(-13deg) rotateZ(-10deg)}.thought{bottom:13%;left:7%;max-width:85%}.thought p{font-size:16px;margin-top:12px}.hero-bottom{font-size:8px;left:5%;right:5%;gap:15px}.hero-bottom small{font-size:8px}.assemble{font-size:8px}.philosophy{padding:45px 3% 60px;grid-template-columns:1fr;gap:26px}.philosophy>p{font-size:42px}.philosophy>div{max-width:400px}.work{padding:45px 7%}.work-grid{grid-template-columns:1fr;gap:35px}.work-card:nth-child(even){padding-top:0}.filters{gap:18px}.filters button{font-size:12px}.filters button span{margin-right:3px}.axis{display:none}.work-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand-logo>img{width:222.0859%;height:auto}.brand-logo{aspect-ratio:978/475}
